添加绑定内部银行卡

config/dev.env.js

@@ -14,11 +14,11 @@ module.exports = merge(prodEnv, {
   // BASE_URL: '"http:///192.168.0.106:8080/"',//屈晨
   // BASE_URL: '"http://192.168.0.253:8080/"',//田智
   // BASE_URL: '"http:///192.168.0.42:8080/"',//武鸿鹏
-  BASE_URL: '"http:///192.168.0.253:8080/"',//田智
+  // BASE_URL: '"http:///192.168.0.253:8080/"',//田智
   // BASE_URL: '"http:///192.168.0.42:8080/"',//武鸿鹏
   // BASE_URL: '"http://192.168.1.101:8080/"',
   // BASE_URL: '"http://192.168.0.250:8080/"',//
-  // BASE_URL: '"http:///192.168.0.103:8080/"',//霍续亮
+  BASE_URL: '"http:///192.168.0.103:8080/"',//霍续亮
 })
 
 

src/components/TemplateTable/index.vue

@@ -93,7 +93,7 @@
 
     <el-table ref="table" :show-summary="tableConfig.showSummary||false" :data="data" border size="small" style="width: 100%" :height="tableConfig.tableHeight ||tableHeight" v-loading="tableConfig.loading"
       element-loading-text="数据加载中" element-loading-spinner="el-icon-loading" @selection-change="handleSelectionChange"  @select-all="selectAll"
-      :row-style="{ height: '55px' }" :cell-style="{ padding: '0px' }"
+      :row-style="{ height: '55px' }" :cell-style="{ padding: '0px' }" @current-change="handleCurrentTableChange"
       :header-cell-style="{ background: '#F2F7FC', fontWeight: '700', color: '#606266' }" :cell-class-name="rowClass">
       <el-table-column type="selection" :width="tableConfig.selectionWidth || '50'" v-if="tableConfig.isCheckBox"
         align="center" />
@@ -344,7 +344,9 @@ export default {
       this.pagination.pageNum = val;
       this.$emit('getList',{...this.pagination,...this.searchDataClone});
     },
-    
+    handleCurrentTableChange(val) {
+      this.$emit('handleCurrentTableChange',val);
+    },
     // 搜索
     handleSearchList() {
       // 更新父组件searchData

src/http/moudules/task.js

@@ -1699,4 +1699,26 @@ export const assignTask = (data) => {
     method: "post",
     data
   })
+}
+export const getAccountCardListByPage = (data) => {
+  return axios({
+    url: "/invAccount/getAccountCardListByPage",
+    method: "post",
+    data
+  })
+}
+
+export const findById = (id) => {
+  return axios({
+    url: "/sysAmountAuditing/findById?id="+id,
+    method: "get",
+  })
+}
+
+export const addInvAccountBackCardMsg = (data) => {
+  return axios({
+    url: "/sysAmountAuditing/addInvAccountBackCardMsg",
+    method: "post",
+    data
+  })
 }

src/views/FinancialManagement/WithdrawalManagement/WithdrawalProceduresEnd.vue

@@ -48,12 +48,35 @@
       <kt-common-table
         :showBatchDelete="false"
         :showBatchPrint="false"
-        :showOperation="false"
         :data="pageResult"
         :columns="columns"
         @findPage="findPage"
+        button3Name="补充信息" @handleButton3="handleButton3"
       ></kt-common-table>
     </el-main>
+    <el-dialog :visible.sync="dialogVisibleBatch" width="35%" :before-close="handleCloseBatch">
+        <el-button type="text" @click="bindbankCard">绑定内部银行卡</el-button>
+        <div  v-if="bankForm.accountName">
+          <p>银行卡号：{{ bankForm.bankCardNum }}</p>
+          <p>内部账户名称：{{ bankForm.accountName }}</p>
+          <p>内部开户行号：{{ bankForm.bankNum }}</p>
+          <p>内部开户行名称：{{ bankForm.bankName }}</p>
+        </div>
+        <span slot="footer" class="dialog-footer">
+          <el-button size="small" @click="dialogVisibleBatch = false">取 消</el-button>
+          <el-button size="small" type="primary" @click="handleSumbit()">确 定</el-button>
+        </span>
+      </el-dialog>
+    <el-dialog title="绑定银行卡" :visible.sync="bankdialogVisible" width="50%">
+      <templateTable  :formList="formList" ref="templateTable"  @handleCurrentTableChange="handleCurrentTableChange"
+      :tableConfig="tableConfig" :data="bankDataTable"  @findPage="findPage" @handleSearchList="handleSearchList"
+       :pagination="pageData" @getList="getList">
+      </templateTable>
+      <span slot="footer" class="dialog-footer">
+        <el-button size="small" @click="bankdialogVisible = false">取 消</el-button>
+        <el-button  size="small" type="primary" @click="bankdialogVisible = false">确定</el-button>
+      </span>
+    </el-dialog>
   </div>
 </template>
     <script>
@@ -61,13 +84,63 @@ import Cookies from "js-cookie";
 import KtCommonTable from "@/views/Core/KtCommonTable.vue"; //表格组件
 import KtButton from "@/views/Core/KtButton";
 import CommonUtil from "@/utils/comutil.js";
+import templateTable from '@/components/TemplateTable/index.vue'
+
 export default {
   components: {
     KtCommonTable,
-    KtButton
+    KtButton,
+    templateTable
   },
   data() {
     return {
+      rowlist:{},
+      bankForm:{},
+      formList: [
+        {
+          label: "账户名称",
+          prop: "accountName",
+          type: "input",
+        },
+        {
+          label: "银行卡号",
+          prop: "bankCardNum",
+          type: "input",
+        }
+    ],
+    tableConfig: {
+        columns: [
+          {
+            prop: "accountName",
+            label: "内部账户名称",
+            type: "text"
+
+          }, {
+            prop: "bankCardNum",
+            label: "内部银行卡号",
+            type: "text"
+          }, {
+            prop: "bankName",
+            label: "内部开户行",
+            type: "text"
+          }, {
+            prop: "bankNum",
+            label: "内部开户行号",
+            type: "text"
+          }, 
+        ],
+        operationWidth: '180',
+        loading: true,
+        isPaginationShow: true,
+        isShowIndex: true,
+      },
+    pageData: {
+        pageNum: 1,
+        pageSize: 20,
+      },
+      bankDataTable:[],
+      dialogVisibleBatch:false,
+      bankdialogVisible:false,
       // 右侧列表查询数据Start
       queryForm: {},
       pageResult: {},
@@ -84,6 +157,21 @@ export default {
         { prop: "userId", label: "业务员工号" },
         { prop: "userName", label: "业务员姓名" },
         { prop: "leaderId", label: "维护人工号" },
+        {
+            prop: "accountName",
+            label: "内部账户名称",
+            width:100
+          }, {
+            prop: "bankCardNum",
+            label: "内部银行卡号",
+          }, {
+            prop: "bankName",
+            label: "内部开户行",
+            width:160
+          }, {
+            prop: "bankNum",
+            label: "内部开户行号",
+          }, 
         { prop: "leaderName", label: "维护人" },
         { prop: "mobile", label: "电话" },
         { prop: "deptId", label: "机构代码" },
@@ -102,6 +190,74 @@ export default {
   created() {},
   mounted() {},
   methods: {
+    handleSearchList(val){
+      this.bankfindPage(val);
+    },
+    handleButton3({row}){
+      this.rowlist=row
+      this.bankForm={}
+      this.dialogVisibleBatch=true
+      this.$api.task.findById(row.id).then(res=>{
+        if(res.code==200){
+          this.bankForm=res.data
+        }
+      })
+    },
+    bindbankCard(){
+      this.bankdialogVisible=true
+      this.bankfindPage();
+    },
+    handleCurrentTableChange(val){
+      this.bankForm=val
+      this.bankdialogVisible=false
+    },
+    tablePageChange(val) {
+      this.pageData.pageSize = val;
+      this.bankfindPage();
+    },
+    tableCurrentChange(val) {
+      this.pageData.pageNum = val;
+      this.bankfindPage();
+    },
+    getList(data) {
+      this.bankfindPage(data)
+    },
+    bankfindPage(data){
+      this.tableConfig.loading = true;
+      this.$api.task
+        .getAccountCardListByPage({ ...this.pageData, ...data })
+        .then(res => {
+          if (res.code == 200) {
+            this.bankDataTable = res.data.content ? res.data.content : []
+            this.pageData.pageNum = res.data.pageNum;
+            this.pageData.pageSize = res.data.pageSize;
+            this.pageData.totalSize = res.data.totalSize;
+            this.tableConfig.loading = false;
+          }
+          else {
+            this.tableConfig.loading = false;
+            this.$message.error(res.msg)
+          }
+        });
+    },
+    handleCloseBatch(){
+      this.dialogVisibleBatch=false
+    },
+    handleSumbit() {
+      this.$api.task.addInvAccountBackCardMsg({ id:this.rowlist.id,...this.bankForm }).then(res => {
+        if (res.code == 200) {
+          this.dialogVisibleBatch = false
+          this.findPage();
+          this.$message({
+            type: "success",
+            message: res.msg
+          });
+        }
+        else {
+          this.$message.error(res.msg)
+        }
+      })
+    },
     handlePrint(index, row) {
       this.$api.task.AmountReview(this.pageRequest).then(res => {
         console.log(res);

src/views/FinancialManagement/WithdrawalManagement/WithdrawalProceduresPending.vue

@@ -41,12 +41,19 @@
         @handleButton4="handleButton4" button2Name="审核提现" @handleButton2="handleButton2"></kt-common-table>
       <el-dialog :visible.sync="dialogVisibleBatch" width="35%" :before-close="handleCloseBatch">
         <p>凭证号 ：<el-input style="width: 200px;" v-model="voucherId" placeholder="请输入凭证号"></el-input></p>
-        <div style="display: flex">上传图片： <el-upload action="#" :auto-upload="false" accept=".png, .jpg, .jpeg"
+        <div style="display: flex">上传图片： <el-upload action="#" drag :auto-upload="false" accept=".png, .jpg, .jpeg"
             :show-file-list="false" :on-change="drivingupload">
             <img v-if="qrCodeImage" :src="qrCodeImage" class="avatar">
             <i v-else class="el-icon-plus avatar-uploader-icon"></i>
           </el-upload>
         </div>
+        <el-button type="text" @click="bindbankCard">绑定内部银行卡</el-button>
+        <div  v-if="bankForm.accountName">
+          <p>银行卡号：{{ bankForm.bankCardNum }}</p>
+          <p>内部账户名称：{{ bankForm.accountName }}</p>
+          <p>内部开户行号：{{ bankForm.bankNum }}</p>
+          <p>内部开户行名称：{{ bankForm.bankName }}</p>
+        </div>
         <span slot="footer" class="dialog-footer">
           <el-button size="small" @click="dialogVisibleBatch = false">取 消</el-button>
           <el-button size="small" type="primary" @click="handleSumbit()">确 定</el-button>
@@ -64,6 +71,16 @@
         <el-button size="small" type="primary" @click="auditRejectSubmit">确 定</el-button>
       </span>
     </el-dialog>
+    <el-dialog title="绑定银行卡" :visible.sync="bankdialogVisible" width="50%">
+      <templateTable  :formList="formList" ref="templateTable"  @handleCurrentTableChange="handleCurrentTableChange"
+      :tableConfig="tableConfig" :data="bankDataTable"  @findPage="findPage" @handleSearchList="handleSearchList"
+       :pagination="pageData" @getList="getList">
+      </templateTable>
+      <span slot="footer" class="dialog-footer">
+        <el-button size="small" @click="bankdialogVisible = false">取 消</el-button>
+        <el-button  size="small" type="primary" @click="bankdialogVisible = false">确定</el-button>
+      </span>
+    </el-dialog>
   </div>
 
 </template>
@@ -72,13 +89,61 @@ import Cookies from "js-cookie";
 import KtCommonTable from "@/views/Core/KtCommonTable.vue"; //表格组件
 import KtButton from "@/views/Core/KtButton";
 import CommonUtil from "@/utils/comutil.js";
+import templateTable from '@/components/TemplateTable/index.vue'
+
 export default {
   components: {
     KtCommonTable,
-    KtButton
+    KtButton,
+    templateTable
   },
   data() {
     return {
+      bankForm:{},
+      formList: [
+        {
+          label: "账户名称",
+          prop: "accountName",
+          type: "input",
+        },
+        {
+          label: "银行卡号",
+          prop: "bankCardNum",
+          type: "input",
+        }
+    ],
+    tableConfig: {
+        columns: [
+          {
+            prop: "accountName",
+            label: "内部账户名称",
+            type: "text"
+
+          }, {
+            prop: "bankCardNum",
+            label: "内部银行卡号",
+            type: "text"
+          }, {
+            prop: "bankName",
+            label: "内部开户行",
+            type: "text"
+          }, {
+            prop: "bankNum",
+            label: "内部开户行号",
+            type: "text"
+          }, 
+        ],
+        operationWidth: '180',
+        loading: true,
+        isPaginationShow: true,
+        isShowIndex: true,
+      },
+    pageData: {
+        pageNum: 1,
+        pageSize: 20,
+      },
+      bankdialogVisible:false,
+      bankDataTable:[],
       auditRejectId:"",
       auditRejectInput: "",
       auditRejectdialogVisible: false,
@@ -121,6 +186,46 @@ export default {
   },
   mounted() { },
   methods: {
+    handleSearchList(val){
+      this.bankfindPage(val);
+    },
+    handleCurrentTableChange(val){
+      this.bankForm=val
+      this.bankdialogVisible=false
+    },
+    tablePageChange(val) {
+      this.pageData.pageSize = val;
+      this.bankfindPage();
+    },
+    tableCurrentChange(val) {
+      this.pageData.pageNum = val;
+      this.bankfindPage();
+    },
+    getList(data) {
+      this.bankfindPage(data)
+    },
+    bankfindPage(data){
+      this.tableConfig.loading = true;
+      this.$api.task
+        .getAccountCardListByPage({ ...this.pageData, ...data })
+        .then(res => {
+          if (res.code == 200) {
+            this.bankDataTable = res.data.content ? res.data.content : []
+            this.pageData.pageNum = res.data.pageNum;
+            this.pageData.pageSize = res.data.pageSize;
+            this.pageData.totalSize = res.data.totalSize;
+            this.tableConfig.loading = false;
+          }
+          else {
+            this.tableConfig.loading = false;
+            this.$message.error(res.msg)
+          }
+        });
+    },
+    bindbankCard(){
+      this.bankdialogVisible=true
+      this.bankfindPage();
+    },
     handleCloseBatch(){
       this.dialogVisibleBatch=false
     },
@@ -190,7 +295,7 @@ export default {
       });
     },
     handleSumbit() {
-      this.$api.task.AmountReview({ ...this.rowlist, status: '1', picId: this.picId, voucherId: this.voucherId }).then(res => {
+      this.$api.task.AmountReview({ ...this.rowlist, status: '1', picId: this.picId, voucherId: this.voucherId,...this.bankForm }).then(res => {
         if (res.code == 200) {
           this.dialogVisibleBatch = false
           this.findPage();
@@ -209,13 +314,8 @@ export default {
       this.rowlist = row
       this.picId = ''
       this.voucherId = ''
-      // this.$api.task.AmountReview(row).then(res => {
+      // this.$api.task.findById({id:row.id}).then(res => {
       //   if (res.code == 200) {
-      //     this.$message({
-      //       type: "success",
-      //       message: res.msg
-      //     });
-      //     this.findPage();
       //   }
       // });
     },
@@ -319,7 +419,12 @@ export default {
   text-align: center;
   border: 1px dashed #d9d9d9;
 }
-
+/deep/{
+  .el-upload-dragger{
+  width: 150px;
+  height: 150px;
+}
+}
 .avatar {
   border: 1px dashed #d9d9d9;
   padding: 5px;