2023-10-17 19:01:29 +08:00
< template >
2023-10-18 18:31:46 +08:00
< div class = "app-container" >
< el -card >
2023-10-19 18:47:09 +08:00
< div slot = "header" style = "display: flex;justify-content: space-between;padding-right: 0px" >
2023-10-18 18:31:46 +08:00
< div >
2023-10-19 18:47:09 +08:00
< el -page -header @back ="goBack" content = "详情页面" > < / e l - p a g e - h e a d e r >
< / div >
< div >
< el -button type = "primary" plain round @click ="subCard" > 子卡管理 < i class = "el-icon-bank-card el-icon--right" > < / i > < / e l - b u t t o n >
2023-10-18 18:31:46 +08:00
< el -button type = "primary" plain round > 会员码 < / e l - b u t t o n >
< / div >
< / div >
< div > 基础资料 < / div >
< div style = "display: flex;margin-top: 20px" >
< div class = "left" >
< div >
< img v-if ="form.avatar" :src="form.avatar" style="width: 80px;height: 80px" >
< img v -else src = "@/assets/images/avatar.png" style = "width: 80px;height: 80px" >
< / div >
2023-10-20 18:42:38 +08:00
< el -button type = "warning" plain round size = "mini" style = "margin: 10px" @click ="bindIdCard" > 绑定实体卡 < / el -button > < br >
< el -button type = "primary" icon = "el-icon-bank-card" round style = "margin: 10px;width: 50%;height: 40px" @click ="userRecharge" > 会员充值 < / el -button >
2023-10-18 18:31:46 +08:00
< / div >
< div class = "right" >
< el -descriptions >
< el -descriptions -item label = "手机号" > { { form . mobile } }
< el -tag size = "mini" @click ="replaceMobile" > 更换 < / el -tag >
< / e l - d e s c r i p t i o n s - i t e m >
< el -descriptions -item label = "会员昵称" > { { form . name } } < / e l - d e s c r i p t i o n s - i t e m >
< el -descriptions -item label = "实体卡号" > { { form . idcard } } < / e l - d e s c r i p t i o n s - i t e m >
< el -descriptions -item label = "绑定信息" > < / e l - d e s c r i p t i o n s - i t e m >
< el -descriptions -item label = "会员状态" >
< dict -tag :options ="dict.type.zhzt" :value ="form.status" / >
< / e l - d e s c r i p t i o n s - i t e m >
< el -descriptions -item label = "加油次数" > { { form . consumeNum } } < / e l - d e s c r i p t i o n s - i t e m >
< el -descriptions -item label = "加油总金额" > { { form . refuelMoney } } < / e l - d e s c r i p t i o n s - i t e m >
< el -descriptions -item label = "所属油站" > { { store . name } } < / e l - d e s c r i p t i o n s - i t e m >
< el -descriptions -item label = "注册时间" > { { form . createTime } } < / e l - d e s c r i p t i o n s - i t e m >
2023-10-19 18:47:09 +08:00
< el -descriptions -item label = "关联副卡" >
< span style = "color: #00afff" @click ="secondCard" > 副卡管理 < / span >
< / e l - d e s c r i p t i o n s - i t e m >
< el -descriptions -item label = "会员等级" >
2023-10-20 18:42:38 +08:00
{ { grade . name } }
2023-10-19 18:47:09 +08:00
< / e l - d e s c r i p t i o n s - i t e m >
2023-10-18 18:31:46 +08:00
< el -descriptions -item label = "储值优惠" > < / e l - d e s c r i p t i o n s - i t e m >
2023-10-19 18:47:09 +08:00
< el -descriptions -item label = "每日笔数" >
< span style = "color: #00afff" @click ="configuration" > 跟随全局总配置 < / span >
< / e l - d e s c r i p t i o n s - i t e m >
< el -descriptions -item label = "固定等级" >
< span style = "color: #00afff" @click ="level" >
< dict -tag :options ="dict.type.zcrzdj" :value ="form.fixingLevel" / > < / span >
< / e l - d e s c r i p t i o n s - i t e m >
2023-10-18 18:31:46 +08:00
< el -descriptions -item label = "备注信息" > { { form . description } } < / e l - d e s c r i p t i o n s - i t e m >
< / e l - d e s c r i p t i o n s >
< / div >
< / div >
< / e l - c a r d >
< el -card style = "margin: 20px 0" >
< div > 会员资产 < / div >
< div >
< template >
< div >
< el -row :gutter ="20" >
< el -col :span ="4" >
< div class = "sta" >
< el -statistic
group - separator = ","
: value = "form.point"
title = "累计积分"
> < / e l - s t a t i s t i c >
< / div >
< / e l - c o l >
< el -col :span ="4" >
< div class = "sta" >
< el -statistic
group - separator = ","
: value = "form.refuelMoney"
title = "加油金" >
< / e l - s t a t i s t i c >
< / div >
< / e l - c o l >
< el -col :span ="4" >
< div class = "sta" >
< el -statistic
group - separator = ","
: precision = "2"
: value = "form.balance"
title = "账户余额"
> < / e l - s t a t i s t i c >
< / div >
< / e l - c o l >
< el -col :span ="4" >
< div class = "sta" >
< el -statistic
group - separator = ","
: precision = "2"
: value = "form.literCard"
title = "升数卡余额"
> < / e l - s t a t i s t i c >
< / div >
< / e l - c o l >
< / e l - r o w >
< / div >
< / template >
< / div >
< / e l - c a r d >
< el -card >
< template >
< el -tabs v-model ="activeName" @tab-click="handleClick" >
< el -tab -pane label = "加油订单" name = "refuelOrder" >
< el -table ref = "tables" v-loading ="loading" :data ="list" >
< el -table -column label = "所属油站" prop = "id" align = "center" / >
< el -table -column label = "订单时间" align = "center" / >
< el -table -column label = "交易终端" align = "center" prop = "userNo" / >
< el -table -column label = "油品/油枪" align = "center" prop = "name" / >
< el -table -column label = "订单金额" align = "center" prop = "mobile" / >
< el -table -column label = "优惠金额" align = "center" prop = "gradeId" / >
< el -table -column label = "实付金额" align = "center" prop = "balance" / >
< el -table -column label = "付款类型" align = "center" prop = "balance" / >
< el -table -column label = "订单号" align = "center" prop = "balance" / >
< el -table -column label = "订单类型" align = "center" prop = "point" / >
< / e l - t a b l e >
< pagination
: total = "total"
: page . sync = "queryParams.page"
: limit . sync = "queryParams.pageSize"
@ pagination = "getList"
/ >
< / e l - t a b - p a n e >
< el -tab -pane label = "商品订单" name = "shopOrder" >
< el -table ref = "tables" v-loading ="loading" :data ="list" >
< el -table -column label = "所属油站" prop = "id" align = "center" / >
< el -table -column label = "订单时间" align = "center" / >
< el -table -column label = "订单金额" align = "center" prop = "userNo" / >
< el -table -column label = "商品数量" align = "center" prop = "name" / >
< el -table -column label = "储值卡" align = "center" prop = "mobile" / >
< el -table -column label = "实付金额" align = "center" prop = "balance" / >
< el -table -column label = "付款类型" align = "center" prop = "balance" / >
< el -table -column label = "订单号" align = "center" prop = "balance" / >
< el -table -column label = "订单类型" align = "center" prop = "point" / >
< / e l - t a b l e >
< pagination
: total = "total"
: page . sync = "queryParams.page"
: limit . sync = "queryParams.pageSize"
@ pagination = "getList"
/ >
< / e l - t a b - p a n e >
< el -tab -pane label = "余额记录" name = "balanceRecord" >
<!-- < el -tabs v-model ="balanceRecord" type="card" @tab-click="handleClick" > - - >
<!-- < el -tab -pane label = "储值卡记录" name = "first" > 储值卡记录 < / e l - t a b - p a n e > - - >
<!-- < el -tab -pane label = "升数卡记录" name = "second" > 升数卡记录 < / e l - t a b - p a n e > - - >
<!-- < / e l - t a b s > - - >
< el -radio -group v-model ="tabPosition" size="mini" style="margin-bottom: 30px;" >
< el -radio -button label = "giftCard" > 储值卡记录 < / e l - r a d i o - b u t t o n >
< el -radio -button label = "literCard" > 升数卡记录 < / e l - r a d i o - b u t t o n >
< / e l - r a d i o - g r o u p >
< div v-if ="tabPosition=='giftCard'" >
< el -table ref = "tables" v-loading ="loading" :data ="list" >
< el -table -column prop = "date" label = "所属油站" / >
< el -table -column prop = "date" label = "变动账户" / >
< el -table -column prop = "date" label = "类型" / >
< el -table -column label = "详细信息" >
< el -table -column prop = "name" label = "变动金额" / >
< el -table -column prop = "address" label = "变动前余额" / >
< el -table -column prop = "address" label = "变动后余额" / >
< / e l - t a b l e - c o l u m n >
< el -table -column prop = "date" label = "订单号" / >
< el -table -column prop = "date" label = "描述" / >
< el -table -column prop = "date" label = "变动时间" / >
< / e l - t a b l e >
< pagination
: total = "total"
: page . sync = "queryParams.page"
: limit . sync = "queryParams.pageSize"
@ pagination = "getList"
/ >
< / div >
< div v-else >
< el -table ref = "tables" v-loading ="loading" :data ="list" >
< el -table -column label = "所属油站" prop = "id" align = "center" / >
< el -table -column label = "变动账户" align = "center" / >
< el -table -column label = "类型" align = "center" prop = "userNo" / >
< el -table -column label = "变动升数" align = "center" prop = "name" / >
< el -table -column label = "订单号" align = "center" prop = "balance" / >
< el -table -column label = "描述" align = "center" prop = "balance" / >
< el -table -column label = "变动时间" align = "center" prop = "point" / >
< / e l - t a b l e >
< pagination
: total = "total"
: page . sync = "queryParams.page"
: limit . sync = "queryParams.pageSize"
@ pagination = "getList"
/ >
< / div >
< / e l - t a b - p a n e >
< el -tab -pane label = "积分记录" name = "pointRecord" >
< el -table ref = "tables" v-loading ="loading" :data ="list" >
< el -table -column label = "所属油站" prop = "id" align = "center" / >
< el -table -column label = "变动时间" align = "center" / >
< el -table -column label = "类型" align = "center" prop = "userNo" / >
< el -table -column label = "变动积分" align = "center" prop = "name" / >
< el -table -column label = "描述" align = "center" prop = "balance" / >
< / e l - t a b l e >
< pagination
: total = "total"
: page . sync = "queryParams.page"
: limit . sync = "queryParams.pageSize"
@ pagination = "getList"
/ >
< / e l - t a b - p a n e >
< el -tab -pane label = "卡券列表" name = "cardList" >
< el -radio -group v-model ="cardList" size="mini" style="margin-bottom: 30px;" >
< el -radio -button label = "notUse" > 未使用 < / e l - r a d i o - b u t t o n >
< el -radio -button label = "used" > 已使用 < / e l - r a d i o - b u t t o n >
< el -radio -button label = "expired" > 已过期 < / e l - r a d i o - b u t t o n >
< el -radio -button label = "whole" > 全部 < / e l - r a d i o - b u t t o n >
< / e l - r a d i o - g r o u p >
< div >
< el -table ref = "tables" v-loading ="loading" :data ="list" >
< el -table -column prop = "date" label = "所属油站" / >
< el -table -column prop = "date" label = "优惠券名称" / >
< el -table -column prop = "date" label = "卡券类型" / >
< el -table -column prop = "date" label = "满减金额" / >
< el -table -column prop = "date" label = "券面额" / >
< el -table -column prop = "date" label = "适用油品" / >
< el -table -column prop = "date" label = "状态" / >
< el -table -column label = "卡券可用规则" >
< el -table -column prop = "name" label = "有效期" / >
< el -table -column prop = "address" label = "周期与时段" / >
< / e l - t a b l e - c o l u m n >
< el -table -column prop = "date" label = "领取时间" / >
< el -table -column prop = "date" label = "描述" / >
< / e l - t a b l e >
< pagination
: total = "total"
: page . sync = "queryParams.page"
: limit . sync = "queryParams.pageSize"
@ pagination = "getList"
/ >
< / div >
< / e l - t a b - p a n e >
< el -tab -pane label = "成长值记录" name = "growthValue" >
< el -radio -group v-model ="growthValue" size="mini" style="margin-bottom: 30px;" >
< el -radio -button label = "whole" > 全部 < / e l - r a d i o - b u t t o n >
< el -radio -button label = "gasoline" > 汽油成长值 < / e l - r a d i o - b u t t o n >
< el -radio -button label = "diesel" > 柴油成长值 < / e l - r a d i o - b u t t o n >
< el -radio -button label = "naturalGas" > 天然气成长值 < / e l - r a d i o - b u t t o n >
< / e l - r a d i o - g r o u p >
< div >
< el -table ref = "tables" v-loading ="loading" :data ="list" >
< el -table -column label = "所属油站" prop = "id" align = "center" / >
< el -table -column label = "变动时间" align = "center" / >
< el -table -column label = "类型" align = "center" prop = "userNo" / >
< el -table -column label = "变动成长值" align = "center" prop = "name" / >
< el -table -column label = "描述" align = "center" prop = "balance" / >
< / e l - t a b l e >
< pagination
: total = "total"
: page . sync = "queryParams.page"
: limit . sync = "queryParams.pageSize"
@ pagination = "getList"
/ >
< / div >
< / e l - t a b - p a n e >
< el -tab -pane label = "加油金记录" name = "refuelMoney" >
< el -table ref = "tables" v-loading ="loading" :data ="list" >
< el -table -column label = "所属油站" prop = "id" align = "center" / >
< el -table -column label = "变动时间" align = "center" / >
< el -table -column label = "类型" align = "center" prop = "userNo" / >
< el -table -column label = "变动数据" align = "center" prop = "name" / >
< el -table -column label = "记录单号" align = "center" prop = "name" / >
< el -table -column label = "变动描述" align = "center" prop = "balance" / >
< el -table -column label = "场景来源" align = "center" prop = "balance" / >
< / e l - t a b l e >
< pagination
: total = "total"
: page . sync = "queryParams.page"
: limit . sync = "queryParams.pageSize"
@ pagination = "getList"
/ >
< / e l - t a b - p a n e >
< / e l - t a b s >
< / template >
< / e l - c a r d >
2023-10-20 18:42:38 +08:00
<!-- 会员充值 -- >
2023-10-31 18:18:30 +08:00
< el -dialog :close-on-click-modal ="false" width = "60%" :title ="title" :visible.sync ="openRecharge" append -to -body >
2023-10-20 18:42:38 +08:00
< template >
< el -tabs v-model ="activeRecharge" type="card" @tab-click="handleClick" >
< el -tab -pane label = "储值卡" name = "balance" >
< div >
2023-11-13 16:54:15 +08:00
<!-- < el -row >
2023-10-20 18:42:38 +08:00
< el -col :span ="24" >
< div style = "display: flex" >
< div style = "width: 7%;line-height: 40px" > 油品类型 < / div >
< el -radio -button > 储值卡充值 < / e l - r a d i o - b u t t o n >
< / div >
< / e l - c o l >
2023-11-13 16:54:15 +08:00
< / e l - r o w > - - >
2023-10-20 18:42:38 +08:00
< el -row >
2023-11-13 16:54:15 +08:00
<!--
. conten - bottom {
box - sizing : border - box ;
padding : 20 px 20 px ;
display : flex ;
flex - wrap : wrap ;
} -- >
< el -col :span ="1.5" >
< div style = "height: 50px;line-height: 50px" > 充值金额 < / div >
< / e l - c o l >
< el -col :span ="22" >
< div v-if ="cardValueList.length>0" style="display: flex;margin: 13px 5px;box-sizing: border-box;flex-wrap: wrap; " >
2023-10-20 18:42:38 +08:00
< div class = "mon"
2023-11-13 16:54:15 +08:00
v - for = "(item,index) in cardValueList" : key = "index"
2023-10-20 18:42:38 +08:00
: class = "activeKey === index ? 'select' : ''"
2023-11-13 16:54:15 +08:00
@ click = "rechargeCard(index)" >
< div class = "top1" > < span class = "amount1" > { { item . rechargeBalance } } < / span > 元 < / div >
< div > 赠送 < span class = "amount" > { { item . giftBalance } } < / span > 元 < / div >
2023-10-20 18:42:38 +08:00
< / div >
< / div >
2023-11-13 16:54:15 +08:00
< div style = "width: 30%;margin-left: 13px;margin-top: 8px;"
: class = "activeKey === cardValueList.length ? 'select' : ''"
@ click = "rechargeCard(cardValueList.length,-1)" >
2023-10-20 18:42:38 +08:00
< el -input placeholder = "请输入充值金额"
2023-10-31 18:18:30 +08:00
size = "medium"
2023-11-13 16:54:15 +08:00
v - model . number = "cardValueForm.amount"
2023-11-21 18:11:49 +08:00
@ input = "valueAmoutChange(cardValueForm.amount)" >
2023-10-20 18:42:38 +08:00
< template slot = "prepend" > 自定义 < / template >
< template slot = "append" > 元 < / template >
< / e l - i n p u t >
< / div >
< / e l - c o l >
< / e l - r o w >
2023-11-13 16:54:15 +08:00
2023-10-20 18:42:38 +08:00
< el -row >
< el -col :span ="24" >
< div style = "display: flex;justify-content: space-between;margin: 20px 0" >
< div class = "jine" >
< div class = "zeng" > 赠送金额 < / div >
< div >
< el -input placeholder = "0.00"
2023-11-13 16:54:15 +08:00
v - model = "cardValueForm.giftBalance"
2023-10-20 18:42:38 +08:00
disabled >
< template slot = "append" > 元 < / template >
< / e l - i n p u t >
< span class = "bom" > 赠送金额 仅自定义金额模式下可手动输入赠送 、 活动充值赠送金额不可手动更改 < / span >
< / div >
< / div >
2023-11-13 16:54:15 +08:00
2023-10-20 18:42:38 +08:00
< div class = "jine" >
2023-11-13 16:54:15 +08:00
< div class = "zeng" > 赠送积分 < / div >
2023-10-20 18:42:38 +08:00
< div >
2023-11-13 16:54:15 +08:00
< el -input placeholder = "0"
v - model = "cardValueForm.points"
2023-10-20 18:42:38 +08:00
disabled >
2023-11-13 16:54:15 +08:00
< template slot = "append" > 积分 < / template >
2023-10-20 18:42:38 +08:00
< / e l - i n p u t >
2023-11-13 16:54:15 +08:00
< span class = "bom" > 赠送积分 仅自定义金额模式下可手动输入 , 活动充值赠送积分不可手动更改 [ 需开启积分活动有效 ] < / span >
2023-10-20 18:42:38 +08:00
< / div >
< / div >
2023-11-13 16:54:15 +08:00
2023-10-20 18:42:38 +08:00
< div class = "jine" >
2023-11-13 16:54:15 +08:00
< div class = "zeng" style = "width: 100px;" > 赠成长值 < / div >
2023-10-20 18:42:38 +08:00
< div >
< el -input placeholder = "0"
2023-11-13 16:54:15 +08:00
v - model = "cardValueForm.growthValue"
2023-10-20 18:42:38 +08:00
disabled >
2023-11-13 16:54:15 +08:00
< template slot = "append" > 成长值 < / template >
2023-10-20 18:42:38 +08:00
< / e l - i n p u t >
2023-11-13 16:54:15 +08:00
<!-- < span class = "bom" > 赠送加油金金额 仅自定义金额模式下可手动输入赠送 、 活动充值赠送金额不可手动更改 < / span > -- >
2023-10-20 18:42:38 +08:00
< / div >
< / div >
2023-11-13 16:54:15 +08:00
2023-10-20 18:42:38 +08:00
< div class = "jine" >
< div class = "zeng" > 提成员工 < / div >
< div >
2023-11-13 16:54:15 +08:00
< el -input :readonly ="true" placeholder = "请选择提成员工" v-model ="cardValueForm.realName" >
< el -button slot = "append" @click ="chooseStaff" > 选择员工 < / el -button >
2023-10-20 18:42:38 +08:00
< / e l - i n p u t >
2023-11-13 16:54:15 +08:00
< span class = "bom" > 仅系统储值档次支持提成员工选择 、 自定义充值金额匹配低一档次 < / span >
2023-10-20 18:42:38 +08:00
< / div >
< / div >
< / div >
< / e l - c o l >
< / e l - r o w >
< el -row >
< el -col :span ="24" >
< div style = "display: flex" >
< div style = "width: 7%" > 充值备注 < / div >
< el -input
type = "textarea"
placeholder = ""
2023-11-13 16:54:15 +08:00
v - model = "cardValueForm.remark"
2023-10-20 18:42:38 +08:00
maxlength = "255"
show - word - limit
>
< / e l - i n p u t >
< / div >
< / e l - c o l >
< / e l - r o w >
< el -row >
< el -col :span ="24" >
< div style = "display: flex;margin: 20px 0" >
< div style = "width: 7%" > 支付方式 < / div >
< div >
2023-11-14 18:53:58 +08:00
< el -radio v -for = " dict in payList " v -model = " cardValueForm.paymentType " :key ="dict.dictValue" :label ="dict.dictValue" :value ="dict.dictValue" border > { { dict . dictLabel } } < / e l - r a d i o >
2023-10-20 18:42:38 +08:00
< / div >
< / div >
< / e l - c o l >
< / e l - r o w >
< div style = "margin: 20px 0;text-align: center" >
2023-11-13 16:54:15 +08:00
< el -button type = "primary" @click ="confirm(1)" > 确认充值 < / el -button >
2023-10-20 18:42:38 +08:00
< el -button @click ="cancel" > 取 消 < / el -button >
< / div >
< / div >
< / e l - t a b - p a n e >
2023-11-13 16:54:15 +08:00
< el -tab -pane label = "存油卡" name = "literCard" >
2023-10-20 18:42:38 +08:00
< el -row >
< el -col :span ="24" >
< div style = "display: flex" >
< div style = "width: 7%;line-height: 40px" > 油品类型 < / div >
2023-11-13 16:54:15 +08:00
< el -radio -group v-model ="tabOilType" style="margin-bottom: 30px;" >
< el -radio -button v-for ="item,index in oilTypeList" :label="item.oilType" @click.native="tabOilTypeClick(item.oilType)" > {{ item.type }}{{ item.oilType }} < / el -radio -button >
2023-10-20 18:42:38 +08:00
< / e l - r a d i o - g r o u p >
< / div >
< / e l - c o l >
< / e l - r o w >
< el -row >
2023-11-13 16:54:15 +08:00
< el -col :span ="1.5" >
< div style = "height: 50px;line-height: 50px;" > 充值金额 < / div >
< / e l - c o l >
< el -col :span ="22" >
< div style = "display: flex;margin: 20px 5px;box-sizing: border-box;flex-wrap: wrap;" >
2023-10-20 18:42:38 +08:00
< div class = "mon2"
2023-11-13 16:54:15 +08:00
v - for = "(item,index) in cardFuelDieselList" : key = "index"
: class = "activeKey === index ? 'select' : ''"
2023-10-20 18:42:38 +08:00
@ click = "recharge(index)" >
2023-11-13 16:54:15 +08:00
< div class = "top1" > < span class = "amount1" > { { item . incomeLitres } } < / span > L < / div >
< div > 售价 < span class = "amount" > { { item . rechargeBalance } } < / span > 元 < / div >
< div > 锁价 < span class = "amount" > { { item . lockupPrice } } < / span > / 升 < / div >
2023-10-20 18:42:38 +08:00
< / div >
< / div >
< / e l - c o l >
< / e l - r o w >
< el -row >
< el -col :span ="24" >
< div style = "display: flex;margin: 20px 0" >
< div class = "jine" >
< div class = "zeng" > 赠送积分 < / div >
< div >
2023-11-13 16:54:15 +08:00
< el -input placeholder = "0" disabled v-model ="cardFuelDieselForm.points" >
2023-10-20 18:42:38 +08:00
< template slot = "append" > 积分 < / template >
< / e l - i n p u t >
< span class = "bom" > 升数卡充值不支持自定义积分 , 选择对应充值活动获得对应积分 [ 需开启积分活动有效 ] < / span >
< / div >
< / div >
2023-11-14 18:53:58 +08:00
<!-- < div style = "display:flex;margin-left: 20px" >
2023-10-20 18:42:38 +08:00
< div style = "line-height: 40px;width: 20%" > 提成员工 < / div >
< div >
2023-11-13 16:54:15 +08:00
< el -input :readonly ="true" placeholder = "请选择提成员工" v-model ="cardFuelDieselForm.realName" >
< el -button slot = "append" @click ="chooseStaff" > 选择员工 < / el -button >
2023-10-20 18:42:38 +08:00
< / e l - i n p u t >
< / div >
2023-11-14 18:53:58 +08:00
< / div > -- >
2023-10-20 18:42:38 +08:00
< / div >
< / e l - c o l >
< / e l - r o w >
< el -row >
< el -col :span ="24" >
< div style = "display: flex" >
< div style = "width: 7%" > 充值备注 < / div >
< el -input
type = "textarea"
placeholder = ""
v - model = "rechargeDesc"
maxlength = "255"
show - word - limit
>
< / e l - i n p u t >
< / div >
< / e l - c o l >
< / e l - r o w >
< el -row >
< el -col :span ="24" >
< div style = "display: flex;margin: 20px 0" >
< div style = "width: 7%" > 支付方式 < / div >
< div >
2023-11-14 18:53:58 +08:00
< el -radio v -for = " dict in dict.type.payment_type " v -model = " cardFuelDieselForm.paymentType " :key ="dict.value" :label ="dict.value" :value ="dict.value" border > { { dict . label } } < / e l - r a d i o >
2023-10-20 18:42:38 +08:00
< / div >
< / div >
< / e l - c o l >
< / e l - r o w >
< div style = "margin: 20px 0;text-align: center" >
2023-11-13 16:54:15 +08:00
< el -button type = "primary" @click ="confirm(2)" > 确认充值 < / el -button >
2023-10-20 18:42:38 +08:00
< el -button @click ="cancel" > 取 消 < / el -button >
< / div >
< / e l - t a b - p a n e >
< / e l - t a b s >
< / template >
< / e l - d i a l o g >
2023-11-13 16:54:15 +08:00
<!-- 选择员工 -- >
< el -dialog :close-on-click-modal ="false" width = "50%" height = "50%" title = "选择员工" :visible.sync ="openStaff" append -to -body >
< select -staff @send-data ="handleDataFromChild" >
2023-10-18 18:31:46 +08:00
2023-11-13 16:54:15 +08:00
< / s e l e c t - s t a f f >
< / e l - d i a l o g >
2023-10-20 18:42:38 +08:00
<!-- 确认充值 -- >
< el -dialog :close-on-click-modal ="false" :title ="title" :visible.sync ="openConfirm" width = "500px" append -to -body >
2023-11-13 16:54:15 +08:00
< div v -if = " isPay = = true "
v - loading = "loading" >
2023-10-20 18:42:38 +08:00
< div style = "text-align: center;font-size: 15px;font-weight: bold" > 付款金额 < / div >
< div style = "text-align: center;font-size: 30px;font-weight: bold;color: red;margin: 10px 0" >
2023-11-13 16:54:15 +08:00
￥ { { rechargeBalance } }
<!-- < el -tag
2023-10-20 18:42:38 +08:00
effect = "dark" >
汽油
2023-11-13 16:54:15 +08:00
< / e l - t a g > - - >
2023-10-20 18:42:38 +08:00
< / div >
2023-11-14 18:53:58 +08:00
<!-- < div style = "text-align: center;margin-bottom: 10px" > 赠送金额 < / div > -- >
2023-10-20 18:42:38 +08:00
< div >
2023-11-14 18:53:58 +08:00
< el -input v-model ="authCode" @keydown.enter.native="collection" placeholder="扫描或输入付款码、支持微信、支付宝、云闪付" >
2023-10-20 18:42:38 +08:00
< i
slot = "suffix" >
< svg t = "1697791915471" class = "icon" viewBox = "0 0 1024 1024" version = "1.1" xmlns = "http://www.w3.org/2000/svg" p -id = " 1479 " width = "32" height = "32" > < path d = "M149.333333 170.858667A21.546667 21.546667 0 0 1 170.858667 149.333333H384V106.666667H170.858667A64.213333 64.213333 0 0 0 106.666667 170.858667V384h42.666666V170.858667zM170.858667 874.666667A21.546667 21.546667 0 0 1 149.333333 853.141333V640H106.666667v213.141333A64.213333 64.213333 0 0 0 170.858667 917.333333H384v-42.666666H170.858667zM853.12 149.333333A21.546667 21.546667 0 0 1 874.666667 170.858667V384h42.666666V170.858667A64.213333 64.213333 0 0 0 853.141333 106.666667H640v42.666666h213.141333zM874.666667 853.141333A21.546667 21.546667 0 0 1 853.141333 874.666667H640v42.666666h213.141333A64.213333 64.213333 0 0 0 917.333333 853.141333V640h-42.666666v213.141333zM106.666667 490.666667h810.666666v42.666666H106.666667v-42.666666z" fill = "#3D3D3D" p -id = " 1480 " > < / path > < / svg >
< / i >
< / e l - i n p u t >
< / div >
< div class = "demo-image" >
< div class = "block" style = "text-align: center" >
< el -image
style = "width: 200px; height: 200px"
fit = "cover"
src = "https://oil.wudb.cn/static/img/scan-demo.fcb8b1ab.png" > < / e l - i m a g e >
< / div >
< / div >
< el -divider > < / e l - d i v i d e r >
< div style = "display: flex;justify-content: space-around" >
< el -button @click ="cancelCollection" > 取消收款 < / el -button >
2023-11-13 16:54:15 +08:00
< el -button type = "primary" @click ="collection" > 确定收款 < / el -button >
< / div >
< / div >
< div v-else >
< div v-if ="isPaySuccess" >
< el -result icon = "success" title = "收款成功" >
< template slot = "extra" >
< el -button type = "primary" @click ="handClose" > 关 闭 < / el -button >
< / template >
< / e l - r e s u l t >
< / div >
< div v-else >
< el -result icon = "error" title = "支付失败，请重新支付" >
< template slot = "extra" >
< el -button type = "primary" @click ="handClose" > 关 闭 < / el -button >
< / template >
< / e l - r e s u l t >
2023-10-20 18:42:38 +08:00
< / div >
2023-11-13 16:54:15 +08:00
< / div >
2023-10-20 18:42:38 +08:00
< / e l - d i a l o g >
<!-- 更换手机号对话框 -- >
2023-10-18 18:31:46 +08:00
< el -dialog :close-on-click-modal ="false" :title ="title" :visible.sync ="openMobile" style = "margin-top: 200px" width = "500px" append -to -body >
< el -form ref = "form" :model ="form" :rules ="rules" label -width = " 120px " >
< el -row >
< el -col :span ="24" >
< el -form -item label = "新手机号" prop = "mobile" style = "width: 420px" >
< el -input v -model = " form.mobile " placeholder = "请输入新手机号" maxlength = "30" / >
< span style = "font-size: 12px;color: grey" >
手机号更换后 , 旧手机号将无法使用 , 更换后实时生效
< / span >
< / e l - f o r m - i t e m >
< / e l - c o l >
< / e l - r o w >
< / e l - f o r m >
< div slot = "footer" class = "dialog-footer" >
< el -button type = "primary" @click ="submitForm" > 确 定 < / el -button >
< el -button @click ="cancel" > 取 消 < / el -button >
< / div >
< / e l - d i a l o g >
2023-10-19 18:47:09 +08:00
<!-- 副卡管理 -- >
< el -dialog :close-on-click-modal ="false" :title ="title" :visible.sync ="openSecondCard" width = "60%" append -to -body >
< div style = "display: flex;justify-content: space-between;margin: 10px 0" >
< div style = "font-size: 16px" > 副卡账户 < / div >
< el -button type = "primary" > 创建副卡账户 < / e l - b u t t o n >
< / div >
< div >
< el -alert
type = "error"
title = "关于副卡"
: closable = "false" >
< p v-for ="(item,index) in aboutSecondCard" :id ="index" >
{ { item } }
< / p >
< / e l - a l e r t >
< / div >
< div >
< el -table ref = "tables" v-loading ="loading" :data ="list" >
< el -table -column prop = "date" label = "账户ID" / >
< el -table -column prop = "date" label = "账户名称" / >
< el -table -column label = "余额" >
< el -table -column prop = "name" label = "储值卡" / >
< el -table -column prop = "address" label = "升数卡" / >
< / e l - t a b l e - c o l u m n >
< el -table -column label = "会员等级" >
< el -table -column prop = "name" label = "汽油" / >
< el -table -column prop = "address" label = "柴油" / >
< / e l - t a b l e - c o l u m n >
< el -table -column label = "统计" >
< el -table -column prop = "name" label = "可用积分" / >
< el -table -column prop = "address" label = "消费次数" / >
< / e l - t a b l e - c o l u m n >
< el -table -column prop = "date" label = "实体卡号" / >
< el -table -column prop = "date" label = "状态" / >
< el -table -column prop = "date" label = "创建时间" / >
< / e l - t a b l e >
< pagination
: total = "total"
: page . sync = "queryParams.page"
: limit . sync = "queryParams.pageSize"
@ pagination = "getList"
/ >
< / div >
< / e l - d i a l o g >
2023-10-20 18:42:38 +08:00
<!-- 绑定实体卡 -- >
< el -dialog :close-on-click-modal ="false" :title ="title" width = "450px" :visible.sync ="openBindIdCard" append -to -body >
< div style = "text-align: center" >
< img v-if ="form.avatar" :src="form.avatar" style="width: 80px;height: 80px" >
< img v -else src = "@/assets/images/avatar.png" style = "width: 80px;height: 80px" >
< / div >
< p class = "idcard" style = "color: #00afff" > { { form . name } } < / p >
< p class = "idcard" style = "font-size: 16px" > { { form . mobile } } < / p >
< p class = "idcard" style = "font-size: 16px" > 请绑定实体卡号 < / p >
2023-10-19 18:47:09 +08:00
< el -form ref = "form" :model ="form" :rules ="rules" label -width = " 120px " >
2023-10-20 18:42:38 +08:00
< div style = "width: 80%;margin: 0 auto" >
< el -input v-model ="form.idcard" placeholder="请读卡或输入卡号" > < / el -input >
< p style = "font-size: 12px;color: grey;" > 实体卡号最低5位且不可重复 、 绑定后不可删除 、 如需更换卡号请在会员详情页面内进行卡片重新绑定 < / p >
< / div >
2023-10-19 18:47:09 +08:00
< / e l - f o r m >
< div slot = "footer" class = "dialog-footer" >
< el -button type = "primary" @click ="submitForm" > 确 定 < / el -button >
< el -button @click ="cancel" > 取 消 < / el -button >
< / div >
< / e l - d i a l o g >
<!-- 子卡管理 -- >
< el -dialog :close-on-click-modal ="false" width = "60%" :title ="title" :visible.sync ="openSubCard" append -to -body >
< el -tabs v-model ="subCardActive" @tab-click="handleClick" >
< el -tab -pane label = "子卡管理" name = "subCardManage" >
< div style = "display: flex;justify-content: space-between;margin: 10px 0" >
< div style = "font-size: 16px" > 会员信息 ： { { form . mobile } } < / div >
< el -button type = "primary" > 新增子卡 < / e l - b u t t o n >
< / div >
< div >
< el -table ref = "tables" v-loading ="loading" :data ="list" >
< el -table -column prop = "date" label = "子卡卡号" / >
< el -table -column label = "基础信息" >
< el -table -column prop = "name" label = "子卡姓名" / >
< el -table -column prop = "address" label = "手机号" / >
< el -table -column prop = "address" label = "车牌号" / >
< / e l - t a b l e - c o l u m n >
< el -table -column label = "额度管理" >
< el -table -column prop = "name" label = "配额额度" / >
< el -table -column prop = "address" label = "已用额度" / >
< el -table -column prop = "address" label = "可用额度" / >
< / e l - t a b l e - c o l u m n >
< el -table -column prop = "date" label = "状态" / >
< el -table -column prop = "date" label = "操作" / >
< / e l - t a b l e >
< pagination
: total = "total"
: page . sync = "queryParams.page"
: limit . sync = "queryParams.pageSize"
@ pagination = "getList"
/ >
< / div >
< el -alert
title = "关于子卡"
type = "info"
description = "子卡为会员子母卡功能,子卡共享母卡的储值额度及信息,子卡为实体会员卡信息,消费需在PC或手持机中才可进行使用" >
< / e l - a l e r t >
< / e l - t a b - p a n e >
< el -tab -pane label = "子卡消费记录" name = "consumption" >
< div style = "display: flex;justify-content: space-between;margin: 10px 0" >
< div style = "font-size: 16px" >
< el -form ref = "form" :model ="subCardList" :rules ="rules" label -width = " 120px " >
< el -row >
< el -col :span ="8" >
< el -form -item label = "子卡卡号" prop = "userNo" >
< el -input
v - model = "subCardList.idCard"
placeholder = "请输入卡号信息"
clearable
/ >
< / e l - f o r m - i t e m >
< / e l - c o l >
< el -col :span ="8" >
< el -form -item label = "关联单号" >
< el -input
v - model = "subCardList.orderId"
placeholder = "关联单号信息"
clearable
/ >
< / e l - f o r m - i t e m >
< / e l - c o l >
< el -col :span ="8" >
< el -form -item >
< el -button type = "primary" > 新增子卡 < / e l - b u t t o n >
< / e l - f o r m - i t e m >
< / e l - c o l >
< / e l - r o w >
< / e l - f o r m >
< / div >
< / div >
< div >
< el -table ref = "tables" v-loading ="loading" :data ="list" >
< el -table -column prop = "date" label = "子卡卡号" / >
< el -table -column prop = "date" label = "消费金额" / >
< el -table -column label = "消费信息" >
< el -table -column prop = "name" label = "关联单号" / >
< el -table -column prop = "address" label = "描述信息" / >
< / e l - t a b l e - c o l u m n >
< el -table -column prop = "date" label = "消费时间" / >
< / e l - t a b l e >
< pagination
: total = "total"
: page . sync = "queryParams.page"
: limit . sync = "queryParams.pageSize"
@ pagination = "getList"
/ >
< / div >
< el -alert
title = "关于子卡"
type = "info"
description = "当前会员的所有子卡消费记录信息,可根据对应子卡卡号进行检索查询" >
< / e l - a l e r t >
< / e l - t a b - p a n e >
< / e l - t a b s >
< / e l - d i a l o g >
<!-- 每日交易次数 -- >
< el -dialog :close-on-click-modal ="false" :title ="title" :visible.sync ="openConfig" style = "margin-top: 200px" width = "400px" append -to -body >
< el -form ref = "form" :model ="form" :rules ="rules" label -width = " 120px " >
< el -row >
< el -col :span ="24" >
< div style = "margin-bottom: 20px" >
{ { transaction } }
< / div >
< el -input v -model = " config " / >
< / e l - c o l >
< / e l - r o w >
< / e l - f o r m >
< div slot = "footer" class = "dialog-footer" >
< el -button type = "primary" @click ="submitForm" > 确 定 < / el -button >
< el -button @click ="cancel" > 取 消 < / el -button >
< / div >
< / e l - d i a l o g >
<!-- 固定等级 -- >
< el -dialog :close-on-click-modal ="false" :title ="title" :visible.sync ="openLevel" style = "margin-top: 200px" width = "500px" append -to -body >
< el -form ref = "form" :model ="form" :rules ="rules" label -width = " 120px " >
< el -row >
< el -col :span ="24" >
2023-10-20 18:42:38 +08:00
< el -form -item label = "变更认证" prop = "fixingLevel" style = "width: 420px" >
2023-10-19 18:47:09 +08:00
< el -select
v - model = "form.fixingLevel"
clearable
style = "width: 240px"
>
< el -option
v - for = "dict in dict.type.zcrzdj"
: key = "dict.value"
: label = "dict.label"
: value = "dict.value"
/ >
< / e l - s e l e c t >
< / e l - f o r m - i t e m >
< / e l - c o l >
< / e l - r o w >
< / e l - f o r m >
< div slot = "footer" class = "dialog-footer" >
< el -button type = "primary" @click ="submitForm" > 确 定 < / el -button >
< el -button @click ="cancel" > 取 消 < / el -button >
< / div >
< / e l - d i a l o g >
2023-10-17 19:01:29 +08:00
< / div >
< / template >
< script >
2023-10-18 18:31:46 +08:00
import { getUser , updateUser } from "@/api/staff/user/user" ;
import { ljStoreInfo } from "@/api/staff/store" ;
import { getUserGrade } from "@/api/staff/user/usergrade" ;
2023-11-13 16:54:15 +08:00
import { getList } from "@/api/EventMarketing/oilBlock" ;
2023-11-14 18:53:58 +08:00
import { getCountOilTypeApi , getCardValueListApi , getPrepaidCardTopUpApi , getCheckTheStatusOfYourPaymentApi , getDicts , getPrepaidFuelTopUpApi , getCheckTheStatusOfYourPaymentByFuelApi } from "@/api/EventMarketing/cardSet" ;
2023-10-19 18:47:09 +08:00
import { getSysConfig } from "@/api/staff/user/sysconfig" ;
2023-10-20 18:42:38 +08:00
import item from "../../layout/components/Sidebar/Item.vue" ;
2023-11-13 16:54:15 +08:00
import SelectStaff from "@/components/local/selectStaff" ;
2023-11-14 18:53:58 +08:00
import BigNumber from 'bignumber.js' ;
2023-10-18 18:31:46 +08:00
2023-10-17 19:01:29 +08:00
export default {
2023-11-13 16:54:15 +08:00
components : { SelectStaff } ,
2023-10-20 18:42:38 +08:00
computed : {
item ( ) {
return item
}
} ,
2023-11-13 16:54:15 +08:00
dicts : [ 'official' , 'zhzt' , 'zcrzdj' , 'payment_type' ] ,
2023-10-18 18:31:46 +08:00
data ( ) {
return {
2023-11-13 16:54:15 +08:00
flag : null ,
// 充值余额列表
cardValueList : [ ] ,
cardValueForm : {
cardValueId : '' , // 储值卡id
mtStaffId : '' , //
realName : '' ,
staffMobile : '' ,
amount : '' , // 自定义充值字段
bidBalance : '' , // 储值卡面值
rechargeBalance : '' , // 实际支付
giftBalance : '' , // 赠送金额
points : '' , //赠送积分
growthValue : '' , // 赠送成长值
remark : '' ,
2023-11-14 18:53:58 +08:00
paymentType : '' , // 支付方式
royaltyType : '' , // 提成类型
percentageCommissions : null ,
amountCommission : null
2023-10-20 18:42:38 +08:00
} ,
2023-11-13 16:54:15 +08:00
// 存油卡列表
cardFuelDieselList : [ ] ,
sourceCardFuelDieselList : [ ] ,
cardFuelDieselForm : {
mtStaffId : '' ,
realName : '' ,
staffMobile : '' ,
points : '' ,
remark : '' ,
2023-11-14 18:53:58 +08:00
rechargeBalance : '' , //实际支付
paymentType : '' ,
oilType : '' ,
type : '' ,
chainStorId : '' ,
incomeLitres : '' ,
2023-11-13 16:54:15 +08:00
} ,
authCode : '' , // 支付码
2023-11-13 18:58:31 +08:00
timer : null ,
2023-11-13 16:54:15 +08:00
rechargeBalance : 0 ,
oilTypeList : { } ,
isPay : true ,
isPaySuccess : false ,
2023-11-14 18:53:58 +08:00
isQuery : true ,
isPay : true ,
2023-11-13 16:54:15 +08:00
2023-11-14 18:53:58 +08:00
payList : [ ] ,
2023-10-20 18:42:38 +08:00
// 升数卡
literCard : [
{ liter : 73.75 , amount : 500 , lockPrice : 6.78 , point : 50 } ,
{ liter : 151.98 , amount : 1000 , lockPrice : 6.58 , point : 100 } ,
{ liter : 318.47 , amount : 2000 , lockPrice : 6.28 , point : 200 } ,
{ liter : 493.42 , amount : 3000 , lockPrice : 6.08 , point : 300 } ,
{ liter : 896.06 , amount : 5000 , lockPrice : 5.58 , point : 500 } ,
{ liter : 1968.50 , amount : 10000 , lockPrice : 5.08 , point : 1000 } ,
] ,
// 充值金额
amount : '' ,
// 充值备注
rechargeDesc : '' ,
// 支付方式
payment : '扫码支付' ,
activeKey : 0 ,
2023-10-19 18:47:09 +08:00
// 每日交易介绍
transaction : "" ,
config : '-1' ,
num : 1 ,
// 操作类型
type : 'add' ,
2023-10-18 18:31:46 +08:00
title : '' ,
// 是否显示修改对话框
openMobile : false ,
2023-10-20 18:42:38 +08:00
openRecharge : false ,
2023-10-19 18:47:09 +08:00
openSecondCard : false ,
2023-10-20 18:42:38 +08:00
openBindIdCard : false ,
2023-10-19 18:47:09 +08:00
openSubCard : false ,
openConfig : false ,
openLevel : false ,
2023-10-20 18:42:38 +08:00
openConfirm : false ,
2023-11-13 16:54:15 +08:00
openStaff : false ,
2023-10-18 18:31:46 +08:00
growthValue : 'whole' ,
cardList : 'notUse' ,
tabPosition : 'giftCard' ,
balanceRecord : 'first' ,
2023-10-20 18:42:38 +08:00
tabOilType : '92' ,
2023-10-19 18:47:09 +08:00
// 关于副卡信息
aboutSecondCard : [ ] ,
2023-10-18 18:31:46 +08:00
// 遮罩层
loading : false ,
id : '' ,
// 会员信息
form : { } ,
// 店铺信息
store : '' ,
// 会员等级信息
grade : '' ,
activeName : 'refuelOrder' ,
2023-10-19 18:47:09 +08:00
subCardActive : 'subCardManage' ,
2023-10-20 18:42:38 +08:00
activeRecharge : 'balance' ,
2023-10-18 18:31:46 +08:00
tableData : [ ] ,
2023-10-19 18:47:09 +08:00
total : 0 ,
2023-10-18 18:31:46 +08:00
queryParams : {
page : 1 ,
pageSize : 10 ,
mobile : '' ,
id : '' ,
name : '' ,
status : '' ,
} ,
2023-10-19 18:47:09 +08:00
subCardList : [ ] ,
2023-10-18 18:31:46 +08:00
list : [ ] ,
// 表单校验
rules : {
mobile : [ { required : true , message : "请输入手机号" , trigger : "blur" } ] ,
2023-10-19 18:47:09 +08:00
type : [ { required : true , message : "请选择操作类型" , trigger : "blur" } ] ,
2023-10-20 18:42:38 +08:00
fixingLevel : [ { required : true , message : "请选择认证信息" , trigger : "blur" } ] ,
2023-10-18 18:31:46 +08:00
}
}
} ,
2023-11-13 16:54:15 +08:00
mounted ( ) {
if ( this . oilTypeList . length > 0 ) {
this . selectOilType ( this . oilTypeList [ 0 ] . oilType ) ;
}
} ,
2023-10-18 18:31:46 +08:00
created ( ) {
this . id = this . $route . query . id ;
this . getUserInfo ( ) ;
2023-10-19 18:47:09 +08:00
this . getInformation ( ) ;
2023-10-18 18:31:46 +08:00
} ,
methods : {
2023-10-31 18:18:30 +08:00
// 选择员工
chooseStaff ( ) {
2023-11-13 16:54:15 +08:00
this . openStaff = true
2023-10-31 18:18:30 +08:00
} ,
2023-10-18 18:31:46 +08:00
// 更换手机号
replaceMobile ( ) {
this . openMobile = true ;
this . title = '更换手机号'
} ,
2023-10-19 18:47:09 +08:00
// 副卡管理
secondCard ( ) {
this . openSecondCard = true ;
this . title = this . form . secondCard + '-副卡账户管理'
} ,
2023-10-20 18:42:38 +08:00
// 实体卡绑定
bindIdCard ( ) {
this . openBindIdCard = true ;
this . title = '实体卡绑定'
2023-10-19 18:47:09 +08:00
} ,
// 子卡管理
subCard ( ) {
this . openSubCard = true ;
this . title = '子卡管理'
} ,
// 每日笔数
configuration ( ) {
this . openConfig = true ;
this . title = '每日交易次数'
} ,
// 固定等级
level ( ) {
this . openLevel = true ;
this . title = '固定等级(原专车认证)'
} ,
2023-11-13 16:54:15 +08:00
// 储值卡查询
2023-11-14 18:53:58 +08:00
async getCardValueList ( ) {
2023-11-13 16:54:15 +08:00
let quy = {
pageNo : 1 ,
pageSize : 10000 ,
isonline : 0
}
2023-11-14 18:53:58 +08:00
await getCardValueListApi ( quy ) . then ( res => {
2023-11-13 16:54:15 +08:00
this . cardValueList = res . data . records ;
this . cardValueList . sort ( ( a , b ) => a . rechargeBalance - b . rechargeBalance ) ;
} )
2023-11-14 18:53:58 +08:00
if ( this . cardValueList . length > 0 ) {
this . rechargeCard ( 0 ) ;
}
2023-11-13 16:54:15 +08:00
} ,
valueAmoutChange ( data ) {
2023-11-21 18:11:49 +08:00
this . cardValueForm . points = ''
this . cardValueForm . bidBalance = ''
this . cardValueForm . giftBalance = ''
this . cardValueForm . growthValue = ''
this . cardValueForm . rechargeBalance = ''
this . cardValueForm . royaltyType = ''
this . cardValueForm . percentageCommissions = ''
this . cardValueForm . amountCommission = ''
2023-11-13 16:54:15 +08:00
this . cardValueForm . rechargeBalance = data
if ( this . cardValueList . length > 0 ) {
// const changeList = this.cardValueList
this . cardValueList . forEach ( change => {
if ( data >= change . rechargeBalance ) {
this . cardValueForm . points = change . points
this . cardValueForm . bidBalance = change . bidBalance
this . cardValueForm . giftBalance = change . giftBalance
this . cardValueForm . growthValue = change . growthValue
2023-11-14 18:53:58 +08:00
this . cardValueForm . rechargeBalance = change . rechargeBalance
this . cardValueForm . royaltyType = change . royaltyType
this . cardValueForm . percentageCommissions = change . percentageCommissions
this . cardValueForm . amountCommission = change . amountCommission
2023-11-21 18:11:49 +08:00
2023-11-14 18:53:58 +08:00
// 计算员工提成金额
if ( change . royaltyType === "3" ) {
// 当按比例提成时 计算对应的金额
const percentageCommissions = new BigNumber ( change . percentageCommissions ) ;
const totalAmount = new BigNumber ( data ) ;
const commissionAmount = totalAmount . multipliedBy ( percentageCommissions ) . dividedBy ( 100 ) . decimalPlaces ( 2 ) ;
this . cardValueForm . amountCommission = commissionAmount
}
2023-11-13 16:54:15 +08:00
}
} )
}
console . log ( "data" , data )
2023-11-21 18:11:49 +08:00
console . log ( "this.cardValueForm" , this . cardValueForm )
2023-11-13 16:54:15 +08:00
} ,
// 存油卡查询
getCardFuelDieselList ( ) {
let quy = {
pageNo : 1 ,
pageSize : 10000 ,
activeStatus : 1 ,
status : 1 ,
activityProgress : 1
}
getList ( quy ) . then ( res => {
this . sourceCardFuelDieselList = res . data . records
} )
} ,
handleDataFromChild ( data ) {
this . openStaff = false
this . cardFuelDieselForm = {
mtStaffId : data . mtStaffId ,
realName : data . realName ,
staffMobile : data . staffMobile ,
} ,
2023-11-14 18:53:58 +08:00
this . cardValueForm = {
mtStaffId : data . mtStaffId ,
realName : data . realName ,
staffMobile : data . staffMobile ,
} ,
2023-11-13 16:54:15 +08:00
console . log ( 'Received data in parent:' , data ) ;
} ,
// 查询参加存油卡油品
getCountOilType ( ) {
getCountOilTypeApi ( ) . then ( res => {
this . oilTypeList = res . data
if ( this . oilTypeList . length > 0 ) {
// 默认选中第一个
this . tabOilType = this . oilTypeList [ 0 ] . oilType
this . selectOilType ( this . oilTypeList [ 0 ] . oilType ) ;
}
} )
} ,
// 根据油品过滤查询存油卡
tabOilTypeClick ( data ) {
this . cardFuelDieselList = this . sourceCardFuelDieselList . filter ( item => {
return item . oilType === data ;
} ) ;
if ( this . cardFuelDieselList . length > 0 ) {
this . recharge ( 0 )
}
} ,
selectOilType ( oilType ) {
this . tabOilType = oilType ;
this . tabOilTypeClick ( oilType ) ;
} ,
// 查询员工
2023-10-20 18:42:38 +08:00
// 会员充值
userRecharge ( ) {
2023-11-14 18:53:58 +08:00
2023-11-13 16:54:15 +08:00
this . getCardFuelDieselList ( )
this . getCardValueList ( )
this . getCountOilType ( )
2023-11-14 18:53:58 +08:00
this . getPayList ( ) ;
2023-10-20 18:42:38 +08:00
this . openRecharge = true ;
this . title = '会员充值'
2023-11-13 16:54:15 +08:00
// 存油卡列表
2023-10-20 18:42:38 +08:00
} ,
// 确认充值
2023-11-13 16:54:15 +08:00
confirm ( flag ) {
this . flag = flag
if ( flag === 1 ) {
2023-11-14 18:53:58 +08:00
if ( this . cardValueForm . paymentType == '' ) {
this . $message . error ( '请选择支付方式' ) ;
return
}
2023-11-13 16:54:15 +08:00
this . rechargeBalance = this . cardValueForm . rechargeBalance
2023-11-14 18:53:58 +08:00
} else if ( flag === 2 ) {
if ( this . cardFuelDieselForm . paymentType == '' ) {
this . $message . error ( '请选择支付方式' ) ;
return
}
2023-11-13 16:54:15 +08:00
this . rechargeBalance = this . cardFuelDieselForm . rechargeBalance
}
this . isPay = true
2023-10-20 18:42:38 +08:00
this . openConfirm = true ;
this . title = this . payment
} ,
2023-11-13 16:54:15 +08:00
// 支付方式
payMethod ( payType , flag ) {
// this.map.payType = payType;
2023-11-14 18:53:58 +08:00
if ( falg === 1 ) {
}
console . log ( "payType" , payType )
this . cardValueForm . paymentType = payType
2023-11-13 16:54:15 +08:00
} ,
2023-10-19 18:47:09 +08:00
// 获取副卡信息
getInformation ( ) {
getSysConfig ( 'second_card' ) . then ( response => {
this . aboutSecondCard = response . data . split ( ";" )
} ) ;
getSysConfig ( 'transaction' ) . then ( response => {
this . transaction = response . data
} ) ;
} ,
2023-10-18 18:31:46 +08:00
getList ( ) {
2023-10-17 19:01:29 +08:00
2023-10-18 18:31:46 +08:00
} ,
// 获取详情
getUserInfo ( ) {
let _this = this ;
// 获取会员详情
getUser ( this . id ) . then ( response => {
this . form = response . data ;
this . getGrade ( response . data . gradeId ) ;
} ) ;
// 获取店铺详情
ljStoreInfo ( ) . then ( response => {
this . store = response . data ;
} ) ;
} ,
2023-10-20 18:42:38 +08:00
// 获取会员等级详情
2023-10-18 18:31:46 +08:00
getGrade ( id ) {
getUserGrade ( id ) . then ( response => {
this . grade = response . data ;
} ) ;
} ,
2023-11-13 16:54:15 +08:00
// 选择余额充值金额
rechargeCard ( index , item ) {
2023-11-14 18:53:58 +08:00
console . log ( "index" , index )
2023-11-13 16:54:15 +08:00
// 自定义输入
this . activeKey = index ;
if ( item === - 1 ) {
this . cardValueForm . points = 0
this . cardValueForm . giftBalance = 0
this . cardValueForm . growthValue = 0
this . cardValueForm . bidBalance = 0
2023-11-14 18:53:58 +08:00
// this.cardValueForm.bidBalance = 1
2023-11-13 16:54:15 +08:00
// this.cardValueForm.amount = 0
} else {
let file = { }
// 拿到金额
file = this . cardValueList [ index ]
this . rechargeBalance = file . rechargeBalance
this . cardValueForm . rechargeBalance = file . rechargeBalance
this . cardValueForm . bidBalance = file . bidBalance
this . cardValueForm . points = file . points
this . cardValueForm . giftBalance = file . giftBalance
this . cardValueForm . growthValue = file . growthValue
this . cardValueForm . amount = null
2023-11-14 18:53:58 +08:00
this . cardValueForm . royaltyType = file . royaltyType
this . cardValueForm . percentageCommissions = file . percentageCommissions
this . cardValueForm . amountCommission = file . amountCommission
console . log ( "file.royaltyType " , file . royaltyType )
// 计算员工提成金额
if ( file . royaltyType === "3" ) {
// 当按比例提成时 计算对应的金额
const percentageCommissions = new BigNumber ( file . percentageCommissions ) ;
const totalAmount = new BigNumber ( file . rechargeBalance ) ;
const commissionAmount = totalAmount . multipliedBy ( percentageCommissions ) . dividedBy ( 100 ) . decimalPlaces ( 2 ) ;
this . cardValueForm . amountCommission = commissionAmount
}
2023-11-13 16:54:15 +08:00
}
} ,
2023-10-20 18:42:38 +08:00
// 选择充值金额
2023-11-13 16:54:15 +08:00
recharge ( index , item ) {
2023-10-20 18:42:38 +08:00
this . activeKey = index ;
2023-11-13 16:54:15 +08:00
let file = { }
// 拿到金额
file = this . cardFuelDieselList [ index ]
this . cardFuelDieselForm . points = file . points
this . cardFuelDieselForm . rechargeBalance = file . rechargeBalance
2023-11-14 18:53:58 +08:00
this . cardFuelDieselForm . oilType = file . oilType
this . cardFuelDieselForm . type = file . type
this . cardFuelDieselForm . chainStorId = file . chainStorId
this . cardFuelDieselForm . incomeLitres = file . incomeLitres
2023-11-13 16:54:15 +08:00
this . rechargeBalance = file . rechargeBalance
console . log ( "this.cardFuelDieselList[index]" , this . cardFuelDieselList [ index ] )
2023-11-14 18:53:58 +08:00
console . log ( "this.cardFuelDieselForm[index]" , this . cardFuelDieselForm )
2023-10-20 18:42:38 +08:00
} ,
2023-11-13 16:54:15 +08:00
async collection ( ) {
2023-11-14 18:53:58 +08:00
let userForm = this . form
2023-11-13 16:54:15 +08:00
if ( this . flag === 1 ) {
// 会员id 会员名字会员手机号码
this . cardValueForm . mtUserId = userForm . id
this . cardValueForm . name = userForm . name
this . cardValueForm . mobile = userForm . mobile
// 支付码
this . cardValueForm . authCode = this . authCode
2023-11-13 18:58:31 +08:00
let id ;
2023-11-14 18:53:58 +08:00
await getPrepaidCardTopUpApi ( this . cardValueForm ) . then ( response => {
if ( response . data != null ) {
this . loading = true ;
id = response . data . id
// if (response.data.payStatus == "paid"){
// this.isPaySuccess = true;
// }
}
2023-11-13 16:54:15 +08:00
} ) ;
2023-11-14 18:53:58 +08:00
let this _ = this
2023-11-13 16:54:15 +08:00
2023-11-14 18:53:58 +08:00
let timer = setInterval ( async ( ) => {
getCheckTheStatusOfYourPaymentApi ( id ) . then ( response => {
if ( response . data != null ) {
if ( response . data . payStatus == "unpaid" ) {
this _ . isQuery = true ;
}
if ( response . data . payStatus == "paid" ) {
this _ . isPaySuccess = true ;
this _ . isQuery = false ;
}
if ( response . data . payStatus == "payFail" ) {
this _ . isPaySuccess = false ;
this _ . isQuery = false ;
}
}
} )
} , 500 ) ;
2023-11-13 18:58:31 +08:00
2023-11-14 18:53:58 +08:00
let timer2 = setInterval ( function ( ) {
if ( this _ . isQuery == false ) {
this _ . loading = false ;
this _ . isPay = false ;
clearInterval ( timer ) ;
}
} , 500 )
2023-11-13 18:58:31 +08:00
2023-11-14 18:53:58 +08:00
setTimeout ( function ( ) {
clearInterval ( timer2 ) ;
clearInterval ( timer ) ;
this _ . loading = false ;
this _ . isPay = false ;
this . isPaySuccess = false ;
2023-11-13 16:54:15 +08:00
2023-11-14 18:53:58 +08:00
} , 30000 )
2023-11-13 16:54:15 +08:00
} else if ( this . flag === 2 ) {
2023-11-14 18:53:58 +08:00
console . log ( "cardFuelDieselForm" , this . cardFuelDieselForm )
this . cardFuelDieselForm . mtUserId = userForm . id
this . cardFuelDieselForm . name = userForm . name
this . cardFuelDieselForm . mobile = userForm . mobile
this . cardFuelDieselForm . authCode = this . authCode
let id ;
await getPrepaidFuelTopUpApi ( this . cardFuelDieselForm ) . then ( response => {
if ( response . data != null ) {
this . loading = true ;
id = response . data . id
}
} ) ;
let timer = setInterval ( async ( ) => {
getCheckTheStatusOfYourPaymentByFuelApi ( id ) . then ( response => {
if ( response . data != null ) {
if ( response . data . payStatus == "unpaid" ) {
this _ . isQuery = true ;
}
if ( response . data . payStatus == "paid" ) {
this _ . isPaySuccess = true ;
this _ . isQuery = false ;
}
if ( response . data . payStatus == "payFail" ) {
this _ . isPaySuccess = false ;
this _ . isQuery = false ;
}
}
} )
} , 500 ) ;
let timer2 = setInterval ( function ( ) {
if ( this _ . isQuery == false ) {
this _ . loading = false ;
this _ . isPay = false ;
clearInterval ( timer ) ;
clearInterval ( timer2 ) ;
}
} , 500 )
2023-11-13 16:54:15 +08:00
2023-11-14 18:53:58 +08:00
setTimeout ( function ( ) {
clearInterval ( timer2 ) ;
clearInterval ( timer ) ;
this _ . loading = false ;
this _ . isPay = false ;
this . isPaySuccess = false ;
} , 30000 )
let this _ = this
2023-11-13 16:54:15 +08:00
}
2023-11-14 18:53:58 +08:00
} ,
getPayList ( ) {
console . log ( "payment_type1" )
getDicts ( "payment_type" ) . then ( response => {
console . log ( "payment_type2" , response . data )
this . payList = response . data ;
} )
2023-11-13 16:54:15 +08:00
} ,
2023-11-14 18:53:58 +08:00
// 关闭支付窗口
handClose ( ) {
this . isPay = true ;
this . openConfirm = false
this . openRecharge = false
this . isPaySuccess = false ;
this . authCode = null
this . activeRecharge = 'balance' ,
this . cardValueForm = { }
this . cardFuelDieselForm = { }
} ,
2023-10-18 18:31:46 +08:00
// 提交按钮
submitForm : function ( ) {
this . $refs [ "form" ] . validate ( valid => {
if ( valid ) {
if ( this . form . id ) {
updateUser ( this . form ) . then ( response => {
this . $modal . msgSuccess ( "修改成功" ) ;
this . openMobile = false ;
2023-10-20 18:42:38 +08:00
this . openConfig = false ;
this . openLevel = false ;
this . openBindIdCard = false ;
2023-10-18 18:31:46 +08:00
this . getUserInfo ( ) ;
} ) ;
}
}
} ) ;
} ,
// 表单重置
reset ( ) {
this . resetForm ( "form" ) ;
this . form = { }
} ,
// 取消按钮
cancel ( ) {
this . openMobile = false ;
2023-10-19 18:47:09 +08:00
this . openConfig = false ;
this . openLevel = false ;
2023-10-20 18:42:38 +08:00
this . openBindIdCard = false ;
this . openRecharge = false ;
2023-11-14 18:53:58 +08:00
this . isPay = true ;
this . openConfirm = false
this . openRecharge = false
this . isPaySuccess = false ;
this . authCode = null
this . activeRecharge = 'balance' ,
this . cardValueForm = { }
this . cardFuelDieselForm = { }
2023-10-20 18:42:38 +08:00
} ,
cancelCollection ( ) {
this . openConfirm = false ;
2023-10-18 18:31:46 +08:00
} ,
handleClick ( tab , event ) {
2023-10-23 15:03:48 +08:00
// console.log(tab, event);
2023-11-13 16:54:15 +08:00
this . rechargeBalance = 0
2023-10-18 18:31:46 +08:00
} ,
2023-10-19 18:47:09 +08:00
handleChange ( value ) {
2023-10-23 15:03:48 +08:00
// console.log(value);
2023-10-19 18:47:09 +08:00
} ,
2023-10-18 18:31:46 +08:00
// 返回
goBack ( ) {
this . $router . back ( - 1 ) ;
}
2023-10-20 18:42:38 +08:00
// 积分表、储值卡详情表、积分详情表、储值卡表、储值卡模板表、用户储值卡关联表、
2023-10-18 18:31:46 +08:00
}
2023-10-17 19:01:29 +08:00
}
< / script >
< style lang = "scss" scoped >
2023-10-18 18:31:46 +08:00
. app - container {
width : 100 % ;
height : 100 % ;
background : # f6f8f9 ;
}
. left {
width : 20 % ;
display : table - cell ;
/*垂直居中 */
vertical - align : middle ;
/*水平居中*/
text - align : center ;
}
. right {
flex : 1 ;
}
. sta {
height : 100 px ;
margin - top : 10 px ;
padding - top : 30 px ;
}
2023-10-20 18:42:38 +08:00
. idcard {
text - align : center ;
font - weight : bold
}
. mon {
width : 20 % ;
height : 50 px ;
border : 0.5 px # dadfe6 solid ;
line - height : 25 px ;
border - radius : 5 px ;
text - align : center ;
margin : 0 10 px ;
2023-11-13 16:54:15 +08:00
margin - bottom : 10 px ;
2023-10-20 18:42:38 +08:00
}
. select {
position : relative ;
background - color : # fff ;
box - shadow : 0 px 2 px 7 px 0 px rgba ( 85 , 110 , 97 , 0.35 ) ;
border - radius : 5 px ;
border : 1 px solid # 00 aaff ;
}
. select : before {
content : '' ;
position : absolute ;
right : 0 ;
bottom : 0 ;
border : 10 px solid # 00 aaff ;
border - top - color : transparent ;
border - left - color : transparent ;
}
. select : after {
content : '' ;
width : 4 px ;
height : 6 px ;
position : absolute ;
right : 4 px ;
bottom : 3 px ;
border : 2 px solid # fff ;
border - top - color : transparent ;
border - left - color : transparent ;
transform : rotate ( 45 deg ) ;
}
. amount {
color : # 00 afff ;
}
. amount1 {
color : # 00 afff ;
font - size : 20 px ;
}
. top1 {
font - size : 16 px ;
}
. jine {
width : 24 % ;
display : flex ;
}
. bom {
font - size : 12 px ;
color : grey ;
}
. zeng {
2023-10-31 18:18:30 +08:00
width : 255 px ;
2023-10-20 18:42:38 +08:00
line - height : 40 px ;
}
. mon2 {
width : 20 % ;
height : 75 px ;
border : 0.5 px # dadfe6 solid ;
line - height : 25 px ;
border - radius : 5 px ;
text - align : center ;
margin : 0 10 px ;
2023-11-13 16:54:15 +08:00
margin - bottom : 20 px ;
2023-10-20 18:42:38 +08:00
}
2023-10-17 19:01:29 +08:00
< / style >
