From 4be7fb2dd8d16237a3c1024bec923eb70cce8c03 Mon Sep 17 00:00:00 2001
From: yunuo970428 <405378304@qq.com>
Date: Fri, 23 Aug 2024 14:54:00 +0800
Subject: [PATCH] =?UTF-8?q?=E5=AE=8C=E5=96=84=E8=B5=84=E6=96=B9=E7=AE=A1?=
 =?UTF-8?q?=E7=90=86?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../src/views/capital/capitalAdd.vue          | 103 +++++++-
 .../src/views/capital/relation/bank.vue       | 227 ++++++++++++++++++
 2 files changed, 328 insertions(+), 2 deletions(-)
 create mode 100644 anrui-riskcenter-ui/src/views/capital/relation/bank.vue

diff --git a/anrui-riskcenter-ui/src/views/capital/capitalAdd.vue b/anrui-riskcenter-ui/src/views/capital/capitalAdd.vue
index 4ac86a9762..846e6cf3c2 100644
--- a/anrui-riskcenter-ui/src/views/capital/capitalAdd.vue
+++ b/anrui-riskcenter-ui/src/views/capital/capitalAdd.vue
@@ -68,19 +68,48 @@
             <el-form-item><upload-img ref="uploadImg" class="addinputInfo" v-model="image_list1" :limit="50" bucket="map" :upload-data="{ type: '0001' }"/></el-form-item>
           </el-col>
         </el-row>
+        <div class="title titleOne">
+          <div>开户行信息</div>
+          <el-button type="primary" size="mini" icon="el-icon-plus" class="btntopblueline" @click="handleAdd()">新增</el-button>
+        </div>
+        <el-table :key="tableKey" :data="formobj.loanFinOpenBankList" :index="index" border style="width: 100%">
+          <el-table-column fixed width="80px" label="序号" type="index" :index="index + 1" align="center"/>
+          <el-table-column fixed label="操作" align="center" width="130">
+            <template slot-scope="scope">
+              <el-button size="mini" type="danger" @click="handleDelete(scope.$index)">删除</el-button>
+              <el-button size="mini" type="primary" @click="handleEdit(scope.row, scope.$index)">编辑
+              </el-button>
+            </template>
+          </el-table-column>
+          <el-table-column prop="dueBankValue" width="140px" label="账户类型" align="center"/>
+          <el-table-column prop="depositBank" width="180px" label="开户银行" align="center"/>
+          <el-table-column prop="bankAccount" width="160px" label="银行账号" align="center"/>
+          <el-table-column prop="accountName" width="130px" label="账号名称" align="center"/>
+          <el-table-column prop="bankingOutlets" width="180px" label="银行网点" align="center"/>
+          <el-table-column prop="bankAddress" width="260px" label="开户行地址" align="center"/>
+          <el-table-column prop="paymentLines" width="160px" label="联行号" align="center"/>
+          <el-table-column prop="swiftCode" width="200px" label="swiftcode(银行代码)" align="center"/>
+          <el-table-column prop="currency" width="130px" label="币种" align="center"/>
+          <el-table-column prop="remarks" width="240px" label="描述" align="center"/>
+          <el-table-column prop="actualPay" width="240px" label="厂家销售通路" align="center"/>
+          <el-table-column prop="paymentAccessNoValue" width="240px" label="付款通路编码" align="center"/>
+        </el-table>
       </el-form>
     </div>
+    <bank v-show="viewState == 2 || viewState == 3" ref="divBank" @doback="resetState" @handleBank="backData"/>
   </div>
 </template>
 
 <script>
 import req from '@/api/capital/capital'
 import uploadImg from '@/components/uploadFile/uploadImg'
+import bank from './relation/bank'
 
 export default {
   name: 'CapitalAdd',
   components: {
-    uploadImg
+    uploadImg,
+    bank
   },
   data() {
     return {
@@ -101,7 +130,8 @@ export default {
         createOrgSid: '',
         orgSidPath: '',
         reAdvances: '',
-        finBankFiles: []
+        finBankFiles: [],
+        loanFinOpenBankList: [],
       },
       rules: {
         manageName: [{ required: true, message: '资方名称不能为空', trigger: 'blur' }],
@@ -140,6 +170,68 @@ export default {
         }
       })
     },
+    handleAdd() {
+      this.viewState = 2
+      this.$refs['divBank'].showAdd()
+    },
+    backData(info, index) {
+      this.viewState = 1
+      if (index === '') {
+        this.formobj.loanFinOpenBankList.push({
+          country: info.country,
+          dueBankValue: info.dueBankValue,
+          dueBankKey: info.dueBankKey,
+          depositBank: info.depositBank,
+          bankAccount: info.bankAccount,
+          accountName: info.accountName,
+          bankingOutlets: info.bankingOutlets,
+          bankAddress: info.bankAddress,
+          paymentLines: info.paymentLines,
+          swiftCode: info.swiftCode,
+          currency: info.currency,
+          remarks: info.remarks,
+          actualPay: info.actualPay,
+          actualPayKey: info.actualPayKey,
+          paymentAccessNoValue: info.paymentAccessNoValue,
+          paymentAccessNoKey: info.paymentAccessNoValue,
+          sid: ''
+        })
+        return
+      }
+      if (index >= 0) {
+        this.formobj.loanFinOpenBankList[index] = {
+          country: info.country,
+          dueBankValue: info.dueBankValue,
+          dueBankKey: info.dueBankKey,
+          depositBank: info.depositBank,
+          bankAccount: info.bankAccount,
+          accountName: info.accountName,
+          bankingOutlets: info.bankingOutlets,
+          bankAddress: info.bankAddress,
+          paymentLines: info.paymentLines,
+          swiftCode: info.swiftCode,
+          currency: info.currency,
+          remarks: info.remarks,
+          actualPay: info.actualPay,
+          actualPayKey: info.actualPayKey,
+          paymentAccessNoValue: info.paymentAccessNoValue,
+          paymentAccessNoKey: info.paymentAccessNoValue,
+          sid: info.sid
+        }
+        return
+      }
+    },
+    handleDelete(index) {
+      this.formobj.loanFinOpenBankList.splice(index, 1)
+    },
+    handleEdit(row, index) {
+      this.viewState = 3
+      const bankInfo = row
+      this.$refs['divBank'].showEdit(bankInfo, index)
+    },
+    resetState() {
+      this.viewState = 1
+    },
     saveOrUpdate() {
       this.$refs['form_obj'].validate((valid) => {
         if (valid) {
@@ -207,6 +299,13 @@ export default {
 .addinputInfo {
   margin-left: 120px !important;
 }
+.titleOne {
+  padding: 7px;
+  display: flex;
+  flex-direction: row;
+  justify-content: space-between;
+  align-items: center;
+}
 /deep/ .el-form-item__error {
   margin-left: 120px !important;
 }
diff --git a/anrui-riskcenter-ui/src/views/capital/relation/bank.vue b/anrui-riskcenter-ui/src/views/capital/relation/bank.vue
new file mode 100644
index 0000000000..46ef12ed68
--- /dev/null
+++ b/anrui-riskcenter-ui/src/views/capital/relation/bank.vue
@@ -0,0 +1,227 @@
+<template>
+  <div class="app-container">
+    <div class="tab-header webtop">
+      <div>
+        <div>{{ viewTitle }}</div>
+      </div>
+      <div>
+        <el-button type="primary" size="small" @click="handleCreate()">保存</el-button>
+        <el-button type="info" size="small" @click="handleReturn()">关闭</el-button>
+      </div>
+    </div>
+    <div class="listconadd">
+      <el-form ref="dataForm" :model="bankInfo" class="formadd" :rules="rules">
+        <el-row style="border-top: 1px solid #e0e3eb ">
+          <el-col :span="4" class="tleftb">
+            <span>国家</span>
+          </el-col>
+          <el-col :span="8">
+            <el-form-item>
+              <el-input v-model="bankInfo.country" maxlength="125" placeholder="" class="addinputw" clearable/>
+            </el-form-item>
+          </el-col>
+          <el-col :span="4" class="tleftb">
+            <span>账户类型</span>
+          </el-col>
+          <el-col :span="8">
+            <el-form-item prop="dueBank">
+              <el-select v-model="bankInfo.dueBankValue" class="addinputw" placeholder="" @change="receiptBankChange">
+                <el-option v-for="item in receiptBank_list" :key="item.dictKey" :label="item.dictValue" :value="item.dictValue"/>
+              </el-select>
+            </el-form-item>
+          </el-col>
+        </el-row>
+        <el-row>
+          <el-col :span="4" class="tleftb">
+            <span>开户银行</span>
+          </el-col>
+          <el-col :span="8">
+            <el-form-item prop="depositBank">
+              <el-input v-model="bankInfo.depositBank" maxlength="125" placeholder="" class="addinputw" clearable/>
+            </el-form-item>
+          </el-col>
+          <el-col :span="4" class="tleftb">
+            <span>银行账号</span>
+          </el-col>
+          <el-col :span="8">
+            <el-form-item prop="bankAccount">
+              <el-input v-model="bankInfo.bankAccount" maxlength="125" placeholder="" class="addinputw" clearable onkeyup="value=value.replace(/[^\d]/g,'')"/>
+            </el-form-item>
+          </el-col>
+        </el-row>
+        <el-row>
+          <el-col :span="4" class="tleftb">
+            <span>账户名称</span>
+          </el-col>
+          <el-col :span="8">
+            <el-form-item prop="accountName">
+              <el-input v-model="bankInfo.accountName" maxlength="125" placeholder="" class="addinputw" clearable/>
+            </el-form-item>
+          </el-col>
+          <el-col :span="4" class="tleftb">
+            <span>银行网点</span>
+          </el-col>
+          <el-col :span="8">
+            <el-form-item prop="bankingOutlets">
+              <el-input v-model="bankInfo.bankingOutlets" maxlength="125" placeholder="" class="addinputw" clearable/>
+            </el-form-item>
+          </el-col>
+        </el-row>
+        <el-row>
+          <el-col :span="4" class="tleftb">
+            <span>开户行地址</span>
+          </el-col>
+          <el-col :span="8">
+            <el-form-item prop="bankAddress">
+              <el-input v-model="bankInfo.bankAddress" maxlength="125" placeholder="" class="addinputw" clearable/>
+            </el-form-item>
+          </el-col>
+          <el-col :span="4" class="tleftb">
+            <span>联行号</span>
+          </el-col>
+          <el-col :span="8">
+            <el-form-item prop="paymentLines">
+              <el-input v-model="bankInfo.paymentLines" maxlength="125" placeholder="" class="addinputw" clearable onkeyup="value=value.replace(/[^\d]/g,'')"/>
+            </el-form-item>
+          </el-col>
+        </el-row>
+        <el-row>
+          <el-col :span="4" class="tleftb">
+            <span>Swiftcode(银行代码)</span>
+          </el-col>
+          <el-col :span="8">
+            <el-form-item prop="swiftCode">
+              <el-input v-model="bankInfo.swiftCode" maxlength="125" placeholder="" class="addinputw" clearable/>
+            </el-form-item>
+          </el-col>
+          <el-col :span="4" class="tleftb">
+            <span>币种</span>
+          </el-col>
+          <el-col :span="8">
+            <el-form-item prop="currency">
+              <el-input v-model="bankInfo.currency" maxlength="125" placeholder="" class="addinputw" clearable/>
+            </el-form-item>
+          </el-col>
+        </el-row>
+        <el-row>
+          <el-col :span="4" class="tleftb">
+            <span>描述</span>
+          </el-col>
+          <el-col :span="20">
+            <el-form-item>
+              <el-input v-model="bankInfo.remarks" maxlength="125" placeholder="" class="addinputw" clearable/>
+            </el-form-item>
+          </el-col>
+        </el-row>
+      </el-form>
+    </div>
+
+  </div>
+</template>
+
+<script>
+import { typeValues } from '@/api/cheliang/dictcommons'
+
+export default {
+  name: 'Bank',
+  data() {
+    return {
+      bankInfo_index: '',
+      viewTitle: '',
+      dialogStatus: '',
+      receiptBank_list: [],
+      bankInfo: {
+        country: '中国',
+        dueBankValue: '',
+        depositBank: '',
+        bankAccount: '',
+        accountName: '',
+        bankingOutlets: '',
+        bankAddress: '',
+        paymentLines: '',
+        swiftCode: '',
+        currency: '人民币',
+        remarks: '',
+        sid: ''
+      },
+      rules: {}
+    }
+  },
+  methods: {
+    getType() {
+      typeValues({ type: 'accountType' }).then((res) => {
+        if (res.success) {
+          this.receiptBank_list = res.data
+        }
+      })
+    },
+    receiptBankChange(val) {
+      if (val) {
+        const choosetItem = this.receiptBank_list.filter((item) => item.dictValue === val)
+        this.bankInfo.dueBankKey = choosetItem[0].dictKey
+      }
+    },
+    showAdd() {
+      this.bankInfo = {
+        country: '中国',
+        dueBankValue: '',
+        depositBank: '',
+        bankAccount: '',
+        accountName: '',
+        bankingOutlets: '',
+        bankAddress: '',
+        paymentLines: '',
+        swiftCode: '',
+        currency: '人民币',
+        remarks: '',
+        sid: ''
+      }
+      this.bankInfo_index = ''
+      this.dialogStatus = 'add'
+      this.viewTitle = '【新增】开户行信息'
+      this.getType()
+    },
+    showEdit(bankInfo, index) {
+      this.dialogStatus = 'edit'
+      this.viewTitle = '【编辑】开户行信息'
+      this.bankInfo = bankInfo
+      this.bankInfo_index = index
+      this.getType()
+    },
+    handleCreate() {
+      if (this.dialogStatus === 'add') {
+        if (JSON.stringify(this.bankInfo) !== '{}') {
+          this.$emit('handleBank', this.bankInfo, this.bankInfo_index)
+        } else {
+          this.$message({ showClose: true, message: '请填写开户行信息！', type: 'error' })
+        }
+      }
+      if (this.dialogStatus === 'edit') {
+        this.$emit('handleBank', this.bankInfo, this.bankInfo_index)
+      }
+    },
+    handleReturn() {
+      this.dialogStatus = ''
+      this.bankInfo = {
+        country: '中国',
+        dueBankValue: '',
+        depositBank: '',
+        bankAccount: '',
+        accountName: '',
+        bankingOutlets: '',
+        bankAddress: '',
+        paymentLines: '',
+        swiftCode: '',
+        currency: '人民币',
+        remarks: '',
+        sid: ''
+      }
+      this.bankInfo_index = ''
+      this.$emit('doback')
+    }
+  }
+}
+</script>
+
+<style scoped>
+</style>