|
|
@@ -0,0 +1,166 @@
|
|
|
+<template>
|
|
|
+ <div>
|
|
|
+ <el-main ref="elMain" style="padding: 0px;">
|
|
|
+ <el-row>
|
|
|
+ <el-form :inline="true" :model="queryForm" class="demo-form-inline" label-width="130px" size="small">
|
|
|
+ <el-form-item label="姓名">
|
|
|
+ <el-input v-model="queryForm.userName" placeholder="姓名" clearable></el-input>
|
|
|
+ </el-form-item>
|
|
|
+ <el-form-item label="卡号">
|
|
|
+ <el-input v-model="queryForm.bankNumber" placeholder="卡号" clearable></el-input>
|
|
|
+ </el-form-item>
|
|
|
+ <el-form-item label="银行">
|
|
|
+ <el-input v-model="queryForm.bankAccount" placeholder="银行" clearable></el-input>
|
|
|
+ </el-form-item>
|
|
|
+ <el-form-item label="开户行">
|
|
|
+ <el-input v-model="queryForm.bankAddress" placeholder="开户行" clearable></el-input>
|
|
|
+ </el-form-item>
|
|
|
+ <el-form-item label="状态">
|
|
|
+ <el-select v-model="queryForm.auditStatus" clearable placeholder="状态">
|
|
|
+ <el-option
|
|
|
+ v-for="item in options"
|
|
|
+ :key="item.value"
|
|
|
+ :label="item.label"
|
|
|
+ :value="item.value">
|
|
|
+ </el-option>
|
|
|
+ </el-select>
|
|
|
+ </el-form-item>
|
|
|
+ <el-form-item>
|
|
|
+ <el-button type="primary" size="small" @click="findPage">查询</el-button>
|
|
|
+ </el-form-item>
|
|
|
+ </el-form>
|
|
|
+ </el-row>
|
|
|
+ <kt-common-table button2Type="text" button3Type="text" :showBatchDelete="false"
|
|
|
+ :data="pageResult" :columns="columns"
|
|
|
+ @findPage="findPage" button3Name="审核通过" @handleButton3="handleButton3" button2Name="审核驳回"
|
|
|
+ @handleButton2="handleButton2"></kt-common-table>
|
|
|
+ </el-main>
|
|
|
+ </div>
|
|
|
+</template>
|
|
|
+<script>
|
|
|
+import KtCommonTable from "@/views/Core/KtCommonTable.vue"; //表格组件
|
|
|
+import KtButton from "@/views/Core/KtButton";
|
|
|
+export default {
|
|
|
+ components: {
|
|
|
+ KtCommonTable,
|
|
|
+ KtButton
|
|
|
+ },
|
|
|
+ data() {
|
|
|
+ return {
|
|
|
+ queryForm:{},
|
|
|
+ options:[
|
|
|
+ {
|
|
|
+ label:'待审核',
|
|
|
+ value:'0'
|
|
|
+ }, {
|
|
|
+ label:'审核通过',
|
|
|
+ value:'1'
|
|
|
+ }, {
|
|
|
+ label:'审核驳回',
|
|
|
+ value:'2'
|
|
|
+ },
|
|
|
+ ],
|
|
|
+ pageResult: {},
|
|
|
+ pageRequest: {
|
|
|
+ pageNum: 1,
|
|
|
+ pageSize: 20,
|
|
|
+ },
|
|
|
+ columns: [
|
|
|
+ //数据列
|
|
|
+ { prop: "userName", label: "姓名" },
|
|
|
+ { prop: "bankNumber", label: "卡号" },
|
|
|
+ { prop: "bankAccount", label: "银行" },
|
|
|
+ { prop: "bankAddress", label: "开户行" },
|
|
|
+ { prop: "auditStatus", label: "状态",formatter:this.statusFormatter },
|
|
|
+ ],
|
|
|
+ };
|
|
|
+ },
|
|
|
+ created() {
|
|
|
+ },
|
|
|
+ mounted() { },
|
|
|
+ methods: {
|
|
|
+ statusFormatter(row, column) { //协议类型
|
|
|
+ return this.options.find(val=>val.value==row.auditStatus).label
|
|
|
+ },
|
|
|
+ // 右侧列表的方法Start
|
|
|
+ findPage(data) {
|
|
|
+ this.$api.task
|
|
|
+ .userBankQueryPage({ ...this.pageRequest, ...this.queryForm })
|
|
|
+ .then(res => {
|
|
|
+ if (res.code == 200) {
|
|
|
+ this.pageResult = res.data;
|
|
|
+ }
|
|
|
+ else{
|
|
|
+ this.$message.error(res.msg)
|
|
|
+ }
|
|
|
+ })
|
|
|
+ .then(data != null ? data.callback : "");
|
|
|
+ },
|
|
|
+
|
|
|
+
|
|
|
+ handleButton3({ row, index }) {
|
|
|
+ this.$api.task
|
|
|
+ .auditByBankNumber({id:row.id,auditStatus:'1'})
|
|
|
+ .then(res => {
|
|
|
+ if (res.code == 200) {
|
|
|
+ this.findPage()
|
|
|
+ this.$message({
|
|
|
+ message: '操作成功' ||res.msg,
|
|
|
+ type: 'success'
|
|
|
+ });
|
|
|
+ }
|
|
|
+ else{
|
|
|
+ this.$message.error(res.msg)
|
|
|
+ }
|
|
|
+ })
|
|
|
+ },
|
|
|
+ handleButton2({ row, index }) {
|
|
|
+ this.$api.task
|
|
|
+ .auditByBankNumber({id:row.id,auditStatus:'2'})
|
|
|
+ .then(res => {
|
|
|
+ if (res.code == 200) {
|
|
|
+ this.findPage()
|
|
|
+ this.$message({
|
|
|
+ message: '操作成功' ||res.msg,
|
|
|
+ type: 'success'
|
|
|
+ });
|
|
|
+ }
|
|
|
+ else{
|
|
|
+ this.$message.error(res.msg)
|
|
|
+ }
|
|
|
+ })
|
|
|
+ },
|
|
|
+ }
|
|
|
+};
|
|
|
+</script>
|
|
|
+
|
|
|
+
|
|
|
+<style scoped>
|
|
|
+.avatar-uploader .el-upload {
|
|
|
+ border: 1px dashed #d9d9d9;
|
|
|
+ border-radius: 6px;
|
|
|
+ cursor: pointer;
|
|
|
+ position: relative;
|
|
|
+ overflow: hidden;
|
|
|
+}
|
|
|
+
|
|
|
+.avatar-uploader-icon {
|
|
|
+ font-size: 28px;
|
|
|
+ color: #8c939d;
|
|
|
+ width: 150px;
|
|
|
+ height: 150px;
|
|
|
+ line-height: 150px;
|
|
|
+ text-align: center;
|
|
|
+ border: 1px dashed #d9d9d9;
|
|
|
+}
|
|
|
+
|
|
|
+.avatar {
|
|
|
+ border: 1px dashed #d9d9d9;
|
|
|
+ padding: 5px;
|
|
|
+ border-radius: 6px;
|
|
|
+ width: 150px;
|
|
|
+ height: 150px;
|
|
|
+ display: block;
|
|
|
+}
|
|
|
+</style>
|
|
|
+
|
lihongxiao