优化refund

src/pages/intoApproval/intoApproval/base.vue

@@ -38,7 +38,7 @@
       </div>
     </div>
     <h-header :proportion="[5,1,1]" class="header">
-      <div slot="left" class="h-header-btn" @click="$routeGo()">
+      <div slot="left" class="h-header-btn" @click="$routeGo(-2)">
         <img src="@/assets/intoApproval/arrow.png" >
         <span>进件审批</span>
       </div>
@@ -87,7 +87,8 @@
             <input slot="content" v-model="personInfo.marital_status_n" readonly >
           </item>
         </list-item>
-        <div v-if="personInfo.marital_status == 'MARRIED'" class="userInfo">配偶信息</div>
+        <div v-if="personInfo.marital_status == 'MARRIED'" >
+          <div class="userInfo">配偶信息</div>
           <list-item :item-height="44">
             <item>
               <div slot="name">姓名</div>
@@ -106,6 +107,7 @@
               <input slot="content" v-model="personInfo.address_sp" readonly >
             </item>
           </list-item>
+        </div>
         <div class="userInfo">
           担保人信息
           <span v-if="bondsInfo.length==0">（无）</span>
@@ -140,6 +142,7 @@
           </div>
         </div>
       </div>
+
       <div v-if="tabNum==0&&bp_class=='ORG'">
         <list-item :item-height="44">
           <item>
@@ -366,6 +369,7 @@ export default {
       let param = {
         project_id: window.sessionStorage.project_id,
       }
+      vm.hlsPopup.showLoading('数据加载中!')
       vm.hlsHttp.post(url, param).then(function (res) {
         vm.hlsPopup.hideLoading()
         if (res.result === 'S') {
@@ -379,6 +383,7 @@ export default {
       let param = {
         project_id: window.sessionStorage.project_id,
       }
+      vm.hlsPopup.showLoading('数据加载中!')
       vm.hlsHttp.post(url, param).then(function (res) {
         vm.hlsPopup.hideLoading()
         if (res.result === 'S') {
@@ -392,6 +397,7 @@ export default {
       let param = {
         project_id: window.sessionStorage.project_id,
       }
+      vm.hlsPopup.showLoading('数据加载中!')
       vm.hlsHttp.post(url, param).then(function (res) {
         vm.hlsPopup.hideLoading()
         if (res.result === 'S') {
@@ -420,6 +426,7 @@ export default {
           confirm_note: this.confirm_note,
         },
       }
+      vm.hlsPopup.showLoading('提交数据中!')
       vm.hlsHttp.post(url, param).then(function (res) {
         vm.hlsPopup.hideLoading()
         if (res.result === 'S') {

src/pages/intoApproval/intoApproval/refund.vue

@@ -7,7 +7,8 @@
           <span>还款计划</span>
         </div>
       </h-header>
-      <div class="top-content">
+      <img v-if="none" class="noData" src="@/assets/intoApproval/none.jpg">
+      <div v-if="dataNone" class="top-content">
         <span class="top-tittle">融资额(元)</span>
         <span class="num">{{ info.finance_amount|NumFormat }}</span>
         <div class="top-detail">
@@ -28,12 +29,12 @@
           </div>
           <div class="right">
             <span class="line">合同期数</span>
-            <span>￥{{ info.lease_times }}</span>
+            <span>&nbsp;&nbsp;&nbsp;&nbsp;{{ info.lease_times }}</span>
           </div>
         </div>
       </div>
     </div>
-    <h-content>
+    <h-content v-if="dataNone">
       <table>
         <tr>
           <th />
@@ -43,7 +44,7 @@
         </tr>
         <tr v-for="(item,index) in lists" :key="index">
           <td>{{ index+1 }}</td>
-          <td>{{ item.due_date }}</td>
+          <td>{{ item.due_date|timeFormat }}</td>
           <td>租金</td>
           <td>{{ item.rental|NumFormat }}</td>
         </tr>
@@ -73,6 +74,19 @@ export default {
         return intPartFormat + floatPart
       }
     },
+    'timeFormat': function (time) {
+      var date = new Date(time)
+      var y = date.getFullYear()
+      var m = date.getMonth() + 1
+      var d = date.getDate()
+      if (m < 10) {
+        m = `0${m}`
+      }
+      if (d < 10) {
+        d = `0${d}`
+      }
+      return `${y}-${m}-${d}`
+    },
   },
   data () {
     return {
@@ -84,6 +98,8 @@ export default {
         deposit: '',
       },
       lists: [],
+      dataNone: false,
+      none: false,
     }
   },
   created () {
@@ -104,15 +120,30 @@ export default {
       let param = {
         project_id: window.sessionStorage.project_id,
       }
+      vm.hlsPopup.showLoading('数据加载中!')
       vm.hlsHttp.post(url, param).then(function (res) {
         vm.hlsPopup.hideLoading()
         if (res.result === 'S') {
           vm.lists = res.lists
           Object.assign(vm.info, res.info)
+          if (!vm.lists.length) {
+            vm.none = true
+          } else {
+            vm.dataNone = true
+          }
+          vm.lists.sort(vm.compare('due_date'))
         }
       })
     },
+    compare (key) {
+      return function (value1, value2) {
+        var val1 = parseInt(value1[key].substr(0, 4))
+        var val2 = parseInt(value2[key])
+        return val1 - val2
+      }
+    },
   },
+
 }
 </script>
 <style lang="less" scoped>
@@ -245,5 +276,9 @@ export default {
       letter-spacing: 0;
     }
   }
+  .noData{
+    width:100%;
+    // height:100%
+  }
 }
 </style>