From 5ccfd2aa1f7b44b2ef1af045743f1c181eaebf2d Mon Sep 17 00:00:00 2001
From: yujialong <479214531@qq.com>
Date: Thu, 23 May 2024 16:21:02 +0800
Subject: [PATCH] =?UTF-8?q?=E6=8E=88=E4=BF=A1=E7=94=B3=E8=AF=B7?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/pages/counter/list/index.vue              |   9 +-
 .../apply/creditApplication/index.vue         | 445 ++++++++++++++++++
 .../basic.vue}                                | 123 ++---
 .../apply/creditEvaluation/importReport.vue   |  89 ++++
 .../apply/{ => creditEvaluation}/preLoan.vue  |  87 ++--
 .../apply/{ => creditEvaluation}/rating.vue   |  76 ++-
 .../corporateLoans/apply/importReport.vue     |  82 ----
 .../list/corporateLoans/apply/index.vue       | 316 +++++++------
 .../manage/list/corporateLoans/detail.vue     | 266 ++++-------
 src/styles/common.scss                        |   7 +
 10 files changed, 908 insertions(+), 592 deletions(-)
 create mode 100644 src/pages/manage/list/corporateLoans/apply/creditApplication/index.vue
 rename src/pages/manage/list/corporateLoans/apply/{creditEvaluation.vue => creditEvaluation/basic.vue} (76%)
 create mode 100644 src/pages/manage/list/corporateLoans/apply/creditEvaluation/importReport.vue
 rename src/pages/manage/list/corporateLoans/apply/{ => creditEvaluation}/preLoan.vue (82%)
 rename src/pages/manage/list/corporateLoans/apply/{ => creditEvaluation}/rating.vue (83%)
 delete mode 100644 src/pages/manage/list/corporateLoans/apply/importReport.vue

diff --git a/src/pages/counter/list/index.vue b/src/pages/counter/list/index.vue
index 59d4440..3d0e58d 100644
--- a/src/pages/counter/list/index.vue
+++ b/src/pages/counter/list/index.vue
@@ -3231,7 +3231,7 @@ export default {
   position: absolute;
   top: 0;
   left: 50%;
-  transform: translate(-50%, 0);
+  transform: translateX(-50%);
   z-index: 900;
   max-height: calc(100vh - 100px);
   overflow: auto;
@@ -3245,11 +3245,10 @@ export default {
 
 .fullScreenSystem {
   width: 100vw;
+  max-height: none;
   height: 200vh;
-  margin-top: 0;
-  top: 0%;
-  // left: 50%;
-  // transform: translate(-50%, 0);
+  left: 0;
+  transform: translateX(0);
 }
 
 /deep/ .view .el-dialog__body {
diff --git a/src/pages/manage/list/corporateLoans/apply/creditApplication/index.vue b/src/pages/manage/list/corporateLoans/apply/creditApplication/index.vue
new file mode 100644
index 0000000..7803148
--- /dev/null
+++ b/src/pages/manage/list/corporateLoans/apply/creditApplication/index.vue
@@ -0,0 +1,445 @@
+<!-- 信用评估 -->
+<template>
+  <div>
+    <el-row :gutter="20" style="margin: 0">
+      <el-form ref="form" :model="form" label-width="140px" :rules="rules">
+        <el-col :span="24">
+          <h6 class="l-title">申请人个人信息</h6>
+        </el-col>
+        <el-col :span="10" :offset="1">
+          <el-form-item label="账号">
+            <el-input v-model="form.customerName"></el-input>
+          </el-form-item>
+          <el-form-item label="证件号码">
+            <el-input v-model="form.customerName"></el-input>
+          </el-form-item>
+          <el-form-item label="抵押房产地址">
+            <el-input v-model="form.customerName"></el-input>
+          </el-form-item>
+          <el-form-item label="婚姻状况">
+            <el-radio-group v-model="form.marriage">
+              <el-radio :label="1">未婚</el-radio>
+              <el-radio :label="2">已婚</el-radio>
+              <el-radio :label="3">离异</el-radio>
+            </el-radio-group>
+          </el-form-item>
+          <el-form-item label="在袋鼠互联网科技有限公司购买社保" label-width="280px">
+            <el-radio-group v-model="form.marriage">
+              <el-radio :label="1">是</el-radio>
+              <el-radio :label="2">否</el-radio>
+            </el-radio-group>
+          </el-form-item>
+        </el-col>
+        <el-col :span="10" :offset="1">
+          <el-form-item label="客户名称">
+            <el-input v-model="form.customerName"></el-input>
+          </el-form-item>
+          <el-form-item label="联系电话">
+            <el-input v-model="form.customerName"></el-input>
+          </el-form-item>
+          <el-form-item label="与袋鼠互联网科技有限公司合作年限" label-width="280px">
+            <el-input v-model="form.customerName"></el-input>
+          </el-form-item>
+          <el-form-item label="在袋鼠互联网科技有限公司签订劳动合同" label-width="300px">
+            <el-radio-group v-model="form.marriage">
+              <el-radio :label="1">是</el-radio>
+              <el-radio :label="2">否</el-radio>
+            </el-radio-group>
+          </el-form-item>
+          <el-form-item label="住址情况">
+            <el-radio-group v-model="form.marriage">
+              <el-radio :label="1">购置</el-radio>
+              <el-radio :label="2">按揭中</el-radio>
+            </el-radio-group>
+          </el-form-item>
+        </el-col>
+
+        <el-col :span="24" style="margin-top: 20px">
+          <h6 class="l-title">还款来源</h6>
+        </el-col>
+        <el-col :span="24">
+          <el-form-item>
+            <div class="flex">
+              <span class="req">*</span>
+              <el-checkbox v-model="checked">自行筹款，到期还款</el-checkbox>
+              <div class="inline-flex m-l-40">
+                <el-checkbox v-model="checked"></el-checkbox>
+                <span class="m-l-20 m-r-5" style="white-space: nowrap;">其他：</span>
+                <el-input v-model="form.customerName" size="small"></el-input>
+              </div>
+            </div>
+          </el-form-item>
+        </el-col>
+
+
+        <el-col :span="24" style="margin-top: 20px">
+          <h6 class="l-title">用途</h6>
+        </el-col>
+        <el-col :span="24">
+          <el-form-item>
+            <div class="flex">
+              <span class="req">*</span>
+              <el-checkbox-group v-model="purpose">
+                <el-checkbox label="支付材料款"></el-checkbox>
+                <el-checkbox label="支付人工费"></el-checkbox>
+                <el-checkbox label="支付研发费"></el-checkbox>
+              </el-checkbox-group>
+              <div class="inline-flex m-l-40">
+                <el-checkbox v-model="checked"></el-checkbox>
+                <span class="m-l-20 m-r-5" style="white-space: nowrap;">其他：</span>
+                <el-input v-model="form.customerName" size="small"></el-input>
+              </div>
+            </div>
+          </el-form-item>
+        </el-col>
+
+
+        <el-col :span="24" style="margin-top: 20px">
+          <h6 class="l-title">申请人特别说明（选填）</h6>
+        </el-col>
+        <el-col :span="24">
+          <el-input v-model="form.customerName" type="textarea" placeholder="请输入申请述求"></el-input>
+        </el-col>
+
+        <el-col :span="24" style="margin-top: 20px">
+          <h6 class="l-title">附件 请上传</h6>
+        </el-col>
+        <el-col :span="24">
+          <div class="text-center">
+            <el-upload class="m-b-20" action="https://jsonplaceholder.typicode.com/posts/">
+              <el-button size="small" type="primary">上传法人身份证</el-button>
+            </el-upload>
+            <el-upload class="m-b-20" action="https://jsonplaceholder.typicode.com/posts/">
+              <el-button size="small" type="primary">上传抵押物房产证</el-button>
+            </el-upload>
+          </div>
+        </el-col>
+      </el-form>
+    </el-row>
+
+
+    <div class="text-center">
+      <el-button @click="submitForm" type="primary" class="submitBtn" v-throttle>提交</el-button>
+    </div>
+  </div>
+</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',
+      purpose: [],
+      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: '证件类型',
+        purpose: []
+      },
+      rules: {
+        customerName: vercustomer,
+        currency: [
+          {
+            required: true,
+            message: '请选择币种',
+            trigger: 'blur'
+          }
+        ],
+        source: [
+          {
+            required: true,
+            message: '请选择钞汇标识',
+            trigger: 'change'
+          }
+        ],
+        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 () {
+
+    },
+    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>
+.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/apply/creditEvaluation.vue b/src/pages/manage/list/corporateLoans/apply/creditEvaluation/basic.vue
similarity index 76%
rename from src/pages/manage/list/corporateLoans/apply/creditEvaluation.vue
rename to src/pages/manage/list/corporateLoans/apply/creditEvaluation/basic.vue
index 1b662c5..2d5dd56 100644
--- a/src/pages/manage/list/corporateLoans/apply/creditEvaluation.vue
+++ b/src/pages/manage/list/corporateLoans/apply/creditEvaluation/basic.vue
@@ -1,119 +1,82 @@
 <!-- 信用评估 -->
 <template>
   <div>
-    <el-row :gutter="20"
-            style="margin: 0">
-      <el-form ref="form"
-               :model="form"
-               label-width="120px"
-               :rules="rules">
+    <el-row :gutter="20" style="margin: 0">
+      <el-form ref="form" :model="form" label-width="140px" :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-col :span="10" :offset="1">
+          <el-form-item label="账号" prop="customerName">
             <el-input v-model="form.customerName"></el-input>
           </el-form-item>
-          <el-form-item label="证件类型"
-                        prop="certificateType">
-            <el-select v-model.trim="form.certificateType"
-                       placeholder="请选择"
-                       ref="certificateType">
-              <el-option label="身份证"
-                         :value="83"> </el-option>
+          <el-form-item label="证件类型" prop="certificateType">
+            <el-select v-model.trim="form.certificateType" placeholder="请选择" ref="certificateType">
+              <el-option label="身份证" :value="83"> </el-option>
             </el-select>
           </el-form-item>
-          <el-form-item label="联系电话"
-                        prop="customerName">
+          <el-form-item label="联系电话" prop="customerName">
             <el-input v-model="form.customerName"></el-input>
           </el-form-item>
-          <el-form-item label="法人姓名"
-                        prop="customerName">
+          <el-form-item label="法人姓名" prop="customerName">
             <el-input v-model="form.customerName"></el-input>
           </el-form-item>
-          <el-form-item label="币种"
-                        prop="customerName">
-            <el-select v-model.trim="form.certificateType"
-                       placeholder="请选择">
-              <el-option label="身份证"
-                         :value="83"> </el-option>
+          <el-form-item label="币种" prop="customerName">
+            <el-select v-model.trim="form.certificateType" placeholder="请选择">
+              <el-option label="身份证" :value="83"> </el-option>
             </el-select>
           </el-form-item>
-          <el-form-item label="利率(%)"
-                        prop="customerName">
+          <el-form-item label="利率(%)" prop="customerName">
             <el-input v-model="form.customerName"></el-input>
           </el-form-item>
-          <el-form-item label="支取方式"
-                        prop="customerName">
-            <el-select v-model.trim="form.certificateType"
-                       placeholder="请选择">
-              <el-option label="身份证"
-                         :value="83"> </el-option>
+          <el-form-item label="支取方式" prop="customerName">
+            <el-select v-model.trim="form.certificateType" placeholder="请选择">
+              <el-option label="身份证" :value="83"> </el-option>
             </el-select>
           </el-form-item>
-          <el-form-item label="成立年份"
-                        prop="customerName">
+          <el-form-item label="成立年份" prop="customerName">
             <el-input v-model="form.customerName"></el-input>
           </el-form-item>
-          <el-form-item label="主营范围"
-                        prop="customerName">
+          <el-form-item label="主营范围" prop="customerName">
             <el-input v-model="form.customerName"></el-input>
           </el-form-item>
-          <el-form-item label="财报提交方式"
-                        prop="customerName">
+          <el-form-item label="财报提交方式" prop="customerName">
             <el-input v-model="form.customerName"></el-input>
           </el-form-item>
         </el-col>
-        <el-col :span="10"
-                :offset="1">
-          <el-form-item label="客户名称"
-                        prop="customerName">
+        <el-col :span="10" :offset="1">
+          <el-form-item label="客户名称" prop="customerName">
             <el-input v-model="form.customerName"></el-input>
           </el-form-item>
-          <el-form-item label="证件号码"
-                        prop="customerName">
+          <el-form-item label="证件号码" prop="customerName">
             <el-input v-model="form.customerName"></el-input>
           </el-form-item>
-          <el-form-item label="注册地址"
-                        prop="customerName">
+          <el-form-item label="注册地址" prop="customerName">
             <el-input v-model="form.customerName"></el-input>
           </el-form-item>
-          <el-form-item label="法人证件号码"
-                        prop="customerName">
+          <el-form-item label="法人证件号码" prop="customerName">
             <el-input v-model="form.customerName"></el-input>
           </el-form-item>
-          <el-form-item label="账户类型"
-                        prop="customerName">
-            <el-select v-model.trim="form.certificateType"
-                       placeholder="请选择">
-              <el-option label="身份证"
-                         :value="83"> </el-option>
+          <el-form-item label="账户类型" prop="customerName">
+            <el-select v-model.trim="form.certificateType" placeholder="请选择">
+              <el-option label="身份证" :value="83"> </el-option>
             </el-select>
           </el-form-item>
-          <el-form-item label="计息方式"
-                        prop="customerName">
-            <el-select v-model.trim="form.certificateType"
-                       placeholder="请选择">
-              <el-option label="身份证"
-                         :value="83"> </el-option>
+          <el-form-item label="计息方式" prop="customerName">
+            <el-select v-model.trim="form.certificateType" placeholder="请选择">
+              <el-option label="身份证" :value="83"> </el-option>
             </el-select>
           </el-form-item>
-          <el-form-item label="员工人数"
-                        prop="customerName">
+          <el-form-item label="员工人数" prop="customerName">
             <el-input v-model="form.customerName"></el-input>
           </el-form-item>
-          <el-form-item label="注册类型"
-                        prop="customerName">
+          <el-form-item label="注册类型" prop="customerName">
             <el-input v-model="form.customerName"></el-input>
           </el-form-item>
-          <el-form-item label="营业执照到期日"
-                        prop="customerName">
+          <el-form-item label="营业执照到期日" prop="customerName">
             <el-input v-model="form.customerName"></el-input>
           </el-form-item>
-          <el-form-item label="借款人性质"
-                        prop="customerName">
+          <el-form-item label="借款人性质" prop="customerName">
             <el-input v-model="form.customerName"></el-input>
           </el-form-item>
         </el-col>
@@ -121,6 +84,10 @@
       </el-form>
     </el-row>
 
+    <div class="text-center m-t-20">
+      <el-button @click="$history.back()" v-throttle>返回</el-button>
+      <el-button @click="next" type="primary" class="submitBtn" v-throttle>下一步</el-button>
+    </div>
   </div>
   <!-- <need-before v-else :moduleName='needBefore' :unNeed="unNeed" /> -->
 </template>
@@ -386,6 +353,9 @@ export default {
       }
       autoPlay2(parentId, this.form, this.myTable2, this.myTable, cards, callback)
     },
+    next () {
+      this.$emit('updateStep', 1)
+    },
     submitForm () {
 
     },
@@ -432,12 +402,13 @@ export default {
 </script>
 <style lang='scss' scoped>
 .l-title {
-    margin-bottom: 15px;
-    font-size: 18px;
-    font-weight: 600;
+  margin-bottom: 15px;
+  font-size: 18px;
+  font-weight: 600;
 }
+
 .line {
-    margin: 20px 0;
-    border-bottom: 1px dashed #d7d7d7;
+  margin: 20px 0;
+  border-bottom: 1px dashed #d7d7d7;
 }
 </style>
\ No newline at end of file
diff --git a/src/pages/manage/list/corporateLoans/apply/creditEvaluation/importReport.vue b/src/pages/manage/list/corporateLoans/apply/creditEvaluation/importReport.vue
new file mode 100644
index 0000000..ff36505
--- /dev/null
+++ b/src/pages/manage/list/corporateLoans/apply/creditEvaluation/importReport.vue
@@ -0,0 +1,89 @@
+<!-- 导入报表 -->
+<template>
+  <div>
+    <div class="upload-wrap">
+      <Upload @onSuccess="uploadSuccess">
+        <div slot="trigger">
+          <el-button type="primary">点击导入资产负债表</el-button>
+        </div>
+        <template slot="tip">
+          <div></div>
+        </template>
+      </Upload>
+      <img class="icon" src="@/assets/img/arrow-right.png" alt="">
+      <Upload @onSuccess="uploadSuccess">
+        <div slot="trigger">
+          <el-button type="primary">点击导入损益表</el-button>
+        </div>
+        <template slot="tip">
+          <div></div>
+        </template>
+      </Upload>
+      <img class="icon" src="@/assets/img/arrow-right.png" alt="">
+      <Upload @onSuccess="uploadSuccess">
+        <div slot="trigger">
+          <el-button type="primary">点击导入现金流量表</el-button>
+        </div>
+        <template slot="tip">
+          <div></div>
+        </template>
+      </Upload>
+    </div>
+
+    <div class="text-center m-t-20">
+      <el-button @click="$emit('updateStep', 0)" type="primary" class="submitBtn" v-throttle>上一步</el-button>
+      <el-button @click="next" type="primary" class="submitBtn" v-throttle>下一步</el-button>
+    </div>
+  </div>
+</template>
+<script>
+import Upload from '@/components/upload';
+
+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: {
+    Upload
+  },
+  created () {
+
+  },
+  data () {
+    return {
+
+    }
+  },
+  mounted () {
+
+  },
+  methods: {
+    uploadSuccess (file) {
+      this.fileId = ''
+      this.fileType = file.format
+      this.fileUrl = file.url
+      this.fileName = file.name
+    },
+    next () {
+      this.$emit('updateStep', 2)
+    },
+  },
+}
+</script>
+<style lang='scss' scoped>
+.upload-wrap {
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  min-height: 300px;
+
+  .icon {
+    margin: 0 40px;
+  }
+}
+</style>
\ No newline at end of file
diff --git a/src/pages/manage/list/corporateLoans/apply/preLoan.vue b/src/pages/manage/list/corporateLoans/apply/creditEvaluation/preLoan.vue
similarity index 82%
rename from src/pages/manage/list/corporateLoans/apply/preLoan.vue
rename to src/pages/manage/list/corporateLoans/apply/creditEvaluation/preLoan.vue
index ba6bd3c..91f5920 100644
--- a/src/pages/manage/list/corporateLoans/apply/preLoan.vue
+++ b/src/pages/manage/list/corporateLoans/apply/creditEvaluation/preLoan.vue
@@ -1,84 +1,63 @@
 <!-- 贷前调查 -->
 <template>
   <div>
-    <el-row :gutter="20"
-            style="margin: 0">
-      <el-form ref="form"
-               :model="form"
-               label-width="120px"
-               :rules="rules">
+    <el-row :gutter="20" style="margin: 0">
+      <el-form ref="form" :model="form" label-width="120px" :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-col :span="10" :offset="1">
+          <el-form-item label="调查日期" prop="customerName">
             <el-input v-model="form.customerName"></el-input>
           </el-form-item>
-          <el-form-item label="贸易融资记录"
-                        prop="certificateType">
-            <el-select v-model.trim="form.certificateType"
-                       placeholder="请选择"
-                       ref="certificateType">
-              <el-option label="身份证"
-                         :value="83"> </el-option>
+          <el-form-item label="贸易融资记录" prop="certificateType">
+            <el-select v-model.trim="form.certificateType" placeholder="请选择" ref="certificateType">
+              <el-option label="身份证" :value="83"> </el-option>
             </el-select>
           </el-form-item>
-          <el-form-item label="三年内较大经营投资失误"
-                        prop="customerName">
+          <el-form-item label="三年内较大经营投资失误" prop="customerName">
             <el-input v-model="form.customerName"></el-input>
           </el-form-item>
-          <el-form-item label="企业与客户管理分析"
-                        prop="customerName">
+          <el-form-item label="企业与客户管理分析" prop="customerName">
             <el-input v-model="form.customerName"></el-input>
           </el-form-item>
-          <el-form-item label="重大事故赔偿"
-                        prop="customerName">
-            <el-select v-model.trim="form.certificateType"
-                       placeholder="请选择">
-              <el-option label="身份证"
-                         :value="83"> </el-option>
+          <el-form-item label="重大事故赔偿" prop="customerName">
+            <el-select v-model.trim="form.certificateType" placeholder="请选择">
+              <el-option label="身份证" :value="83"> </el-option>
             </el-select>
           </el-form-item>
         </el-col>
-        <el-col :span="10"
-                :offset="1">
-          <el-form-item label="对外不利担保"
-                        prop="customerName">
+        <el-col :span="10" :offset="1">
+          <el-form-item label="对外不利担保" prop="customerName">
             <el-input v-model="form.customerName"></el-input>
           </el-form-item>
-          <el-form-item label="经营状况"
-                        prop="customerName">
+          <el-form-item label="经营状况" prop="customerName">
             <el-input v-model="form.customerName"></el-input>
           </el-form-item>
-          <el-form-item label="坏账准备金提取"
-                        prop="customerName">
+          <el-form-item label="坏账准备金提取" prop="customerName">
             <el-input v-model="form.customerName"></el-input>
           </el-form-item>
-          <el-form-item label="重大法律诉讼"
-                        prop="customerName">
+          <el-form-item label="重大法律诉讼" prop="customerName">
             <el-input v-model="form.customerName"></el-input>
           </el-form-item>
-          <el-form-item label="贷款风控情况"
-                        prop="customerName">
-            <el-select v-model.trim="form.certificateType"
-                       placeholder="请选择">
-              <el-option label="身份证"
-                         :value="83"> </el-option>
+          <el-form-item label="贷款风控情况" prop="customerName">
+            <el-select v-model.trim="form.certificateType" placeholder="请选择">
+              <el-option label="身份证" :value="83"> </el-option>
             </el-select>
           </el-form-item>
         </el-col>
         <el-col :span="24">
-          <el-form-item label="其他风险情况"
-                        prop="customerName">
-            <el-input v-model="form.customerName"
-                      type="textarea"></el-input>
+          <el-form-item label="其他风险情况" prop="customerName">
+            <el-input v-model="form.customerName" type="textarea"></el-input>
           </el-form-item>
         </el-col>
       </el-form>
     </el-row>
 
+    <div class="text-center m-t-20">
+      <el-button @click="$emit('updateStep', 1)" type="primary" class="submitBtn" v-throttle>上一步</el-button>
+      <el-button @click="next" type="primary" class="submitBtn" v-throttle>下一步</el-button>
+    </div>
   </div>
 </template>
 <script>
@@ -343,6 +322,9 @@ export default {
       }
       autoPlay2(parentId, this.form, this.myTable2, this.myTable, cards, callback)
     },
+    next () {
+      this.$emit('updateStep', 3)
+    },
     submitForm () {
 
     },
@@ -389,12 +371,13 @@ export default {
 </script>
 <style lang='scss' scoped>
 .l-title {
-    margin-bottom: 15px;
-    font-size: 18px;
-    font-weight: 600;
+  margin-bottom: 15px;
+  font-size: 18px;
+  font-weight: 600;
 }
+
 .line {
-    margin: 20px 0;
-    border-bottom: 1px dashed #d7d7d7;
+  margin: 20px 0;
+  border-bottom: 1px dashed #d7d7d7;
 }
 </style>
\ No newline at end of file
diff --git a/src/pages/manage/list/corporateLoans/apply/rating.vue b/src/pages/manage/list/corporateLoans/apply/creditEvaluation/rating.vue
similarity index 83%
rename from src/pages/manage/list/corporateLoans/apply/rating.vue
rename to src/pages/manage/list/corporateLoans/apply/creditEvaluation/rating.vue
index 0742c67..3df2b00 100644
--- a/src/pages/manage/list/corporateLoans/apply/rating.vue
+++ b/src/pages/manage/list/corporateLoans/apply/creditEvaluation/rating.vue
@@ -1,76 +1,58 @@
 <!-- 等级评定 -->
 <template>
   <div>
-    <el-row :gutter="20"
-            style="margin: 0">
-      <el-form ref="form"
-               :model="form"
-               label-width="120px"
-               :rules="rules">
+    <el-row :gutter="20" style="margin: 0">
+      <el-form ref="form" :model="form" label-width="120px" :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-col :span="10" :offset="1">
+          <el-form-item label="盈利记录" prop="customerName">
             <el-input v-model="form.customerName"></el-input>
           </el-form-item>
-          <el-form-item label="领导作风品行"
-                        prop="certificateType">
-            <el-select v-model.trim="form.certificateType"
-                       placeholder="请选择"
-                       ref="certificateType">
-              <el-option label="身份证"
-                         :value="83"> </el-option>
+          <el-form-item label="领导作风品行" prop="certificateType">
+            <el-select v-model.trim="form.certificateType" placeholder="请选择" ref="certificateType">
+              <el-option label="身份证" :value="83"> </el-option>
             </el-select>
           </el-form-item>
-          <el-form-item label="领导经营管理"
-                        prop="customerName">
+          <el-form-item label="领导经营管理" prop="customerName">
             <el-input v-model="form.customerName"></el-input>
           </el-form-item>
-          <el-form-item label="企业发展前景"
-                        prop="customerName">
+          <el-form-item label="企业发展前景" prop="customerName">
             <el-input v-model="form.customerName"></el-input>
           </el-form-item>
-          <el-form-item label="有无不良信用记录"
-                        prop="customerName">
-            <el-select v-model.trim="form.certificateType"
-                       placeholder="请选择">
-              <el-option label="身份证"
-                         :value="83"> </el-option>
+          <el-form-item label="有无不良信用记录" prop="customerName">
+            <el-select v-model.trim="form.certificateType" placeholder="请选择">
+              <el-option label="身份证" :value="83"> </el-option>
             </el-select>
           </el-form-item>
         </el-col>
-        <el-col :span="10"
-                :offset="1">
-          <el-form-item label="领导应变开拓"
-                        prop="customerName">
+        <el-col :span="10" :offset="1">
+          <el-form-item label="领导应变开拓" prop="customerName">
             <el-input v-model="form.customerName"></el-input>
           </el-form-item>
-          <el-form-item label="领导才敢教育"
-                        prop="customerName">
+          <el-form-item label="领导才敢教育" prop="customerName">
             <el-input v-model="form.customerName"></el-input>
           </el-form-item>
-          <el-form-item label="企业开发能力"
-                        prop="customerName">
+          <el-form-item label="企业开发能力" prop="customerName">
             <el-input v-model="form.customerName"></el-input>
           </el-form-item>
-          <el-form-item label="企业信誉"
-                        prop="customerName">
+          <el-form-item label="企业信誉" prop="customerName">
             <el-input v-model="form.customerName"></el-input>
           </el-form-item>
         </el-col>
         <el-col :span="24">
-          <el-form-item label="其他风控情况"
-                        prop="customerName">
-            <el-input v-model="form.customerName"
-                      type="textarea"></el-input>
+          <el-form-item label="其他风控情况" prop="customerName">
+            <el-input v-model="form.customerName" type="textarea"></el-input>
           </el-form-item>
         </el-col>
       </el-form>
     </el-row>
 
+    <div class="text-center m-t-20">
+      <el-button @click="$emit('updateStep', 2)" type="primary" class="submitBtn" v-throttle>上一步</el-button>
+      <el-button @click="submit" type="primary" class="submitBtn" v-throttle>提交</el-button>
+    </div>
   </div>
 </template>
 <script>
@@ -335,6 +317,7 @@ export default {
       }
       autoPlay2(parentId, this.form, this.myTable2, this.myTable, cards, callback)
     },
+    submit () { },
     submitForm () {
 
     },
@@ -381,12 +364,13 @@ export default {
 </script>
 <style lang='scss' scoped>
 .l-title {
-    margin-bottom: 15px;
-    font-size: 18px;
-    font-weight: 600;
+  margin-bottom: 15px;
+  font-size: 18px;
+  font-weight: 600;
 }
+
 .line {
-    margin: 20px 0;
-    border-bottom: 1px dashed #d7d7d7;
+  margin: 20px 0;
+  border-bottom: 1px dashed #d7d7d7;
 }
 </style>
\ No newline at end of file
diff --git a/src/pages/manage/list/corporateLoans/apply/importReport.vue b/src/pages/manage/list/corporateLoans/apply/importReport.vue
deleted file mode 100644
index 3997c6d..0000000
--- a/src/pages/manage/list/corporateLoans/apply/importReport.vue
+++ /dev/null
@@ -1,82 +0,0 @@
-<!-- 导入报表 -->
-<template>
-  <div class="upload-wrap">
-    <Upload @onSuccess="uploadSuccess">
-      <div slot="trigger">
-        <el-button type="primary">点击导入资产负债表</el-button>
-      </div>
-      <template slot="tip">
-        <div></div>
-      </template>
-    </Upload>
-    <img class="icon"
-         src="@/assets/img/arrow-right.png"
-         alt="">
-    <Upload @onSuccess="uploadSuccess">
-      <div slot="trigger">
-        <el-button type="primary">点击导入损益表</el-button>
-      </div>
-      <template slot="tip">
-        <div></div>
-      </template>
-    </Upload>
-    <img class="icon"
-         src="@/assets/img/arrow-right.png"
-         alt="">
-    <Upload @onSuccess="uploadSuccess">
-      <div slot="trigger">
-        <el-button type="primary">点击导入现金流量表</el-button>
-      </div>
-      <template slot="tip">
-        <div></div>
-      </template>
-    </Upload>
-  </div>
-</template>
-<script>
-import Upload from '@/components/upload';
-
-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: {
-    Upload
-  },
-  created () {
-
-  },
-  data () {
-    return {
-
-    }
-  },
-  mounted () {
-
-  },
-  methods: {
-    uploadSuccess (file) {
-      this.fileId = ''
-      this.fileType = file.format
-      this.fileUrl = file.url
-      this.fileName = file.name
-    },
-  },
-}
-</script>
-<style lang='scss' scoped>
-.upload-wrap {
-    display: flex;
-    justify-content: center;
-    align-items: center;
-    height: 100%;
-    .icon {
-        margin: 0 40px;
-    }
-}
-</style>
\ No newline at end of file
diff --git a/src/pages/manage/list/corporateLoans/apply/index.vue b/src/pages/manage/list/corporateLoans/apply/index.vue
index ccc1bf9..259f3ad 100644
--- a/src/pages/manage/list/corporateLoans/apply/index.vue
+++ b/src/pages/manage/list/corporateLoans/apply/index.vue
@@ -3,10 +3,7 @@
   <div class="wrap">
     <div>
       <div class="nav">
-        <el-menu :default-active="activeIndex"
-                 class="el-menu-demo"
-                 mode="horizontal"
-                 @select="handleSelect">
+        <el-menu :default-active="activeIndex" class="el-menu-demo" mode="horizontal" @select="handleSelect">
           <el-menu-item index="1">信用评估</el-menu-item>
           <el-menu-item index="2">授信申请</el-menu-item>
           <el-menu-item index="3">贷款申请</el-menu-item>
@@ -14,50 +11,38 @@
       </div>
       <MyTitle :titleArr="['公司贷款', '新建贷款申请', text]" />
 
-      <ul class="steps">
-        <li v-for="(step, i) in steps"
-            :key="i"
-            :class="{active: curStep === i}">{{ step }}</li>
+      <ul v-if="activeIndex === '1'" class="steps">
+        <li v-for="(step, i) in steps" :key="i" :class="{ active: curStep === i }">{{ step }}</li>
       </ul>
 
       <div class="form-wrap">
-        <creditEvaluation v-if="!curStep" />
-        <importReport v-else-if="curStep === 1" />
-        <preLoan v-else-if="curStep === 2" />
-        <rating v-else-if="curStep === 3" />
-      </div>
-
-      <div class="text-center">
-        <el-button v-if="!curStep"
-                   @click="$history.back()"
-                   v-throttle>返回</el-button>
-        <el-button v-else
-                   @click="prev"
-                   type="primary"
-                   class="submitBtn"
-                   v-throttle>上一步</el-button>
-        <el-button @click="next"
-                   type="primary"
-                   class="submitBtn"
-                   v-throttle>{{ curStep < 3 ? '下一步' : '提交' }}</el-button>
+        <template v-if="activeIndex === '1'">
+          <Basic v-if="!curStep" @updateStep="updateStep" />
+          <ImportReport v-else-if="curStep === 1" @updateStep="updateStep" />
+          <PreLoan v-else-if="curStep === 2" @updateStep="updateStep" />
+          <Rating v-else-if="curStep === 3" @updateStep="updateStep" />
+        </template>
+        <CreditApplication v-if="activeIndex === '2'" />
       </div>
     </div>
   </div>
 </template>
 
 <script>
-import creditEvaluation from './creditEvaluation.vue'
-import importReport from './importReport.vue'
-import preLoan from './preLoan.vue'
-import rating from './rating.vue'
+import Basic from './creditEvaluation/basic.vue'
+import ImportReport from './creditEvaluation/importReport.vue'
+import PreLoan from './creditEvaluation/preLoan.vue'
+import Rating from './creditEvaluation/rating.vue'
+import CreditApplication from './creditApplication'
 import MyTitle from '@/components/myTitle'
 export default {
   name: 'index',
   components: {
-    creditEvaluation,
-    importReport,
-    preLoan,
-    rating,
+    Basic,
+    ImportReport,
+    PreLoan,
+    Rating,
+    CreditApplication,
     MyTitle
   },
   data () {
@@ -75,13 +60,8 @@ export default {
       visible: false,
       options: [],
       activeIndex: '',
-      second: [// 二级卡数组
-
-      ],
       steps: ['1.客户基本信息', '2.导入报表', '3.贷前调查', '4.等级评定'],
       curStep: 0,
-
-
     }
   },
   methods: {
@@ -90,6 +70,9 @@ export default {
       this.activeIndex = val
       this.cacheVal = val
     },
+    updateStep (step) {
+      this.curStep = step
+    },
     prev () {
       this.curStep--
     },
@@ -102,144 +85,163 @@ export default {
     },
   },
   created () {
-    if (sessionStorage.getItem('personalLoansIndex')) {
-      this.handleSelect(sessionStorage.getItem('personalLoansIndex'))
+    if (sessionStorage.getItem('corporateLoansApply')) {
+      this.handleSelect(sessionStorage.getItem('corporateLoansApply'))
     } else {
       this.handleSelect('1')
     }
   },
   destroyed () {
-    sessionStorage.setItem('personalLoansIndex', this.cacheVal)
+    sessionStorage.setItem('corporateLoansApply', this.cacheVal)
   }
 };
 </script>
 
 <style lang="scss" scoped>
 .wrap {
-    width: 100%;
+  width: 100%;
+  display: flex;
+  flex-direction: column;
+  height: calc(100vh - 118px);
+  padding: 20px;
+  overflow: auto;
+
+  .nav {
+    /deep/ .el-menu.el-menu--horizontal {
+      border: 0;
+    }
+
+    /deep/ .el-menu--horizontal>.el-menu-item.is-active {
+      border: 2px solid #568df2;
+      border-radius: 10px;
+      color: #000;
+    }
+
+    /deep/ .el-menu--horizontal>.el-menu-item {
+      border: 2px solid transparent;
+      border-radius: 10px;
+      margin-right: 10px;
+      height: 30px;
+      line-height: 28px;
+    }
+  }
+
+  .title {
+    height: 60px;
     display: flex;
-    flex-direction: column;
-    height: calc(100vh - 118px);
-    padding: 20px;
-    overflow: auto;
-    .nav {
-        /deep/ .el-menu.el-menu--horizontal {
-            border: 0;
-        }
-        /deep/ .el-menu--horizontal > .el-menu-item.is-active {
-            border: 2px solid #568df2;
-            border-radius: 10px;
-            color: #000;
-        }
-        /deep/ .el-menu--horizontal > .el-menu-item {
-            border: 2px solid transparent;
-            border-radius: 10px;
-            margin-right: 10px;
-            height: 30px;
-            line-height: 28px;
-        }
+    align-items: center;
+    font-size: 20px;
+    padding-left: 0px;
+    margin-top: 10px;
+  }
+
+  .body {
+    margin-top: 50px;
+    overflow-y: auto;
+    overflow-x: hidden;
+
+    .idCard {
+      border-radius: 5px;
+      background: #cfddff;
+      text-align: center;
+      height: 40px;
+      line-height: 40px;
+      font-size: 18px;
+      color: #6191ff;
     }
-    .title {
-        height: 60px;
-        display: flex;
-        align-items: center;
-        font-size: 20px;
-        padding-left: 0px;
-        margin-top: 10px;
+
+    .add {
+      position: relative;
+
+      &::after {
+        content: '';
+        display: block;
+        position: absolute;
+        right: 3%;
+        top: -4%;
+        border: 1px dashed #cfddff;
+        width: 88%;
+        height: 268px;
+      }
+
+      .addBtn {
+        position: absolute;
+        left: 0;
+        top: 50%;
+        transform: translate(50%, -50%);
+        font-size: 22px;
+      }
     }
-    .body {
-        margin-top: 50px;
-        overflow-y: auto;
-        overflow-x: hidden;
-        .idCard {
-            border-radius: 5px;
-            background: #cfddff;
-            text-align: center;
-            height: 40px;
-            line-height: 40px;
-            font-size: 18px;
-            color: #6191ff;
-        }
-        .add {
-            position: relative;
-            &::after {
-                content: '';
-                display: block;
-                position: absolute;
-                right: 3%;
-                top: -4%;
-                border: 1px dashed #cfddff;
-                width: 88%;
-                height: 268px;
-            }
-            .addBtn {
-                position: absolute;
-                left: 0;
-                top: 50%;
-                transform: translate(50%, -50%);
-                font-size: 22px;
-            }
-        }
+  }
+
+  .popBody {
+    min-height: 200px;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    text-align: center;
+  }
+
+  .popBtns {
+    display: flex;
+    justify-content: space-between;
+    align-items: center;
+
+    .btn {
+      width: 180px;
+      border-radius: 10px;
+      font-size: 18px;
     }
-    .popBody {
-        min-height: 200px;
-        display: flex;
-        align-items: center;
-        justify-content: center;
-        text-align: center;
+
+    .close {
+      background: #cfdeff;
+      color: #6191ff;
     }
-    .popBtns {
-        display: flex;
-        justify-content: space-between;
-        align-items: center;
-        .btn {
-            width: 180px;
-            border-radius: 10px;
-            font-size: 18px;
-        }
-        .close {
-            background: #cfdeff;
-            color: #6191ff;
-        }
-        .sure {
-            background: #6191ff;
-            color: #fff;
-        }
+
+    .sure {
+      background: #6191ff;
+      color: #fff;
     }
+  }
 }
+
 .steps {
-    display: flex;
-    justify-content: center;
-    margin-bottom: 20px;
-    li {
-        position: relative;
-        width: 160px;
-        padding: 6px 0;
-        margin-right: 25px;
-        text-align: center;
-        font-size: 16px;
-        color: #fff;
-        background-color: #a7bdf5;
-        &:after {
-            content: '';
-            position: absolute;
-            top: 0;
-            right: -24px;
-            border: 18px solid transparent;
-            border-right-width: 12px;
-            border-left: 12px solid #a7bdf5;
-        }
-        &.active {
-            background-color: #5786fc;
-            &:after {
-                border-left-color: #5786fc;
-            }
-        }
+  display: flex;
+  justify-content: center;
+  margin-bottom: 20px;
+
+  li {
+    position: relative;
+    width: 160px;
+    padding: 6px 0;
+    margin-right: 25px;
+    text-align: center;
+    font-size: 16px;
+    color: #fff;
+    background-color: #a7bdf5;
+
+    &:after {
+      content: '';
+      position: absolute;
+      top: 0;
+      right: -24px;
+      border: 18px solid transparent;
+      border-right-width: 12px;
+      border-left: 12px solid #a7bdf5;
     }
+
+    &.active {
+      background-color: #5786fc;
+
+      &:after {
+        border-left-color: #5786fc;
+      }
+    }
+  }
 }
+
 .form-wrap {
-    height: calc(100vh - 410px);
-    margin-bottom: 20px;
-    overflow: auto;
+  height: calc(100vh - 320px);
+  overflow: auto;
 }
 </style>
diff --git a/src/pages/manage/list/corporateLoans/detail.vue b/src/pages/manage/list/corporateLoans/detail.vue
index c7519e3..eaee442 100644
--- a/src/pages/manage/list/corporateLoans/detail.vue
+++ b/src/pages/manage/list/corporateLoans/detail.vue
@@ -2,77 +2,46 @@
 <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-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-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 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 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 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-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 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 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 label="信用评级" prop="customerName">
+            <el-input ref="customerName" disabled :value="form.customerName"
+              @input="(val) => checkName(val, form, 'customerName')"></el-input>
           </el-form-item>
         </el-col>
 
@@ -80,13 +49,10 @@
           <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-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>
 
@@ -94,30 +60,20 @@
           <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-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 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-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 label="发放方式" prop="customerName">
+            <el-input ref="customerName" :value="form.customerName"></el-input>
           </el-form-item>
         </el-col>
 
@@ -125,101 +81,61 @@
           <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-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 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 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 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 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 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 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 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-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 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 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 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 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 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 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>
+    <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>
@@ -572,18 +488,20 @@ export default {
 </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;
-    }
+  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/styles/common.scss b/src/styles/common.scss
index 6388cfc..4d9f530 100644
--- a/src/styles/common.scss
+++ b/src/styles/common.scss
@@ -289,4 +289,11 @@
             }
         }
     }
+}
+
+.req {
+  margin-right: 10px;
+  font-size: 14px;
+  font-weight: 600;
+  color: #f00;
 }
\ No newline at end of file