From 6207d29f6f26435b38dbc356f10d6e4fe933b564 Mon Sep 17 00:00:00 2001
From: yujialong <479214531@qq.com>
Date: Mon, 30 Sep 2024 13:50:27 +0800
Subject: [PATCH] fix

---
 .../list/ImportantCash/controlCash/index.vue  | 384 +++++-----
 .../list/ImportantCash/controlCash2/index.vue | 402 +++++-----
 .../list/ImportantCash/controlCash3/index.vue | 713 +++++++++---------
 .../manage/list/personalLoans/detail.vue      |   5 +-
 4 files changed, 770 insertions(+), 734 deletions(-)

diff --git a/src/pages/manage/list/ImportantCash/controlCash/index.vue b/src/pages/manage/list/ImportantCash/controlCash/index.vue
index ea67168..8e9b5af 100644
--- a/src/pages/manage/list/ImportantCash/controlCash/index.vue
+++ b/src/pages/manage/list/ImportantCash/controlCash/index.vue
@@ -1,47 +1,40 @@
 <!-- 现金管理 -->
 <template>
-    <div class="wrap">
-        <div class="nav">
-            <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>
-                <el-menu-item index="4">现金调出</el-menu-item>
-            </el-menu>
-        </div>
-        <div class="title">
-            <p>重空现金</p>
-            <i class="el-icon-arrow-right"></i>
-            <p>现金管理</p>
-            <i class="el-icon-arrow-right"></i>
-            <p>{{textObj[activeIndex]}}</p>
-        </div>
-
-        <cash-recipients v-if="activeIndex==='1'"></cash-recipients>
-        <cashTransferInto v-if="activeIndex==='2'"></cashTransferInto>
-        <cashPaid v-if="activeIndex==='3'"></cashPaid>
-        <cashOut v-if="activeIndex==='4'"></cashOut>
-        <el-dialog
-            style="margin-top:10vh"
-            :visible.sync="visible"
-            :modal="false"
-            width="40%"
-            :close-on-click-modal="false" 
-            :show-close="false" 
-            custom-class="data-dia"
-        >
-            <div slot="title" class="dia-header">
-                <div class="data-title" v-throttle>提交</div>
-            </div>
-            <div class="popBody">
-                <h2>本业务需要授权</h2>
-            </div>
-            <div class="popBtns">
-                <el-button class="close btn" @click="visible = false">取 消</el-button>
-                <el-button class="sure btn" type="primary" @click="visible = false">确 定</el-button>
-            </div>
-        </el-dialog>
+  <div class="wrap">
+    <div class="nav">
+      <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>
+        <el-menu-item index="4">现金调出</el-menu-item>
+      </el-menu>
     </div>
+    <div class="title">
+      <p>重控现金</p>
+      <i class="el-icon-arrow-right"></i>
+      <p>现金管理</p>
+      <i class="el-icon-arrow-right"></i>
+      <p>{{ textObj[activeIndex] }}</p>
+    </div>
+
+    <cash-recipients v-if="activeIndex === '1'"></cash-recipients>
+    <cashTransferInto v-if="activeIndex === '2'"></cashTransferInto>
+    <cashPaid v-if="activeIndex === '3'"></cashPaid>
+    <cashOut v-if="activeIndex === '4'"></cashOut>
+    <el-dialog style="margin-top:10vh" :visible.sync="visible" :modal="false" width="40%" :close-on-click-modal="false"
+      :show-close="false" custom-class="data-dia">
+      <div slot="title" class="dia-header">
+        <div class="data-title" v-throttle>提交</div>
+      </div>
+      <div class="popBody">
+        <h2>本业务需要授权</h2>
+      </div>
+      <div class="popBtns">
+        <el-button class="close btn" @click="visible = false">取 消</el-button>
+        <el-button class="sure btn" type="primary" @click="visible = false">确 定</el-button>
+      </div>
+    </el-dialog>
+  </div>
 </template>
 
 <script>
@@ -50,158 +43,173 @@ import cashTransferInto from './cashTransferInto.vue'
 import cashPaid from './cashPaid.vue'
 import cashOut from './cashOut.vue'
 export default {
-    name: 'index',
-    components:{
-        cashRecipients,
-        cashTransferInto,
-        cashPaid,
-        cashOut
-    },
-    data() {
-        return {
-            text:'',/* 顶部文字 */
-            cacheVal: '',
-            textObj:{
-                '1':'现金领用',
-                '2':'现金上缴',
-                '3':'现金调入',
-                '4':'现金调出',
-            },
-            form:{
-
-            },
-            visible:false,
-            options:[],
-            activeIndex:'',
-            second:[// 二级卡数组
-
-            ],
-
-
-            
-        }
-    },
-    methods: {
-        handleSelect(val){
-            this.text = this.textObj[val]
-            this.activeIndex = val
-            this.cacheVal = val
-        },
-    },
-    created() {
-        if(sessionStorage.getItem('importantCashIndex')) {
-            this.handleSelect(sessionStorage.getItem('importantCashIndex'))
-        }else {
-            this.handleSelect('1')
-        }
+  name: 'index',
+  components: {
+    cashRecipients,
+    cashTransferInto,
+    cashPaid,
+    cashOut
+  },
+  data () {
+    return {
+      text: '',/* 顶部文字 */
+      cacheVal: '',
+      textObj: {
+        '1': '现金领用',
+        '2': '现金上缴',
+        '3': '现金调入',
+        '4': '现金调出',
+      },
+      form: {
+
+      },
+      visible: false,
+      options: [],
+      activeIndex: '',
+      second: [// 二级卡数组
+
+      ],
+
+
+
+    }
+  },
+  methods: {
+    handleSelect (val) {
+      this.text = this.textObj[val]
+      this.activeIndex = val
+      this.cacheVal = val
     },
-    destroyed() {
-        sessionStorage.setItem('importantCashIndex', this.cacheVal)
+  },
+  created () {
+    if (sessionStorage.getItem('importantCashIndex')) {
+      this.handleSelect(sessionStorage.getItem('importantCashIndex'))
+    } else {
+      this.handleSelect('1')
     }
+  },
+  destroyed () {
+    sessionStorage.setItem('importantCashIndex', this.cacheVal)
+  }
 };
 </script>
 
 <style lang="scss" scoped>
-    .wrap{
-        width: 100%;
-        display: flex;
-        flex-direction: column;
-        overflow: hidden;
-        padding: 24px 0 24px 24px;
-        .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;
-            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;
-            }
-            .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;
-                }
-            }
-        }
-        .submitBtn{
-            position: relative;
-            width: 300px;
-            font-size: 18px;
-            height: 45px;
-            margin-top: 50px;
-            border-radius: 10px;
-            bottom: 10px;
-            left: 50%;
-            transform: translate(-50%,-50%);
-        }
-        .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;
-            }
-            .close{
-                background: #CFDEFF;
-                color: #6191FF;
-            }
-            .sure{
-                background: #6191FF;
-                color: #fff;
-            }
-        }
+.wrap {
+  width: 100%;
+  display: flex;
+  flex-direction: column;
+  overflow: hidden;
+  padding: 24px 0 24px 24px;
+
+  .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;
+    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;
+    }
+
+    .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;
+      }
+    }
+  }
+
+  .submitBtn {
+    position: relative;
+    width: 300px;
+    font-size: 18px;
+    height: 45px;
+    margin-top: 50px;
+    border-radius: 10px;
+    bottom: 10px;
+    left: 50%;
+    transform: translate(-50%, -50%);
+  }
+
+  .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;
+    }
+
+    .close {
+      background: #CFDEFF;
+      color: #6191FF;
+    }
+
+    .sure {
+      background: #6191FF;
+      color: #fff;
     }
+  }
+}
 </style>
diff --git a/src/pages/manage/list/ImportantCash/controlCash2/index.vue b/src/pages/manage/list/ImportantCash/controlCash2/index.vue
index c5579a7..1a2fa47 100644
--- a/src/pages/manage/list/ImportantCash/controlCash2/index.vue
+++ b/src/pages/manage/list/ImportantCash/controlCash2/index.vue
@@ -1,49 +1,42 @@
 <!-- 现金管理 -->
 <template>
-    <div class="wrap">
-        <div class="nav">
-            <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>
-                <el-menu-item index="4">凭证调出</el-menu-item>
-            </el-menu>
-        </div>
-        <div class="title">
-            <p>重空现金</p>
-            <i class="el-icon-arrow-right"></i>
-            <p>凭证管理</p>
-            <i class="el-icon-arrow-right"></i>
-            <p>{{textObj[activeIndex]}}</p>
-        </div>
-        
-        <!-- 开户 -->
-        <cash-recipients v-if="activeIndex==='1'"></cash-recipients>
-        <cash-transfer-into v-if="activeIndex==='2'"></cash-transfer-into>
-        <cash-paid v-if="activeIndex==='3'"></cash-paid>
-        <cash-out v-if="activeIndex==='4'"></cash-out>
-
-        <el-dialog
-            style="margin-top:10vh"
-            :visible.sync="visible"
-            :modal="false"
-            width="40%"
-            :close-on-click-modal="false" 
-            :show-close="false" 
-            custom-class="data-dia"
-        >
-            <div slot="title" class="dia-header">
-                <div class="data-title">提交</div>
-            </div>
-            <div class="popBody">
-                <h2>本业务需要授权</h2>
-            </div>
-            <div class="popBtns">
-                <el-button class="close btn" @click="visible = false">取 消</el-button>
-                <el-button class="sure btn" type="primary" @click="visible = false">确 定</el-button>
-            </div>
-        </el-dialog>
+  <div class="wrap">
+    <div class="nav">
+      <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>
+        <el-menu-item index="4">凭证调出</el-menu-item>
+      </el-menu>
     </div>
+    <div class="title">
+      <p>重控现金</p>
+      <i class="el-icon-arrow-right"></i>
+      <p>凭证管理</p>
+      <i class="el-icon-arrow-right"></i>
+      <p>{{ textObj[activeIndex] }}</p>
+    </div>
+
+    <!-- 开户 -->
+    <cash-recipients v-if="activeIndex === '1'"></cash-recipients>
+    <cash-transfer-into v-if="activeIndex === '2'"></cash-transfer-into>
+    <cash-paid v-if="activeIndex === '3'"></cash-paid>
+    <cash-out v-if="activeIndex === '4'"></cash-out>
+
+    <el-dialog style="margin-top:10vh" :visible.sync="visible" :modal="false" width="40%" :close-on-click-modal="false"
+      :show-close="false" custom-class="data-dia">
+      <div slot="title" class="dia-header">
+        <div class="data-title">提交</div>
+      </div>
+      <div class="popBody">
+        <h2>本业务需要授权</h2>
+      </div>
+      <div class="popBtns">
+        <el-button class="close btn" @click="visible = false">取 消</el-button>
+        <el-button class="sure btn" type="primary" @click="visible = false">确 定</el-button>
+      </div>
+    </el-dialog>
+  </div>
 </template>
 
 <script>
@@ -52,168 +45,183 @@ import cashTransferInto from './cashTransferInto.vue'
 import cashPaid from './cashPaid.vue'
 import cashOut from './cashOut.vue'
 export default {
-    name: 'index',
-    components:{
-        cashRecipients,
-        cashTransferInto,
-        cashPaid,
-        cashOut
-    },
-    data() {
-        return {
-            text:'',/* 顶部文字 */
-            cacheVal: '',
-            textObj:{
-                '1':'凭证领用',
-                '2':'凭证上缴',
-                '3':'凭证调入',
-                '4':'凭证调出',
-            },
-            form:{
-
-            },
-            visible:false,
-            options:[],
-            activeIndex:'1',
-            second:[// 二级卡数组
-
-            ],
-
-
-            
-        }
-    },
-    created() {
-        if(sessionStorage.getItem('importantCashIndex2')) {
-            this.handleSelect(sessionStorage.getItem('importantCashIndex2'))
-        }else {
-            this.handleSelect('1')
-        }
-    },
-    destroyed() {
-        sessionStorage.setItem('importantCashIndex2', this.cacheVal)
-    },
-    methods: {
-        handleSelect(val){
-            this.text = this.textObj[val]
-            this.activeIndex = val
-            this.cacheVal = val
-        },
-        
+  name: 'index',
+  components: {
+    cashRecipients,
+    cashTransferInto,
+    cashPaid,
+    cashOut
+  },
+  data () {
+    return {
+      text: '',/* 顶部文字 */
+      cacheVal: '',
+      textObj: {
+        '1': '凭证领用',
+        '2': '凭证上缴',
+        '3': '凭证调入',
+        '4': '凭证调出',
+      },
+      form: {
+
+      },
+      visible: false,
+      options: [],
+      activeIndex: '1',
+      second: [// 二级卡数组
+
+      ],
 
+
+
+    }
+  },
+  created () {
+    if (sessionStorage.getItem('importantCashIndex2')) {
+      this.handleSelect(sessionStorage.getItem('importantCashIndex2'))
+    } else {
+      this.handleSelect('1')
     }
+  },
+  destroyed () {
+    sessionStorage.setItem('importantCashIndex2', this.cacheVal)
+  },
+  methods: {
+    handleSelect (val) {
+      this.text = this.textObj[val]
+      this.activeIndex = val
+      this.cacheVal = val
+    },
+
+
+  }
 };
 </script>
 
 <style lang="scss" scoped>
-    .wrap{
-        width: 100%;
-        display: flex;
-        flex-direction: column;
-        overflow: hidden;
-        padding: 24px 0 24px 24px;
-        .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;
-            align-items: center;
-            font-size: 20px;
-            padding-left: 0px;
-            margin-top: 10px;
-        }
-        .body{
-            margin-top: 50px;
-            overflow-x: hidden;
-            overflow-y: auto;
-            .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;
-                }
-            }
-        }
-        .submitBtn{
-            position: relative;
-            width: 300px;
-            font-size: 18px;
-            height: 45px;
-            margin-top: 50px;
-            border-radius: 10px;
-            bottom: 10px;
-            left: 50%;
-            transform: translate(-50%,-50%);
-        }
-        .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;
-            }
-            .close{
-                background: #CFDEFF;
-                color: #6191FF;
-            }
-            .sure{
-                background: #6191FF;
-                color: #fff;
-            }
-        }
+.wrap {
+  width: 100%;
+  display: flex;
+  flex-direction: column;
+  overflow: hidden;
+  padding: 24px 0 24px 24px;
+
+  .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-input input {
-        text-align: center;
+    /deep/ .el-menu--horizontal>.el-menu-item {
+      border: 2px solid transparent;
+      border-radius: 10px;
+      margin-right: 10px;
+      height: 30px;
+      line-height: 28px;
     }
-    
-    /deep/ .blueText{
-        color: blue;
+  }
+
+  .title {
+    height: 60px;
+    display: flex;
+    align-items: center;
+    font-size: 20px;
+    padding-left: 0px;
+    margin-top: 10px;
+  }
+
+  .body {
+    margin-top: 50px;
+    overflow-x: hidden;
+    overflow-y: auto;
+
+    .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;
+      }
+    }
+  }
+
+  .submitBtn {
+    position: relative;
+    width: 300px;
+    font-size: 18px;
+    height: 45px;
+    margin-top: 50px;
+    border-radius: 10px;
+    bottom: 10px;
+    left: 50%;
+    transform: translate(-50%, -50%);
+  }
+
+  .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;
+    }
+
+    .close {
+      background: #CFDEFF;
+      color: #6191FF;
     }
+
+    .sure {
+      background: #6191FF;
+      color: #fff;
+    }
+  }
+}
+
+/deep/.el-input input {
+  text-align: center;
+}
+
+/deep/ .blueText {
+  color: blue;
+}
 </style>
diff --git a/src/pages/manage/list/ImportantCash/controlCash3/index.vue b/src/pages/manage/list/ImportantCash/controlCash3/index.vue
index e4a4c18..de80baa 100644
--- a/src/pages/manage/list/ImportantCash/controlCash3/index.vue
+++ b/src/pages/manage/list/ImportantCash/controlCash3/index.vue
@@ -1,76 +1,82 @@
 <!-- 现金管理 -->
 <template>
-    <div class="wrap">
-        <!-- <div class="title">
+  <div class="wrap">
+    <!-- <div class="title">
             <p>重空现金</p>
             <i class="el-icon-arrow-right"></i>
             <p>支票管理</p>
             <i class="el-icon-arrow-right"></i>
             <p>支票出售</p>
         </div> -->
-        <my-title :titleArr="['重空现金', '支票管理', '支票出售']"/>
+    <my-title :titleArr="['重控现金', '支票管理', '支票出售']" />
 
-        <el-row :gutter="20" style="margin: 0">
-            <el-form ref="form" :model="form" label-width="120px" :rules="rules">
-                <el-col :span="10" :offset="1">
-                    <el-form-item label="账号" prop="username">
-                        <el-input  @blur="onBlur()" :value="form.username" @input="val => checkHanzi(val, form, 'username')" ref="username"></el-input>
-                    </el-form-item>
-                    <el-form-item label="凭证类型" prop="voucherType">
-                        <el-select v-model.trim="form.voucherType" placeholder="请选择" ref="voucherType">
-                            <!-- 15: 'IC卡',
+    <el-row :gutter="20" style="margin: 0">
+      <el-form ref="form" :model="form" label-width="120px" :rules="rules">
+        <el-col :span="10" :offset="1">
+          <el-form-item label="账号" prop="username">
+            <el-input @blur="onBlur()" :value="form.username" @input="val => checkHanzi(val, form, 'username')"
+              ref="username"></el-input>
+          </el-form-item>
+          <el-form-item label="凭证类型" prop="voucherType">
+            <el-select v-model.trim="form.voucherType" placeholder="请选择" ref="voucherType">
+              <!-- 15: 'IC卡',
                             115: '转账支票',
                             116: '现金支票',
                             123: '存单',
                             127: '银行' -->
-                            <el-option label="IC卡" :value="15"> </el-option>
-                            <el-option label="转账支票" :value="115"> </el-option>
-                            <el-option label="现金支票" :value="116"> </el-option>
-                            <el-option label="存单" :value="123"> </el-option>
-                            <el-option label="银行" :value="127"> </el-option>
-                        </el-select>
-                    </el-form-item>
-                    <el-form-item label="凭证终止号" prop="endNumber">
-                        <el-input :value="form.endNumber" @blur="getBlur()" @input="val => certificateNumber(val, form, 'endNumber')" ref="endNumber"></el-input>
-                    </el-form-item>
-                    
-                    <el-form-item label="收费类型" prop="chargeWay2">
-                        <el-select v-model.trim="form.chargeWay2" placeholder="请选择" ref="chargeWay2">
-                            <el-option  label="现金" :value="135"> </el-option>
-                        </el-select>
-                    </el-form-item>
-                    <el-form-item label="手续费" prop="serviceCharge">
-                        <el-input  :value="form.serviceCharge" @input="(val) => ismoney(val, form, 'serviceCharge')" ref="serviceCharge"></el-input>
-                    </el-form-item>
-                </el-col>
-                <el-col :span="10" :offset="1">
-                    <el-form-item label="客户名称" prop="customerName">
-                        <el-input  v-model.trim="form.customerName" ref="customerName" ></el-input>
-                    </el-form-item>
-                    <el-form-item label="凭证起始号" prop="startNumber">
-                        <el-input :value="form.startNumber" @input="(val) => certificateNumber(val, form, 'startNumber')" ref="startNumber"></el-input>
-                    </el-form-item>
-                    <el-form-item label="数量" prop="number">
-                        <el-input  :value="form.number" disabled @input="val => inputListen(val, form, 'number')" ref="number" ></el-input>
-                    </el-form-item>
-                    <el-form-item label="工本费" prop="cost">
-                        <el-input  :value="form.cost" @input="val => ismoney(val, form, 'cost')" ref="cost" ></el-input>
-                    </el-form-item>
-                    <el-form-item label="摘要" prop="abstract">
-                        <el-input  v-model.trim="form.abstract" ></el-input>
-                    </el-form-item>
-                </el-col>
-               
-            </el-form>
-        </el-row>
-        <el-button @click="submitIt()" type="primary" class="submitBtn">提交</el-button>
-        <my-dialog :moduleName="moduleName" v-if="visible" :visible.sync="visible" :showForm="form" :formName="formName" @submitIt="submitForm2" />
-    </div>
-    <!-- <need-before v-else :moduleName='needBefore' :unNeed="unNeed" class="wrap" /> -->
+              <el-option label="IC卡" :value="15"> </el-option>
+              <el-option label="转账支票" :value="115"> </el-option>
+              <el-option label="现金支票" :value="116"> </el-option>
+              <el-option label="存单" :value="123"> </el-option>
+              <el-option label="银行" :value="127"> </el-option>
+            </el-select>
+          </el-form-item>
+          <el-form-item label="凭证终止号" prop="endNumber">
+            <el-input :value="form.endNumber" @blur="getBlur()"
+              @input="val => certificateNumber(val, form, 'endNumber')" ref="endNumber"></el-input>
+          </el-form-item>
+
+          <el-form-item label="收费类型" prop="chargeWay2">
+            <el-select v-model.trim="form.chargeWay2" placeholder="请选择" ref="chargeWay2">
+              <el-option label="现金" :value="135"> </el-option>
+            </el-select>
+          </el-form-item>
+          <el-form-item label="手续费" prop="serviceCharge">
+            <el-input :value="form.serviceCharge" @input="(val) => ismoney(val, form, 'serviceCharge')"
+              ref="serviceCharge"></el-input>
+          </el-form-item>
+        </el-col>
+        <el-col :span="10" :offset="1">
+          <el-form-item label="客户名称" prop="customerName">
+            <el-input v-model.trim="form.customerName" ref="customerName"></el-input>
+          </el-form-item>
+          <el-form-item label="凭证起始号" prop="startNumber">
+            <el-input :value="form.startNumber" @input="(val) => certificateNumber(val, form, 'startNumber')"
+              ref="startNumber"></el-input>
+          </el-form-item>
+          <el-form-item label="数量" prop="number">
+            <el-input :value="form.number" disabled @input="val => inputListen(val, form, 'number')"
+              ref="number"></el-input>
+          </el-form-item>
+          <el-form-item label="工本费" prop="cost">
+            <el-input :value="form.cost" @input="val => ismoney(val, form, 'cost')" ref="cost"></el-input>
+          </el-form-item>
+          <el-form-item label="摘要" prop="abstract">
+            <el-input v-model.trim="form.abstract"></el-input>
+          </el-form-item>
+        </el-col>
+
+      </el-form>
+    </el-row>
+    <el-button @click="submitIt()" type="primary" class="submitBtn">提交</el-button>
+    <my-dialog :moduleName="moduleName" v-if="visible" :visible.sync="visible" :showForm="form" :formName="formName"
+      @submitIt="submitForm2" />
+  </div>
+  <!-- <need-before v-else :moduleName='needBefore' :unNeed="unNeed" class="wrap" /> -->
 </template>
 
 <script>
-import { myValidate, ismoney, checkName, checkHanzi, autoPlay, autoPlay2, inputListen, certificateNumber  } from '@/utils/utilFunction.js'
+import { myValidate, ismoney, checkName, checkHanzi, autoPlay, autoPlay2, inputListen, certificateNumber } from '@/utils/utilFunction.js'
 import { addOperation, getOperation } from '@/api/http';
 import MyTitle from '@/components/myTitle'
 
@@ -81,310 +87,321 @@ import TipsBefore from '@/mixins/tipsBefore'
 const moduleName = 'controlCash3/index'
 
 export default {
-    name: 'index',
-    mixins: [ TipsBefore ],
-    components:{
-        NeedBefore,
-        MyDialog,
-        MyTitle
-    },
-    data() {
-        return {
-            moduleName,
-            visible: false,
-            unNeed: false,
-            isNeedBefore: '',
-            needBefore: '',
-            form:{
-                // 必填项
-                username: '', // 账号
-                startNumber: '', // 凭证起始号
-                endNumber: '',  // 凭证终止号
-                // 非必填项
-                voucherType: '', // 凭证类型
-                chargeWay2: 135, // 收费类型
-                serviceCharge: '5.00', // 手续费
-                customerName: '', // 客户名称
-                number: '', // 数量
-                cost: '', // 工本费
-                abstract: '' // 摘要
-            },
-            formName:{
-                // 必填项
-                username: '账号', // 
-                startNumber: '凭证起始号', // 
-                endNumber: '凭证终止号',  // 
-                // 非必填项
-                voucherType: '凭证类型', // 
-                chargeWay2: '收费类型', // 
-                serviceCharge: '手续费', // 
-                customerName: '客户名称', // 
-                number: '数量', // 
-                cost: '工本费', // 
-                abstract: '摘要' // 
-            },
-            myTable2: {
-                
-                240: {
-                    prop: 'username',
-                    type: '3',
-                    "subjectId": 84,
-                },
-                536: {
-                    prop: 'startNumber',
-                    type: '3',
-                    "subjectId": 95,
-                },
-                // 凭证终止号：
-                550: {
-                    prop: 'endNumber',
-                    type: '3',
-                    "subjectId": 103,
-                }
-                
-            },
-            myTable: {
-                241: {
-                    prop: 'customerName',
-                    type: '3',
-                    "subjectId": 7,
-                },
-                253: {
-                    prop: 'voucherType',
-                    type: '1',
-                    "subjectId": 11,
-                },
-                533: {
-                    prop: 'number',
-                    type: '3',
-                    "subjectId": 94,
-                },
-                
-                537: {
-                    prop: 'cost',
-                    type: '3',
-                    "subjectId": 96,
-                },
-                538: {
-                    prop: 'chargeWay2',
-                    type: '1',
-                    "subjectId": 90,
-                },
-                539: {
-                    prop: 'abstract',
-                    type: '3',
-                    "subjectId": 97,
-                },
-                540: {
-                    prop: 'serviceCharge',
-                    type: '3',
-                    "subjectId": 98,
-                },
-            },
-            rules: {
-                username: [
-                    { 
-                        required: true, 
-                        message: '请输入账号',
-                        trigger: 'blur'
-                    }
-                ],
-                startNumber: [
-                    { 
-                        required: true, 
-                        message: '请输入凭证起始号',
-                        trigger: 'blur'
-                    }
-                ],
-                endNumber: [
-                    { 
-                        required: true, 
-                        message: '请输入凭证终止号',
-                        trigger: 'blur'
-                    }
-                ],
-            },
-            submited: 0
-        }
-    },
-    created() {
-        // this.handleSelect(1)
-        if(this.inMyWork(moduleName)) {
-            if(this.needsModule(moduleName) === '') {
-                
-            }else {
-                this.isNeedBefore = true
-                this.needBefore = this.needsModule(moduleName)
-            }
-        }else {
-            this.isNeedBefore = true
-            this.unNeed = true
-        }
-    },
-    mounted() {
-        this.$refs.username.focus()
-    },
-    methods: {
-        ...mapMutations({
-            setTipsOperate: 'system/setTipsOperate'
-        }),
-        onBlur() {
-            if(this.form.username) {
-                const { collectingCompany } = this.dataFlow
-                this.form.customerName = collectingCompany
-            }else {
-                this.form.customerName = ''
-            }
-            
+  name: 'index',
+  mixins: [TipsBefore],
+  components: {
+    NeedBefore,
+    MyDialog,
+    MyTitle
+  },
+  data () {
+    return {
+      moduleName,
+      visible: false,
+      unNeed: false,
+      isNeedBefore: '',
+      needBefore: '',
+      form: {
+        // 必填项
+        username: '', // 账号
+        startNumber: '', // 凭证起始号
+        endNumber: '',  // 凭证终止号
+        // 非必填项
+        voucherType: '', // 凭证类型
+        chargeWay2: 135, // 收费类型
+        serviceCharge: '5.00', // 手续费
+        customerName: '', // 客户名称
+        number: '', // 数量
+        cost: '', // 工本费
+        abstract: '' // 摘要
+      },
+      formName: {
+        // 必填项
+        username: '账号', // 
+        startNumber: '凭证起始号', // 
+        endNumber: '凭证终止号',  // 
+        // 非必填项
+        voucherType: '凭证类型', // 
+        chargeWay2: '收费类型', // 
+        serviceCharge: '手续费', // 
+        customerName: '客户名称', // 
+        number: '数量', // 
+        cost: '工本费', // 
+        abstract: '摘要' // 
+      },
+      myTable2: {
+
+        240: {
+          prop: 'username',
+          type: '3',
+          "subjectId": 84,
         },
-        getBlur() {
-            const number = Number(this.form.endNumber) - Number(this.form.startNumber)
-            if(number<0 || this.form.endNumber.length<this.form.startNumber.length) {
-                this.form.number = 0
-                return
-            }
-            this.form.number = number
+        536: {
+          prop: 'startNumber',
+          type: '3',
+          "subjectId": 95,
         },
-        submitIt() {
-            
+        // 凭证终止号：
+        550: {
+          prop: 'endNumber',
+          type: '3',
+          "subjectId": 103,
+        }
 
-            if (this.submited) return this.$message.error('已提交！')
-            this.$refs.form.validate(myValidate(() => {
-                if(this.form.number <= 0) {
-                    // this.$message({
-                    //     message: '您的起始号码卡号比结束号码卡号排序更后,请检查一下。',
-                    //     type: 'warning',
-                    //     center: true
-                    // });
-                    this.setTipsOperate('结束号码应大于起始号码')
-                    return
-                }
-                if(this.form.startNumber.length !== this.form.endNumber.length) {
-                    this.setTipsOperate('凭证起始号和凭证终止号长度不同，请检查')
-                    return
-                }
-                this.visible = true
-            }, this.$refs));
+      },
+      myTable: {
+        241: {
+          prop: 'customerName',
+          type: '3',
+          "subjectId": 7,
+        },
+        253: {
+          prop: 'voucherType',
+          type: '1',
+          "subjectId": 11,
+        },
+        533: {
+          prop: 'number',
+          type: '3',
+          "subjectId": 94,
         },
 
-        submitForm2() {
-            const parentId =  '285,' + this.$store.state.system.businessSelect[this.$store.state.system.businessKey].id   +  ',287,5,31,520'
-            const cards = [
-                
-            ]
-            autoPlay(parentId, this.form, this.myTable2, this.myTable, cards)
-            this.submited = 1
+        537: {
+          prop: 'cost',
+          type: '3',
+          "subjectId": 96,
         },
-        checkHanzi: checkHanzi,
-        inputListen: inputListen,
-        ismoney: ismoney,
-        certificateNumber
-    },
-    computed: {
-        ...mapGetters({
-            needsModule: 'system/needsModule',
-            inMyWork: 'system/inMyWork',
-            dataFlow: 'system/dataFlow',
-        })
+        538: {
+          prop: 'chargeWay2',
+          type: '1',
+          "subjectId": 90,
+        },
+        539: {
+          prop: 'abstract',
+          type: '3',
+          "subjectId": 97,
+        },
+        540: {
+          prop: 'serviceCharge',
+          type: '3',
+          "subjectId": 98,
+        },
+      },
+      rules: {
+        username: [
+          {
+            required: true,
+            message: '请输入账号',
+            trigger: 'blur'
+          }
+        ],
+        startNumber: [
+          {
+            required: true,
+            message: '请输入凭证起始号',
+            trigger: 'blur'
+          }
+        ],
+        endNumber: [
+          {
+            required: true,
+            message: '请输入凭证终止号',
+            trigger: 'blur'
+          }
+        ],
+      },
+      submited: 0
+    }
+  },
+  created () {
+    // this.handleSelect(1)
+    if (this.inMyWork(moduleName)) {
+      if (this.needsModule(moduleName) === '') {
+
+      } else {
+        this.isNeedBefore = true
+        this.needBefore = this.needsModule(moduleName)
+      }
+    } else {
+      this.isNeedBefore = true
+      this.unNeed = true
     }
-    
+  },
+  mounted () {
+    this.$refs.username.focus()
+  },
+  methods: {
+    ...mapMutations({
+      setTipsOperate: 'system/setTipsOperate'
+    }),
+    onBlur () {
+      if (this.form.username) {
+        const { collectingCompany } = this.dataFlow
+        this.form.customerName = collectingCompany
+      } else {
+        this.form.customerName = ''
+      }
+
+    },
+    getBlur () {
+      const number = Number(this.form.endNumber) - Number(this.form.startNumber)
+      if (number < 0 || this.form.endNumber.length < this.form.startNumber.length) {
+        this.form.number = 0
+        return
+      }
+      this.form.number = number
+    },
+    submitIt () {
+
+
+      if (this.submited) return this.$message.error('已提交！')
+      this.$refs.form.validate(myValidate(() => {
+        if (this.form.number <= 0) {
+          // this.$message({
+          //     message: '您的起始号码卡号比结束号码卡号排序更后,请检查一下。',
+          //     type: 'warning',
+          //     center: true
+          // });
+          this.setTipsOperate('结束号码应大于起始号码')
+          return
+        }
+        if (this.form.startNumber.length !== this.form.endNumber.length) {
+          this.setTipsOperate('凭证起始号和凭证终止号长度不同，请检查')
+          return
+        }
+        this.visible = true
+      }, this.$refs));
+    },
+
+    submitForm2 () {
+      const parentId = '285,' + this.$store.state.system.businessSelect[this.$store.state.system.businessKey].id + ',287,5,31,520'
+      const cards = [
+
+      ]
+      autoPlay(parentId, this.form, this.myTable2, this.myTable, cards)
+      this.submited = 1
+    },
+    checkHanzi: checkHanzi,
+    inputListen: inputListen,
+    ismoney: ismoney,
+    certificateNumber
+  },
+  computed: {
+    ...mapGetters({
+      needsModule: 'system/needsModule',
+      inMyWork: 'system/inMyWork',
+      dataFlow: 'system/dataFlow',
+    })
+  }
+
 };
 </script>
 
 <style lang="scss" scoped>
-    // .submitBtn{
-    //     position: relative;
-    //     width: 200px;
-    //     font-size: 18px;
-    //     height: 45px;
-    //     margin-top: 50px;
-    //     border-radius: 10px;
-    //     bottom: 10px;
-    //     left: 50%;
-    //     transform: translate(-50%,-20%);
-    // }
-    .el-input, .el-select {
-        width: 100%!important;
+// .submitBtn{
+//     position: relative;
+//     width: 200px;
+//     font-size: 18px;
+//     height: 45px;
+//     margin-top: 50px;
+//     border-radius: 10px;
+//     bottom: 10px;
+//     left: 50%;
+//     transform: translate(-50%,-20%);
+// }
+.el-input,
+.el-select {
+  width: 100% !important;
+}
+
+.wrap {
+  width: 100%;
+  display: flex;
+  flex-direction: column;
+  overflow: auto;
+  padding: 24px 0 24px 24px;
+
+  .nav {
+    /deep/ .el-menu.el-menu--horizontal {
+      border: 0;
     }
-    
-    .wrap{
-        width: 100%;
-        display: flex;
-        flex-direction: column;
-        overflow: auto;
-        padding: 24px 0 24px 24px;
-        .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;
-            align-items: center;
-            font-size: 20px;
-            padding-left: 0px;
-            margin-top: 10px;
-        }
-        .body{
-            margin-top: 50px;
-            overflow: auto;
-            .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;
-                }
-            }
-        }
-        .submitBtn{
-            position: relative;
-            width: 200px;
-            font-size: 18px;
-            height: 45px;
-            margin-top: 180px;
-            border-radius: 10px;
-            bottom: 10px;
-            left: 50%;
-            transform: translate(-50%,-20%);
-        }
+
+    /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;
     }
+  }
 
-    .el-select {
-        width: 279.17px;
+  .title {
+    height: 60px;
+    display: flex;
+    align-items: center;
+    font-size: 20px;
+    padding-left: 0px;
+    margin-top: 10px;
+  }
+
+  .body {
+    margin-top: 50px;
+    overflow: auto;
+
+    .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;
+      }
+    }
+  }
+
+  .submitBtn {
+    position: relative;
+    width: 200px;
+    font-size: 18px;
+    height: 45px;
+    margin-top: 180px;
+    border-radius: 10px;
+    bottom: 10px;
+    left: 50%;
+    transform: translate(-50%, -20%);
+  }
+}
+
+.el-select {
+  width: 279.17px;
+}
 </style>
diff --git a/src/pages/manage/list/personalLoans/detail.vue b/src/pages/manage/list/personalLoans/detail.vue
index 5cf7d17..ef694bc 100644
--- a/src/pages/manage/list/personalLoans/detail.vue
+++ b/src/pages/manage/list/personalLoans/detail.vue
@@ -1,7 +1,10 @@
 <!-- 代收电费 -->
 <template>
   <div class="wrap">
-    <MyTitle :titleArr="['个人贷款', '新增贷款申请']" />
+    <div class="flex j-between a-center">
+      <MyTitle :titleArr="['个人贷款', '新增贷款申请']" />
+      <el-button size="small" @click="$router.back()">返回</el-button>
+    </div>
     <el-row :gutter="20" style="margin: 0">
       <el-form v-if="curStep === 1 || isDetail" ref="basicForm" :model="basicForm" label-width="120px"
         :rules="basicRules" :disabled="isDetail">