|
|
|
|
@ -51,132 +51,8 @@ |
|
|
|
|
<span class="trip">开启，店铺即可展示在移动端</span> |
|
|
|
|
</div> |
|
|
|
|
</div> |
|
|
|
|
<div class="basic-information"> |
|
|
|
|
<div v-if="merData.is_margin != 0"> |
|
|
|
|
<!--未支付--> |
|
|
|
|
<div v-if="merData.is_margin == 1"> |
|
|
|
|
<span class="basic-label">店铺保证金：</span> |
|
|
|
|
<span class="font_red">{{merData.margin}}元</span> |
|
|
|
|
<div class="margin_count" @mouseenter="getCode()"> |
|
|
|
|
<el-button type="text" size="small" class="mr10 pay_btn">去支付保证金</el-button> |
|
|
|
|
<!--支付二维码--> |
|
|
|
|
<div class="erweima"> |
|
|
|
|
<div class="pay_title">支付保证金</div> |
|
|
|
|
<div> |
|
|
|
|
<vue-qr class="bicode" :text="qrCode" :size="310" /> |
|
|
|
|
<div class="pay_type" >请使用微信扫码支付</div> |
|
|
|
|
<div class="pay_price" >￥{{marginPrice}}元</div> |
|
|
|
|
<div class="pay_time">支付码过期时间： {{qrEndTime}}</div> |
|
|
|
|
</div> |
|
|
|
|
</div> |
|
|
|
|
</div> |
|
|
|
|
</div> |
|
|
|
|
<!--已支付--> |
|
|
|
|
<div class="margin_main" v-if="merData.is_margin == 10 "> |
|
|
|
|
<span class="basic-label">店铺保证金：</span> |
|
|
|
|
<span class="margin_price">{{merData.margin}}元</span> |
|
|
|
|
<div class="margin_count"> |
|
|
|
|
<span class="mr10 spanBtn" @click="viewRecords">查看保证金记录</span> |
|
|
|
|
<!--保证金弹窗--> |
|
|
|
|
<div class="margin_modal" @mouseleave="supplyPay=false"> |
|
|
|
|
<div> |
|
|
|
|
<img src="@/assets/images/margin03.png"/> |
|
|
|
|
<div class="alic"> |
|
|
|
|
<span class="text_g">剩余保证金￥{{merData.margin}}元</span> |
|
|
|
|
<el-button v-if="merData.margin>0" type="primary" size="small" @click="applyReturn">申请退回保证金</el-button> |
|
|
|
|
</div> |
|
|
|
|
</div> |
|
|
|
|
</div> |
|
|
|
|
</div> |
|
|
|
|
<div v-if="merData.marginStatus" style="display: inline-block;"> |
|
|
|
|
<div class="margin_count" @mouseenter="getCode()"> |
|
|
|
|
<el-button type="text" size="small" class="mr10 pay_btn">去补缴保证金</el-button> |
|
|
|
|
<!--支付二维码--> |
|
|
|
|
<div class="erweima"> |
|
|
|
|
<div class="pay_title">支付保证金</div> |
|
|
|
|
<div> |
|
|
|
|
<vue-qr class="bicode" :text="qrCode" :size="310" /> |
|
|
|
|
<div class="pay_type" >请使用微信扫码支付</div> |
|
|
|
|
<div class="pay_price" >￥{{marginPrice}}元</div> |
|
|
|
|
<div class="pay_time">支付码过期时间： {{qrEndTime}}</div> |
|
|
|
|
</div> |
|
|
|
|
</div> |
|
|
|
|
</div> |
|
|
|
|
</div> |
|
|
|
|
</div> |
|
|
|
|
<div class="margin_main" v-if="merData.is_margin == -10 || merData.is_margin == -1"> |
|
|
|
|
<span class="basic-label">店铺保证金：</span> |
|
|
|
|
<span class="margin_price">{{merData.margin}}元</span> |
|
|
|
|
<div class="margin_count"> |
|
|
|
|
<span class="mr10 spanBtn" @click="viewRecords">查看保证金记录</span> |
|
|
|
|
<!--保证金弹窗--> |
|
|
|
|
<div class="margin_modal" @mouseleave="goPay=false"> |
|
|
|
|
<div> |
|
|
|
|
<img v-if="merData.is_margin == -10" src="@/assets/images/margin01.png"/> |
|
|
|
|
<img v-if="merData.is_margin == -1" src="@/assets/images/margin02.png"/> |
|
|
|
|
<img v-if="merData.is_margin == 10" src="@/assets/images/margin03.png"/> |
|
|
|
|
<div class="alic" v-if="merData.is_margin == 10"> |
|
|
|
|
<span class="text_g">剩余保证金￥{{merData.margin}}元</span> |
|
|
|
|
<el-button v-if="merData.margin>0" type="primary" size="small" @click="applyReturn">申请退回保证金</el-button> |
|
|
|
|
</div> |
|
|
|
|
<div class="alic" v-if="merData.is_margin == -1"> |
|
|
|
|
<span class="text_b b01"> 审核中</span> |
|
|
|
|
<div class="margin_refused">您申请退回保证金，正在审核中…</div> |
|
|
|
|
</div> |
|
|
|
|
<div class="alic" v-if="merData.is_margin == -10"> |
|
|
|
|
<span class="text_b b02">审核未通过</span> |
|
|
|
|
<div class="margin_refused">未通过原因：<span>{{merData.refundMarginOrder.refusal}}</span></div> |
|
|
|
|
<el-button type="primary" size="small" @click="applyReturn">再次申请</el-button> |
|
|
|
|
</div> |
|
|
|
|
</div> |
|
|
|
|
</div> |
|
|
|
|
</div> |
|
|
|
|
</div> |
|
|
|
|
</div> |
|
|
|
|
</div> |
|
|
|
|
</div> |
|
|
|
|
<!--申请退回保障金银行信息弹窗--> |
|
|
|
|
<el-dialog |
|
|
|
|
v-if="modalBank" |
|
|
|
|
v-model="modalBank" |
|
|
|
|
:visible.sync="modalBank" |
|
|
|
|
title="申请退回保证金" |
|
|
|
|
width="600px" |
|
|
|
|
close-on-click-modal |
|
|
|
|
custom-class="dialog-scustom" |
|
|
|
|
> |
|
|
|
|
<div class="bank-container"> |
|
|
|
|
<div class="item">说明： <span class="red">申请退回保证金则视为关闭店铺，请谨慎操作！</span></div> |
|
|
|
|
<div class="item"> |
|
|
|
|
<div v-if="online > 0">线上支付的保证金 <span class="red">{{online}}元</span>会原路返回</div> |
|
|
|
|
|
|
|
|
|
<div v-if="offline > 0"> |
|
|
|
|
线下支付的保证金<span class="red">{{offline}}元，</span>会通过下方账号信息返回，请务必确认下方您的收款信息真实有效，以确保资金可顺利退回，感谢配合！ |
|
|
|
|
</div> |
|
|
|
|
</div> |
|
|
|
|
<div class="title">账号信息：</div> |
|
|
|
|
<el-form ref="bankValidate" :model="bankValidate" :rules="bankRules" label-width="100px" @submit.native.prevent> |
|
|
|
|
<el-form-item label="真实姓名：" prop="name"> |
|
|
|
|
<el-input v-model="bankValidate.name" type="text" placeholder="请输入真实姓名" /> |
|
|
|
|
</el-form-item> |
|
|
|
|
<el-form-item label="开户银行：" prop="code"> |
|
|
|
|
<el-input v-model="bankValidate.code" type="text" placeholder="请输入开户银行" /> |
|
|
|
|
</el-form-item> |
|
|
|
|
<el-form-item v-if="bankValidate.type == 1" label="银行卡号：" prop="pic"> |
|
|
|
|
<el-input v-model="bankValidate.pic" type="number" placeholder="请输入银行卡号" /> |
|
|
|
|
</el-form-item> |
|
|
|
|
<el-form-item v-if="bankValidate.type == 2" label="收款二维码："> |
|
|
|
|
<img v-if="bankValidate.pic" :src="bankValidate.pic" style="width: 120px;height: 120px;"> |
|
|
|
|
<div v-else class="red"> |
|
|
|
|
请前往财务-收款方式页面填写收款信息 |
|
|
|
|
</div> |
|
|
|
|
</el-form-item> |
|
|
|
|
</el-form> |
|
|
|
|
</div> |
|
|
|
|
<span slot="footer" class="dialog-footer"> |
|
|
|
|
<el-button type="primary" size="small" @click="bankConfirm('bankValidate')">确定</el-button> |
|
|
|
|
</span> |
|
|
|
|
</el-dialog> |
|
|
|
|
<div v-if="infoType == '2'" class="business-msg"> |
|
|
|
|
<div class="form-data"> |
|
|
|
|
<el-form ref="ruleForm" :model="merData" :rules="rules" label-width="150px" class="demo-ruleForm"> |
|
|
|
|
@ -210,8 +86,8 @@ |
|
|
|
|
<div v-else class="upLoad"> |
|
|
|
|
<i class="el-icon-camera cameraIconfont" /> |
|
|
|
|
</div> |
|
|
|
|
<div class="trip">建议尺寸：710*134px或710*460px(请根据平台要求选择尺寸，此图如未上传默认展示店铺背景图)</div> |
|
|
|
|
</div> |
|
|
|
|
<div class="trip">建议尺寸：710*134px或710*460px(请根据平台要求选择尺寸，此图如未上传默认展示店铺背景图)</div> |
|
|
|
|
</div> |
|
|
|
|
</el-form-item> |
|
|
|
|
<el-form-item class="form-item" label="店铺资质：" :prop="merData.sys_bases_status == 1 ? 'uploadedqualifications' : ''"> |
|
|
|
|
<div class="upLoadPicBox_qualification"> |
|
|
|
|
@ -352,25 +228,46 @@ |
|
|
|
|
</div> |
|
|
|
|
</div> |
|
|
|
|
<div v-if="infoType == '3'" class="user-msg"> |
|
|
|
|
<!-- <div class="basic-information">--> |
|
|
|
|
<!-- <span class="basic-label"> 商户手续费：</span>--> |
|
|
|
|
<!-- {{ Number(merData.commission_rate) > 0 ? (parseFloat(merData.commission_rate)).toFixed(2) : (parseFloat(merData.merchantCategory.commission_rate * 100)).toFixed(2)}}%--> |
|
|
|
|
<!-- </div>--> |
|
|
|
|
<!-- <div class="basic-information">--> |
|
|
|
|
<!-- <span class="basic-label"> 添加商品：</span>--> |
|
|
|
|
<!-- {{ merData.is_audit ? "需平台审核" : "平台免审核" }}--> |
|
|
|
|
<!-- </div>--> |
|
|
|
|
<!-- <div class="basic-information">--> |
|
|
|
|
<!-- <span class="basic-label"> 开启直播间：</span>--> |
|
|
|
|
<!-- {{ merData.is_bro_room ? "需平台审核" : "平台免审核" }}--> |
|
|
|
|
<!-- </div>--> |
|
|
|
|
<!-- <div class="basic-information">--> |
|
|
|
|
<!-- <span class="basic-label"> 添加直播商品：</span>--> |
|
|
|
|
<!-- {{ merData.is_bro_goods ? "需平台审核" : "平台免审核" }}--> |
|
|
|
|
<!-- </div>--> |
|
|
|
|
<!-- <div class="basic-information">--> |
|
|
|
|
<!-- <span class="basic-label"> 平台首页推荐商户：</span>--> |
|
|
|
|
<!-- {{ merData.is_best ? "是" : "否" }}--> |
|
|
|
|
<!-- </div>--> |
|
|
|
|
|
|
|
|
|
<div class="basic-information"> |
|
|
|
|
<span class="basic-label"> 商户手续费：</span> |
|
|
|
|
{{ Number(merData.commission_rate) > 0 ? (parseFloat(merData.commission_rate)).toFixed(2) : (parseFloat(merData.merchantCategory.commission_rate * 100)).toFixed(2)}}% |
|
|
|
|
<span class="basic-label"> 商户收入：</span> |
|
|
|
|
{{merData.assets.total}} |
|
|
|
|
</div> |
|
|
|
|
<div class="basic-information"> |
|
|
|
|
<span class="basic-label"> 添加商品：</span> |
|
|
|
|
{{ merData.is_audit ? "需平台审核" : "平台免审核" }} |
|
|
|
|
<span class="basic-label"> 商户余额：</span> |
|
|
|
|
{{merData.assets.mer_money}} |
|
|
|
|
</div> |
|
|
|
|
<div class="basic-information"> |
|
|
|
|
<span class="basic-label"> 开启直播间：</span> |
|
|
|
|
{{ merData.is_bro_room ? "需平台审核" : "平台免审核" }} |
|
|
|
|
<span class="basic-label"> 商户冻结金额：</span> |
|
|
|
|
{{merData.assets.frozen_money}} |
|
|
|
|
</div> |
|
|
|
|
<div class="basic-information"> |
|
|
|
|
<span class="basic-label"> 添加直播商品：</span> |
|
|
|
|
{{ merData.is_bro_goods ? "需平台审核" : "平台免审核" }} |
|
|
|
|
<span class="basic-label"> 商户可提现总金额：</span> |
|
|
|
|
{{merData.assets.available_money}} |
|
|
|
|
</div> |
|
|
|
|
<div class="basic-information"> |
|
|
|
|
<span class="basic-label"> 平台首页推荐商户：</span> |
|
|
|
|
{{ merData.is_best ? "是" : "否" }} |
|
|
|
|
<span class="basic-label"> 商户退款金额：</span> |
|
|
|
|
{{merData.assets.refund_money}} |
|
|
|
|
</div> |
|
|
|
|
</div> |
|
|
|
|
<div v-if="infoType != 3" class="submit-button"> |
|
|
|
|
@ -476,39 +373,6 @@ export default { |
|
|
|
|
} |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
// const checkPhone= (rule, value, callback) =>{ |
|
|
|
|
// const phoneExp = /^((0\d{2,3}-\d{7,8})|(1[3584]\d{9}))$/; |
|
|
|
|
// setTimeout(()=>{ |
|
|
|
|
// if(value !== undefined && value !==''){ |
|
|
|
|
// if ((!phoneExp.test(value)) && value !== '') { |
|
|
|
|
// callback(new Error('请输入正确的格式！')); |
|
|
|
|
// } else { |
|
|
|
|
// callback(); |
|
|
|
|
// } |
|
|
|
|
// }else{ |
|
|
|
|
// callback() |
|
|
|
|
// } |
|
|
|
|
// },100) |
|
|
|
|
// } |
|
|
|
|
|
|
|
|
|
// var checkPhone = (rule, value, callback) => { |
|
|
|
|
// if (value === '') { |
|
|
|
|
// callback(new Error('请输入电话号码')) |
|
|
|
|
// } |
|
|
|
|
// if (value.length !== 11) { |
|
|
|
|
// callback(new Error('请输入正确电话号码')) |
|
|
|
|
// } |
|
|
|
|
// if (value.length !== 11) { |
|
|
|
|
// callback(new Error('请输入正确电话号码')) |
|
|
|
|
// } |
|
|
|
|
// // 验证电话号码手机号码，包含至今所有号段? ? |
|
|
|
|
// var ab = /^[1][3,4,5,7,8][0-9]{9}$/ |
|
|
|
|
// if (ab.test(value) === false) { |
|
|
|
|
// callback(new Error('请输入正确电话号码')) |
|
|
|
|
// } |
|
|
|
|
// callback() |
|
|
|
|
// } |
|
|
|
|
|
|
|
|
|
const validatePhone = (rule, value, callback) => { |
|
|
|
|
if (!value) { |
|
|
|
|
return callback(new Error('请填写手机号')) |
|
|
|
|
@ -607,7 +471,7 @@ export default { |
|
|
|
|
tabList: [ |
|
|
|
|
{value: '1',title: '基本信息'}, |
|
|
|
|
{value: '2',title: '店铺信息'}, |
|
|
|
|
{value: '3',title: '功能信息'} |
|
|
|
|
{value: '3',title: '商家账户信息'} |
|
|
|
|
] |
|
|
|
|
} |
|
|
|
|
}, |
|
|
|
|
@ -628,7 +492,7 @@ export default { |
|
|
|
|
}, |
|
|
|
|
created() { |
|
|
|
|
this.getMapInfo() |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
}, |
|
|
|
|
mounted: function() { |
|
|
|
|
@ -707,7 +571,7 @@ export default { |
|
|
|
|
}) |
|
|
|
|
} else { |
|
|
|
|
that.uploadedQualifications = [] |
|
|
|
|
} |
|
|
|
|
} |
|
|
|
|
if(that.merData.is_margin == 1)(this.getCode()) |
|
|
|
|
}) |
|
|
|
|
}, |
|
|
|
|
@ -780,7 +644,7 @@ export default { |
|
|
|
|
this.submitLoading = false |
|
|
|
|
this.$message.error(rej.data.message) |
|
|
|
|
}) |
|
|
|
|
} |
|
|
|
|
} |
|
|
|
|
}, |
|
|
|
|
// 获取支付二维码 |
|
|
|
|
getCode() { |
|
|
|
|
@ -817,7 +681,7 @@ export default { |
|
|
|
|
getRecordList(){ |
|
|
|
|
let that = this |
|
|
|
|
that.loading = true; |
|
|
|
|
marginRecordLst(that.tableFrom).then(async (res) => { |
|
|
|
|
marginRecordLst(that.tableFrom).then(async (res) => { |
|
|
|
|
that.tableData.data = res.data.list; |
|
|
|
|
that.tableData.total = res.data.count; |
|
|
|
|
that.loading = false; |
|
|
|
|
@ -845,7 +709,7 @@ export default { |
|
|
|
|
marginRefund() |
|
|
|
|
.then((res) => { |
|
|
|
|
that.bankValidate = res.data.info |
|
|
|
|
that.offline = res.data.offline |
|
|
|
|
that.offline = res.data.offline |
|
|
|
|
that.online = res.data.online |
|
|
|
|
if(Number(res.data.offline) <= 0){ |
|
|
|
|
marginRefundApply(this.bankValidate) |
|
|
|
|
@ -1023,7 +887,7 @@ export default { |
|
|
|
|
margin-top: 10px; |
|
|
|
|
color: #282828; |
|
|
|
|
font-size: 13px; |
|
|
|
|
line-height: 26px; |
|
|
|
|
line-height: 26px; |
|
|
|
|
} |
|
|
|
|
.red{ |
|
|
|
|
color:rgb(237, 64, 20);; |
|
|
|
|
@ -1133,7 +997,7 @@ export default { |
|
|
|
|
border-radius: 8px; |
|
|
|
|
padding: 10px; |
|
|
|
|
box-shadow: 2px 2px 3px 0 rgba(0, 0, 0, .3); |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
img{ |
|
|
|
|
width: 160px; |
|
|
|
|
height: 160px; |
|
|
|
|
@ -1143,7 +1007,7 @@ export default { |
|
|
|
|
font-size: 16px; |
|
|
|
|
color: #303133; |
|
|
|
|
font-weight: normal; |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
} |
|
|
|
|
.pay_price{ |
|
|
|
|
font-size: 18px; |
|
|
|
|
@ -1158,7 +1022,7 @@ export default { |
|
|
|
|
.pay_time{ |
|
|
|
|
font-size: 12px; |
|
|
|
|
color: #6D7278; |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
} |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
fengxinyhyl
1 year ago