327 行
12 KiB
HTML
可执行文件
327 行
12 KiB
HTML
可执行文件
<!--提现详情-->
|
||
<!--[1.5.37]-->
|
||
<style>
|
||
#operatingReceipt table {
|
||
border-collapse: collapse;
|
||
border-color: #bbb;
|
||
}
|
||
|
||
#operatingReceipt th {
|
||
white-space: nowrap;
|
||
color: #333;
|
||
}
|
||
|
||
#operatingReceipt td {
|
||
color: #777;
|
||
font-size: 13px !important;
|
||
}
|
||
|
||
#operatingReceipt .tips {
|
||
color: #999;
|
||
}
|
||
|
||
#operatingReceipt .price {
|
||
font-size: 20px !important;
|
||
font-weight: bold;
|
||
color: #67c23a;
|
||
}
|
||
|
||
#operatingReceipt .price-1 {
|
||
font-size: 20px !important;
|
||
font-weight: bold;
|
||
color: #f56c6c;
|
||
}
|
||
|
||
#operatingReceipt .notice {
|
||
color: #bbb;
|
||
}
|
||
|
||
#operatingReceipt .title {
|
||
padding: 0 0 10px;
|
||
font-size: 15px;
|
||
color: #333;
|
||
}
|
||
</style>
|
||
<div id="operatingReceipt" v-cloak>
|
||
<div class="title">{{data.store_name}} - {{data.franchisee_time}}</div>
|
||
<div>
|
||
<table border="0" cellspacing="0" cellpadding="0" class="layui-table">
|
||
<tr>
|
||
<th>统计类型</th>
|
||
<th>备注说明</th>
|
||
<th>金额（元）</th>
|
||
<th>操作</th>
|
||
</tr>
|
||
<tbody>
|
||
<template v-if="data.version==1">
|
||
<tr>
|
||
<td>营业收款</td>
|
||
<td class="tips">现金+其他支付</td>
|
||
<td>{{data.business_income}}</td>
|
||
<td rowspan="4">
|
||
<el-button type="text" @click="openDetail()">查看详情</el-button>
|
||
</td>
|
||
</tr>
|
||
<tr>
|
||
<td>充值收款</td>
|
||
<td class="tips">所有支付方式</td>
|
||
<td>{{data.recharge_income}}</td>
|
||
</tr>
|
||
<tr>
|
||
<td>退款</td>
|
||
<td class="tips">(现金+其他支付+充值) 除外的金额</td>
|
||
<td>{{data.refund_money}}</td>
|
||
</tr>
|
||
<tr>
|
||
<td>总营业收入</td>
|
||
<td class="tips">所有支付方式总额</td>
|
||
<td>{{data.all_income}}</td>
|
||
</tr>
|
||
<tr>
|
||
<td>实际收入</td>
|
||
<td class="tips">总营业收入 - 退款 - 营业收款(现金+其他支付) - 充值 - 营销佣金</td>
|
||
<td colspan="2">{{data.actual_income}}</td>
|
||
</tr>
|
||
<tr>
|
||
<td>手续费</td>
|
||
<td class="tips">经营费率：{{data.rate}}%</td>
|
||
<td colspan="2">{{data.service_charge}}</td>
|
||
</tr>
|
||
<tr>
|
||
<template v-if="data.data_type==1">
|
||
<td>提现金额</td>
|
||
<td class="tips">实际能提现的金额</td>
|
||
<td colspan="2" class="price">{{data.money}}</td>
|
||
</template>
|
||
<template v-else>
|
||
<td>平账金额</td>
|
||
<td class="tips">需要向商家打款平账的金额</td>
|
||
<td colspan="2" class="price-1">{{data.money*-1}}</td>
|
||
</template>
|
||
</tr>
|
||
</template>
|
||
<template v-else>
|
||
<tr>
|
||
<td>总收入</td>
|
||
<td>所有收款方式总额</td>
|
||
<td>{{data.all_income}}</td>
|
||
<td rowspan="11">
|
||
<el-button type="text" @click="openDetail()">查看详情</el-button>
|
||
</td>
|
||
</tr>
|
||
<tr>
|
||
<td rowspan="3">营业收款</td>
|
||
<td>现金+其他支付</td>
|
||
<td>{{data.business_income}}</td>
|
||
</tr>
|
||
<tr>
|
||
<td>微信+支付宝</td>
|
||
<td>{{data.online_income}}</td>
|
||
</tr>
|
||
<tr>
|
||
<td>会员余额</td>
|
||
<td>{{data.balance_income}}</td>
|
||
</tr>
|
||
<tr>
|
||
<td rowspan="2">充值收款</td>
|
||
<td>现金+其他支付</td>
|
||
<td>{{data.business_recharge}}</td>
|
||
</tr>
|
||
<tr>
|
||
<td>微信+支付宝</td>
|
||
<td>{{data.online_recharge}}</td>
|
||
</tr>
|
||
<tr>
|
||
<td rowspan="3">营业退款</td>
|
||
<td>现金+其他支付</td>
|
||
<td>{{data.offline_refund_money}}</td>
|
||
</tr>
|
||
<tr>
|
||
<td>微信+支付宝</td>
|
||
<td>{{data.online_refund_money}}</td>
|
||
</tr>
|
||
<tr>
|
||
<td>会员余额</td>
|
||
<td>{{data.balance_refund_money}}</td>
|
||
</tr>
|
||
<tr>
|
||
<td rowspan="2">充值退款</td>
|
||
<td>现金+其他支付</td>
|
||
<td>{{data.offline_refund_recharge}}</td>
|
||
</tr>
|
||
<tr>
|
||
<td>微信+支付宝</td>
|
||
<td>{{data.online_refund_recharge}}</td>
|
||
</tr>
|
||
<tr>
|
||
<td>营销佣金</td>
|
||
<td>所有营销方式在该账单时间段内给用户结算的佣金总额</td>
|
||
<td colspan="2">{{data.other_money}}</td>
|
||
</tr>
|
||
<tr>
|
||
<td>营业手续费</td>
|
||
<td>营业收款<span class="notice">[微信+支付宝+余额支付]</span> * 经营费率({{data.rate}}%)</td>
|
||
<td colspan="2">{{data.service_charge}}</td>
|
||
</tr>
|
||
<tr>
|
||
<td>营业退款手续费</td>
|
||
<td>营业退款<span class="notice">[微信+支付宝+余额支付]</span> * 经营费率({{data.rate}}%)</td>
|
||
<td colspan="2">{{data.refund_service_charge}}</td>
|
||
</tr>
|
||
<tr>
|
||
<td>可结算营收金额</td>
|
||
<td>(营业收款<span class="notice">[微信+支付宝+余额支付]</span>-营业手续费) - (营业退款<span
|
||
class="notice">[微信+支付宝+余额支付]</span>-营业退款手续费)
|
||
</td>
|
||
<td colspan="2">{{data.actual_income}}</td>
|
||
</tr>
|
||
<tr>
|
||
<td>{{data.data_type==1?'实际可提现金额':'平账金额'}}</td>
|
||
<td>可结算营收金额 - (充值收款<span class="notice">[现金]</span> - 充值退款<span class="notice">[现金]</span>) - 营销佣金
|
||
</td>
|
||
<td colspan="2" :class="data.data_type==1||data.money==0?'price':'price-1'">{{data.money}}</td>
|
||
</tr>
|
||
|
||
</template>
|
||
</tbody>
|
||
</table>
|
||
</div>
|
||
<div v-if="data.data_type==2&&data.reject_img" style="display: flex;">
|
||
<div style="margin-right: 60px;">打款凭证</div>
|
||
<div class="demo-image__preview">
|
||
<el-popover placement="right" trigger="click">
|
||
<img :src=data.reject_img style="max-width: 500px;max-height: 400px">
|
||
<img slot="reference" :src=data.reject_img style="max-width: 800px;max-height: 800px">
|
||
</el-popover>
|
||
<div class="tips">点击图片可查看大图</div>
|
||
</div>
|
||
</div>
|
||
<div style="margin: 50px 0 30px 120px;display: flex;">
|
||
<!--提现-->
|
||
<template v-if="data.data_type==1">
|
||
<!--商户-->
|
||
<template v-if="data.operating_user==1">
|
||
<el-button v-if="data.status==2" type="primary" size="medium" @click="withdrawal(4)">通过审核</el-button>
|
||
<el-button v-if="data.status==2" type="danger" size="medium" @click="reject(3)">驳回</el-button>
|
||
</template>
|
||
<!--门店-->
|
||
<template v-if="data.operating_user==2">
|
||
<el-button v-if="data.status==1||data.status==3" type="primary" size="medium" @click="withdrawal(2)">
|
||
申请提现
|
||
</el-button>
|
||
</template>
|
||
</template>
|
||
<!--平账-->
|
||
<template v-else>
|
||
<template v-if="data.operating_user==1&&data.status==6">
|
||
<el-button type="primary" size="medium" @click="withdrawal(8)">通过审核</el-button>
|
||
<el-button type="danger" size="medium" @click="reject(7)">驳回</el-button>
|
||
</template>
|
||
</template>
|
||
</div>
|
||
</div>
|
||
<script type="text/javascript">
|
||
var operatingReceipt = new Vue({
|
||
el: '#operatingReceipt',
|
||
data: function () {
|
||
return {
|
||
data: {}
|
||
}
|
||
},
|
||
methods: {
|
||
//打开流水
|
||
openDetail() {
|
||
MenuApp.pathData.push({
|
||
name: '交易列表',
|
||
path: '/index.php/Retail/FranchiseDeal/order',
|
||
});
|
||
},
|
||
//审核驳回
|
||
reject(type) {
|
||
console.log(this.data);
|
||
this.$prompt('请输入驳回原因', `确定驳回该${type == 3 ? '提现' : '平账'}申请?`, {
|
||
confirmButtonText: '驳回',
|
||
cancelButtonText: '取消',
|
||
inputPattern: /^[\?？。'"‘’“”\.\w\u4E00-\u9FA5\uF900-\uFA2D]{8,50}$/,
|
||
inputErrorMessage: '请输入驳回原因（8~50字）'
|
||
}).then(({value}) => {
|
||
this.status(type, value);
|
||
}).catch(() => {
|
||
})
|
||
},
|
||
//申请提现、提现审核通过、平账审核通过
|
||
withdrawal(status) {
|
||
var title;
|
||
switch (status) {
|
||
case 2:
|
||
title = '您确认要提交提现申请吗?';
|
||
break;
|
||
case 4:
|
||
title = '您确认通过该提现申请吗?';
|
||
break;
|
||
case 8:
|
||
title = '您确认通过该平账申请吗?';
|
||
break;
|
||
}
|
||
this.$confirm(title, '提示', {
|
||
confirmButtonText: '提交',
|
||
cancelButtonText: '取消',
|
||
type: 'info'
|
||
}).then(() => {
|
||
this.status(status, '');
|
||
}).catch(() => {
|
||
});
|
||
},
|
||
//提交修改
|
||
status(status, reject_reason) {
|
||
$.ajax({
|
||
url: "{:U('status')}",
|
||
type: 'post',
|
||
data: {
|
||
id: this.data.id,
|
||
status: status,
|
||
reject_reason: reject_reason,
|
||
},
|
||
success: (res) => {
|
||
if (res.status == 1) {
|
||
this.$message({
|
||
type: 'success',
|
||
message: res.msg,
|
||
duration: 1000,
|
||
onClose: function () {
|
||
MenuApp.backPreview();
|
||
}
|
||
});
|
||
} else {
|
||
this.$confirm(res.msg, "错误提示", {
|
||
confirmButtonText: '确定',
|
||
showCancelButton: false,
|
||
type: 'error'
|
||
}).then(() => {
|
||
}).catch(() => {
|
||
})
|
||
}
|
||
},
|
||
error: res => {
|
||
this.requestError(res);
|
||
}
|
||
})
|
||
},
|
||
//错误提示
|
||
requestError(res) {
|
||
console.log(res);
|
||
this.$confirm("请求发生错误", "错误提示", {
|
||
confirmButtonText: '确定',
|
||
showCancelButton: false,
|
||
type: 'error'
|
||
}).then(() => {
|
||
}).catch(() => {
|
||
})
|
||
},
|
||
},
|
||
mounted() {
|
||
this.data = JSON.parse(sessionStorage.getItem("operatingReceipt"));
|
||
}
|
||
});
|
||
</script>
|