From 18533d3fc76ae7d4ad41eb69f63bec042d260a36 Mon Sep 17 00:00:00 2001
From: yujialong <479214531@qq.com>
Date: Thu, 8 Feb 2024 14:19:25 +0800
Subject: [PATCH] =?UTF-8?q?=E5=85=AC=E5=8F=B8=E8=B4=B7=E6=AC=BE=EF=BC=88?=
 =?UTF-8?q?=E6=9C=AA=E5=AE=8C=E6=88=90=EF=BC=89?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/App.vue                                   |   4 +-
 src/pages/manage/index/index.vue              |   5 +-
 .../list/corporateLoans/application.vue       | 112 ++++
 .../manage/list/corporateLoans/detail.vue     | 589 ++++++++++++++++++
 src/pages/manage/list/corporateLoans/list.js  |   7 +
 src/pages/manage/list/corporateLoans/loan.vue | 113 ++++
 .../manage/list/corporateLoans/management.vue | 334 ++++++++++
 .../manage/list/corporateLoans/repayment.vue  | 126 ++++
 src/pages/manage/list/personalLoans/list.vue  |   2 +-
 src/pages/manage/navbar/index.vue             |  17 +-
 src/router/modules/counter.js                 |  28 +-
 src/styles/dialog.scss                        |  55 ++
 12 files changed, 1384 insertions(+), 8 deletions(-)
 create mode 100644 src/pages/manage/list/corporateLoans/application.vue
 create mode 100644 src/pages/manage/list/corporateLoans/detail.vue
 create mode 100644 src/pages/manage/list/corporateLoans/list.js
 create mode 100644 src/pages/manage/list/corporateLoans/loan.vue
 create mode 100644 src/pages/manage/list/corporateLoans/management.vue
 create mode 100644 src/pages/manage/list/corporateLoans/repayment.vue
 create mode 100644 src/styles/dialog.scss

diff --git a/src/App.vue b/src/App.vue
index d171da0..248c7d1 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -36,9 +36,7 @@ export default {
       if (this.$route.fullPath.includes('/counter/list/manage')) {
         sessionStorage.setItem('computerPath', this.$route.fullPath)
       }
-
-      util.local.get(Setting.tokenKey) && util.local.set(Setting.storeKey, this.$store.state)
-      sessionStorage.setItem('systemData', this.$store.system.state)
+      util.local.set(Setting.storeKey, this.$store.state)
     })
   },
   data () {
diff --git a/src/pages/manage/index/index.vue b/src/pages/manage/index/index.vue
index 0a050b1..9c04286 100644
--- a/src/pages/manage/index/index.vue
+++ b/src/pages/manage/index/index.vue
@@ -1,7 +1,7 @@
 <template>
   <!-- :style="full?'height:100vh;':'height: 80vh;'" -->
   <div class="box"
-       :class="full? 'h-4/5': ''">
+       :class="full || isCredit? 'h-4/5': ''">
     <div class="nav">
       <!-- <div class="top" :style="full?'border-radius:0':'border-top-left-radius: 20px;'">    select-none -->
       <div class="top"
@@ -19,7 +19,7 @@
     <div class="manage-layout">
       <div class="top"
            :style="full?'border-radius:0':'border-top-right-radius: 20px;'">
-        <img v-show="!full"
+        <img v-show="!full && !isCredit"
              src="../../../assets/svg/fullscreen.svg"
              alt=""
              @click="handleFullscreen">
@@ -47,6 +47,7 @@ export default {
   data () {
     return {
       fullscreen: this.$store.state.system.fullScreen,// 是否全屏--store读取
+      isCredit: state => state.system.isCredit
     }
   },
   components: {
diff --git a/src/pages/manage/list/corporateLoans/application.vue b/src/pages/manage/list/corporateLoans/application.vue
new file mode 100644
index 0000000..0a96f56
--- /dev/null
+++ b/src/pages/manage/list/corporateLoans/application.vue
@@ -0,0 +1,112 @@
+<template>
+  <!-- 贷款申请 -->
+  <div class="body">
+    <my-title :titleArr="['公司贷款', '贷款申请']" />
+
+    <div style="width: 300px;margin-bottom: 20px;">
+      <el-input v-model="keyword"
+                placeholder="请输入客户姓名"
+                clearable />
+    </div>
+
+    <el-button style="margin-bottom: 20px;"
+               type="primary"
+               @click="$router.push('/counter/list/manage/personalLoans-detail')">新建贷款申请</el-button>
+
+    <el-table max-height="350"
+              ref="filterTable"
+              :data="tableData"
+              :header-cell-style="headerCellStyle"
+              :row-class-name="tableRowClassName">
+      <el-table-column prop="currency"
+                       label="客户姓名"
+                       align="center">
+      </el-table-column>
+      <el-table-column prop="currency"
+                       label="申请编号"
+                       align="center">
+      </el-table-column>
+      <el-table-column prop="currency"
+                       label="申请日期"
+                       align="center">
+      </el-table-column>
+      <el-table-column prop="currency"
+                       label="申请类型"
+                       align="center">
+      </el-table-column>
+      <el-table-column prop="currency"
+                       label="申请金额"
+                       align="center">
+      </el-table-column>
+      <el-table-column prop="currency"
+                       label="办理状态"
+                       align="center">
+      </el-table-column>
+      <el-table-column label="操作"
+                       align="center"
+                       width="150">
+        <template slot-scope="scope">
+          <el-button @click="back(scope.row)"
+                     size="small">详情</el-button>
+        </template>
+      </el-table-column>
+    </el-table>
+
+    <div class="pagination">
+      <el-pagination background
+                     layout="total, prev, pager, next"
+                     :current-page="page"
+                     @current-change="handleCurrentChange"
+                     :total="total"></el-pagination>
+    </div>
+  </div>
+</template>
+
+<script>
+import { tableRowClassName, headerCellStyle } from '@/assets/js/myConfig'
+import { myValidate, checkHanzi, inputListen } from '@/utils/utilFunction.js'
+import { mapState, mapMutations, mapGetters } from 'vuex'
+import { addOperation, getOperation } from '@/api/http';
+import MyTitle from '@/components/myTitle'
+export default {
+  name: 'index',
+  components: {
+    MyTitle,
+  },
+  data () {
+    return {
+      headerCellStyle: headerCellStyle,
+      moduleName: 'tallerCash',
+      text: '柜员现金轧账',/* 顶部文字 */
+      visible: false,
+      page: 1,
+      pageSize: 10,
+      total: 0,
+      visible: false,
+      submited: 0
+    }
+  },
+  mounted () {
+
+  },
+  methods: {
+    ...mapMutations({
+      setTipsOperate: 'system/setTipsOperate'
+    }),
+    handleCurrentChange (val) {
+      this.page = val;
+    },
+    tableRowClassName: tableRowClassName,
+    checkHanzi: checkHanzi,
+    inputListen
+  },
+};
+</script>
+
+<style lang="scss" scoped>
+@import '@/assets/css/tablebg.scss';
+.body {
+    width: 100%;
+    padding: 24px;
+}
+</style>
\ No newline at end of file
diff --git a/src/pages/manage/list/corporateLoans/detail.vue b/src/pages/manage/list/corporateLoans/detail.vue
new file mode 100644
index 0000000..c7519e3
--- /dev/null
+++ b/src/pages/manage/list/corporateLoans/detail.vue
@@ -0,0 +1,589 @@
+<!-- 代收电费 -->
+<template>
+  <div class="wrap">
+    <MyTitle :titleArr="['公司贷款', '贷款详情']" />
+    <el-row :gutter="20"
+            style="margin: 0">
+      <el-form ref="form"
+               :model="form"
+               label-width="120px"
+               disabled
+               :rules="rules">
+        <el-col :span="24">
+          <h6 class="l-title">信用评估</h6>
+        </el-col>
+        <el-col :span="10"
+                :offset="1">
+          <el-form-item label="账号"
+                        prop="customerName">
+            <el-input ref="customerName"
+                      disabled
+                      :value="form.customerName"
+                      @input="(val) => checkName(val, form, 'customerName')"></el-input>
+          </el-form-item>
+          <el-form-item label="证件类型"
+                        prop="customerName">
+            <el-input ref="customerName"
+                      disabled
+                      :value="form.customerName"
+                      @input="(val) => checkName(val, form, 'customerName')"></el-input>
+          </el-form-item>
+          <el-form-item label="注册地址"
+                        prop="customerName">
+            <el-input ref="customerName"
+                      disabled
+                      :value="form.customerName"
+                      @input="(val) => checkName(val, form, 'customerName')"></el-input>
+          </el-form-item>
+          <el-form-item label="法人证件号码"
+                        prop="customerName">
+            <el-input ref="customerName"
+                      disabled
+                      :value="form.customerName"
+                      @input="(val) => checkName(val, form, 'customerName')"></el-input>
+          </el-form-item>
+        </el-col>
+        <el-col :span="10"
+                :offset="1">
+          <el-form-item label="客户名称"
+                        prop="customerName">
+            <el-input ref="customerName"
+                      disabled
+                      :value="form.customerName"
+                      @input="(val) => checkName(val, form, 'customerName')"></el-input>
+          </el-form-item>
+
+          <el-form-item label="证件号码"
+                        required>
+            <el-input :value="form.mailbox"
+                      @input="val => mailBoxListen(val, form, 'mailbox')"
+                      maxlength="30"
+                      ref="mailbox"></el-input>
+          </el-form-item>
+          <el-form-item label="法人姓名"
+                        prop="customerName">
+            <el-input ref="customerName"
+                      disabled
+                      :value="form.customerName"
+                      @input="(val) => checkName(val, form, 'customerName')"></el-input>
+          </el-form-item>
+          <el-form-item label="信用评级"
+                        prop="customerName">
+            <el-input ref="customerName"
+                      disabled
+                      :value="form.customerName"
+                      @input="(val) => checkName(val, form, 'customerName')"></el-input>
+          </el-form-item>
+        </el-col>
+
+        <el-col :span="24">
+          <div class="line"></div>
+          <h6 class="l-title">授信</h6>
+        </el-col>
+        <el-col :span="10"
+                :offset="1">
+          <el-form-item label="授信金额"
+                        prop="customerName">
+            <el-input ref="customerName"
+                      :value="form.customerName"
+                      @input="(val) => checkName(val, form, 'customerName')"></el-input>
+          </el-form-item>
+        </el-col>
+
+        <el-col :span="24">
+          <div class="line"></div>
+          <h6 class="l-title">贷款申请</h6>
+        </el-col>
+        <el-col :span="10"
+                :offset="1">
+          <el-form-item label="授信年限"
+                        prop="customerName">
+            <el-input ref="customerName"
+                      :value="form.customerName"></el-input>
+          </el-form-item>
+          <el-form-item label="还款方式"
+                        prop="customerName">
+            <el-input ref="customerName"
+                      :value="form.customerName"></el-input>
+          </el-form-item>
+        </el-col>
+        <el-col :span="10"
+                :offset="1">
+          <el-form-item label="年化利率"
+                        prop="customerName">
+            <el-input ref="customerName"
+                      :value="form.customerName"></el-input>
+          </el-form-item>
+          <el-form-item label="发放方式"
+                        prop="customerName">
+            <el-input ref="customerName"
+                      :value="form.customerName"></el-input>
+          </el-form-item>
+        </el-col>
+
+        <el-col :span="24">
+          <div class="line"></div>
+          <h6 class="l-title">贷款合同录入</h6>
+        </el-col>
+        <el-col :span="10"
+                :offset="1">
+          <el-form-item label="贷款类型"
+                        prop="customerName">
+            <el-input ref="customerName"
+                      :value="form.customerName"></el-input>
+          </el-form-item>
+          <el-form-item label="授信金额"
+                        prop="customerName">
+            <el-input ref="customerName"
+                      :value="form.customerName"></el-input>
+          </el-form-item>
+          <el-form-item label="起息日期"
+                        prop="customerName">
+            <el-input ref="customerName"
+                      :value="form.customerName"></el-input>
+          </el-form-item>
+          <el-form-item label="计息方式"
+                        prop="customerName">
+            <el-input ref="customerName"
+                      :value="form.customerName"></el-input>
+          </el-form-item>
+          <el-form-item label="执行利率"
+                        prop="customerName">
+            <el-input ref="customerName"
+                      :value="form.customerName"></el-input>
+          </el-form-item>
+          <el-form-item label="担保方式"
+                        prop="customerName">
+            <el-input ref="customerName"
+                      :value="form.customerName"></el-input>
+          </el-form-item>
+          <el-form-item label="利息总额"
+                        prop="customerName">
+            <el-input ref="customerName"
+                      :value="form.customerName"></el-input>
+          </el-form-item>
+          <el-form-item label="还款账号"
+                        prop="customerName">
+            <el-input ref="customerName"
+                      :value="form.customerName"></el-input>
+          </el-form-item>
+        </el-col>
+        <el-col :span="10"
+                :offset="1">
+          <el-form-item label="合同编号"
+                        prop="customerName">
+            <el-input ref="customerName"
+                      :value="form.customerName"></el-input>
+          </el-form-item>
+          <el-form-item label="授信期限"
+                        prop="customerName">
+            <el-input ref="customerName"
+                      :value="form.customerName"></el-input>
+          </el-form-item>
+          <el-form-item label="到期日期"
+                        prop="customerName">
+            <el-input ref="customerName"
+                      :value="form.customerName"></el-input>
+          </el-form-item>
+          <el-form-item label="基准利率"
+                        prop="customerName">
+            <el-input ref="customerName"
+                      :value="form.customerName"></el-input>
+          </el-form-item>
+          <el-form-item label="逾期利率"
+                        prop="customerName">
+            <el-input ref="customerName"
+                      :value="form.customerName"></el-input>
+          </el-form-item>
+          <el-form-item label="还款方式"
+                        prop="customerName">
+            <el-input ref="customerName"
+                      :value="form.customerName"></el-input>
+          </el-form-item>
+          <el-form-item label="贷款申请金额"
+                        prop="customerName">
+            <el-input ref="customerName"
+                      :value="form.customerName"></el-input>
+          </el-form-item>
+        </el-col>
+      </el-form>
+    </el-row>
+
+    <my-dialog :moduleName="moduleName"
+               v-if="visible"
+               :visible.sync="visible"
+               :showForm="form"
+               :formName="formName"
+               @submitIt="submitForm2"
+               depositNumber='0816' />
+    <el-button @click="submitForm"
+               type="primary"
+               class="submitBtn"
+               v-throttle>下一步</el-button>
+  </div>
+  <!-- <need-before v-else :moduleName='needBefore' :unNeed="unNeed" /> -->
+</template>
+<script>
+import { myValidate, checkHanzi, checkName, ismoney, autoPlay, autoPlay2, inputListen, messageIdCard, messageCard, messagePassword } from '@/utils/utilFunction.js';
+import { mobPattern, namePattern, ratePattern, vercustomer } from '@/utils/verify.js'
+
+const moduleName = 'usefulPhrases/openAccount'
+import { mapMutations, mapGetters } from 'vuex'
+import NeedBefore from '@/components/needBefore'
+import MyDialog from '@/components/dialog'
+import TipsBefore from '@/mixins/tipsBefore'
+import MyTitle from '@/components/myTitle'
+export default {
+  name: '',
+  props: {},
+  components: {
+    NeedBefore,
+    MyTitle,
+    MyDialog
+  },
+  mixins: [TipsBefore],
+  created () {
+    if (sessionStorage.getItem('nomUsefulPhrasesOpenPassword')) {
+      this.form.drawPassword = sessionStorage.getItem('nomUsefulPhrasesOpenPassword')
+    }
+
+    // if(sessionStorage.getItem('nomUsefulPhrasesOpenCard2')) {
+    //     this.idNumberJudge = true
+    //     this.form.idNumber = this.dataFlow.idNumber || '441515199812064569'
+    // }
+    // if(sessionStorage.getItem('nomUsefulPhrasesOpenCard')) {
+    //     this.cardNumberJudge = true
+    //     this.form.voucherNumber = this.dataFlow.voucherNumber || '159753'
+    // }
+
+    if (sessionStorage.getItem('nomUsefulPhrasesOpenCard2')) {
+      this.idNumberJudge = true
+      // 身份证号码、客户姓名、币种（人民币）、钞汇标识（钞户）
+      const { idNumber, userName, peopleNumber, currency, goldLogo } = this.dataFlow
+      this.form.clientNumber = peopleNumber
+      this.form.idNumber = idNumber
+      this.form.customerName = userName
+      this.form.currency = currency
+      this.form.goldLogo = goldLogo
+      this.form.voucherType = 127
+    }
+    if (sessionStorage.getItem('nomUsefulPhrasesOpenCard')) {
+      this.cardNumberJudge = true
+      const { voucherNumber } = this.dataFlow
+      this.form.voucherNumber = voucherNumber
+    }
+
+
+    this.getFormData()
+
+  },
+  data () {
+    return {
+      moduleName: 'usefulPhrases/openAccount',
+      visible: false,
+      cardNumberJudge: false,
+      idNumberJudge: false,
+      form: {
+        // 必填项
+        // identityCard: '', // 身份证
+        idNumber: '',
+        customerName: '', // 客户姓名
+        currency: '', // 币种
+        goldLogo: '', // 钞汇标识
+        voucherType: '', // 凭证类型
+        monthDeposit: '', // 月存金额
+        depositTerm: '', // 存期
+        extendDepositTarget: '', // 续存标识
+        voucherNumber: '', // 凭证号码
+        drawPassword: '', // 支付密码
+        // 非必填项
+        clientNumber: '', // 客户号
+        certificateType: 83, // 证件类型
+      },
+      formName: {
+        // 必填项
+        // identityCard: '', // 身份证
+        idNumber: '身份证',
+        customerName: '客户姓名', //
+        currency: '币种', //
+        goldLogo: '钞汇标识', //
+        voucherType: '凭证类型', //
+        monthDeposit: '月存金额', //
+        depositTerm: '存期', //
+        extendDepositTarget: '续存标识', //
+        voucherNumber: '凭证号码', //
+        drawPassword: '支付密码', //
+        // 非必填项
+        clientNumber: '客户号', //
+        certificateType: '证件类型', //
+      },
+      rules: {
+        customerName: vercustomer,
+        currency: [
+          {
+            required: true,
+            message: '请选择币种',
+            trigger: 'blur'
+          }
+        ],
+        goldLogo: [
+          {
+            required: true,
+            message: '请选择钞汇标识',
+            trigger: 'blur'
+          }
+        ],
+        voucherType: [
+          {
+            required: true,
+            message: '请选择凭证类型',
+            trigger: 'blur'
+          }
+        ],
+        monthDeposit: [
+          {
+            required: true,
+            message: '请输入月存金额',
+            trigger: 'blur'
+          }
+        ],
+        depositTerm: [
+          {
+            required: true,
+            message: '请选择存期',
+            trigger: 'blur'
+          }
+        ],
+        extendDepositTarget: [
+          {
+            required: true,
+            message: '请选择续存标识',
+            trigger: 'blur'
+          }
+        ],
+      },
+      myTable2: {
+        158: {
+          prop: 'certificateType',//证件类型
+          type: '1',
+          "subjectId": 19,
+        },
+        // 169: {
+        //     prop: 'customerManage',//客户经理
+        //     type: '3',
+        //     "subjectId": 27,
+        // },
+        160: {
+          prop: 'clientNumber',//客户号
+          type: '3',
+          "subjectId": 6,
+        }
+      },
+      myTable: {
+        159: {
+          prop: 'idNumber',// 身份证号码
+          type: '3',
+        },
+        161: {
+          prop: 'customerName',//客户姓名
+          type: '3',
+          "subjectId": 7,
+        },
+        162: {
+          prop: 'currency',//币种
+          type: '1',
+          "subjectId": 8,
+        },
+        163: {
+          prop: 'goldLogo',//钞汇标识
+          type: '1',
+          "subjectId": 9,
+        },
+        164: {
+          prop: 'voucherType',//凭证类型
+          type: '1',
+          "subjectId": 11,
+        },
+        166: {
+          prop: 'voucherNumber',//凭证号码
+          type: '3',
+          "subjectId": 44,
+        },
+        167: {
+          prop: 'drawPassword',
+          type: '3',
+          "subjectId": 17,
+        },
+        168: {
+          prop: 'monthDeposit',//月存金额
+          type: '3',
+          "subjectId": 31,
+        },
+        170: {
+          prop: 'extendDepositTarget',//续存标识
+          type: '1',
+          "subjectId": 37,
+        },
+      },
+      submited: 0
+    }
+  },
+  mounted () {
+
+  },
+  methods: {
+    // userName,
+    // peopleNumber,
+    // idNumber,
+    // currency:'CNY人民币',
+    // goldLogo:'钞户',
+    ...mapMutations({
+      changeShowGoods: 'system/changeShowGoods',
+      setDataFlow: 'system/setDataFlow',
+      setNeedsModule: 'system/setNeedsModule',
+      setPopId: 'system/setPopId',
+      setTipsOperate: 'system/setTipsOperate'
+    }),
+    getDataBlur () {
+      // console.log('???')
+    },
+    popUp1 (text) {
+      this.setTipsOperate('请刷身份证');
+      this.setPopId('1399')
+      sessionStorage.setItem('computerPath', this.$route.fullPath)
+      this.$router.push('/counter/list/')
+    },
+    popUp2 (text) {
+      this.setTipsOperate('请刷银行卡');
+      this.setPopId('166')
+      sessionStorage.setItem('computerPath', this.$route.fullPath)
+      this.$router.push('/counter/list/')
+    },
+    popUp3 (text) {
+      this.setTipsOperate('请在密码器输入密码');
+      this.setPopId('167')
+      sessionStorage.setItem('computerPath', this.$route.fullPath)
+      this.$router.push('/counter/list/')
+    },
+    getFormData () {
+      const parentId = '285,' + this.$store.state.system.businessSelect[this.$store.state.system.businessKey].id + ',287,5,26,59,155'
+      const cards = {
+        // 1399: 'nomUsefulPhrasesOpenCard2',
+        // 166: 'nomUsefulPhrasesOpenCard',
+        // 167: 'nomUsefulPhrasesOpenPassword'
+      }
+      const callback = () => {
+        if (this.form.idNumber) {
+          this.idNumberJudge = true
+        }
+        if (this.form.voucherNumber) {
+          this.cardNumberJudge = true
+        }
+        if (sessionStorage.getItem('nomUsefulPhrasesOpenPassword')) {
+          this.form.drawPassword = sessionStorage.getItem('nomUsefulPhrasesOpenPassword')
+        }
+      }
+      autoPlay2(parentId, this.form, this.myTable2, this.myTable, cards, callback)
+    },
+    submitForm () {
+      if (this.submited) return this.$message.error('已提交！')
+      if (!this.form.idNumber) {
+        messageIdCard()
+        // let projectId = sessionStorage.getItem('projectId')
+        // let startTime = sessionStorage.getItem('startTime')
+        // let formList = [
+        //     {
+        //         "answerId":'159',
+        //         "emptyOne": "",
+        //         "emptyTwo": "",
+        //         "operationIds": "285," + this.$store.state.system.businessSelect[this.$store.state.system.businessKey].id   +",287,5,26,59,155,159,13",
+        //         "type": ""
+        //     }
+        // ]
+        // let params= {
+        //     parentId: '285,' + this.$store.state.system.businessSelect[this.$store.state.system.businessKey].id   +  ',287,5,26,59,155,159',
+        //     lcJudgmentRuleReq:formList,
+        //     projectId:+projectId,
+        //     startTime:startTime,
+        // }
+        // addOperation(params).then((data)=>{
+        //     this.$message({
+        //         message: '提交成功',
+        //         type: 'success'
+        //     });
+        // }).catch((error)=>{
+        // })
+        return
+      }
+      if (!this.form.voucherNumber) {
+        messageCard('请填写凭证号码')
+        return
+      }
+
+      if (!this.form.drawPassword) {
+        messagePassword()
+        return
+      }
+      this.$refs.form.validate(myValidate(() => {
+        // 验证通过逻辑写在这
+        this.visible = true;
+      }, this.$refs));
+    },
+    submitForm2 () {
+      // let nomUsefulPhrasesOpenCard = sessionStorage.getItem('nomUsefulPhrasesOpenCard')
+      // let nomUsefulPhrasesOpenCard2 = sessionStorage.getItem('nomUsefulPhrasesOpenCard2')
+      // let nomUsefulPhrasesOpenPassword = sessionStorage.getItem('nomUsefulPhrasesOpenPassword')
+      const parentId = '285,' + this.$store.state.system.businessSelect[this.$store.state.system.businessKey].id + ',287,5,26,59,155'
+      const cards = [
+        {
+          key: '159,13'
+        }
+
+        // {
+        //     1399: nomUsefulPhrasesOpenCard2
+        // },
+        // {
+        //     166: nomUsefulPhrasesOpenCard
+        // },
+        // {
+        //     167: nomUsefulPhrasesOpenPassword,
+        //     "subjectId": 17,
+        // }
+      ]
+      this.setDataFlow(this.form)
+      autoPlay(parentId, this.form, this.myTable2, this.myTable, cards)
+      this.submited = 1
+    },
+    ismoney: ismoney,
+    checkHanzi: checkHanzi,
+    checkName: checkName,
+    inputListen: inputListen
+  },
+  computed: {
+    ...mapGetters({
+      dataFlow: 'system/dataFlow',
+      needsModule: 'system/needsModule',
+      idCardNumber: 'system/idCardNumber',
+      inMyWork: 'system/inMyWork',
+      getSelectList: 'system/getSelectList'
+    })
+  }
+}
+</script>
+<style lang='scss' scoped>
+.wrap {
+    width: 100%;
+    height: calc(90vh - 70px);
+    padding: 20px;
+    overflow: auto;
+    .l-title {
+        margin-bottom: 15px;
+        font-size: 18px;
+        font-weight: 600;
+    }
+    .line {
+        margin: 20px 0;
+        border-bottom: 1px dashed #d7d7d7;
+    }
+}
+</style>
\ No newline at end of file
diff --git a/src/pages/manage/list/corporateLoans/list.js b/src/pages/manage/list/corporateLoans/list.js
new file mode 100644
index 0000000..7b6d469
--- /dev/null
+++ b/src/pages/manage/list/corporateLoans/list.js
@@ -0,0 +1,7 @@
+export default [
+	{
+		id: 1,
+		name: '维新集团',
+		serial: 'F10628012',
+	}
+]
\ No newline at end of file
diff --git a/src/pages/manage/list/corporateLoans/loan.vue b/src/pages/manage/list/corporateLoans/loan.vue
new file mode 100644
index 0000000..e0f7395
--- /dev/null
+++ b/src/pages/manage/list/corporateLoans/loan.vue
@@ -0,0 +1,113 @@
+<template>
+  <!-- 贷款申请 -->
+  <div class="body">
+    <my-title :titleArr="['公司贷款', '贷款放款']" />
+
+    <div style="width: 300px;margin-bottom: 20px;">
+      <el-input v-model="keyword"
+                placeholder="请输入客户姓名"
+                clearable />
+    </div>
+
+    <el-table max-height="350"
+              ref="filterTable"
+              :data="list"
+              :header-cell-style="headerCellStyle"
+              :row-class-name="tableRowClassName">
+      <el-table-column prop="currency"
+                       label="客户姓名"
+                       align="center">
+      </el-table-column>
+      <el-table-column prop="currency"
+                       label="贷款编号"
+                       align="center">
+      </el-table-column>
+      <el-table-column prop="currency"
+                       label="放款日期"
+                       align="center">
+      </el-table-column>
+      <el-table-column prop="currency"
+                       label="贷款金额"
+                       align="center">
+      </el-table-column>
+      <el-table-column prop="currency"
+                       label="放款金额"
+                       align="center">
+      </el-table-column>
+      <el-table-column prop="currency"
+                       label="放款状态"
+                       align="center">
+      </el-table-column>
+      <el-table-column label="操作"
+                       align="center"
+                       width="150">
+        <template slot-scope="scope">
+          <el-button @click="toDetail(scope.row)"
+                     size="small">查看</el-button>
+        </template>
+      </el-table-column>
+    </el-table>
+
+    <div class="pagination">
+      <el-pagination background
+                     layout="total, prev, pager, next"
+                     :current-page="page"
+                     @current-change="handleCurrentChange"
+                     :total="total"></el-pagination>
+    </div>
+  </div>
+</template>
+
+<script>
+import { tableRowClassName, headerCellStyle } from '@/assets/js/myConfig'
+import { myValidate, checkHanzi, inputListen } from '@/utils/utilFunction.js'
+import { mapState, mapMutations, mapGetters } from 'vuex'
+import { addOperation, getOperation } from '@/api/http';
+import MyTitle from '@/components/myTitle'
+import list from './list'
+export default {
+  name: 'index',
+  components: {
+    MyTitle,
+  },
+  data () {
+    return {
+      list,
+      headerCellStyle: headerCellStyle,
+      moduleName: 'tallerCash',
+      text: '柜员现金轧账',/* 顶部文字 */
+      visible: false,
+      page: 1,
+      pageSize: 10,
+      total: 0,
+      visible: false,
+      submited: 0
+    }
+  },
+  mounted () {
+
+  },
+  methods: {
+    ...mapMutations({
+      setTipsOperate: 'system/setTipsOperate'
+    }),
+    handleCurrentChange (val) {
+      this.page = val;
+    },
+    toDetail (row) {
+      this.$router.push(`/counter/list/manage/corporateLoans-detail`)
+    },
+    tableRowClassName: tableRowClassName,
+    checkHanzi: checkHanzi,
+    inputListen
+  },
+};
+</script>
+
+<style lang="scss" scoped>
+@import '@/assets/css/tablebg.scss';
+.body {
+    width: 100%;
+    padding: 24px;
+}
+</style>
\ No newline at end of file
diff --git a/src/pages/manage/list/corporateLoans/management.vue b/src/pages/manage/list/corporateLoans/management.vue
new file mode 100644
index 0000000..0b9fbdd
--- /dev/null
+++ b/src/pages/manage/list/corporateLoans/management.vue
@@ -0,0 +1,334 @@
+<template>
+  <!-- 贷款申请 -->
+  <div class="body">
+    <my-title :titleArr="['公司贷款', '贷后管理']" />
+
+    <div style="width: 300px;margin-bottom: 20px;">
+      <el-input v-model="keyword"
+                placeholder="请输入客户姓名"
+                clearable />
+    </div>
+
+    <el-table max-height="350"
+              ref="filterTable"
+              :data="list"
+              :header-cell-style="headerCellStyle"
+              :row-class-name="tableRowClassName">
+      <el-table-column prop="currency"
+                       label="客户姓名"
+                       align="center">
+      </el-table-column>
+      <el-table-column prop="currency"
+                       label="贷款编号"
+                       align="center">
+      </el-table-column>
+      <el-table-column prop="currency"
+                       label="贷款状态"
+                       align="center">
+      </el-table-column>
+      <el-table-column prop="currency"
+                       label="五级分类"
+                       align="center">
+      </el-table-column>
+      <el-table-column prop="currency"
+                       label="处理结果"
+                       align="center">
+      </el-table-column>
+      <el-table-column prop="currency"
+                       label="还款状态"
+                       align="center">
+      </el-table-column>
+      <el-table-column prop="currency"
+                       label="欠款金额"
+                       align="center">
+      </el-table-column>
+      <el-table-column label="操作"
+                       align="center"
+                       width="360">
+        <template slot-scope="scope">
+          <el-button @click="collection(scope.row)"
+                     size="small">催收</el-button>
+          <el-button @click="postLoan(scope.row)"
+                     size="small">贷后调查</el-button>
+          <el-button @click="npl(scope.row)"
+                     size="small">不良贷款</el-button>
+          <el-button @click="badDebt(scope.row)"
+                     size="small">呆账认定</el-button>
+        </template>
+      </el-table-column>
+    </el-table>
+
+    <div class="pagination">
+      <el-pagination background
+                     layout="total, prev, pager, next"
+                     :current-page="page"
+                     @current-change="handleCurrentChange"
+                     :total="total"></el-pagination>
+    </div>
+
+    <el-dialog :visible="visible"
+               append-to-body
+               style="z-index: 6000;"
+               :close-on-click-modal="true"
+               :show-close="false"
+               custom-class="dia">
+      <div class="data-dia23">
+        <div slot="title"
+             class="dia-header">
+          <div class="data-title">不良贷款</div>
+        </div>
+
+        <div class="popBody">
+          <p v-if="curMsg >= 0"
+             class="text-lg"
+             style="color: #333">{{ msgs[curMsg] }}</p>
+
+          <el-row v-else
+                  style="width: 100%">
+            <el-form class="dia-form"
+                     label-width="130px"
+                     label-suffix="：">
+              <el-col :span="12">
+                <el-form-item label="客户名称">
+                  <p class="text">炳胜集团</p>
+                </el-form-item>
+                <el-form-item label="欠款金额">
+                  <p class="text">炳胜集团</p>
+                </el-form-item>
+                <el-form-item label="催收金额">
+                  <p class="text">炳胜集团</p>
+                </el-form-item>
+              </el-col>
+              <el-col :span="12">
+                <el-form-item label="贷款编号">
+                  <p class="text">F10666123</p>
+                </el-form-item>
+                <el-form-item label="催收通知书编号">
+                  <p class="text">F10666123</p>
+                </el-form-item>
+              </el-col>
+            </el-form>
+          </el-row>
+        </div>
+
+        <div class="popBtns">
+          <el-button v-if="curMsg < 2"
+                     class="close btn hover:bg-blue-100 "
+                     @click="visible = false">取 消</el-button>
+          <el-button class="sure btn hover:bg-blue-700 "
+                     type="primary"
+                     @click="msgSubmit">确 定</el-button>
+        </div>
+      </div>
+    </el-dialog>
+
+    <el-dialog :visible="formVisible"
+               append-to-body
+               style="z-index: 6000;"
+               :close-on-click-modal="true"
+               :show-close="false"
+               custom-class="dia">
+      <div class="data-dia23">
+        <div slot="title"
+             class="dia-header">
+          <div class="data-title">贷后调查</div>
+        </div>
+
+        <h6>调查日期：2024-04-02</h6>
+        <el-row style="width: 100%">
+          <el-form class="dia-form"
+                   label-width="130px"
+                   label-suffix="："
+                   label-position="top">
+            <el-col :span="24">
+              <el-form-item label="客户基本状态变化">
+                <el-input type="textarea"
+                          :rows="2"
+                          v-model="textarea">
+                </el-input>
+              </el-form-item>
+            </el-col>
+            <el-col :span="12">
+              <el-form-item label="信贷业务和还本付息情况变化">
+                <el-select v-model="form.goldLogo"
+                           placeholder="请选择">
+                  <el-option v-for="item in selects"
+                             :label="item.options"
+                             :value="item.itemId"
+                             :key="item.itemId"> </el-option>
+                </el-select>
+              </el-form-item>
+              <el-form-item label="偿债能力">
+                <el-select v-model="form.goldLogo"
+                           placeholder="请选择">
+                  <el-option v-for="item in selects"
+                             :label="item.options"
+                             :value="item.itemId"
+                             :key="item.itemId"> </el-option>
+                </el-select>
+              </el-form-item>
+              <el-form-item label="担保状况不利变化">
+                <el-select v-model="form.goldLogo"
+                           placeholder="请选择">
+                  <el-option v-for="item in selects"
+                             :label="item.options"
+                             :value="item.itemId"
+                             :key="item.itemId"> </el-option>
+                </el-select>
+              </el-form-item>
+            </el-col>
+            <el-col :span="12">
+              <el-form-item label="经营状况">
+                <el-select v-model="form.goldLogo"
+                           placeholder="请选择">
+                  <el-option v-for="item in selects"
+                             :label="item.options"
+                             :value="item.itemId"
+                             :key="item.itemId"> </el-option>
+                </el-select>
+              </el-form-item>
+              <el-form-item label="信用状况">
+                <el-select v-model="form.goldLogo"
+                           placeholder="请选择">
+                  <el-option v-for="item in selects"
+                             :label="item.options"
+                             :value="item.itemId"
+                             :key="item.itemId"> </el-option>
+                </el-select>
+              </el-form-item>
+              <el-form-item label="五级分类">
+                <el-select v-model="form.goldLogo"
+                           placeholder="请选择">
+                  <el-option v-for="item in selects"
+                             :label="item.options"
+                             :value="item.itemId"
+                             :key="item.itemId"> </el-option>
+                </el-select>
+              </el-form-item>
+            </el-col>
+            <el-col :span="24">
+              <el-form-item label="结论 建议">
+                <el-input type="textarea"
+                          :rows="2"
+                          v-model="textarea">
+                </el-input>
+              </el-form-item>
+            </el-col>
+          </el-form>
+        </el-row>
+      </div>
+
+      <div class="popBtns">
+        <el-button class="close btn hover:bg-blue-100 "
+                   @click="formVisible = false">取 消</el-button>
+        <el-button class="sure btn hover:bg-blue-700 "
+                   type="primary"
+                   @click="msgSubmit">确 定</el-button>
+      </div>
+    </el-dialog>
+  </div>
+</template>
+
+<script>
+import { tableRowClassName, headerCellStyle } from '@/assets/js/myConfig'
+import { myValidate, checkHanzi, inputListen } from '@/utils/utilFunction.js'
+import { mapState, mapMutations, mapGetters } from 'vuex'
+import { addOperation, getOperation } from '@/api/http';
+import MyTitle from '@/components/myTitle'
+import list from './list'
+export default {
+  name: 'index',
+  components: {
+    MyTitle,
+  },
+  data () {
+    return {
+      list,
+      headerCellStyle: headerCellStyle,
+      moduleName: 'tallerCash',
+      text: '柜员现金轧账',/* 顶部文字 */
+      visible: false,
+      page: 1,
+      pageSize: 10,
+      total: 0,
+      submited: 0,
+      msgs: [
+        '向贷款人预留各渠道联系方式发送催收信息',
+        '确认提交吗？',
+        '已成功向贷款人发起催收提醒！',
+        '贷后调查提交成功！',
+        '不良贷款提交成功！',
+        '呆账认定提交成功！',
+      ],
+      curMsg: 0,
+      curType: 3,
+      curRow: {},
+
+      formVisible: false,
+      selects: [],
+      form: {},
+    }
+  },
+  mounted () {
+
+  },
+  methods: {
+    ...mapMutations({
+      setTipsOperate: 'system/setTipsOperate'
+    }),
+    handleCurrentChange (val) {
+      this.page = val;
+    },
+    // 催收
+    collection (row) {
+      this.visible = true
+      this.curMsg = 0
+    },
+    // 贷后调查
+    postLoan (row) {
+      this.formVisible = true
+    },
+
+    // 不良贷款
+    npl (row) {
+      this.curType = 4
+      this.curRow = row
+      this.visible = true
+      this.curMsg = -2
+    },
+    // 呆账认定
+    badDebt (row) {
+      this.curType = 5
+      this.curRow = row
+      this.visible = true
+      this.curMsg = -1
+    },
+    msgSubmit () {
+      if (!this.curMsg) {
+        this.curMsg = 2
+      } else if (this.curMsg < 0) {
+        this.curMsg = 1
+      } else if (this.curMsg === 1) {
+        this.curMsg = this.curType
+      } else {
+        this.visible = false
+      }
+    },
+    extension (row) {
+
+    },
+    tableRowClassName: tableRowClassName,
+    checkHanzi: checkHanzi,
+    inputListen
+  },
+};
+</script>
+
+<style lang="scss" scoped>
+@import '@/assets/css/tablebg.scss';
+@import '@/styles/dialog.scss';
+.body {
+    width: 100%;
+    padding: 24px;
+}
+</style>
\ No newline at end of file
diff --git a/src/pages/manage/list/corporateLoans/repayment.vue b/src/pages/manage/list/corporateLoans/repayment.vue
new file mode 100644
index 0000000..a447fe7
--- /dev/null
+++ b/src/pages/manage/list/corporateLoans/repayment.vue
@@ -0,0 +1,126 @@
+<template>
+  <!-- 贷款申请 -->
+  <div class="body">
+    <my-title :titleArr="['公司贷款', '贷款还款']" />
+
+    <div style="width: 300px;margin-bottom: 20px;">
+      <el-input v-model="keyword"
+                placeholder="请输入客户姓名"
+                clearable />
+    </div>
+
+    <el-table max-height="350"
+              ref="filterTable"
+              :data="list"
+              :header-cell-style="headerCellStyle"
+              :row-class-name="tableRowClassName">
+      <el-table-column prop="currency"
+                       label="客户姓名"
+                       align="center">
+      </el-table-column>
+      <el-table-column prop="currency"
+                       label="贷款编号"
+                       align="center">
+      </el-table-column>
+      <el-table-column prop="currency"
+                       label="应还款日期"
+                       align="center">
+      </el-table-column>
+      <el-table-column prop="currency"
+                       label="实际还款日期"
+                       align="center">
+      </el-table-column>
+      <el-table-column prop="currency"
+                       label="本次还款金额"
+                       align="center">
+      </el-table-column>
+      <el-table-column prop="currency"
+                       label="累计还款金额"
+                       align="center">
+      </el-table-column>
+      <el-table-column prop="currency"
+                       label="欠款金额"
+                       align="center">
+      </el-table-column>
+      <el-table-column prop="currency"
+                       label="还款状态"
+                       align="center">
+      </el-table-column>
+      <el-table-column label="操作"
+                       align="center"
+                       width="150">
+        <template slot-scope="scope">
+          <el-button @click="toDetail(scope.row)"
+                     size="small">详情</el-button>
+          <el-button @click="extension(scope.row)"
+                     size="small">展期</el-button>
+        </template>
+      </el-table-column>
+    </el-table>
+
+    <div class="pagination">
+      <el-pagination background
+                     layout="total, prev, pager, next"
+                     :current-page="page"
+                     @current-change="handleCurrentChange"
+                     :total="total"></el-pagination>
+    </div>
+  </div>
+</template>
+
+<script>
+import { tableRowClassName, headerCellStyle } from '@/assets/js/myConfig'
+import { myValidate, checkHanzi, inputListen } from '@/utils/utilFunction.js'
+import { mapState, mapMutations, mapGetters } from 'vuex'
+import { addOperation, getOperation } from '@/api/http';
+import MyTitle from '@/components/myTitle'
+import list from './list'
+export default {
+  name: 'index',
+  components: {
+    MyTitle,
+  },
+  data () {
+    return {
+      list,
+      headerCellStyle: headerCellStyle,
+      moduleName: 'tallerCash',
+      text: '柜员现金轧账',/* 顶部文字 */
+      visible: false,
+      page: 1,
+      pageSize: 10,
+      total: 0,
+      visible: false,
+      submited: 0
+    }
+  },
+  mounted () {
+
+  },
+  methods: {
+    ...mapMutations({
+      setTipsOperate: 'system/setTipsOperate'
+    }),
+    handleCurrentChange (val) {
+      this.page = val;
+    },
+    toDetail (row) {
+      this.$router.push(`/counter/list/manage/corporateLoans-detail`)
+    },
+    extension (row) {
+
+    },
+    tableRowClassName: tableRowClassName,
+    checkHanzi: checkHanzi,
+    inputListen
+  },
+};
+</script>
+
+<style lang="scss" scoped>
+@import '@/assets/css/tablebg.scss';
+.body {
+    width: 100%;
+    padding: 24px;
+}
+</style>
\ No newline at end of file
diff --git a/src/pages/manage/list/personalLoans/list.vue b/src/pages/manage/list/personalLoans/list.vue
index 27cbb7b..a036707 100644
--- a/src/pages/manage/list/personalLoans/list.vue
+++ b/src/pages/manage/list/personalLoans/list.vue
@@ -8,7 +8,7 @@
 
     <el-button style="margin-bottom: 20px;"
                type="primary"
-               @click="$router.push('/counter/list/manage/personalLoansDetail')">新建贷款申请</el-button>
+               @click="$router.push('/counter/list/manage/personalLoans-detail')">新建贷款申请</el-button>
 
     <el-table ref="filterTable"
               :data="list"
diff --git a/src/pages/manage/navbar/index.vue b/src/pages/manage/navbar/index.vue
index bead728..e479b61 100644
--- a/src/pages/manage/navbar/index.vue
+++ b/src/pages/manage/navbar/index.vue
@@ -253,9 +253,24 @@ export default {
         },
         {
           icon: 'menu-icon icon-index',
-          index: '/counter/list/manage/onlineBank',
+          index: '/index/list1',
           title: '公司贷款',
           logo: require('@/assets/img/systemInput/公司贷款.svg'),
+          children: [
+            {
+              index: '/counter/list/manage/corporateLoans-application',
+              title: '贷款申请',
+            }, {
+              index: '/counter/list/manage/corporateLoans-loan',
+              title: '贷款放款',
+            }, {
+              index: '/counter/list/manage/corporateLoans-repayment',
+              title: '贷款还款',
+            }, {
+              index: '/counter/list/manage/corporateLoans-management',
+              title: '贷后管理',
+            },
+          ]
         },
       ]
     }
diff --git a/src/router/modules/counter.js b/src/router/modules/counter.js
index d502400..9ca4f86 100644
--- a/src/router/modules/counter.js
+++ b/src/router/modules/counter.js
@@ -205,10 +205,36 @@ export default {
                         },
                         // 个人贷款详情
                         {
-                            path: `personalLoansDetail`,
+                            path: `personalLoans-detail`,
                             component: () => import('@/pages/manage/list/personalLoans/detail'),
                             meta: { title: '个人贷款' },
                         },
+                        {
+                            name: `${pre}corporateLoans`,
+                            path: `corporateLoans-application`,
+                            component: () => import('@/pages/manage/list/corporateLoans/application'),
+                            meta: { title: '公司贷款贷款申请' },
+                        },
+                        {
+                            path: `corporateLoans-loan`,
+                            component: () => import('@/pages/manage/list/corporateLoans/loan'),
+                            meta: { title: '公司贷款贷款放款' },
+                        },
+                        {
+                            path: `corporateLoans-detail`,
+                            component: () => import('@/pages/manage/list/corporateLoans/detail'),
+                            meta: { title: '公司贷款贷款详情' },
+                        },
+                        {
+                            path: `corporateLoans-repayment`,
+                            component: () => import('@/pages/manage/list/corporateLoans/repayment'),
+                            meta: { title: '公司贷款贷款放款' },
+                        },
+                        {
+                            path: `corporateLoans-management`,
+                            component: () => import('@/pages/manage/list/corporateLoans/management'),
+                            meta: { title: '公司贷款贷后管理' },
+                        },
 
                     ]
                 }
diff --git a/src/styles/dialog.scss b/src/styles/dialog.scss
new file mode 100644
index 0000000..6056a1f
--- /dev/null
+++ b/src/styles/dialog.scss
@@ -0,0 +1,55 @@
+/deep/.dia {
+    -webkit-box-shadow: 0;
+    box-shadow: 0 0 0 0 !important;
+    border: 0 !important;
+    border-radius: 1.5rem;
+    .el-dialog__header {
+        display: none;
+    }
+    .el-dialog__body {
+        padding-top: 0;
+    }
+    .dia-form {
+        .text {
+            text-align: left;
+        }
+    }
+    .popBtns {
+        display: flex;
+        justify-content: center;
+        align-items: center;
+        & > .btn {
+            width: 180px;
+            font-size: 18px;
+        }
+    }
+}
+.data-dia23 {
+    min-width: 40%;
+    background-color: white;
+    z-index: 9999;
+    .popBody {
+        // width: 100%;
+        min-height: 30vh;
+        padding-top: 50px;
+        padding-bottom: 20px;
+        display: flex;
+        align-items: center;
+        /deep/ .el-form {
+            height: 100%;
+        }
+    }
+    .dia-header {
+        height: 100%;
+        // position: relative;
+        .data-title {
+            width: 300px;
+            margin: 0 auto;
+            line-height: 72px;
+            text-align: center;
+            color: #fff;
+            font-size: 24px;
+            background: url(../../../../assets/img/dia-title.png) 0 0 / cover no-repeat;
+        }
+    }
+}