2023-11-23 18:33:25 +08:00
<!-- & lt ; ! & ndash ; < template > & ndash ; & gt ; -- >
<!-- & lt ; ! & ndash ; < div class = "app-center" > & ndash ; & gt ; -- >
<!-- & lt ; ! & ndash ; < el -card class = "box-card" > & ndash ; & gt ; -- >
<!-- & lt ; ! & ndash ; < div slot = "header" class = "clearfix" > & ndash ; & gt ; -- >
<!-- & lt ; ! & ndash ; < i class = "el-icon-back" > < / i > & ndash ; & gt ; -- >
<!-- & lt ; ! & ndash ; < span > 会员详情 < / span > & ndash ; & gt ; -- >
<!-- & lt ; ! & ndash ; < / div > & ndash ; & gt ; -- >
<!-- & lt ; ! & ndash ; < div > 基础资料 < / div > & ndash ; & gt ; -- >
<!-- & lt ; ! & ndash ; < div class = "vip-my-top" > & ndash ; & gt ; -- >
<!-- & lt ; ! & ndash ; & lt ; ! & ndash ; & ndash ; & gt ; & ndash ; & gt ; -- >
<!-- & lt ; ! & ndash ; < div class = "f-box" > & ndash ; & gt ; -- >
<!-- & lt ; ! & ndash ; < div class = "imgtoux" > < el -avatar :size ="80" :src ="circleUrl" > < / e l - a v a t a r > < / d i v > & n d a s h ; & g t ; - - >
<!-- & lt ; ! & ndash ; < div > & ndash ; & gt ; -- >
<!-- & lt ; ! & ndash ; < el -button type = "warning" plain round > 绑定实体卡 < / e l - b u t t o n > & n d a s h ; & g t ; - - >
<!-- & lt ; ! & ndash ; < / div > & ndash ; & gt ; -- >
<!-- & lt ; ! & ndash ; < div > & ndash ; & gt ; -- >
<!-- & lt ; ! & ndash ; < el -button type = "primary" plain round > 会员充值 < / e l - b u t t o n > & n d a s h ; & g t ; - - >
<!-- & lt ; ! & ndash ; < / div > & ndash ; & gt ; -- >
<!-- & lt ; ! & ndash ; < / div > & ndash ; & gt ; -- >
<!-- & lt ; ! & ndash ; & lt ; ! & ndash ; & ndash ; & gt ; & ndash ; & gt ; -- >
<!-- & lt ; ! & ndash ; < / div > & ndash ; & gt ; -- >
<!-- & lt ; ! & ndash ; < / e l - c a r d > & n d a s h ; & g t ; - - >
<!-- & lt ; ! & ndash ; < el -card class = "box-card" > & ndash ; & gt ; -- >
<!-- & lt ; ! & ndash ; < / e l - c a r d > & n d a s h ; & g t ; - - >
<!-- & lt ; ! & ndash ; < el -card class = "box-card" > & ndash ; & gt ; -- >
<!-- & lt ; ! & ndash ; < / e l - c a r d > & n d a s h ; & g t ; - - >
<!-- & lt ; ! & ndash ; < / div > & ndash ; & gt ; -- >
<!-- & lt ; ! & ndash ; < / template > & ndash ; & gt ; -- >
<!-- & lt ; ! & ndash ; < script > & ndash ; & gt ; -- >
<!-- & lt ; ! & ndash ; export default { & ndash ; & gt ; -- >
<!-- & lt ; ! & ndash ; name : "index" , & ndash ; & gt ; -- >
<!-- & lt ; ! & ndash ; data ( ) { & ndash ; & gt ; -- >
<!-- & lt ; ! & ndash ; return { & ndash ; & gt ; -- >
<!-- & lt ; ! & ndash ; circleUrl : "https://cube.elemecdn.com/3/7c/3ea6beec64369c2642b92c6726f1epng.png" , & ndash ; & gt ; -- >
<!-- & lt ; ! & ndash ; } & ndash ; & gt ; -- >
<!-- & lt ; ! & ndash ; } & ndash ; & gt ; -- >
<!-- & lt ; ! & ndash ; } & ndash ; & gt ; -- >
<!-- & lt ; ! & ndash ; < / script > & ndash ; & gt ; -- >
<!-- & lt ; ! & ndash ; < style scoped > & ndash ; & gt ; -- >
<!-- & lt ; ! & ndash ; . app - center { & ndash ; & gt ; -- >
<!-- & lt ; ! & ndash ; width : 100 % ; & ndash ; & gt ; -- >
<!-- & lt ; ! & ndash ; box - sizing : border - box ; & ndash ; & gt ; -- >
<!-- & lt ; ! & ndash ; padding : 10 px ; & ndash ; & gt ; -- >
<!-- & lt ; ! & ndash ; } & ndash ; & gt ; -- >
<!-- & lt ; ! & ndash ; . vip - my - top { & ndash ; & gt ; -- >
<!-- & lt ; ! & ndash ; width : 100 % ; & ndash ; & gt ; -- >
<!-- & lt ; ! & ndash ; display : flex ; & ndash ; & gt ; -- >
<!-- & lt ; ! & ndash ; } & ndash ; & gt ; -- >
<!-- & lt ; ! & ndash ; . f - box { & ndash ; & gt ; -- >
<!-- & lt ; ! & ndash ; width : 20 % ; & ndash ; & gt ; -- >
<!-- & lt ; ! & ndash ; } & ndash ; & gt ; -- >
<!-- & lt ; ! & ndash ; . imgtoux { & ndash ; & gt ; -- >
<!-- & lt ; ! & ndash ; width : 80 px ; & ndash ; & gt ; -- >
<!-- & lt ; ! & ndash ; margin : 10 px auto ; & ndash ; & gt ; -- >
<!-- & lt ; ! & ndash ; } & ndash ; & gt ; -- >
<!-- & lt ; ! & ndash ; < / style > & ndash ; & gt ; -- >
2023-11-10 18:10:23 +08:00
2023-11-23 18:33:25 +08:00
<!-- < template > -- >
<!-- < div class = "app-container" > -- >
<!-- < el -card > -- >
<!-- < div slot = "header" style = "display: flex;justify-content: space-between;padding-right: 0px" > -- >
<!-- < div > -- >
<!-- < 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 > - - >
<!-- < 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 > -- >
<!-- < 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-11-10 18:10:23 +08:00
<!-- < / div > -- >
2023-11-23 18:33:25 +08:00
<!-- < 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 = "会员状态" > -- >
<!-- < el -tag v-if ="form.status == 'qy'" > 启用 < / el -tag > -- >
<!-- < el -tag v -else type = "danger" > 禁用 < / e l - t a g > - - >
<!-- < / 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 > - - >
<!-- < 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 = "会员等级" > -- >
<!-- { { grade . name } } -- >
<!-- < / 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 = "每日笔数" > -- >
<!-- < 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" > - - >
<!-- { { getStatus ( zcrzdjList , form . fixingLevel ) ? getStatus ( zcrzdjList , form . fixingLevel ) : "--" } } -- >
<!-- < / span > -- >
<!-- < / e l - d e s c r i p t i o n s - i t e m > - - >
<!-- < 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" > -- >
<!-- & lt ; ! & ndash ; < el -tabs v-model ="balanceRecord" type="card" @tab-click="handleClick" > & ndash ; & gt ; - - >
<!-- & lt ; ! & ndash ; < el -tab -pane label = "储值卡记录" name = "first" > 储值卡记录 < / e l - t a b - p a n e > & n d a s h ; & g t ; - - >
<!-- & lt ; ! & ndash ; < el -tab -pane label = "升数卡记录" name = "second" > 升数卡记录 < / e l - t a b - p a n e > & n d a s h ; & g t ; - - >
<!-- & lt ; ! & ndash ; < / e l - t a b s > & n d a s h ; & g t ; - - >
<!-- < 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 > - - >
2023-11-10 18:10:23 +08:00
<!-- < div > -- >
2023-11-23 18:33:25 +08:00
<!-- < 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" -- >
<!-- / > - - >
2023-11-10 18:10:23 +08:00
<!-- < / div > -- >
2023-11-23 18:33:25 +08:00
<!-- < / 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 > - - >
2023-11-10 18:10:23 +08:00
<!-- < div > -- >
2023-11-23 18:33:25 +08:00
<!-- < 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" -- >
<!-- / > - - >
2023-11-10 18:10:23 +08:00
<!-- < / div > -- >
2023-11-23 18:33:25 +08:00
<!-- < / 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 > - - >
<!-- & lt ; ! & ndash ; 会员充值 & ndash ; & gt ; -- >
<!-- < el -dialog :close-on-click-modal ="false" width = "60%" :title ="title" :visible.sync ="openRecharge" append -to -body > -- >
<!-- < template > -- >
<!-- < el -tabs v-model ="activeRecharge" type="card" @tab-click="handleClick" > - - >
<!-- < el -tab -pane label = "储值卡" name = "balance" > -- >
<!-- < div > -- >
<!-- & lt ; ! & ndash ; < el -row > -- >
<!-- < 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 > - - >
<!-- < / e l - r o w > & n d a s h ; & g t ; - - >
<!-- < el -row > -- >
<!-- & lt ; ! & ndash ; -- >
<!-- . conten - bottom { -- >
<!-- box - sizing : border - box ; -- >
<!-- padding : 20 px 20 px ; -- >
<!-- display : flex ; -- >
<!-- flex - wrap : wrap ; -- >
<!-- } & ndash ; & gt ; -- >
<!-- < el -col :span ="1.5" > -- >
<!-- < div style = "height: 50px;line-height: 50px" > 充值金额 < / div > -- >
<!-- < / e l - c o l > - - >
2023-11-10 18:10:23 +08:00
2023-11-23 18:33:25 +08:00
<!-- < el -col :span ="22" > -- >
2023-11-10 18:10:23 +08:00
2023-11-23 18:33:25 +08:00
<!-- < div v-if ="cardValueList.length>0" style="display: flex;margin: 13px 5px;box-sizing: border-box;flex-wrap: wrap; " > - - >
<!-- < div class = "mon" - - >
<!-- v - for = "(item,index) in cardValueList" : key = "index" -- >
<!-- : class = "activeKey === index ? 'select' : ''" -- >
<!-- @ click = "rechargeCard(index)" > -- >
<!-- < div class = "top1" > < span class = "amount1" > { { item . rechargeBalance } } < / span > 元 < / div > -- >
<!-- < div > 赠送 < span class = "amount" > { { item . giftBalance } } < / span > 元 < / div > -- >
<!-- < / div > -- >
<!-- < / div > -- >
<!-- < div style = "width: 30%;margin-left: 13px;margin-top: 8px;" - - >
<!-- : class = "activeKey === cardValueList.length ? 'select' : ''" -- >
<!-- @ click = "rechargeCard(cardValueList.length,-1)" > -- >
<!-- < el -input placeholder = "请输入充值金额" - - >
<!-- size = "medium" -- >
<!-- v - model . number = "cardValueForm.amount" -- >
<!-- @ input = "valueAmoutChange(cardValueForm.amount)" > -- >
<!-- < 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 > - - >
<!-- < 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" - - >
<!-- v - model = "cardValueForm.giftBalance" -- >
<!-- disabled > -- >
<!-- < template slot = "append" > 元 < / template > -- >
<!-- < / e l - i n p u t > - - >
<!-- < span class = "bom" > 赠送金额 仅自定义金额模式下可手动输入赠送 、 活动充值赠送金额不可手动更改 < / span > -- >
<!-- < / div > -- >
<!-- < / div > -- >
<!-- < div class = "jine" > -- >
<!-- < div class = "zeng" > 赠送积分 < / div > -- >
<!-- < div > -- >
<!-- < el -input placeholder = "0" - - >
<!-- v - model = "cardValueForm.points" -- >
<!-- disabled > -- >
<!-- < template slot = "append" > 积分 < / template > -- >
<!-- < / e l - i n p u t > - - >
<!-- < span class = "bom" > 赠送积分 仅自定义金额模式下可手动输入 , 活动充值赠送积分不可手动更改 [ 需开启积分活动有效 ] < / span > -- >
<!-- < / div > -- >
<!-- < / div > -- >
<!-- < div class = "jine" > -- >
<!-- < div class = "zeng" style = "width: 100px;" > 赠成长值 < / div > -- >
<!-- < div > -- >
<!-- < el -input placeholder = "0" - - >
<!-- v - model = "cardValueForm.growthValue" -- >
<!-- disabled > -- >
<!-- < template slot = "append" > 成长值 < / template > -- >
<!-- < / e l - i n p u t > - - >
<!-- & lt ; ! & ndash ; < span class = "bom" > 赠送加油金金额 仅自定义金额模式下可手动输入赠送 、 活动充值赠送金额不可手动更改 < / span > & ndash ; & gt ; -- >
<!-- < / div > -- >
<!-- < / div > -- >
<!-- < div class = "jine" > -- >
<!-- < div class = "zeng" > 提成员工 < / div > -- >
<!-- < div > -- >
<!-- < el -input :readonly ="true" placeholder = "请选择提成员工" v-model ="cardValueForm.realName" > - - >
<!-- < el -button slot = "append" @click ="chooseStaff" > 选择员工 < / el -button > -- >
<!-- < / e l - i n p u t > - - >
<!-- < span class = "bom" > 仅系统储值档次支持提成员工选择 、 自定义充值金额匹配低一档次 < / span > -- >
<!-- < / 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 = "" -- >
<!-- v - model = "cardValueForm.remark" -- >
<!-- 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 > -- >
<!-- < 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 > - - >
<!-- < / div > -- >
<!-- < / div > -- >
<!-- < / e l - c o l > - - >
<!-- < / e l - r o w > - - >
<!-- < div style = "margin: 20px 0;text-align: center" > -- >
<!-- < el -button type = "primary" @click ="confirm(1)" > 确认充值 < / el -button > -- >
<!-- < el -button @click ="cancel" > 取 消 < / el -button > -- >
<!-- < / div > -- >
<!-- < / div > -- >
<!-- < / e l - t a b - p a n e > - - >
<!-- < el -tab -pane label = "存油卡" name = "literCard" > -- >
<!-- < el -row > -- >
<!-- < el -col :span ="24" > -- >
<!-- < div style = "display: flex" > -- >
<!-- < div style = "width: 7%;line-height: 40px" > 油品类型 < / div > -- >
<!-- < 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.status)" > {{ item.type }} < / el -radio -button > -- >
<!-- < / 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 > -- >
<!-- < 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;" > -- >
<!-- < div class = "mon2" - - >
<!-- v - for = "(item,index) in cardFuelDieselList" : key = "index" -- >
<!-- : class = "activeKey === index ? 'select' : ''" -- >
<!-- @ click = "recharge(index)" > -- >
<!-- < 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 > -- >
<!-- < / 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 > -- >
<!-- < el -input placeholder = "0" disabled v-model ="cardFuelDieselForm.points" > - - >
<!-- < template slot = "append" > 积分 < / template > -- >
<!-- < / e l - i n p u t > - - >
<!-- < span class = "bom" > 升数卡充值不支持自定义积分 , 选择对应充值活动获得对应积分 [ 需开启积分活动有效 ] < / span > -- >
<!-- < / div > -- >
<!-- < / div > -- >
<!-- & lt ; ! & ndash ; < div style = "display:flex;margin-left: 20px" > -- >
<!-- < div style = "line-height: 40px;width: 20%" > 提成员工 < / div > -- >
<!-- < div > -- >
<!-- < el -input :readonly ="true" placeholder = "请选择提成员工" v-model ="cardFuelDieselForm.realName" > - - >
<!-- < el -button slot = "append" @click ="chooseStaff" > 选择员工 < / el -button > -- >
<!-- < / e l - i n p u t > - - >
<!-- < / div > -- >
<!-- < / div > & ndash ; & gt ; -- >
<!-- < / 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 > -- >
<!-- < el -radio v -for = " dict in payList " v -model = " cardFuelDieselForm.paymentType " :key ="dict.dictValue" :label ="dict.dictValue" :value ="dict.dictValue" border > { { dict . dictLabel } } < / e l - r a d i o > - - >
<!-- < / div > -- >
<!-- < / div > -- >
<!-- < / e l - c o l > - - >
<!-- < / e l - r o w > - - >
<!-- < div style = "margin: 20px 0;text-align: center" > -- >
<!-- < el -button type = "primary" @click ="confirm(2)" > 确认充值 < / el -button > -- >
<!-- < 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 > - - >
<!-- & lt ; ! & ndash ; 选择员工 & ndash ; & gt ; -- >
<!-- < el -dialog :close-on-click-modal ="false" width = "50%" height = "50%" title = "选择员工" :visible.sync ="openStaff" append -to -body > -- >
<!-- < select -staff @send-data ="handleDataFromChild" > -- >
<!-- < / s e l e c t - s t a f f > - - >
<!-- < / e l - d i a l o g > - - >
<!-- & lt ; ! & ndash ; 确认充值 & ndash ; & gt ; -- >
<!-- < el -dialog :close-on-click-modal ="false" :title ="title" :visible.sync ="openConfirm" width = "500px" append -to -body > -- >
<!-- < div v -if = " isPay = = true " - - >
<!-- v - loading = "loading" > -- >
<!-- < 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" > -- >
<!-- ￥ { { realyPayBills } } -- >
<!-- & lt ; ! & ndash ; < el -tag - - >
<!-- effect = "dark" > -- >
<!-- 汽油 -- >
<!-- < / e l - t a g > & n d a s h ; & g t ; - - >
<!-- < / div > -- >
<!-- & lt ; ! & ndash ; < div style = "text-align: center;margin-bottom: 10px" > 赠送金额 < / div > & ndash ; & gt ; -- >
<!-- < div > -- >
<!-- < el -input v-model ="authCode" @keydown.enter.native="collection" placeholder="扫描或输入付款码、支持微信、支付宝、云闪付" > - - >
<!-- < 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 > - - >
2023-11-10 18:10:23 +08:00
<!-- < / div > -- >
2023-11-23 18:33:25 +08:00
<!-- < / 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 > -- >
<!-- < el -button type = "primary" @click ="collection" > 确定收款 < / el -button > -- >
<!-- < / div > -- >
<!-- < / div > -- >
2023-11-10 18:10:23 +08:00
2023-11-23 18:33:25 +08:00
<!-- < 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 > - - >
2023-11-10 18:10:23 +08:00
<!-- < / div > -- >
2023-11-23 18:33:25 +08:00
<!-- < 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 > - - >
<!-- < / div > -- >
<!-- < / div > -- >
<!-- < / e l - d i a l o g > - - >
<!-- & lt ; ! & ndash ; 更换手机号对话框 & ndash ; & gt ; -- >
<!-- < 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 > - - >
<!-- & lt ; ! & ndash ; 副卡管理 & ndash ; & gt ; -- >
<!-- < 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 > - - >
2023-11-10 18:10:23 +08:00
2023-11-23 18:33:25 +08:00
<!-- < pagination - - >
<!-- : total = "total" -- >
<!-- : page . sync = "queryParams.page" -- >
<!-- : limit . sync = "queryParams.pageSize" -- >
<!-- @ pagination = "getList" -- >
<!-- / > - - >
<!-- < / div > -- >
<!-- < / e l - d i a l o g > - - >
2023-11-10 18:10:23 +08:00
2023-11-23 18:33:25 +08:00
<!-- & lt ; ! & ndash ; 绑定实体卡 & ndash ; & gt ; -- >
<!-- < 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 > -- >
<!-- < el -form ref = "form" :model ="form" :rules ="rules" label -width = " 120px " > -- >
<!-- < 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 > -- >
<!-- < / 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 > - - >
<!-- & lt ; ! & ndash ; 子卡管理 & ndash ; & gt ; -- >
<!-- < 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 > - - >
<!-- & lt ; ! & ndash ; 每日交易次数 & ndash ; & gt ; -- >
<!-- < 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 > - - >
<!-- & lt ; ! & ndash ; 固定等级 & ndash ; & gt ; -- >
<!-- < 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" > -- >
<!-- < el -form -item label = "变更认证" prop = "fixingLevel" style = "width: 420px" > -- >
<!-- < el -select - - >
<!-- v - model = "form.fixingLevel" -- >
<!-- clearable -- >
<!-- style = "width: 240px" -- >
<!-- > -- >
<!-- < el -option - - >
<!-- v - for = "item in zcrzdjList" -- >
<!-- : key = "item.id" -- >
<!-- : label = "item.dictLabel" -- >
<!-- : value = "item.dictValue" -- >
<!-- / > - - >
<!-- < / 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 > - - >
<!-- < / div > -- >
2023-11-10 18:10:23 +08:00
<!-- < / template > -- >
<!-- < script > -- >
2023-11-23 18:33:25 +08:00
<!-- import item from "../../layout/components/Sidebar/Item.vue" ; -- >
<!-- import { getSysConfig } from "@/api/cashier/user/sysconfig" ; -- >
<!-- import { getUser , updateUser } from "@/api/cashier/user/user" ; -- >
<!-- import { getUserGrade } from "@/api/cashier/usergrade" ; -- >
<!-- import { ljStoreInfo } from "@/api/cashier/user/store" ; -- >
<!-- import { getDicts } from "@/api/dict/data" ; -- >
<!-- import { getList , getCountOilTypeApi , getCardValueListApi , getPrepaidCardTopUpApi , getCheckTheStatusOfYourPaymentApi , getPrepaidFuelTopUpApi , getCheckTheStatusOfYourPaymentByFuelApi } from "@/api/cashier/cardSet" ; -- >
<!-- import BigNumber from 'bignumber.js' ; -- >
<!-- export default { -- >
<!-- computed : { -- >
<!-- item ( ) { -- >
<!-- return item -- >
<!-- } -- >
<!-- } , -- >
<!-- // dicts: ['zcrzdj'],-->
<!-- data ( ) { -- >
<!-- return { -- >
<!-- // 变更认证列表-->
<!-- zcrzdjList : [ ] , -- >
<!-- // 储值卡-->
<!-- // 充值余额列表-->
<!-- cardValueList : [ ] , -- >
<!-- cardValueForm : { -- >
<!-- cardValueId : '' , // 储值卡id-->
<!-- mtStaffId : '' , //-->
<!-- realName : '' , -- >
<!-- staffMobile : '' , -- >
<!-- amount : '' , // 自定义充值字段-->
<!-- bidBalance : '' , // 储值卡面值-->
<!-- rechargeBalance : '' , // 实际支付-->
<!-- giftBalance : '' , // 赠送金额-->
<!-- points : '' , //赠送积分-->
<!-- growthValue : '' , // 赠送成长值-->
<!-- remark : '' , -- >
<!-- paymentType : '' , // 支付方式-->
<!-- royaltyType : '' , // 提成类型-->
<!-- percentageCommissions : null , -- >
<!-- amountCommission : null , -- >
<!-- rechargeType : 0 -- >
<!-- } , -- >
<!-- // 存油卡列表-->
<!-- cardFuelDieselList : [ ] , -- >
<!-- sourceCardFuelDieselList : [ ] , -- >
<!-- cardFuelDieselForm : { -- >
<!-- mtStaffId : '' , -- >
<!-- realName : '' , -- >
<!-- staffMobile : '' , -- >
<!-- points : '' , -- >
<!-- remark : '' , -- >
<!-- rechargeBalance : '' , //实际支付-->
<!-- paymentType : '' , -- >
<!-- oilType : '' , -- >
<!-- type : '' , -- >
<!-- chainStorId : '' , -- >
<!-- incomeLitres : '' , -- >
<!-- } , -- >
<!-- authCode : '' , // 支付码-->
<!-- timer : null , -- >
<!-- realyPayBills : 0 , -- >
<!-- oilTypeList : { } , -- >
<!-- isPay : true , -- >
<!-- isPaySuccess : false , -- >
<!-- isQuery : true , -- >
<!-- payList : [ ] , -- >
<!-- // 升数卡-->
<!-- 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 , -- >
<!-- // 每日交易介绍-->
<!-- transaction : "" , -- >
<!-- config : '-1' , -- >
<!-- num : 1 , -- >
<!-- // 操作类型-->
<!-- type : 'add' , -- >
<!-- title : '' , -- >
<!-- // 是否显示修改对话框-->
<!-- openMobile : false , -- >
<!-- openRecharge : false , -- >
<!-- openSecondCard : false , -- >
<!-- openBindIdCard : false , -- >
<!-- openSubCard : false , -- >
<!-- openConfig : false , -- >
<!-- openLevel : false , -- >
<!-- openConfirm : false , -- >
<!-- openStaff : false , -- >
<!-- growthValue : 'whole' , -- >
<!-- cardList : 'notUse' , -- >
<!-- tabPosition : 'giftCard' , -- >
<!-- balanceRecord : 'first' , -- >
<!-- tabOilType : '' , -- >
<!-- // 关于副卡信息-->
<!-- aboutSecondCard : [ ] , -- >
<!-- // 遮罩层-->
<!-- loading : false , -- >
<!-- id : '' , -- >
<!-- // 会员信息-->
<!-- form : { } , -- >
<!-- // 店铺信息-->
<!-- store : '' , -- >
<!-- // 会员等级信息-->
<!-- grade : '' , -- >
<!-- activeName : 'refuelOrder' , -- >
<!-- subCardActive : 'subCardManage' , -- >
<!-- activeRecharge : 'balance' , -- >
<!-- tableData : [ ] , -- >
<!-- total : 0 , -- >
<!-- queryParams : { -- >
<!-- page : 1 , -- >
<!-- pageSize : 10 , -- >
<!-- mobile : '' , -- >
<!-- id : '' , -- >
<!-- name : '' , -- >
<!-- status : '' , -- >
<!-- } , -- >
<!-- subCardList : [ ] , -- >
<!-- list : [ ] , -- >
<!-- // 表单校验-->
<!-- rules : { -- >
<!-- mobile : [ { required : true , message : "请输入手机号" , trigger : "blur" } ] , -- >
<!-- type : [ { required : true , message : "请选择操作类型" , trigger : "blur" } ] , -- >
<!-- fixingLevel : [ { required : true , message : "请选择认证信息" , trigger : "blur" } ] , -- >
<!-- } -- >
<!-- } -- >
<!-- } , -- >
<!-- created ( ) { -- >
<!-- this . id = this . $route . query . id ; -- >
<!-- this . getUserInfo ( ) ; -- >
<!-- this . getInformation ( ) ; -- >
<!-- this . getDict ( ) ; -- >
<!-- } , -- >
<!-- methods : { -- >
<!-- getDict ( ) { -- >
<!-- getDicts ( "zcrzdj" ) . then ( response => { -- >
<!-- this . zcrzdjList = response . data ; -- >
<!-- } ) -- >
<!-- } , -- >
<!-- getStatus ( list , val ) { -- >
<!-- let result = "" ; -- >
<!-- list . forEach ( item => { -- >
<!-- if ( item . dictValue == val ) { -- >
<!-- result = item . dictLabel ; -- >
<!-- } -- >
<!-- } ) -- >
<!-- return result ; -- >
<!-- } , -- >
<!-- // 选择员工-->
<!-- chooseStaff ( ) { -- >
<!-- this . openStaff = true -- >
<!-- } , -- >
<!-- // 更换手机号-->
<!-- replaceMobile ( ) { -- >
<!-- this . openMobile = true ; -- >
<!-- this . title = '更换手机号' -- >
<!-- } , -- >
<!-- // 副卡管理-->
<!-- secondCard ( ) { -- >
<!-- this . openSecondCard = true ; -- >
<!-- this . title = this . form . secondCard + '-副卡账户管理' -- >
<!-- } , -- >
<!-- // 实体卡绑定-->
<!-- bindIdCard ( ) { -- >
<!-- this . openBindIdCard = true ; -- >
<!-- this . title = '实体卡绑定' -- >
<!-- } , -- >
<!-- // 子卡管理-->
<!-- subCard ( ) { -- >
<!-- this . openSubCard = true ; -- >
<!-- this . title = '子卡管理' -- >
<!-- } , -- >
<!-- // 每日笔数-->
<!-- configuration ( ) { -- >
<!-- this . openConfig = true ; -- >
<!-- this . title = '每日交易次数' -- >
<!-- } , -- >
<!-- // 固定等级-->
<!-- level ( ) { -- >
<!-- this . openLevel = true ; -- >
<!-- this . title = '固定等级(原专车认证)' -- >
<!-- } , -- >
<!-- // 会员充值-->
<!-- userRecharge ( ) { -- >
<!-- this . getCardFuelDieselList ( ) -- >
<!-- this . getCardValueList ( ) -- >
<!-- this . getCountOilType ( ) -- >
<!-- this . getPayList ( ) ; -- >
<!-- this . openRecharge = true ; -- >
<!-- this . title = '会员充值' -- >
<!-- } , -- >
<!-- // 确认充值-->
<!-- confirm ( flag ) { -- >
<!-- this . flag = flag -- >
<!-- if ( flag === 1 ) { -- >
<!-- if ( this . cardValueForm . paymentType == '' ) { -- >
<!-- this . $message . error ( '请选择支付方式' ) ; -- >
<!-- return -- >
<!-- } -- >
<!-- if ( this . cardValueForm . amount != null ) { -- >
<!-- this . realyPayBills = this . cardValueForm . amount -- >
<!-- this . cardValueForm . rechargeType = 1 -- >
<!-- } else { -- >
<!-- this . realyPayBills = this . cardValueForm . rechargeBalance -- >
<!-- this . cardValueForm . rechargeType = 0 -- >
<!-- } -- >
<!-- } else if ( flag === 2 ) { -- >
<!-- if ( this . cardFuelDieselForm . paymentType == '' ) { -- >
<!-- this . $message . error ( '请选择支付方式' ) ; -- >
<!-- return -- >
<!-- } -- >
<!-- this . realyPayBills = this . cardFuelDieselForm . rechargeBalance -- >
<!-- } -- >
<!-- this . isPay = true -- >
<!-- this . openConfirm = true ; -- >
<!-- this . title = this . payment -- >
<!-- } , -- >
<!-- // 储值卡查询-->
<!-- async getCardValueList ( ) { -- >
<!-- let quy = { -- >
<!-- pageNo : 1 , -- >
<!-- pageSize : 10000 , -- >
<!-- isonline : 0 -- >
<!-- } -- >
<!-- await getCardValueListApi ( quy ) . then ( res => { -- >
<!-- this . cardValueList = res . data . records ; -- >
<!-- this . cardValueList . sort ( ( a , b ) => a . rechargeBalance - b . rechargeBalance ) ; -- >
<!-- } ) -- >
<!-- if ( this . cardValueList . length > 0 ) { -- >
<!-- // 过滤-->
<!-- this . cardValueList = this . cardValueList . filter ( item => { -- >
<!-- return item . membershipLevel . includes ( this . grade . name ) ; -- >
<!-- } ) ; -- >
<!-- this . rechargeCard ( 0 ) ; -- >
<!-- } -- >
<!-- } , -- >
<!-- valueAmoutChange ( data ) { -- >
<!-- this . cardValueForm . points = '' -- >
<!-- this . cardValueForm . bidBalance = '' -- >
<!-- this . cardValueForm . giftBalance = '' -- >
<!-- this . cardValueForm . growthValue = '' -- >
<!-- this . cardValueForm . rechargeBalance = '' -- >
<!-- this . cardValueForm . rechargeType = 1 -- >
<!-- this . cardValueForm . royaltyType = '' -- >
<!-- this . cardValueForm . percentageCommissions = '' -- >
<!-- this . cardValueForm . amountCommission = '' -- >
<!-- 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 -- >
<!-- this . cardValueForm . rechargeBalance = change . rechargeBalance -- >
<!-- this . cardValueForm . royaltyType = change . royaltyType -- >
<!-- this . cardValueForm . percentageCommissions = change . percentageCommissions -- >
<!-- this . cardValueForm . amountCommission = change . amountCommission -- >
<!-- // 计算员工提成金额-->
<!-- 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 -- >
<!-- } -- >
<!-- } -- >
<!-- } ) -- >
<!-- } -- >
<!-- } , -- >
<!-- // 存油卡查询-->
<!-- async getCardFuelDieselList ( ) { -- >
<!-- let quy = { -- >
<!-- pageNo : 1 , -- >
<!-- pageSize : 10000 , -- >
<!-- activeStatus : 1 , -- >
<!-- status : 1 , -- >
<!-- activityProgress : 1 -- >
<!-- } -- >
<!-- await 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 , -- >
<!-- } , -- >
<!-- this . cardValueForm = { -- >
<!-- mtStaffId : data . mtStaffId , -- >
<!-- realName : data . realName , -- >
<!-- staffMobile : data . staffMobile , -- >
<!-- } , -- >
<!-- 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 -- >
<!-- console . log ( "this.oilTypeList[0].status" , this . oilTypeList [ 0 ] . status ) -- >
<!-- this . selectOilType ( this . oilTypeList [ 0 ] . status , this . oilTypeList [ 0 ] . oilType ) ; -- >
<!-- } -- >
<!-- } ) -- >
<!-- } , -- >
<!-- // 根据油品过滤查询存油卡-->
<!-- async tabOilTypeClick ( data ) { -- >
<!-- let this _ = this -- >
<!-- await this _ . getCardFuelDieselList ( ) -- >
<!-- // console.log("this_.sourceCardFuelDieselList",this_.sourceCardFuelDieselList)-->
<!-- this _ . cardFuelDieselList = this _ . sourceCardFuelDieselList . filter ( item => { -- >
<!-- return item . oilType === data ; -- >
<!-- } ) ; -- >
<!-- if ( this . cardFuelDieselList . length > 0 ) { -- >
<!-- this . recharge ( 0 ) -- >
<!-- } -- >
<!-- } , -- >
<!-- selectOilType ( status , oilType ) { -- >
<!-- console . log ( "status" , status ) -- >
<!-- console . log ( "oilType" , oilType ) -- >
<!-- this . tabOilType = oilType ; -- >
<!-- this . tabOilTypeClick ( status ) ; -- >
<!-- } , -- >
<!-- // 支付方式-->
<!-- payMethod ( payType , flag ) { -- >
<!-- if ( falg === 1 ) { -- >
<!-- } -- >
<!-- this . cardValueForm . paymentType = payType -- >
<!-- } , -- >
<!-- // 选择余额充值金额-->
<!-- rechargeCard ( index , item ) { -- >
<!-- console . log ( "index" , index ) -- >
<!-- this . cardValueForm . amount = null , -- >
<!-- this . cardValueForm . rechargeType = 0 -- >
<!-- this . activeKey = index ; -- >
<!-- if ( item === - 1 ) { -- >
<!-- this . cardValueForm . points = 0 -- >
<!-- this . cardValueForm . giftBalance = 0 -- >
<!-- this . cardValueForm . growthValue = 0 -- >
<!-- this . cardValueForm . bidBalance = 0 -- >
<!-- // this.cardValueForm.bidBalance = 1-->
<!-- // this.cardValueForm.amount = 0-->
<!-- } else { -- >
<!-- let file = { } -- >
<!-- // 拿到金额-->
<!-- file = this . cardValueList [ index ] -- >
<!-- this . realyPayBills = 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 -- >
<!-- 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 -- >
<!-- } -- >
<!-- } -- >
<!-- } , -- >
<!-- // 选择充值金额-->
<!-- recharge ( index , item ) { -- >
<!-- this . activeKey = index ; -- >
<!-- let file = { } -- >
<!-- // 拿到金额-->
<!-- file = this . cardFuelDieselList [ index ] -- >
<!-- this . cardFuelDieselForm . points = file . points -- >
<!-- this . cardFuelDieselForm . rechargeBalance = file . rechargeBalance -- >
<!-- this . cardFuelDieselForm . oilType = file . oilType -- >
<!-- this . cardFuelDieselForm . type = file . type -- >
<!-- this . cardFuelDieselForm . chainStorId = file . chainStorId -- >
<!-- this . cardFuelDieselForm . incomeLitres = file . incomeLitres -- >
<!-- this . realyPayBills = file . rechargeBalance -- >
<!-- console . log ( "this.cardFuelDieselList[index]" , this . cardFuelDieselList [ index ] ) -- >
<!-- console . log ( "this.cardFuelDieselForm[index]" , this . cardFuelDieselForm ) -- >
<!-- } , -- >
<!-- async collection ( ) { -- >
<!-- let userForm = this . form -- >
<!-- 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 -- >
<!-- this . cardValueForm . realyPayBills = this . realyPayBills -- >
<!-- let id ; -- >
<!-- 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;-->
<!-- // }-->
<!-- } -- >
<!-- } ) ; -- >
<!-- let this _ = this -- >
<!-- 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 ) ; -- >
<!-- let timer2 = setInterval ( function ( ) { -- >
<!-- if ( this _ . isQuery == false ) { -- >
<!-- this _ . loading = false ; -- >
<!-- this _ . isPay = false ; -- >
<!-- clearInterval ( timer ) ; -- >
<!-- } -- >
<!-- } , 500 ) -- >
<!-- setTimeout ( function ( ) { -- >
<!-- clearInterval ( timer2 ) ; -- >
<!-- clearInterval ( timer ) ; -- >
<!-- this _ . loading = false ; -- >
<!-- this _ . isPay = false ; -- >
<!-- this . isPaySuccess = false ; -- >
<!-- } , 30000 ) -- >
<!-- } else if ( this . flag === 2 ) { -- >
<!-- 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 ) -- >
<!-- setTimeout ( function ( ) { -- >
<!-- clearInterval ( timer2 ) ; -- >
<!-- clearInterval ( timer ) ; -- >
<!-- this _ . loading = false ; -- >
<!-- this _ . isPay = false ; -- >
<!-- this . isPaySuccess = false ; -- >
<!-- } , 30000 ) -- >
<!-- let this _ = this -- >
<!-- } -- >
<!-- } , -- >
<!-- getPayList ( ) { -- >
<!-- getDicts ( "payment_type" ) . then ( response => { -- >
<!-- this . payList = response . data ; -- >
<!-- } ) -- >
<!-- } , -- >
<!-- // 关闭支付窗口-->
<!-- handClose ( ) { -- >
<!-- this . isPay = true ; -- >
<!-- this . openConfirm = false -- >
<!-- this . openRecharge = false -- >
<!-- this . isPaySuccess = false ; -- >
<!-- this . authCode = null -- >
<!-- this . activeRecharge = 'balance' , -- >
<!-- this . cardValueForm = { } -- >
<!-- this . cardFuelDieselForm = { } -- >
<!-- } , -- >
<!-- // 获取副卡信息-->
<!-- getInformation ( ) { -- >
<!-- getSysConfig ( 'second_card' ) . then ( response => { -- >
<!-- this . aboutSecondCard = response . data . split ( ";" ) -- >
<!-- } ) ; -- >
<!-- getSysConfig ( 'transaction' ) . then ( response => { -- >
<!-- this . transaction = response . data -- >
<!-- } ) ; -- >
<!-- } , -- >
<!-- this ( ) { -- >
<!-- } , -- >
<!-- // 获取详情-->
<!-- 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 ; -- >
<!-- } ) ; -- >
<!-- } , -- >
<!-- // 获取会员等级详情-->
<!-- getGrade ( id ) { -- >
<!-- getUserGrade ( id ) . then ( response => { -- >
<!-- this . grade = response . data ; -- >
<!-- } ) ; -- >
<!-- } , -- >
<!-- // 选择充值金额-->
<!-- // recharge(index){-->
<!-- // this.activeKey = index;-->
<!-- // },-->
<!-- // 提交按钮-->
<!-- submitForm : function ( ) { -- >
<!-- this . $refs [ "form" ] . validate ( valid => { -- >
<!-- if ( valid ) { -- >
<!-- if ( this . form . id ) { -- >
<!-- updateUser ( this . form ) . then ( response => { -- >
<!-- this . $modal . msgSuccess ( "修改成功" ) ; -- >
<!-- this . openMobile = false ; -- >
<!-- this . openConfig = false ; -- >
<!-- this . openLevel = false ; -- >
<!-- this . openBindIdCard = false ; -- >
<!-- this . getUserInfo ( ) ; -- >
<!-- } ) ; -- >
2023-11-10 18:10:23 +08:00
<!-- } -- >
<!-- } -- >
2023-11-23 18:33:25 +08:00
<!-- } ) ; -- >
<!-- } , -- >
<!-- // 表单重置-->
<!-- reset ( ) { -- >
<!-- this . resetForm ( "form" ) ; -- >
<!-- this . form = { } -- >
<!-- } , -- >
<!-- // 取消按钮-->
<!-- cancel ( ) { -- >
<!-- this . openMobile = false ; -- >
<!-- this . openConfig = false ; -- >
<!-- this . openLevel = false ; -- >
<!-- this . openBindIdCard = false ; -- >
<!-- this . openRecharge = false ; -- >
<!-- } , -- >
<!-- cancelCollection ( ) { -- >
<!-- this . openConfirm = false ; -- >
<!-- } , -- >
<!-- handleClick ( tab , event ) { -- >
<!-- // console.log(tab, event);-->
<!-- } , -- >
<!-- handleChange ( value ) { -- >
<!-- // console.log(value);-->
<!-- } , -- >
<!-- getList ( ) { -- >
<!-- } , -- >
<!-- // 返回-->
<!-- goBack ( ) { -- >
<!-- this . $router . back ( - 1 ) ; -- >
2023-11-10 18:10:23 +08:00
<!-- } -- >
2023-11-23 18:33:25 +08:00
<!-- // 积分表、储值卡详情表、积分详情表、储值卡表、储值卡模板表、用户储值卡关联表、-->
<!-- } -- >
<!-- } -- >
2023-11-10 18:10:23 +08:00
<!-- < / script > -- >
2023-11-23 18:33:25 +08:00
<!-- < style lang = "scss" scoped > -- >
<!-- . app - container { -- >
2023-11-10 18:10:23 +08:00
<!-- width : 100 % ; -- >
2023-11-23 18:33:25 +08:00
<!-- height : 100 % ; -- >
<!-- background : # f6f8f9 ; -- >
2023-11-10 18:10:23 +08:00
<!-- } -- >
2023-11-23 18:33:25 +08:00
<!-- . 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 ; -- >
<!-- } -- >
<!-- . idcard { -- >
<!-- text - align : center ; -- >
<!-- font - weight : bold -- >
2023-11-10 18:10:23 +08:00
<!-- } -- >
2023-11-23 18:33:25 +08:00
<!-- . mon { -- >
2023-11-10 18:10:23 +08:00
<!-- width : 20 % ; -- >
2023-11-23 18:33:25 +08:00
<!-- 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-10 18:10:23 +08:00
<!-- } -- >
2023-11-23 18:33:25 +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 ; -- >
2023-11-10 18:10:23 +08:00
<!-- } -- >
2023-10-27 18:06:06 +08:00
2023-11-23 18:33:25 +08:00
<!-- . select : before { -- >
<!-- content : '' ; -- >
<!-- position : absolute ; -- >
<!-- right : 0 ; -- >
<!-- bottom : 0 ; -- >
<!-- border : 10 px solid # 00 aaff ; -- >
<!-- border - top - color : transparent ; -- >
<!-- border - left - color : transparent ; -- >
<!-- } -- >
2023-11-10 18:10:23 +08:00
2023-11-23 18:33:25 +08:00
<!-- . 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 { -- >
<!-- width : 255 px ; -- >
<!-- 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 ; -- >
<!-- } -- >
<!-- < / style > -- >
