Merge branch 'develop' of https://hel.hand-china.com/xugong/hls-xcmg-vue-app into develop

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>
@@ -229,7 +235,7 @@
           </div>
         </div>
       </div>
-      <RentInfo v-show="tabNum==1" :rentInfo="rentInfo" />
+      <RentInfo v-show="tabNum==1"/>
       <AccessoryInfo v-show="tabNum==2" @down="getDown" />
     </h-content>
     <bottom-tab class="footer-button">
@@ -281,7 +287,7 @@ export default {
       baseInfo: {},
       checkedImg: checkedImg,
       isDown: false,
-      bp_class: this.$route.params.bp_class,
+      bp_class: window.sessionStorage.bp_class,
       rentInfo: {},
       bondsInfo: [],
       personInfo: {
@@ -315,8 +321,15 @@ export default {
       },
     }
   },
+  created () {
+    if (this.bp_class === 'NP') {
+      this.getNPBase()
+    } else if (this.bp_class === 'ORG') {
+      this.getOrgBase()
+    }
+  },
   mounted () {
-    this.getRent()
+    // this.getRent()
     this.getBonds()
     this.popProtocol()
   },
@@ -329,20 +342,34 @@ 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)
+    },
+    getNPBase () {
+      let vm = this
+      let url = process.env.basePath + 'prj_np_info_query'
+      let param = {
+        project_id: window.sessionStorage.project_id,
+      }
+      vm.hlsHttp.post(url, param).then(function (res) {
+        vm.hlsPopup.hideLoading()
+        if (res.result === 'S') {
+          Object.assign(vm.personInfo, res.info)
+        }
+      })
     },
-    getRent () {
+    getOrgBase () {
       let vm = this
-      let url = process.env.basePath + 'prj_lease_query'
+      let url = process.env.basePath + 'prj_org_info_query'
       let param = {
-        'project_id': '46002',
+        project_id: window.sessionStorage.project_id,
       }
       vm.hlsHttp.post(url, param).then(function (res) {
         vm.hlsPopup.hideLoading()
         if (res.result === 'S') {
-          vm.rentInfo = res.info
+          Object.assign(vm.companyInfo, res.info)
         }
       })
     },
@@ -350,7 +377,7 @@ export default {
       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 +478,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 +598,7 @@ export default {
         bottom: 16px;
         left: 30.5px;
       }
-      .check {
+      .check1 {
         background-color: #00469c;
       }
       .uncheck {

src/pages/intoApproval/intoApproval/refund.vue

@@ -9,26 +9,26 @@
       </h-header>
       <div class="top-content">
         <span class="top-tittle">融资额(元)</span>
-        <span class="num">190,000.00</span>
+        <span class="num">{{ info.finance_amount|NumFormat }}</span>
         <div class="top-detail">
           <div class="left">
             <span class="line">保证金</span>
-            <span>￥5,000.00</span>
+            <span>￥{{ info.deposit|NumFormat }}</span>
           </div>
           <div class="right">
             <span class="line">首付款</span>
-            <span>￥20,000.00</span>
+            <span>￥{{ info.down_payment|NumFormat }}</span>
           </div>
         </div>
         <div class="clear" />
         <div class="top-detail">
           <div class="left">
             <span class="line">手续费</span>
-            <span>￥5,000.00</span>
+            <span>￥{{ info.lease_charge|NumFormat }}</span>
           </div>
           <div class="right">
             <span class="line">合同期数</span>
-            <span>￥20,000.00</span>
+            <span>￥{{ info.lease_times }}</span>
           </div>
         </div>
       </div>
@@ -41,24 +41,65 @@
           <th>现金流项目</th>
           <th>应还金额</th>
         </tr>
-        <tr>
-          <td>1</td>
-          <td>2019-01-01</td>
-          <td>租金</td>
-          <td>9,000.00</td>
-        </tr>
-        <tr>
-          <td>1</td>
-          <td>2019-01-01</td>
+        <tr v-for="(item,index) in lists" :key="index">
+          <td>{{ index+1 }}</td>
+          <td>{{ item.due_date }}</td>
           <td>租金</td>
-          <td>9,000.00</td>
+          <td>{{ item.rental|NumFormat }}</td>
         </tr>
       </table>
     </h-content>
   </h-view>
 </template>
 <script>
-export default {}
+export default {
+  filters: {
+    NumFormat: function (value) {
+      if (!value) return '0.00'
+      var intPart = Number(value) | 0 // 获取整数部分
+      var intPartFormat = intPart.toString().replace(/(\d)(?=(?:\d{3})+$)/g, '$1,') // 将整数部分逢三一断
+      var floatPart = '.00' // 预定义小数部分
+      var value2Array = value.split('.')
+      // =2表示数据有小数位
+      if (value2Array.length === 2) {
+        floatPart = value2Array[1].toString() // 拿到小数部分
+
+        if (floatPart.length === 1) { // 补0,实际上用不着
+          return intPartFormat + '.' + floatPart + '0'
+        } else {
+          return intPartFormat + '.' + floatPart
+        }
+      } else {
+        return intPartFormat + floatPart
+      }
+    },
+  },
+  data () {
+    return {
+      info: {},
+      lists: [],
+    }
+  },
+  created () {
+    this.getInfo()
+  },
+  methods: {
+    getInfo () {
+      let vm = this
+      let url = process.env.basePath + 'prj_cashflow_query'
+      let param = {
+        project_id: window.sessionStorage.project_id,
+      }
+      vm.hlsHttp.post(url, param).then(function (res) {
+        vm.hlsPopup.hideLoading()
+        if (res.result === 'S') {
+          vm.lists = res.lists
+          vm.info = res.info
+        }
+      })
+    },
+  },
+}
 </script>
 <style lang="less" scoped>
 #refund {
@@ -83,9 +124,9 @@ export default {}
   }
   .top {
     width: 100%;
-    height: 265px;
+    height: 285px;
     background: url("../../../assets/intoApproval/backtop.png") no-repeat;
-    background-size: 375px 285px;
+    background-size: 100% 285px;
     .top-detail {
       margin-top: 12px;
       width: 260px;
@@ -94,13 +135,16 @@ export default {}
         font-size: 12px;
         height: 12px;
         color: rgba(255, 255, 255, 0.6);
-        padding-left: 10px;
       }
       .line::before {
-        content: "|";
-        color: #ffffff;
+        content: "";
+        display:inline-block;
+        width:2px;
+        height:12px;
+        background-color: #ffffff;
         position: relative;
-        left: -10px;
+        left: -5px;
+        top:2px;
       }
       .left {
         float: left;

src/pages/intoApproval/intoApproval/rentInfo.vue

@@ -101,23 +101,58 @@ export default {
       }
     },
   },
-  props: {
-    'rentInfo': {
-      default: {},
-      type: Object,
-    },
+  data () {
+    return {
+      rentInfo: {
+        finance_amount: '',
+        lease_charge: '',
+        annual_pay_times: '',
+        deposit_ratio_n: ' ',
+        lease_charge_ratio_n: '   ',
+        product_plan_id: '',
+        equip_price: '',
+        lease_charge_ratio: '',
+        int_rate_n: ' ',
+        product_num: '',
+        down_payment: '',
+        deposit_ratio: '',
+        division: '',
+        lease_times: '',
+        pre_pay_date: '',
+        product_id: '',
+        deposit: '',
+        int_rate: '',
+        product_plan_id_n: '',
+      },
+    }
   },
   computed: {
     'time': function () {
       return this.rentInfo.pre_pay_date.substr(0, 10)
     },
   },
+  created () {
+    this.getRent()
+  },
   methods: {
     changeRefund () {
       this.$router.push({
         name: 'Refund',
       })
     },
+    getRent () {
+      let vm = this
+      let url = process.env.basePath + 'prj_lease_query'
+      let param = {
+        project_id: window.sessionStorage.project_id,
+      }
+      vm.hlsHttp.post(url, param).then(function (res) {
+        vm.hlsPopup.hideLoading()
+        if (res.result === 'S') {
+          vm.rentInfo = res.info
+        }
+      })
+    },
   },
 }
 

src/pages/intoApproval/intoList.vue

@@ -20,7 +20,7 @@
           <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,12 +73,11 @@ export default {
     getTabNum (i) {
       this.tabNum = i
     },
-    goDetails () {
+    goDetails (item) {
+      window.sessionStorage.setItem('bp_class', item.bp_class)
+      window.sessionStorage.setItem('project_id', item.project_id)
       this.$router.push({
         name: 'Base',
-        params: {
-          bp_class: 'NP',
-        },
       })
     },
   },

src/router/index.js

@@ -107,7 +107,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}},
     // 经销商签约