213 行
9.1 KiB
HTML
可执行文件
213 行
9.1 KiB
HTML
可执行文件
<!--[1.7.90]-->
|
||
<div id="cashManagerApp" v-cloak>
|
||
<div class="table-top-card-box">
|
||
<div class="table-top-card">
|
||
<div class="table-top-card-header">代理商分润总额</div>
|
||
<div class="table-top-card-body primary">{{allMoney}}</div>
|
||
</div>
|
||
<div class="table-top-card">
|
||
<div class="table-top-card-header">待审核金额</div>
|
||
<div class="table-top-card-body success">{{loadMoney}}</div>
|
||
</div>
|
||
<div class="table-top-card">
|
||
<div class="table-top-card-header">已审核金额</div>
|
||
<div class="table-top-card-body danger">{{settledMoney}}</div>
|
||
</div>
|
||
</div>
|
||
<el-form :inline="true" size="small">
|
||
<el-form-item>
|
||
<el-date-picker
|
||
@change="handleCurrentChange(1)"
|
||
v-model="selectDate"
|
||
type="daterange"
|
||
range-separator="至"
|
||
start-placeholder="开始日期"
|
||
end-placeholder="结束日期"
|
||
value-format="yyyy-MM-dd"
|
||
:picker-options="pickerOptions">
|
||
</el-date-picker>
|
||
</el-form-item>
|
||
<el-form-item>
|
||
<el-radio-group v-model="selectType" size="mini" @change="handleCurrentChange(1)">
|
||
<el-radio-button :label="1">待审核</el-radio-button>
|
||
<el-radio-button :label="2">已通过</el-radio-button>
|
||
<el-radio-button :label="3">已驳回</el-radio-button>
|
||
</el-radio-group>
|
||
</el-form-item>
|
||
<el-form-item>
|
||
<select-agent :agent-id.sync="selectAgent"></select-agent>
|
||
</el-form-item>
|
||
</el-form>
|
||
<div>
|
||
<el-table border size="small" :data="orderList" style="width: 100%;"
|
||
:header-cell-style="{background:'#F5F7FA',color:'#606266'}">
|
||
<el-table-column align="center" type="index" label="序号" width="60"></el-table-column>
|
||
<el-table-column align="center" prop="name" label="代理商" show-overflow-tooltip></el-table-column>
|
||
<el-table-column align="center" prop="withdrawal_amount" label="提现金额"
|
||
show-overflow-tooltip></el-table-column>
|
||
<el-table-column align="center" prop="add_time" label="提交时间" show-overflow-tooltip></el-table-column>
|
||
<el-table-column align="center" prop="state" label="状态">
|
||
<template slot-scope="scope">
|
||
<span v-if="scope.row.state==1" class="primary">待审核</span>
|
||
<span v-else-if="scope.row.state==2" class="success">已通过</span>
|
||
<span v-else-if="scope.row.state==3" class="danger">已驳回</span>
|
||
</template>
|
||
</el-table-column>
|
||
<template v-if="selectType==2||selectType==3">
|
||
<el-table-column align="center" prop="settled_time" label="审核时间" show-overflow-tooltip>
|
||
<template slot-scope="scope">
|
||
<span v-text="scope.row.settled_time"></span>
|
||
</template>
|
||
</el-table-column>
|
||
</template>
|
||
<template v-if="selectType==3">
|
||
<el-table-column align="center" prop="reason" label="原因" show-overflow-tooltip>
|
||
<template slot-scope="scope">
|
||
<span v-text="scope.row.reason"></span>
|
||
</template>
|
||
</el-table-column>
|
||
</template>
|
||
<template v-if="selectType==1">
|
||
<el-table-column align="center" prop="reason" label="操作" width="150" style="border-right: none;">
|
||
<template v-if="selectType==1" slot-scope="scope">
|
||
<el-button v-if="operate.toReject" @click.native.prevent="reject(scope.$index)" type="text"
|
||
size="mini" class="danger">驳回
|
||
</el-button>
|
||
<el-button v-if="operate.toPass" @click.native.prevent="pass(scope.$index)" type="text"
|
||
size="mini">通过
|
||
</el-button>
|
||
</template>
|
||
</el-table-column>
|
||
</template>
|
||
</el-table>
|
||
<el-pagination
|
||
@size-change="handleSizeChange"
|
||
@current-change="handleCurrentChange"
|
||
:current-page="currentPage"
|
||
:page-sizes="[10, 15, 20, 25, 30, 35, 40, 45, 50]"
|
||
:page-size="100"
|
||
layout="total, sizes, prev, pager, next, jumper"
|
||
:total="len">
|
||
</el-pagination>
|
||
</div>
|
||
</div>
|
||
<script type="text/javascript" src="/Public/Admin/js/select-agent.js"></script>
|
||
<script type="text/javascript">
|
||
var cashManagerApp = new Vue({
|
||
el: '#cashManagerApp',
|
||
data() {
|
||
return {
|
||
operate: {},
|
||
allMoney: 0,
|
||
loadMoney: 0,
|
||
settledMoney: 0,
|
||
orderList: [],
|
||
len: 0,
|
||
currentPage: 1,
|
||
currentLimit: 10,
|
||
selectType: 1,
|
||
selectDate: '',
|
||
selectAgent: '',
|
||
pickerOptions: {
|
||
disabledDate(time) {
|
||
return time.getTime() > Date.now();
|
||
}
|
||
},
|
||
rejectReason: ''
|
||
}
|
||
},
|
||
methods: {
|
||
reject(index) {
|
||
this.$prompt('请输入驳回原因', '确定驳回该提现申请?', {
|
||
confirmButtonText: '确定',
|
||
cancelButtonText: '取消',
|
||
inputPattern: /[^\s]{8,50}/,
|
||
inputErrorMessage: '请输入驳回原因（8~50字）'
|
||
}).then(({value}) => {
|
||
this.sendRequest('Admin/Continentflow/toReject', {
|
||
data: {
|
||
reason: value,
|
||
id: this.orderList[index].id
|
||
},
|
||
success: (res) => {
|
||
if (res.status == 1) {
|
||
this.$message.success(res.message);
|
||
this.getData();
|
||
} else {
|
||
this.$message.warning(res.message);
|
||
}
|
||
}
|
||
})
|
||
}).catch(()=>{})
|
||
},
|
||
pass(index) {
|
||
this.$confirm('确定审核通过并已打款?', '提示', {
|
||
confirmButtonText: '确定',
|
||
cancelButtonText: '取消',
|
||
type: 'info'
|
||
}).then(() => {
|
||
this.sendRequest('Admin/Continentflow/toPass', {
|
||
data: {
|
||
id: this.orderList[index].id
|
||
},
|
||
success: (res) => {
|
||
if (res.status == 1) {
|
||
this.$message.success(res.message);
|
||
this.getData();
|
||
} else {
|
||
this.$message.warning(res.message);
|
||
}
|
||
}
|
||
})
|
||
}).catch(()=>{});
|
||
},
|
||
handleSizeChange(val) {
|
||
this.currentLimit = val;//切换每页数量
|
||
this.currentPage = 1;
|
||
this.getData();
|
||
},
|
||
handleCurrentChange(val) {
|
||
this.currentPage = val;
|
||
this.getData();//切换页数
|
||
},
|
||
getData() {
|
||
this.sendRequest('Admin/Continentflow/getCashOrder', {
|
||
data: {
|
||
page: this.currentPage,
|
||
limit: this.currentLimit,
|
||
agent_id: this.selectAgent,
|
||
selectType: this.selectType,
|
||
selectDate: this.selectDate
|
||
},
|
||
success: (res) => {
|
||
if (res.status == 1) {
|
||
this.orderList = [];
|
||
this.orderList = res.data;
|
||
this.len = res.count;
|
||
this.currentPage = res.page;
|
||
this.allMoney = res.allMoney;
|
||
this.loadMoney = res.loadMoney;
|
||
this.settledMoney = res.settledMoney;
|
||
|
||
} else {
|
||
this.$confirm(res.msg, '提示', {
|
||
confirmButtonText: '确定',
|
||
type: 'warning'
|
||
});
|
||
}
|
||
}
|
||
})
|
||
}
|
||
},
|
||
created() {
|
||
this.getData();
|
||
this.checkOperateAuth({
|
||
toPass: '/index.php/Admin/Continentflow/toPass',
|
||
toReject: '/index.php/Admin/Continentflow/toReject',
|
||
}, (data) => {
|
||
this.operate = data;
|
||
})
|
||
}
|
||
})
|
||
</script>
|