add

src/pages/intoApproval/intoApproval/base.vue

 <template>
   <h-view id="approval" class="public-style" title="进件审批">
-    <div v-if="!isConfirm" class="myModal">
+    <div v-if="!isConfirm" v-once class="myModal">
       <div class="box">
         <span class="title-box">征信授权书</span>
         <div class="content-box">
@@ -17,7 +17,7 @@
           <input type="checkbox" @click="select" >
           <span>我本人已阅读本协议，并同意授权xxxx</span>
         </div>
-        <button :class="[ischecked?'check':'uncheck']" @click="confirm">同意</button>
+        <button :class="[ischecked?'check1':'uncheck']" @click="confirm">同意</button>
       </div>
     </div>
     <div v-if="downNum" class="modal-show">
@@ -34,7 +34,7 @@
             <img src="@/assets/intoApproval/back.png" >
           </div>
         </div>
-        <button class="check" @click="confirm">下载</button>
+        <button @click="confirm">下载</button>
       </div>
     </div>
     <h-header :proportion="[5,1,1]" class="header">
@@ -106,7 +106,10 @@
             <input slot="content" v-model="personInfo.address_sp" readonly >
           </item>
         </list-item>
-        <div class="userInfo">担保人信息<span v-if="bondsInfo.length==0">（无）</span></div>
+        <div class="userInfo">
+          担保人信息
+          <span v-if="bondsInfo.length==0">（无）</span>
+        </div>
         <list-item :item-height="76">
           <item v-for="(item,index) in bondsInfo" :key="index">
             <div slot="name">
@@ -198,17 +201,20 @@
             <input slot="content" v-model="companyInfo.auth_person_matter" readonly >
           </item>
         </list-item>
-        <div class="userInfo">担保人信息<span v-if="bondsInfo.length==0">（无）</span></div>
+        <div class="userInfo">
+          担保人信息
+          <span v-if="bondsInfo.length==0">（无）</span>
+        </div>
         <list-item :item-height="76">
           <item v-for="(item,index) in bondsInfo" :key="index">
             <div slot="name">
-              <span class="name-box">{{ index }}</span>
-              <span class="name">担保人{{ index }}姓名</span>
+              <span class="name-box">{{ index+1 }}</span>
+              <span class="name">担保人{{ index+1 }}姓名</span>
               <span class="card-num">证件号</span>
             </div>
             <div slot="content" class="right">
               <img src="@/assets/intoApproval/introduce.png" >
-              <span>{{ item.bp_name }}</span>
+              <span :title="item.bp_name">{{ item.bp_name }}</span>
               <br >
               <span>{{ item.organization_code }}</span>
             </div>
@@ -315,6 +321,13 @@ export default {
       },
     }
   },
+  created () {
+    if (this.bp_class === 'NP') {
+      this.getNPBase()
+    } else if (this.bp_class === 'ORG') {
+      this.getOrgBase()
+    }
+  },
   mounted () {
     this.getRent()
     this.getBonds()
@@ -329,15 +342,16 @@ export default {
     },
     select () {
       this.ischecked = !this.ischecked
+      console.log(this.ischecked)
     },
     confirm () {
-      this.ischecked ? this.isConfirm = true : this.isConfirm = false
+      this.ischecked ? (this.isConfirm = true) : (this.isConfirm = false)
     },
     getRent () {
       let vm = this
       let url = process.env.basePath + 'prj_lease_query'
       let param = {
-        'project_id': '46002',
+        project_id: '46002',
       }
       vm.hlsHttp.post(url, param).then(function (res) {
         vm.hlsPopup.hideLoading()
@@ -346,11 +360,37 @@ export default {
         }
       })
     },
+    getNPBase () {
+      let vm = this
+      let url = process.env.basePath + 'prj_np_info_query'
+      let param = {
+        project_id: this.$route.params.project_id,
+      }
+      vm.hlsHttp.post(url, param).then(function (res) {
+        vm.hlsPopup.hideLoading()
+        if (res.result === 'S') {
+          Object.assign(vm.personInfo, res.info)
+        }
+      })
+    },
+    getOrgBase () {
+      let vm = this
+      let url = process.env.basePath + 'prj_org_info_query'
+      let param = {
+        project_id: this.$route.params.project_id,
+      }
+      vm.hlsHttp.post(url, param).then(function (res) {
+        vm.hlsPopup.hideLoading()
+        if (res.result === 'S') {
+          Object.assign(vm.companyInfo, res.info)
+        }
+      })
+    },
     getBonds () {
       let vm = this
       let url = process.env.basePath + 'prj_guarantor_list_query'
       let param = {
-        'project_id': '46002',
+        project_id: '46002',
       }
       vm.hlsHttp.post(url, param).then(function (res) {
         vm.hlsPopup.hideLoading()
@@ -451,11 +491,17 @@ export default {
     .right span {
       float: right;
       margin-right: 48px;
+      display: block;
       font-family: PingFangSC-Regular;
       font-size: 14px;
       color: rgba(56, 63, 69, 0.6);
       letter-spacing: 0;
       line-height: 18px;
+      overflow: hidden;
+      text-overflow: ellipsis;
+      white-space: nowrap;
+      width: 150px;
+      margin-top: -10px;
     }
     .right span:last-child {
       margin-top: 7px;
@@ -565,7 +611,7 @@ export default {
         bottom: 16px;
         left: 30.5px;
       }
-      .check {
+      .check1 {
         background-color: #00469c;
       }
       .uncheck {

src/pages/intoApproval/intoList.vue

@@ -14,13 +14,13 @@
           <img src="@/assets/distributorSign/search.png" alt="">
         </div>
       </div>
-      <div v-for="(item,index) in contractMsg" :key="index" class="contract-list">
+      <div v-for="(item,index) in contractMsg" :key="index" class="contract-list" @click="goDetails(item)">
         <div class="item">
           <img src="@/assets/distributorSign/icon-进件合同.png" alt="">
           <p class="incoming-num">进件号</p>
           <p class="code">{{ item.finance_amount }}</p>
         </div>
-        <div class="details" @click="goDetails(index)">
+        <div class="details">
           <div class="option">
             <p class="name">承租人</p>
             <p class="full-name normal">{{ item.bp_name }}</p>
@@ -28,7 +28,7 @@
           <div class="option">
             <p class="name">合同租金</p>
             <p class="normal money">{{ item.finance_amount }}</p>
-            <img src="@/assets/distributorSign/goDetails.png" alt="" @click="goDetails(index)">
+            <img src="@/assets/distributorSign/goDetails.png" alt="">
           </div>
           <div class="option">
             <p class="name">申请时间</p>
@@ -73,11 +73,13 @@ export default {
     getTabNum (i) {
       this.tabNum = i
     },
-    goDetails () {
+    goDetails (item) {
+      console.log(item)
       this.$router.push({
         name: 'Base',
         params: {
-          bp_class: 'NP',
+          bp_class: item.bp_class,
+          project_id: item.project_id,
         },
       })
     },

src/router/index.js

@@ -36,7 +36,6 @@ import ContractList from '@/pages/distributorSign/contract-list'
 import ContractDetails from '@/pages/distributorSign/contract-details'
 import FinancDetails from '@/pages/distributorSign/financ-details'
 
-
 // 合同签约
 import ContractSigning from '../pages/contractSigning/contract-signing'
 import ContractDetail from '@/pages/ContractSigning/contract-detail'
@@ -107,7 +106,7 @@ export default new Router({
     {path: '/nature-person', component: NaturePerson, name: 'NaturePerson', meta: {keepAlive: false}},
     {path: '/enterprise', component: Enterprise, name: 'Enterprise', meta: {keepAlive: false}},
     // 进件审批
-    {path: '/base', component: Base, name: 'Base', meta: {keepAlive: true}},
+    {path: '/base', component: Base, name: 'Base', meta: {keepAlive: false}},
     {path: '/refund', component: Refund, name: 'Refund', meta: {keepAlive: false}},
     {path: '/intoList', component: IntoList, name: 'IntoList', meta: {keepAlive: false}},
     // 经销商签约