'产品试算'

src/pages/contractSigning/contract-detail.vue

 <!--
  * @Author: your name
  * @Date: 2019-09-29 10:02:11
- * @LastEditTime: 2019-10-29 10:04:11
+ * @LastEditTime: 2019-10-30 14:28:29
  * @LastEditors: Please set LastEditors
  * @Description: In User Settings Edit
  -->
@@ -179,6 +179,7 @@ export default {
     return {
       isshow: false, // 提示框的显示与隐藏
       num: 0,
+      bp_name: '',
       project_id: '',
       bank_flag: false,
       confirm_id: '',
@@ -197,6 +198,7 @@ export default {
     next(vm => {
       if (from.name === 'ContractSigning') {
         vm.bank_flag = false
+        vm.bp_name = vm.$route.params.bp_name
         vm.project_id = vm.$route.params.project_id
         vm.confirm_id = vm.$route.params.confirm_id
         vm.confirm_status = vm.$route.params.confirm_status
@@ -252,6 +254,7 @@ export default {
       this.$router.push({
         name: 'EntryInfo',
         params: {
+          bp_name: this.bp_name,
           project_id: this.project_id,
           entry_info_flag: this.entry_info_flag,
         },
@@ -287,7 +290,6 @@ export default {
 
     // 银行卡查询
     bankCardQuery () {
-      debugger
       let vm = this
       let url = $config.basePath + 'con_bank_query'
       let param = {

src/pages/contractSigning/contract-signing.vue

 <!--
  * @Author: your name
  * @Date: 2019-09-29 10:02:11
- * @LastEditTime: 2019-10-29 09:56:37
+ * @LastEditTime: 2019-10-30 09:34:22
  * @LastEditors: Please set LastEditors
  * @Description: In User Settings Edit
  -->
@@ -31,7 +31,7 @@
           <p class="incoming-num">进件号</p>
           <p class="code">{{ item.project_number }}</p>
         </div>
-        <div class="details" @click="goDetails(item.project_id,item.con_confirm_status,item.confirm_id)">
+        <div class="details" @click="goDetails(item.project_id,item.con_confirm_status,item.confirm_id,item.bp_name)">
           <div class="option">
             <p class="name">承租人</p>
             <p class="full-name normal">{{ item.bp_name }}</p>
@@ -56,7 +56,7 @@
           <p class="incoming-num">进件号</p>
           <p class="code">{{ item.project_number }}</p>
         </div>
-        <div class="details" @click="goDetails(item.project_id,item.con_confirm_status,item.confirm_id)">
+        <div class="details" @click="goDetails(item.project_id,item.con_confirm_status,item.confirm_id,item.bp_name)">
           <div class="option">
             <p class="name">承租人</p>
             <p class="full-name normal">{{ item.bp_name }}</p>
@@ -126,15 +126,15 @@ export default {
         }
       })
     },
-    // val: project_id, status: confirm_status
-    goDetails (val, status, id) { // 银行卡录入页面keep alive为true，根据project_id和add_status重置页面
-      // window.sessionStorage.setItem('add_status', false)
+    // val: project_id, status: confirm_status, bpName: 承租人
+    goDetails (val, status, id, bpName) {
       this.$router.push({
         name: 'ContractDetail',
         params: {
           project_id: val,
-          confirm_status: status,
           confirm_id: id,
+          bp_name: bpName,
+          confirm_status: status,
         },
       })
     },

src/pages/contractSigning/entry-info.vue

 <!--
  * @Author: your name
  * @Date: 2019-09-29 10:02:11
- * @LastEditTime: 2019-10-29 10:00:03
+ * @LastEditTime: 2019-10-30 14:29:27
  * @LastEditors: Please set LastEditors
  * @Description: In User Settings Edit
  -->
@@ -30,18 +30,20 @@
             <div slot="name" >银行卡卡号</div>
             <input
               slot="content" v-model="bank_lists[0].bank_account_num" type="text"
-              placeholder="上传银行卡自动填充"
+              placeholder="上传银行卡自动填充" readonly
             >
           </item>
           <item>
             <div slot="name" >账户名称</div>
-            <input slot="content" v-model="bank_lists[0].bank_account_name" type="text" placeholder="请输入账户名称">
+            <input
+              slot="content" v-model="bank_lists[0].bank_account_name" type="text" readonly
+              placeholder="请输入账户名称">
           </item>
           <item>
             <div slot="name" >银行名称</div>
             <input
               slot="content" v-model="bank_lists[0].bank_full_name" type="text"
-              placeholder="请输入银行名称">
+              placeholder="请输入银行名称" readonly>
           </item>
           <item>
             <div slot="name" >支行名称</div>
@@ -86,7 +88,7 @@ export default {
         {
           bank_full_name: '', // 银行名称
           bank_account_num: '', // 卡号
-          bank_account_name: '',
+          bank_account_name: this.$route.params.bp_name,
           bank_branch_name: '',
         },
       ],
@@ -104,7 +106,7 @@ export default {
         {
           bank_full_name: '', // 银行名称
           bank_account_num: '', // 卡号
-          bank_account_name: '',
+          bank_account_name: this.$route.params.bp_name,
           bank_branch_name: '',
         },
       ]
@@ -183,20 +185,16 @@ export default {
       })
     },
     cardAdd () {
-      for (var key in this.bank_lists[0]) {
-        if (!this.bank_lists[0][key]) {
-          this.bank_card_flag = false
-          this.hlsPopup.showLongCenter('银行信息不完整！')
-          return
-        } else {
-          this.bank_card_flag = true
-        }
-      }
-
-      if (this.hlsUtil.isBankAccount(this.bank_lists[0].bank_account_num)) {
+      if (this.bank_lists[0].bank_account_num === '') {
+        this.hlsPopup.showLongCenter('请识别银行卡')
+        this.bank_card_flag = false
+      } else if (this.hlsUtil.isBankAccount(this.bank_lists[0].bank_account_num)) {
         this.bank_card_flag = false
         this.hlsPopup.showLongCenter('请输入正确银行卡号！')
+      } else {
+        this.bank_card_flag = true
       }
+
       if (this.bank_card_flag) {
         let vm = this
         let url = $config.basePath + 'con_bank_save'
@@ -232,8 +230,10 @@ export default {
       }
       vm.hlsHttp.post(url, param).then(function (res) {
         if (res.result === 'S') {
-          if ('info' in res) {
+          if (res.info.bank_full_name !== ' ') {
             vm.bank_lists = [res.info]
+          } else {
+            vm.bank_lists[0].bank_account_name = vm.$route.params.bp_name
           }
         } else {
           hlsPopup.showLongCenter(res.message)

src/pages/financingTrial/financing-details.vue

@@ -2,7 +2,7 @@
    * @Descrip""/>User Settings Edit
  * @Author: your name
  * @Date: 2019-09-29 20:31:00
- * @LastEditTime: 2019-10-29 19:30:27
+ * @LastEditTime: 2019-10-30 19:03:32
  * @LastEditors: Please set LastEditors
    -->
 <template>
@@ -14,15 +14,6 @@
       </div>
     </h-header>
     <h-content>
-      <div class="alert">
-        <div class="alert-content">
-          <div class="title">
-            <img src="@/assets/intoApproval/info.png" >
-            <span class="info-word">提示</span>
-          </div>
-          <p class="top-info">具体请以实际进件发生情况为准，谢谢！</p>
-        </div>
-      </div>
       <list-item :item-height="44" class="second-part">
         <item>
           <div slot="name" class="font-color">商务政策</div>
@@ -38,7 +29,7 @@
         </item>
         <item>
           <div slot="name" class="font-color">首付款</div>
-          <span v-if="!equip_price" slot="content">首付款金额自动填充</span>
+          <span v-if="!equip_price" slot="content" class="autoColor">首付款金额自动填充</span>
           <span v-if="equip_price" slot="content">{{ equip_price*info.down_payment_ratio_n.replace("%","")/100 | currency }}</span>
         </item>
         <item>
@@ -47,7 +38,7 @@
         </item>
         <item>
           <div slot="name" class="font-color">保证金</div>
-          <span v-if="!equip_price" slot="content">保证金额自动填充</span>
+          <span v-if="!equip_price" slot="content" class="autoColor">保证金额自动填充</span>
           <span v-if="equip_price" slot="content">{{ equip_price*info.deposit_ratio_n.replace("%","")/100 | currency }}</span>
         </item>
         <item>
@@ -56,13 +47,13 @@
         </item>
         <item>
           <div slot="name" class="font-color">手续费</div>
-          <span v-if="!equip_price" slot="content">手续费金额自动填充</span>
+          <span v-if="!equip_price" slot="content" class="autoColor">手续费金额自动填充</span>
           <span v-if="equip_price" slot="content">{{ equip_price*info.lease_charge_ratio_n.replace("%","")/100 | currency }}</span>
         </item>
         <item>
           <div slot="name" class="font-color">预计付款日</div>
           <!-- <input slot="content" placeholder="YYYY-MM-DD" readonly> -->
-          <div slot="content">{{ price_date_to | dateFormat }}</div>
+          <div slot="content" class="autoColor">{{ price_date_to | dateFormat }}</div>
           <img src="@/assets/trial/date.png" alt="" class="date-pic" @click="showTime('YYYY-MM-DD')">
         </item>
         <item>
@@ -81,6 +72,15 @@
           <div slot="name" class="font-color">查看还款计划</div>
         </item>
       </list-item>
+      <div class="alert">
+        <div class="alert-content">
+          <div class="title">
+            <img src="@/assets/intoApproval/info.png" >
+            <span class="info-word">提示</span>
+          </div>
+          <p class="top-info">具体请以实际进件发生情况为准，谢谢！</p>
+        </div>
+      </div>
     </h-content>
     <bottom-tab class="footer-button">
       <tab-button class="approve" @click.native="calculationSave">
@@ -97,6 +97,8 @@ export default {
     return {
       info: {},
       dates: '',
+      quotation_id: '', // 试算成功返回id
+      trial_flag: false, // 检测是否通过试算
       equip_price: '',
       price_date_to: '',
       product_plan_id: '',
@@ -113,7 +115,11 @@ export default {
       if (from.name === 'FinancingTrial') {
         vm.price_date_to = vm.$route.params.price_date_to // 有效日期
         vm.equip_price = vm.$route.params.plan_price // 参考价
-        vm.product_plan_id = vm.$route.params.product_plan_id
+        if (vm.product_plan_id !== vm.$route.params.product_plan_id) {
+          vm.product_plan_id = vm.$route.params.product_plan_id
+          vm.quotation_id = ''
+          vm.trial_flag = false
+        }
         vm.detailsQuery()
       }
     })
@@ -124,11 +130,21 @@ export default {
   },
   methods:
  {
+   // 还款计划
    goRepay () {
-     this.$router.push({
-       name: 'FinancDetails',
-     })
+     if (this.trial_flag) {
+       this.$router.push({
+         name: 'TrialRepayPlan',
+         params: {
+           quotation_id: this.quotation_id,
+         },
+       })
+     } else {
+       hlsPopup.showLongCenter('您还未通过试算')
+     }
    },
+
+   // 时间选择
    showTime (format) {
      let vm = this
      hlsPopup.showTime({
@@ -148,7 +164,6 @@ export default {
      }
      vm.hlsPopup.showLoading('数据加载中')
      vm.hlsHttp.post(url, param).then(function (res) {
-       console.log(res)
        vm.hlsPopup.hideLoading()
        if (res.result === 'S') {
          vm.info = res.info
@@ -179,10 +194,10 @@ export default {
        vm.hlsPopup.showLoading('试算中，请稍后')
        vm.hlsHttp.post(url, param).then(function (res) {
          vm.hlsPopup.hideLoading()
-         console.log('.........', res)
          if (res.result === 'S') {
            hlsPopup.showLongCenter('试算成功')
-           //  vm.info = res.info
+           vm.quotation_id = res.quotation_id
+           vm.trial_flag = true
          } else {
            hlsPopup.showLongCenter(res.message)
          }
@@ -197,7 +212,7 @@ export default {
   .date-pic {
     height: 17px;
     width: 17px;
-    margin-top: 14px;
+    margin-top: 15px;
     margin-left: 6px;
   }
     .h-header-btn {
@@ -217,6 +232,7 @@ export default {
 .alert {
       height: 70px;
       width: 100%;
+      margin-bottom: 25px;
       background: rgba(252, 200, 0, 0.16);
     }
     .alert-content {
@@ -254,6 +270,14 @@ export default {
     color: #656464;
     letter-spacing: 0;
 }
+.autoColor {
+  font-family: PingFangSC-Regular;
+  //font-size: 14px;
+  color: #B4B4B5;
+  letter-spacing: 0;
+  // text-align: right;
+  // line-height: 18px;
+}
 .footer-button {
     .approve {
       width: 96%;

src/pages/financingTrial/financing-trial.vue

@@ -2,7 +2,7 @@
  * @Descrip 融资试算
  * @Author: your name
  * @Date: 2019-09-29 17:09:49
- * @LastEditTime: 2019-10-29 18:45:37
+ * @LastEditTime: 2019-10-30 18:15:44
  * @LastEditors: Please set LastEditors
    -->
 <template>
@@ -13,15 +13,27 @@
         <span>融资试算</span>
       </div>
     </h-header>
-    <h-content>
-      <section v-for="(item,index) in lists" :key="index">
 
-        <div class="descript">
+    <!-- 搜索 -->
+    <div class="hinput">
+      <div class="search-box">
+        <input type="text" placeholder="请输入产品名称">
+        <img src="@/assets/distributorSign/search.png" alt="">
+      </div>
+    </div>
+    <scroll
+      ref="scrollList"
+      :pullUp="true"
+    >
+
+      <section v-for="(item,index) in lists" :key="index">
+        <div class="descript" @click="goDetails(item.product_plan_id)">
           <img src="@/assets/trial/product.png" alt="">
-          <p class="produc">零手续费产品</p>
+          <p class="produc">{{ item.product_plan_id_n }}</p>
+          <img class="linkPic" src="@/assets/distributorSign/righticon.png" alt="">
         </div>
 
-        <div class="tario" @click="goDetails(item.product_plan_id)">
+        <div class="tario">
           <div class="wrap">
             <p class="ratio">
               <span>保证金比例</span>
@@ -42,14 +54,9 @@
               <span>{{ item.lease_times }}期</span>
             </p>
           </div>
-          <!-- <div class="pic"> -->
-
-          <img src="@/assets/distributorSign/righticon.png" alt="">
-        <!-- </div> -->
         </div>
       </section>
-
-    </h-content>
+    </scroll>
   </h-view>
 </template>
 
@@ -132,27 +139,79 @@ export default {
         line-height: 24px;
       }
 }
+.scrollContent {
+  padding-bottom: 1.4rem;
+}
+.hinput {
+      position: relative;
+      z-index: 50;
+      width: 100%;
+      height: 50px;
+      //border-bottom: 1px solid #cccccc70;
+      display: flex;
+      justify-content: center;
+      align-items: center;
+      background: #fff;
+      .search-box {
+        width: 93.6%;
+        height: 36px;
+        font-size: 14px;
+        color: #B4B4B5;
+        letter-spacing: 0;
+        font-family: PingFangSC-Regular;
+        border: 1px solid #1D3FFF;
+        border-radius: 4px;
+        display: flex;
+        flex-direction: row;
+        justify-content: center;
+        align-items: center;
+
+        input {
+          width: 90%;
+          height: 100%;
+          opacity: 0.4;
+          border: none;
+          line-height: 34px;
+        }
+      }
+    }
+section {
+  width: 95%;
+  margin: 0 auto;
+  margin-top: 8px;
+}
 .descript {
     width: 100%;
-    height: 34px;
+    height: 44px;
     display: flex;
     flex-direction: row;
-    background: rgba(0, 70, 156, 0.1);
+    background: #fff;
     img {
+      width: 30px;
+      height: 30px;
+      margin-left: 10px;
+      margin-top: 8px;
+     // margin-right: 8px;
+    }
+    .linkPic {
       width: 16px;
-      height: 16px;
-      margin-left: 16px;
-      margin-top: 9px;
-      margin-right: 8px;
+        height: 16px;
+        margin-top: 15px;
+        margin-left: -7px;
+        margin-right: 10px;
     }
     .produc {
-        font-family: PingFangSC-Semibold;
-        font-size: 14px;
-        height: 34px;
-        line-height: 34px;
-        color: #00469C;
-        font-weight: bold;
+        height: 44px;
+        display: flex;
+        flex: 1;
+        font-size: 15px;
+        color: #4B4A4B;
+        line-height: 44px;
+        font-weight: 500;
         letter-spacing: 0;
+        margin-left: 10px;
+        font-family: PingFangSC-Semibold;
+        border-bottom: 1px solid #F3F3F7;
     }
     }
 .tario {
@@ -162,7 +221,8 @@ export default {
     flex-direction: row;
     justify-content: space-around;
     background: #fff;
-    margin-bottom: 8px;
+    // margin-bottom: 8px;
+    padding-left: 18px;
     img {
         width: 16px;
         height: 16px;

src/pages/financingTrial/trial-repay-plan.vue

+<!--
+ * @Author: your name
+ * @Date: 2019-10-30 11:16:17
+ * @LastEditTime: 2019-10-30 18:54:41
+ * @LastEditors: Please set LastEditors
+ * @Description: In User Settings Edit
+ * @FilePath: \hls-xcmg-vue-app\src\pages\financingTrial\trial-repay-plan.vue
+ -->
+<template>
+  <h-view id="trialRepayPlan">
+    <h-header :proportion="[5,1,1]" class="bar-custom">
+      <div slot="left" class="h-header-btn">
+        <img src="@/assets/userBind/arrow.png" @click="$routeGo()">
+        <span>融资明细</span>
+      </div>
+    </h-header>
+    <h-content>
+      <div class="topMoney">
+        <div class="quota">
+          <div class="total">
+            <p>融资额</p>
+            <p>90000</p>
+          </div>
+          <div class="times">{{ info.lease_times }}期</div>
+        </div>
+        <div class="fund">
+          <div>
+            <p class="name">保证金</p>
+            <p class="money">￥{{ info.deposit | currency }}</p>
+          </div>
+          <div>
+            <p class="name">首付款</p>
+            <p class="money">￥{{ info.down_payment | currency }}</p>
+          </div>
+          <div>
+            <p class="name">手续费</p>
+            <p class="money">￥{{ info.lease_charge | currency }}</p>
+          </div>
+        </div>
+      </div>
+      <div class="repay">
+        <div class="repayPlan">
+          <p>还款计划</p>
+          <img src="@/assets/trial/down.png" alt="">
+        </div>
+      </div>
+      <div class="items">
+        <img src="@/assets/trial/buleClip.png" alt="">
+        <div class="content">
+          <div class="dates">
+            <p>2019</p>
+            <p>01-01</p>
+          </div>
+          <div class="cash">
+            <p>现金流</p>
+            <p>应还金额</p>
+          </div>
+          <div class="rent">
+            <p>租金</p>
+            <p>90,000.00</p>
+          </div>
+        </div>
+      </div>
+      <div class="items">
+        <img src="@/assets/trial/buleClip.png" alt="">
+        <div class="content">
+          <div class="dates">
+            <p>2019</p>
+            <p>01-01</p>
+          </div>
+          <div class="cash">
+            <p>现金流</p>
+            <p>应还金额</p>
+          </div>
+          <div class="rent">
+            <p>租金</p>
+            <p>9,000,000.00</p>
+          </div>
+        </div>
+      </div>
+    </h-content>
+  </h-view>
+</template>
+
+<script>
+export default {
+  name: '',
+  data () {
+    return {
+      info: {},
+    }
+  },
+  computed: {},
+  watch: {},
+  beforeRouteEnter (to, from, next) {
+    next(vm => {
+      if (from.name === 'FinancingDetails') {
+        vm.repayQuery()
+      }
+    })
+    next()
+  },
+  methods: {
+    repayQuery () {
+      let vm = this
+      let url = $config.basePath + 'prd_repayment_plan'
+      let param = {
+        quotation_id: vm.$route.params.quotation_id,
+      }
+      vm.hlsPopup.showLoading('数据加载中')
+      vm.hlsHttp.post(url, param).then(function (res) {
+        console.log(res)
+        vm.hlsPopup.hideLoading()
+        if (res.result === 'S') {
+          vm.info = res.info
+        } else {
+          hlsPopup.showLongCenter(res.message)
+        }
+      })
+    },
+  },
+}
+</script>
+<style lang='less' scoped>
+@import "../../styles/public-style";
+#trialRepayPlan {
+.topMoney {
+    width: 100%;
+    height: 150px;
+    background: #1D3FFF;
+    background-image: url('../../assets/trial/cur.png');
+    background-size: 100% 100%;
+    .quota {
+        width: 100%;
+        height: 48px;
+        display: flex;
+        flex-direction: row;
+        padding-top: 36px;
+        align-items: center;
+        .total {
+            margin-left: 20px;
+            letter-spacing: 0;
+            position: relative;
+        }
+        .total p:nth-of-type(1){
+            font-family: PingFangSC-Semibold;
+            font-size: 14px;
+            color: #FFFFFF;
+            height: 20px;
+            line-height: 20px;
+        }
+        .total p:nth-of-type(2){
+            font-family: Verdana-BoldItalic;
+            font-size: 20px;
+            color: #FFFFFF;
+            height: 24px;
+            line-height: 24px;
+            margin-top: 4px;
+        }
+        .times {
+            font-family: Verdana-BoldItalic;
+            width: 65px;
+            height: 24px;
+            line-height: 24px;
+            font-size: 14px;
+            color: #1D3FFF;
+            text-align: center;
+            letter-spacing: 0;
+            position: absolute;
+            right: 20px;
+            background-image: url('../../assets/trial/times.png');
+            background-size: 100%;
+        }
+    }
+
+    .fund {
+    width: 100%;
+    display: flex;
+    flex-direction: row;
+    margin-top: 40px;
+    div {
+        width: 33%
+    }
+    .name {
+        width: 100%;
+        height: 17px;
+        line-height: 17px;
+        text-align: center;
+        opacity: 0.8;
+        font-family: PingFangSC-Regular;
+        font-size: 12px;
+        color: #FFFFFF;
+        letter-spacing: 0;
+    }
+    .money {
+        width: 100%;
+        height: 16px;
+        line-height: 16px;
+        text-align: center;
+        font-family: Verdana-Bold;
+        font-size: 13px;
+        color: #fff;
+        letter-spacing: 0;
+        margin-top: 5px;
+    }
+    }
+}
+.repay {
+    height: 52px;
+    width: 100%;
+    background: #1D3FFF;
+    .repayPlan {
+        font-family: PingFangSC-Semibold;
+        font-size: 14px;
+        color: #21254C;
+        letter-spacing: 0;
+      height: 52px;
+      line-height: 52px;
+      background-color: #fafafa;
+      padding-left: 24px;
+      font-weight: 600;
+      position: relative;
+      border-radius: 24px 0 0 0;
+      display: flex;
+      flex-direction: row;
+      img {
+          height: 19px;
+          width: 19px;
+          position: absolute;
+          right: 24px;
+          top: 16px;
+      }
+    }
+    .repayPlan::before {
+      content: "";
+      display: block;
+      width: 4px;
+      height: 16px;
+      background: #2D6FFF;
+      position: absolute;
+      left: 13px;
+      top: 17px;
+    }
+}
+.items {
+    height: 78px;
+    width: 95%;
+    display: flex;
+    flex-direction: row;
+    margin: 0 16px 8px 6px;
+    align-items: center;
+    .content {
+        height: 76px;
+        display: flex;
+        flex-direction: row;
+        box-shadow: 0 1px 5px 0 rgba(219,219,219,0.69);
+        position: relative;
+        .dates {
+            margin-left: 8px;
+            display: flex;
+            flex-direction: column;
+            justify-content: center;
+            p:nth-of-type(1) {
+                height: 15px;
+                line-height: 15px;
+                font-family: DIN-Regular;
+                font-size: 12px;
+                color: rgba(56,63,69,0.60);
+                letter-spacing: 0;
+            }
+            p:nth-of-type(2) {
+                height: 17px;
+                line-height: 17px;
+                font-family: DIN-Bold;
+                font-size: 14px;
+                color: #21254C;
+                letter-spacing: 0;
+                font-weight: bold;
+            }
+        }
+        .cash {
+            margin-left: 36px;
+            p {
+                opacity: 0.6;
+                height: 18px;
+                line-height: 18px;
+                font-family: PingFangSC-Regular;
+                font-size: 13px;
+                color: #4B4A4B;
+                letter-spacing: 0;
+            }
+            p:nth-of-type(1) {
+                margin-top: 16px
+            }
+            p:nth-of-type(2) {
+                margin-top: 10px
+            }
+        }
+        .rent {
+            position: absolute;
+            right: 20px;
+            height: 18px;
+            line-height: 18px;
+            p {
+                font-size: 13px;
+                color: #4B4A4B;
+                letter-spacing: 0;
+                width: 90px;
+                text-align: right
+            }
+            p:nth-of-type(1) {
+                margin-top: 16px;
+                font-family: PingFangSC-Regular;
+            }
+            p:nth-of-type(2) {
+                font-family: Verdana;
+                color: #1D3FFF;
+                margin-top: 10px
+            }
+        }
+    }
+    img {
+        width: 10px;
+        height: 35px;
+    }
+}
+
+}
+</style>

src/pages/home/location.vue

@@ -2,7 +2,7 @@
    * @Descrip""/>User Settings Edit
  * @Author: your name
  * @Date: 2019-10-11 09:39:51
- * @LastEditTime: 2019-10-29 09:51:19
+ * @LastEditTime: 2019-10-30 17:07:26
  * @LastEditors: Please set LastEditors
    -->
 <template>
@@ -115,7 +115,7 @@ export default {
           let vm = this
           let url = process.env.basePath + 'fnd_province_query'
           let param = {}
-          vm.hlsPopus.showLoading('请稍后')
+          vm.hlsPopup.showLoading('请稍后')
           vm.hlsHttp.post(url, param).then(function (res) {
             vm.hlsPopup.hideLoading()
             vm.lists = res.lists

src/router/index.js

@@ -2,7 +2,7 @@
  * @Description: In User Settings Edit
  * @Author: your name
  * @Date: 2019-09-24 12:34:06
- * @LastEditTime: 2019-10-29 19:34:45
+ * @LastEditTime: 2019-10-30 11:24:48
  * @LastEditors: Please set LastEditors
  */
 import Vue from 'vue'
@@ -42,6 +42,7 @@ import FinancDetails from '@/pages/distributorSign/financ-details' // 还款计
 // 融资试算
 import FinancingTrial from '@/pages/financingTrial/financing-trial'
 import FinancingDetails from '@/pages/financingTrial/financing-details' // 融资明细
+import TrialRepayPlan from '@/pages/financingTrial/trial-repay-plan'
 // 合同签约
 import ContractSigning from '../pages/contractSigning/contract-signing'
 import ContractDetail from '@/pages/ContractSigning/contract-detail'
@@ -172,6 +173,7 @@ export default new Router({
     // 试算
     {path: '/financing-trial', component: FinancingTrial, name: 'FinancingTrial', meta: {keepAlive: true}},
     {path: '/financing-details', component: FinancingDetails, name: 'FinancingDetails', meta: {keepAlive: true}},
+    {path: '/trial-repay-plan', component: TrialRepayPlan, name: 'TrialRepayPlan', meta: {keepAlive: true}},
     // 合同签约
     {path: '/contract-signing', component: ContractSigning, name: 'ContractSigning', meta: {keepAlive: true}},
     {path: '/contract-detail', component: ContractDetail, name: 'ContractDetail', meta: {keepAlive: true}},