'提交代码'

src/pages/contractInquire/contract-records.vue

 <!--
  * @Author: your name
  * @Date: 2019-10-31 09:49:57
- * @LastEditTime: 2019-11-11 15:59:08
+ * @LastEditTime: 2019-11-11 16:58:14
  * @LastEditors: Please set LastEditors
  * @Description: 合同查询--记录
  * @FilePath:
@@ -29,23 +29,23 @@
       </div>
     </div>
 
-<!-- 全部合同记录 -->
-      <scroll 
-        v-if="selected === 'all'"
-        ref="scroll"
-        :updateData="[lists]"
-        :pullUp="true"
-      >
-<div class="pay-content">
-  <div v-for="(item,index) in lists" :key="index" class="contract-item">
+    <!-- 全部合同记录 -->
+    <scroll
+      v-if="selected === 'all'"
+      ref="scroll"
+      :updateData="[lists]"
+      :pullUp="true"
+    >
+      <div class="pay-content">
+        <div v-for="(item,index) in lists" :key="index" class="contract-item">
           <div class="header">
             <img src="@/assets/contractRepayment/contract.png" alt="">
             <h2>{{ item.project_number }}</h2>
-            <!-- 状态用类名控制  待还款orange,待签约blue,还款中green,已结清black -->
-            <p class="green" v-if="item.contract_status_n === '待首付'">待签约</p>
-            <p class="orange" v-if="item.contract_status_n === '首付还款中'">代还款</p>
-            <p class="blue" v-if="item.contract_status_n === '还款中'">还款中</p>
-            <p class="black" v-if="item.contract_status_n === '已结清'">已结清</p>
+            <!-- 状态用类名控制  待还款orange,待签约green,还款中blue,已结清black -->
+            <p v-if="item.contract_status_n === '待首付'" class="green">待签约</p>
+            <p v-if="item.contract_status_n === '首付还款中'" class="orange">代还款</p>
+            <p v-if="item.contract_status_n === '还款中'" class="blue">还款中</p>
+            <p v-if="item.contract_status_n === '已结清'" class="black">已结清</p>
           </div>
           <div class="center">
             <div><span>承租人</span><p>{{ item.bp_name }}</p></div>
@@ -59,23 +59,22 @@
             </section>
           </div>
         </div>
-</div>
-        
-      </scroll>
-<!-- 待签约 -->
-    <scroll 
-        v-if="selected === 'one'"
-        ref="scroll"
-        :updateData="[unSignedLists]"
-        :pullUp="true"
-      >
-<div class="pay-content">
+      </div>
+
+    </scroll>
+    <!-- 待签约 -->
+    <scroll
+      v-if="selected === 'one'"
+      ref="scroll"
+      :updateData="[unSignedLists]"
+      :pullUp="true"
+    >
+      <div class="pay-content">
 
         <div v-for="(item,index) in unSignedLists" :key="index" class="contract-item">
           <div class="header">
             <img src="@/assets/contractRepayment/contract.png" alt="">
             <h2>{{ item.project_number }}</h2>
-            <!-- 状态用类名控制  待还款orange,待签约blue,还款中green,已结清black -->
             <p class="green">待签约</p>
           </div>
           <div class="center">
@@ -90,22 +89,21 @@
             </section>
           </div>
         </div>
-</div>
-      </scroll>
-<!-- 待还款 -->
-      <scroll 
-        v-if="selected === 'two'"
-        ref="scroll"
-        :updateData="[unRepayLists]"
-        :pullUp="true"
-      >
-          <div class="pay-content">
+      </div>
+    </scroll>
+    <!-- 待还款 -->
+    <scroll
+      v-if="selected === 'two'"
+      ref="scroll"
+      :updateData="[unRepayLists]"
+      :pullUp="true"
+    >
+      <div class="pay-content">
 
         <div v-for="(item,index) in unRepayLists" :key="index" class="contract-item">
           <div class="header">
             <img src="@/assets/contractRepayment/contract.png" alt="">
             <h2>{{ item.project_number }}</h2>
-            <!-- 状态用类名控制  待还款orange,待签约blue,还款中green,已结清black -->
             <p class="orange">待还款</p>
           </div>
           <div class="center">
@@ -120,22 +118,21 @@
             </section>
           </div>
         </div>
-          </div>
-      </scroll>
-<!-- 还款中 -->
-      <scroll 
-        v-if="selected === 'three'"
-        ref="scroll"
-        :updateData="[repayingLists]"
-        :pullUp="true"
-      >
-        <div class="pay-content">
+      </div>
+    </scroll>
+    <!-- 还款中 -->
+    <scroll
+      v-if="selected === 'three'"
+      ref="scroll"
+      :updateData="[repayingLists]"
+      :pullUp="true"
+    >
+      <div class="pay-content">
 
         <div v-for="(item,index) in repayingLists" :key="index" class="contract-item">
           <div class="header">
             <img src="@/assets/contractRepayment/contract.png" alt="">
             <h2>{{ item.project_number }}</h2>
-            <!-- 状态用类名控制  待还款orange,待签约blue,还款中green,已结清black -->
             <p class="blue">还款中</p>
           </div>
           <div class="center">
@@ -150,22 +147,21 @@
             </section>
           </div>
         </div>
-        </div>
-      </scroll>
-<!-- 已结清 -->
-      <scroll 
-        v-if="selected === 'four'"
-        ref="scroll"
-        :updateData="[repayedLists]"
-        :pullUp="true"
-      >
-        <div class="pay-content">
+      </div>
+    </scroll>
+    <!-- 已结清 -->
+    <scroll
+      v-if="selected === 'four'"
+      ref="scroll"
+      :updateData="[repayedLists]"
+      :pullUp="true"
+    >
+      <div class="pay-content">
 
         <div v-for="(item,index) in repayedLists" :key="index" class="contract-item">
           <div class="header">
             <img src="@/assets/contractRepayment/contract.png" alt="">
             <h2>{{ item.project_number }}</h2>
-            <!-- 状态用类名控制  待还款orange,待签约blue,还款中green,已结清black -->
             <p class="black">已结清</p>
           </div>
           <div class="center">
@@ -180,8 +176,8 @@
             </section>
           </div>
         </div>
-        </div>
-      </scroll>
+      </div>
+    </scroll>
     <h-content v-if="data===null" class="null">
       <div class="display">
         <img src="@/assets/contractRepayment/null.png" alt="">

src/pages/contractInquire/repay-detail.vue

@@ -43,7 +43,7 @@
         </item>
         <item>
           <div slot="name">商务政策</div>
-          <div slot="content">{{detailInfo.product_plan_id_n}}</div>
+          <div slot="content">{{ detailInfo.product_plan_id_n }}</div>
         </item>
         <item>
           <div slot="name">租赁物数量</div>

src/pages/contractInquire/repay-plans.vue

@@ -19,7 +19,7 @@
       <div class="total">
         <div class="sum">
           <div>融资额</div>
-          <p>{{info.total_rental_sum | currency}}</p>
+          <p>{{ info.total_rental_sum | currency }}</p>
           <img src="@/assets/contractInquire/num.png" alt="">
           <h3><span>{{ info.lease_times }}</span>期</h3>
         </div>
@@ -148,7 +148,7 @@ export default {
 </script>
 <style lang='less'>
 #repay-plans {
- 
+
   .total {
     position: relative;
     background-color: #1D3FFF;

src/pages/contractSigning/contract-signing.vue

@@ -25,57 +25,57 @@
     </div>
 
     <!-- <h-content > -->
-      <scroll
+    <scroll
       v-if="num === 1"
-        ref="scroll"
-        :updateData="[submitLists]"
-        :pullUp="true"
-      >
-        <div class="wrap">
-          <div v-for="(item,index) in submitLists" :key="index" class="contract-lists" >
-            <div class="pro-code" @click="goDetails(item)">
-              <img src="@/assets/distributorSign/fileIcon.png" alt="" class="file-icon">
-              <p>
-                <span>合同号</span>
-                <span>{{ item.project_number }}</span>
-              </p>
-              <img src="@/assets/distributorSign/goDetails.png" alt="" class="arrow">
-            </div>
-            <div class="box">
-              <div><p>承租人</p><p>{{ item.bp_name }}</p></div>
-              <div><p>合同租金</p><p class="money">{{ item.total_price|currency }}</p></div>
-              <div><p>申请时间</p><p>{{ dateConverse(item.confirm_start_date) }}</p></div>
-            </div>
+      ref="scroll"
+      :updateData="[submitLists]"
+      :pullUp="true"
+    >
+      <div class="wrap">
+        <div v-for="(item,index) in submitLists" :key="index" class="contract-lists" >
+          <div class="pro-code" @click="goDetails(item)">
+            <img src="@/assets/distributorSign/fileIcon.png" alt="" class="file-icon">
+            <p>
+              <span>合同号</span>
+              <span>{{ item.project_number }}</span>
+            </p>
+            <img src="@/assets/distributorSign/goDetails.png" alt="" class="arrow">
+          </div>
+          <div class="box">
+            <div><p>承租人</p><p>{{ item.bp_name }}</p></div>
+            <div><p>合同租金</p><p class="money">{{ item.total_price|currency }}</p></div>
+            <div><p>申请时间</p><p>{{ dateConverse(item.confirm_start_date) }}</p></div>
           </div>
         </div>
-      </scroll>
+      </div>
+    </scroll>
     <!-- </h-content> -->
 
     <!-- <h-content > -->
-      <scroll
+    <scroll
       v-if="num === 2"
-        ref="scrollList"
-        :updateData="[approvedLists]"
-        :pullUp="true"
-      >
-        <div class="wrap">
-          <div v-for="(item,index) in approvedLists" :key="index" class="contract-lists" >
-            <div class="pro-code" @click="goDetails(item)">
-              <img src="@/assets/distributorSign/fileIcon.png" alt="" class="file-icon">
-              <p>
-                <span>合同号</span>
-                <span>{{ item.project_number }}</span>
-              </p>
-              <img src="@/assets/distributorSign/goDetails.png" alt="" class="arrow">
-            </div>
-            <div class="box">
-              <div><p>承租人</p><p>{{ item.bp_name }}</p></div>
-              <div><p>合同租金</p><p class="money">{{ item.total_price|currency }}</p></div>
-              <div><p>申请时间</p><p>{{ dateConverse(item.confirm_start_date) }}</p></div>
-            </div>
+      ref="scrollList"
+      :updateData="[approvedLists]"
+      :pullUp="true"
+    >
+      <div class="wrap">
+        <div v-for="(item,index) in approvedLists" :key="index" class="contract-lists" >
+          <div class="pro-code" @click="goDetails(item)">
+            <img src="@/assets/distributorSign/fileIcon.png" alt="" class="file-icon">
+            <p>
+              <span>合同号</span>
+              <span>{{ item.project_number }}</span>
+            </p>
+            <img src="@/assets/distributorSign/goDetails.png" alt="" class="arrow">
+          </div>
+          <div class="box">
+            <div><p>承租人</p><p>{{ item.bp_name }}</p></div>
+            <div><p>合同租金</p><p class="money">{{ item.total_price|currency }}</p></div>
+            <div><p>申请时间</p><p>{{ dateConverse(item.confirm_start_date) }}</p></div>
           </div>
         </div>
-      </scroll>
+      </div>
+    </scroll>
     <!-- </h-content> -->
   </h-view>
 </template>
@@ -107,9 +107,9 @@ export default {
   },
   beforeRouteEnter (to, from, next) {
     next(vm => {
-       if (from.name === 'MyInfo') {
-         vm.user_bp_type = vm.$route.params.user_bp_type
-       }
+      if (from.name === 'MyInfo') {
+        vm.user_bp_type = vm.$route.params.user_bp_type
+      }
       vm.contractList()
     })
     // next()

src/pages/contractSigning/entry-info.vue

 <!--
  * @Author: your name
  * @Date: 2019-09-29 10:02:11
- * @LastEditTime: 2019-11-08 10:49:33
+ * @LastEditTime: 2019-11-11 16:38:59
  * @LastEditors: Please set LastEditors
  * @Description: In User Settings Edit
  -->
@@ -47,8 +47,14 @@
           </item>
           <item>
             <div slot="name" >支行名称</div>
-            <input v-if="user_bp_type !== 'GUTA' && confirm_status !== 'APPROVED'" slot="content" v-model="bank_lists[0].bank_branch_name" type="text" placeholder="请输入支行名称">
-            <input v-if="user_bp_type === 'GUTA' || confirm_status === 'APPROVED'" slot="content" v-model="bank_lists[0].bank_branch_name" readonly type="text" placeholder="请输入支行名称">
+            <input
+              v-if="user_bp_type !== 'GUTA' && confirm_status !== 'APPROVED'" slot="content" v-model="bank_lists[0].bank_branch_name" type="text"
+              placeholder="请输入支行名称"
+            >
+            <input
+              v-if="user_bp_type === 'GUTA' || confirm_status === 'APPROVED'" slot="content" v-model="bank_lists[0].bank_branch_name" readonly
+              type="text" placeholder="请输入支行名称"
+            >
           </item>
 
         </list-item>
@@ -101,7 +107,7 @@ export default {
   computed: {},
   watch: {},
   activated () {
-    console.log('................',this.$route.params.user_bp_type)
+    console.log('................', this.$route.params.user_bp_type)
     this.user_bp_type = this.$route.params.user_bp_type
     this.name = this.$route.params.name
     this.confirm_status = this.$route.params.confirm_status

src/pages/financingTrial/financing-details.vue

@@ -44,8 +44,9 @@
         <item>
           <div slot="name" class="font-color">保证金</div>
           <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>
+          <span
+            v-if="equip_price"
+            slot="content">{{ equip_price*info.deposit_ratio_n.replace("%","")/100 | currency }}</span>
         </item>
         <item>
           <div slot="name" class="font-color">手续费比例</div>
@@ -76,9 +77,9 @@
           <div slot="content" class="autoColor">{{ price_date_to }}</div>
           <img src="@/assets/trial/date.png" alt="" class="date-pic" @click="showTime('YYYY-MM-DD')">
         </item>
-        <item @click.native="periodPull" :show-arrow="true">
+        <item :show-arrow="true" @click.native="periodPull">
           <div slot="name" class="font-color">还款周期</div>
-          <span slot="content">{{info.annual_pay_times_n}}</span>
+          <span slot="content">{{ info.annual_pay_times_n }}</span>
           <!-- <input slot="content" v-model="info.annual_pay_times_n" placeholder="月"> -->
         </item>
         <item>
@@ -137,8 +138,8 @@ export default {
   watch: {
     equip_price () {
 
-      },
     },
+  },
   beforeRouteEnter (to, from, next) {
     next(vm => {
       if (from.name === 'FinancingTrial') {
@@ -158,136 +159,135 @@ export default {
     next()
   },
   created () {},
-    methods:
+  methods:
     {
     // 还款计划
-     goRepay() {
-          if (this.trial_flag) {
-            this.$router.push({
-              name: 'TrialRepayPlan',
-              params: {
-                quotation_id: this.quotation_id,
-              },
+      goRepay () {
+        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({
+          nowDate: (new Date()).format('yyyy-MM-dd'),
+          format: format,
+          callback: (date) => {
+            vm.price_date_to = date
+          },
+        })
+      },
+
+      // 还款周期查询
+      repayPeriod () {
+        let vm = this
+        let url = $config.basePath + 'annual_pay_times_query'
+        let param = {
+          product_plan_id: vm.product_plan_id,
+        }
+        vm.hlsPopup.showLoading('数据加载中')
+        vm.hlsHttp.post(url, param).then(function (res) {
+          vm.hlsPopup.hideLoading()
+          if (res.result === 'S') {
+            vm.periodLists = res.lists.map(item => {
+              return {
+                code: item.annual_pay_times,
+                code_name: item.annual_pay_times_n,
+              }
             })
           } else {
-            hlsPopup.showLongCenter('您还未通过试算')
+            hlsPopup.showLongCenter(res.message)
           }
-        },
-
-   // 时间选择
-   showTime (format) {
-     let vm = this
-     hlsPopup.showTime({
-       nowDate: (new Date()).format('yyyy-MM-dd'),
-       format: format,
-       callback: (date) => {
-         vm.price_date_to = date
-       },
-     })
-   },
-
-   // 还款周期查询
-   repayPeriod () {
-     let vm = this
-     let url = $config.basePath + 'annual_pay_times_query'
-     let param = {
-       product_plan_id: vm.product_plan_id,
-     }
-     vm.hlsPopup.showLoading('数据加载中')
-     vm.hlsHttp.post(url, param).then(function (res) {
-       vm.hlsPopup.hideLoading()
-       if (res.result === 'S') {
-         vm.periodLists = res.lists.map(item => {
-           return {
-             code: item.annual_pay_times,
-             code_name: item.annual_pay_times_n,
-           }
-         })
-       } else {
-         hlsPopup.showLongCenter(res.message)
-       }
-     })
-   },
-   // 还款周期选择
-   periodPull () {
-     let vm = this
-     vm.hlsPopup.selectList({
-           list: vm.periodLists, // 下拉列表
-           code: 'bp_type',
-           object: {},
-           returnItem: function (index, obj) {
-             vm.info.annual_pay_times_n = obj.bp_type_n
-             vm.annual_pay_times = obj.bp_type
-           },
-         })
-
-   },
+        })
+      },
+      // 还款周期选择
+      periodPull () {
+        let vm = this
+        vm.hlsPopup.selectList({
+          list: vm.periodLists, // 下拉列表
+          code: 'bp_type',
+          object: {},
+          returnItem: function (index, obj) {
+            vm.info.annual_pay_times_n = obj.bp_type_n
+            vm.annual_pay_times = obj.bp_type
+          },
+        })
+      },
 
-   // 试算明细查询
-   detailsQuery () {
-     let vm = this
-     let url = $config.basePath + 'finance_detial'
-     let param = {
-       product_plan_id: vm.product_plan_id,
-     }
-     vm.hlsPopup.showLoading('数据加载中')
-     vm.hlsHttp.post(url, param).then(function (res) {
-       vm.hlsPopup.hideLoading()
-       if (res.result === 'S') {
-         vm.info = res.info
-         vm.annual_pay_times = res.info.annual_pay_times
-       } else {
-         hlsPopup.showLongCenter(res.message)
-       }
-     })
-   },
-   // 试算保存
-   calculationSave () {
-     if (!this.equip_price) {
-       hlsPopup.showLongCenter('请输入设备总价')
-     } else if (!this.price_date_to) {
-       hlsPopup.showLongCenter('请选择时间')
-     } else if(!this.gps_fee){
-       hlsPopup.showLongCenter('请输入GPS费用')
-     } else if(!this.insurance_fee){
-       hlsPopup.showLongCenter('请输入保险押金费用')
-     } else {
-       let vm = this
-       let url = $config.basePath + 'prd_calculation_save'
-       let param = {
-         'master': {
-           'product_plan_id': vm.info.product_plan_id,
-           'equip_price': vm.equip_price,
-           'down_payment': vm.equip_price * (vm.info.down_payment_ratio_n.replace('%', '') / 100),
-           'deposit': vm.equip_price * (vm.info.deposit_ratio_n.replace('%', '') / 100),
-           'lease_charge': (vm.equip_price - vm.equip_price*vm.info.down_payment_ratio_n.replace("%","")/100)*(vm.info.lease_charge_ratio_n.replace("%","")/100),
-           'due_date': (vm.price_date_to).substr(0, 10),
-           "lease_times": vm.info.lease_times,
-            "insurance_fee": vm.insurance_fee,
-            "gps_fee": vm.gps_fee,
-            "annual_pay_times": vm.annual_pay_times,
-         },
-       }
-       vm.hlsPopup.showLoading('试算中，请稍后')
-       vm.hlsHttp.post(url, param).then(function (res) {
-         vm.hlsPopup.hideLoading()
-         if (res.result === 'S') {
-           hlsPopup.showLongCenter('试算成功')
-           vm.$router.push({
-             name: 'TrialRepayPlan',
-             params: {
-                quotation_id: res.quotation_id,
-              },
-           })
-           vm.quotation_id = res.quotation_id
-           vm.trial_flag = true
-         } else {
-           hlsPopup.showLongCenter(res.message)
-         }
-       })
-     }
-   },
-},
+      // 试算明细查询
+      detailsQuery () {
+        let vm = this
+        let url = $config.basePath + 'finance_detial'
+        let param = {
+          product_plan_id: vm.product_plan_id,
+        }
+        vm.hlsPopup.showLoading('数据加载中')
+        vm.hlsHttp.post(url, param).then(function (res) {
+          vm.hlsPopup.hideLoading()
+          if (res.result === 'S') {
+            vm.info = res.info
+            vm.annual_pay_times = res.info.annual_pay_times
+          } else {
+            hlsPopup.showLongCenter(res.message)
+          }
+        })
+      },
+      // 试算保存
+      calculationSave () {
+        if (!this.equip_price) {
+          hlsPopup.showLongCenter('请输入设备总价')
+        } else if (!this.price_date_to) {
+          hlsPopup.showLongCenter('请选择时间')
+        } else if (!this.gps_fee) {
+          hlsPopup.showLongCenter('请输入GPS费用')
+        } else if (!this.insurance_fee) {
+          hlsPopup.showLongCenter('请输入保险押金费用')
+        } else {
+          let vm = this
+          let url = $config.basePath + 'prd_calculation_save'
+          let param = {
+            'master': {
+              'product_plan_id': vm.info.product_plan_id,
+              'equip_price': vm.equip_price,
+              'down_payment': vm.equip_price * (vm.info.down_payment_ratio_n.replace('%', '') / 100),
+              'deposit': vm.equip_price * (vm.info.deposit_ratio_n.replace('%', '') / 100),
+              'lease_charge': (vm.equip_price - vm.equip_price * vm.info.down_payment_ratio_n.replace('%', '') / 100) * (vm.info.lease_charge_ratio_n.replace('%', '') / 100),
+              'due_date': (vm.price_date_to).substr(0, 10),
+              'lease_times': vm.info.lease_times,
+              'insurance_fee': vm.insurance_fee,
+              'gps_fee': vm.gps_fee,
+              'annual_pay_times': vm.annual_pay_times,
+            },
+          }
+          vm.hlsPopup.showLoading('试算中，请稍后')
+          vm.hlsHttp.post(url, param).then(function (res) {
+            vm.hlsPopup.hideLoading()
+            if (res.result === 'S') {
+              hlsPopup.showLongCenter('试算成功')
+              vm.$router.push({
+                name: 'TrialRepayPlan',
+                params: {
+                  quotation_id: res.quotation_id,
+                },
+              })
+              vm.quotation_id = res.quotation_id
+              vm.trial_flag = true
+            } else {
+              hlsPopup.showLongCenter(res.message)
+            }
+          })
+        }
+      },
+    },
 }
 </script>
 <style lang='less' scoped>

src/pages/financingTrial/financing-trial.vue

@@ -19,42 +19,42 @@
       <img src="@/assets/contractInquire/search.png" alt="">
       <input type="text" placeholder="请输入产品名称">
     </div>
-      <scroll
-        ref="scroll"
-        :updateData="[lists]"
-        :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">{{ item.product_plan_id_n }}</p>
-            <img class="linkPic" src="@/assets/distributorSign/righticon.png" alt="">
-          </div>
+    <scroll
+      ref="scroll"
+      :updateData="[lists]"
+      :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">{{ item.product_plan_id_n }}</p>
+          <img class="linkPic" src="@/assets/distributorSign/righticon.png" alt="">
+        </div>
 
-          <div class="tario">
-            <div class="wrap">
-              <p class="ratio">
-                <span>保证金比例</span>
-                <span>{{ item.deposit_ratio_n }}</span>
-              </p>
-              <p>
-                <span>手续费比例</span>
-                <span>{{ item.lease_charge_ratio_n }}</span>
-              </p>
-            </div>
-            <div class="wrap">
-              <p>
-                <span>年利率</span>
-                <span>{{ item.int_rate_n }}</span>
-              </p>
-              <p>
-                <span>期&nbsp;&nbsp;&nbsp;限</span>
-                <span>{{ item.lease_times }}期</span>
-              </p>
-            </div>
+        <div class="tario">
+          <div class="wrap">
+            <p class="ratio">
+              <span>保证金比例</span>
+              <span>{{ item.deposit_ratio_n }}</span>
+            </p>
+            <p>
+              <span>手续费比例</span>
+              <span>{{ item.lease_charge_ratio_n }}</span>
+            </p>
+          </div>
+          <div class="wrap">
+            <p>
+              <span>年利率</span>
+              <span>{{ item.int_rate_n }}</span>
+            </p>
+            <p>
+              <span>期&nbsp;&nbsp;&nbsp;限</span>
+              <span>{{ item.lease_times }}期</span>
+            </p>
           </div>
-        </section>
-      </scroll>
+        </div>
+      </section>
+    </scroll>
   </h-view>
 </template>
 
@@ -116,8 +116,8 @@ export default {
          if (res.result === 'S') {
            vm.lists = res.lists
            if (res.lists.length > 0 && res.lists.length < 10) {
-            vm.$refs.scroll.update(true)
-          }
+             vm.$refs.scroll.update(true)
+           }
          } else {
            hlsPopup.showLongCenter(res.message)
          }
@@ -131,8 +131,8 @@ export default {
          if (res.result === 'S') {
            vm.lists = res.lists
            if (res.lists.length > 0 && res.lists.length < 10) {
-            vm.$refs.scroll.update(true)
-          }
+             vm.$refs.scroll.update(true)
+           }
          } else {
            hlsPopup.showLongCenter(res.message)
          }

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

@@ -18,7 +18,7 @@
       <div class="total">
         <div class="sum">
           <div>融资额</div>
-          <p>{{info.finance_amount | currency}}</p>
+          <p>{{ info.finance_amount | currency }}</p>
           <img src="@/assets/contractInquire/num.png" alt="">
           <h3><span>{{ info.lease_times }}期</span></h3>
         </div>
@@ -43,7 +43,7 @@
         <img v-if="statu === 'green'" src="@/assets/contractInquire/green.png" alt="" class="left">
         <div class="time">
           <p>{{ item.due_date.substr(0,4) }}</p>
-            <span>{{ dateConverse(item.due_date).substr(5,10) }}</span>
+          <span>{{ dateConverse(item.due_date).substr(5,10) }}</span>
         </div>
         <div class="name">
           <p>款项</p>
@@ -137,7 +137,6 @@ export default {
         if (res.result === 'S') {
           vm.info = res.info
           vm.repayLists = res.lists.sort(vm.arrSort('times')) // 根据还款期排序
-          
         } else {
           hlsPopup.showLongCenter(res.message)
         }

src/pages/productQuery/product-detailed.vue

@@ -15,67 +15,67 @@
         <span>产品明细</span>
       </div>
     </h-header>
-       <div class="tab-style" v-if="slide">
+    <div v-if="slide" class="tab-style">
       <div :class="{'done':num === 0,'undone':num !== 0}" @click="tabCheck(0)"><img :src="num === 0?baseInfoImg:unBaseInfo"><span>基本信息</span></div>
       <div :class="{'done':num === 1,'undone':num !== 1}" @click="tabCheck(1)"><img :src="num === 1?detail:unDetail"><span>商品详情</span></div>
       <div :class="{'done':num === 2,'undone':num !== 2}" @click="tabCheck(2)"><img :src="num === 2?config:unConfig"><span>产品配置</span></div>
     </div>
 
     <!-- 基本信息 -->
-    <h-content class="hcontent" v-swipeup="(e)=>vueTouch('上滑',e)" v-swipedown="(e)=>vueTouch('下滑',e)">
-      <scroll class="scrolls" ref="scrolls" :listenScroll="true" @scroll="startScroll">
-      <!-- 基本信息 -->
-       <div id="baseInfo" class="base">
-        <swipe :interval="5000" class="hls-swipe">
-        <swipe-item v-for="(item,index) in picLists" :key="index" class="hls-swipe">
-          <img :src="item.url" alt="">
-        </swipe-item>
-      </swipe>
-        <div class="base-content">
-          <div class="top-code">
-            <div>参数项 &nbsp;{{ baseInfo.product_code }}</div>
-            <div>{{ baseInfo.division_n }}</div>
-          </div>
-          <div class="pro-name">{{ baseInfo.product_name }}</div>
-          <div class="pro-price">
-            <p>参考价 <span class="prices">￥{{ baseInfo.plan_price | currency }}</span></p>
-            <p class="dates">价格有效期 &nbsp;{{ baseInfo.price_date_to | dateFormat }}</p>
-          </div>
-          <div class="agent">
-            <div class="items">
-              <img src="@/assets/productQuery/agent.png" alt="">
-              <p>{{ baseInfo.agent_bp_name }}</p>
+    <h-content v-swipeup="(e)=>vueTouch('上滑',e)" v-swipedown="(e)=>vueTouch('下滑',e)" class="hcontent">
+      <scroll ref="scrolls" :listenScroll="true" class="scrolls" @scroll="startScroll">
+        <!-- 基本信息 -->
+        <div id="baseInfo" class="base">
+          <swipe :interval="5000" class="hls-swipe">
+            <swipe-item v-for="(item,index) in picLists" :key="index" class="hls-swipe">
+              <img :src="item.url" alt="">
+            </swipe-item>
+          </swipe>
+          <div class="base-content">
+            <div class="top-code">
+              <div>参数项 &nbsp;{{ baseInfo.product_code }}</div>
+              <div>{{ baseInfo.division_n }}</div>
             </div>
-            <div class="items">
-              <img src="@/assets/productQuery/address.png" alt="">
-              <p>{{ baseInfo.business_address }} .{{ baseInfo.province_name }}</p>
+            <div class="pro-name">{{ baseInfo.product_name }}</div>
+            <div class="pro-price">
+              <p>参考价 <span class="prices">￥{{ baseInfo.plan_price | currency }}</span></p>
+              <p class="dates">价格有效期 &nbsp;{{ baseInfo.price_date_to | dateFormat }}</p>
             </div>
-            <div class="items">
-              <img src="@/assets/productQuery/call.png" alt="">
-              <p>{{ baseInfo.phone }}</p>
-            </div>
-            <div class="items">
-              <img src="@/assets/productQuery/house.png" alt="">
-              <p>{{ baseInfo.factory_bp_name }}</p>
+            <div class="agent">
+              <div class="items">
+                <img src="@/assets/productQuery/agent.png" alt="">
+                <p>{{ baseInfo.agent_bp_name }}</p>
+              </div>
+              <div class="items">
+                <img src="@/assets/productQuery/address.png" alt="">
+                <p>{{ baseInfo.business_address }} .{{ baseInfo.province_name }}</p>
+              </div>
+              <div class="items">
+                <img src="@/assets/productQuery/call.png" alt="">
+                <p>{{ baseInfo.phone }}</p>
+              </div>
+              <div class="items">
+                <img src="@/assets/productQuery/house.png" alt="">
+                <p>{{ baseInfo.factory_bp_name }}</p>
+              </div>
             </div>
           </div>
         </div>
-      </div>
 
-      <!-- 商品详情 -->
-      <div id="prodetail" ref="detail" class="pro-details prodetail">
-        <div class="equipment-list">商品详情</div>
+        <!-- 商品详情 -->
+        <div id="prodetail" ref="detail" class="pro-details prodetail">
+          <div class="equipment-list">商品详情</div>
 
-        <div v-for="item in picLists" :key="item.product_attachment_id" class="proPic">
-          <img :src="item.url" alt="">
-        </div>
+          <div v-for="item in picLists" :key="item.product_attachment_id" class="proPic">
+            <img :src="item.url" alt="">
+          </div>
 
-      </div>
-      <!-- 产品配置 -->
-      <div id="procfg" class="pro-details procnf">
-        <div class="equipment-list">产品配置</div>
-        <div class="table-wrap" v-html="confgInfo.product_properties"/>
-      </div>
+        </div>
+        <!-- 产品配置 -->
+        <div id="procfg" class="pro-details procnf">
+          <div class="equipment-list">产品配置</div>
+          <div class="table-wrap" v-html="confgInfo.product_properties"/>
+        </div>
       </scroll>
     </h-content>
     <bottom-tab class="footer-button">
@@ -163,23 +163,19 @@ export default {
         // tab切换
         tabCheck (num) {
           let scrollContent = document.getElementsByClassName('scrollContent')[0]
-          if(num === 0){
+          if (num === 0) {
             this.num = 0
             this.$refs.scrolls.scrollToElement(document.getElementsByClassName('base')[0])
-
-          }else if(num === 1){
+          } else if (num === 1) {
             this.num = 1
             this.$refs.scrolls.scrollToElement(document.getElementsByClassName('prodetail')[0])
-
-          }else{
+          } else {
             this.num = 2
             this.$refs.scrolls.scrollToElement(document.getElementsByClassName('procnf')[0])
-
           }
         },
 
         vueTouch: function (s, e) {
-
           let clientHeight = document.body.clientHeight // 屏幕可视高度
           let procnfGather = document.getElementsByClassName('procnf')[0].getBoundingClientRect() // 配置信息元素集合
           let detailGather = document.getElementsByClassName('prodetail')[0].getBoundingClientRect() // 详情信息元素集合
@@ -188,7 +184,7 @@ export default {
             this.num = 2
           } else if (clientHeight - detailGather.top >= detailGather.height) {
             this.num = 1
-          } else if ( -(baseGather.top) <= baseGather.height/2) {
+          } else if (-(baseGather.top) <= baseGather.height / 2) {
             this.num = 0
           }
         },
@@ -497,7 +493,7 @@ export default {
       .butt {
         width: 48%;
         margin-left: 3px;
-        
+
         border-radius: 4px;
       }
       .butt:nth-of-type(2) {

src/pages/productQuery/product-list.vue

@@ -18,36 +18,36 @@
           <img src="@/assets/distributorSign/search.png" alt="">
         </div>
       </div>
-      <scroll 
-       ref="scroll"
-       :updateData="[lists]"
-       :pullUp="true"
+      <scroll
+        ref="scroll"
+        :updateData="[lists]"
+        :pullUp="true"
       >
-      
-      <div class="division-box">
 
-        <list-item v-for="(item,index) in lists" :key="index">
-          <item :proportion="[1,4]" @click.native="goDetailed(item.product_id,item.collect_status,item.bp_id)">
-            <div slot="name" class="item-pic">
-              <img :src="item.url" alt="">
-            </div>
-            <div slot="content" class="item-content">
-              <div class="pro-name">
-                <p>{{ item.product_name }}</p>
-                <img class="arrow" src="@/assets/productQuery/getIn.png" alt="" >
-              </div>
-              <div class="centers">
-                <p class="firsts1">{{ item.bp_type_n }}</p>
-                <p class="seconds1">{{ item.bp_name }}</p>
+        <div class="division-box">
+
+          <list-item v-for="(item,index) in lists" :key="index">
+            <item :proportion="[1,4]" @click.native="goDetailed(item.product_id,item.collect_status,item.bp_id)">
+              <div slot="name" class="item-pic">
+                <img :src="item.url" alt="">
               </div>
-              <div class="centers">
-                <p class="firsts1">参数项</p>
-                <p class="seconds1">{{ item.product_code }}</p>
+              <div slot="content" class="item-content">
+                <div class="pro-name">
+                  <p>{{ item.product_name }}</p>
+                  <img class="arrow" src="@/assets/productQuery/getIn.png" alt="" >
+                </div>
+                <div class="centers">
+                  <p class="firsts1">{{ item.bp_type_n }}</p>
+                  <p class="seconds1">{{ item.bp_name }}</p>
+                </div>
+                <div class="centers">
+                  <p class="firsts1">参数项</p>
+                  <p class="seconds1">{{ item.product_code }}</p>
+                </div>
               </div>
-            </div>
-          </item>
-        </list-item>
-      </div>
+            </item>
+          </list-item>
+        </div>
       </scroll>
     </h-content>
   </h-view>
@@ -82,13 +82,13 @@ export default {
        if (res.result === 'S') {
          vm.lists = res.lists
          res.lists.forEach(item => {
-                item['url'] = process.env.filePath + 'attachment_id=' + item.product_attachment_id + '&access_token=' + window.localStorage.access_token
-              })
-              if (res.lists.length > 0 && res.lists.length < 10) {
-            vm.$refs.scroll.update(true)
-          }
-              // vm.picLists = res.lists
-              // console.log('........',vm.picLists)
+           item['url'] = process.env.filePath + 'attachment_id=' + item.product_attachment_id + '&access_token=' + window.localStorage.access_token
+         })
+         if (res.lists.length > 0 && res.lists.length < 10) {
+           vm.$refs.scroll.update(true)
+         }
+         // vm.picLists = res.lists
+         // console.log('........',vm.picLists)
        } else {
          hlsPopup.showLongCenter(res.message)
        }