完善还款计划表详情页面

anrui-riskcenter-ui/src/api/repaymentschedule/repaymentschedule.js

@@ -27,10 +27,10 @@ export default {
       headers: { 'Content-Type': 'application/json' }
     })
   },
-  // 查看多台还款计划--回显(详情)
-  viewVinsSchedule: function(data) {
+  // 查看还款计划--回显(详情)
+  scheduleDetails: function(data) {
     return request({
-      url: '/riskcenter/v1/loanrepaymentschedule/viewVinsSchedule',
+      url: '/riskcenter/v1/loanrepaymentschedule/scheduleDetails',
       method: 'get',
       params: data
     })

anrui-riskcenter-ui/src/views/repaymentschedule/repaymentscheduleInfo.vue

@@ -4,7 +4,7 @@
       <div class="tab-header webtop">
         <div>{{ viewTitle }}</div>
         <div>
-          <el-button type="primary" size="small" @click="lookBike()">查看单车还款计划表</el-button>
+          <el-button type="primary" size="small" @click="lookBike()">查看明细</el-button>
           <el-button type="info" size="small" @click="handleReturn()">关闭</el-button>
         </div>
       </div>
@@ -20,41 +20,55 @@
               <el-form-item><span class="addinputInfo">{{ formobj.borrowerName }}</span></el-form-item>
             </el-col>
             <el-col :span="8">
-              <div class="span-sty">车辆台数</div>
-              <el-form-item><span class="addinputInfo">{{ formobj.vehCount }}</span></el-form-item>
+              <div class="span-sty">贷款总金额(台数)</div>
+              <el-form-item><span class="addinputInfo">{{ formobj.amountAll }}({{ formobj.vehCount }})</span></el-form-item>
             </el-col>
           </el-row>
+          <div class="title titleOne">
+            <div>主金融产品<span>{{ (formobj.policyName) }}</span></div>
+          </div>
           <el-row>
             <el-col :span="8">
-              <div class="span-sty">资方</div>
-              <el-form-item><span class="addinputInfo">{{ formobj.bankName }}</span></el-form-item>
+              <div class="span-sty">单车贷款金额</div>
+              <el-form-item><span class="addinputInfo">{{ formobj.loanAmount }}</span></el-form-item>
             </el-col>
-            <el-col :span="16" class="tlineheightb">
-              <div class="span-sty">涉及车架号</div>
-              <el-form-item><span class="addinputInfo">{{ formobj.vinNo }}</span></el-form-item>
+            <el-col :span="8">
+              <div class="span-sty">期数</div>
+              <el-form-item><span class="addinputInfo">{{ formobj.mainPeriod }}</span></el-form-item>
+            </el-col>
+            <el-col :span="8">
+              <div class="span-sty">首期还款日</div>
+              <el-form-item><span class="addinputInfo">{{ formobj.mainRepayDate }}</span></el-form-item>
             </el-col>
           </el-row>
-          <el-table :key="tableKey" :data="formobj.scheduleVins" border style="width: 100%">
-            <el-table-column prop="period" width="60" label="期数" align="center"/>
-            <el-table-column label="还款月份" align="center">
-              <template slot-scope="scope">
-                <span>{{ scope.row.repayMonth }}</span>
-              </template>
-            </el-table-column>
-            <el-table-column :label="'月还(' + formobj.mainRepayDate + '日)'" align="center">
-              <template slot-scope="scope">
-                <span>{{ scope.row.mainRepay }}</span>
-              </template>
+          <div v-if="formobj.isOtherPolicy == '1'">
+            <div class="title">其它融<span>({{ formobj.otherPolicyName }})</span></div>
+            <el-row>
+              <el-col :span="8">
+                <div class="span-sty">单车贷款金额</div>
+                <el-form-item><span class="addinputInfo">{{ formobj.otherAmount }}</span></el-form-item>
+              </el-col>
+              <el-col :span="8">
+                <div class="span-sty">期数</div>
+                <el-form-item><span class="addinputInfo">{{ formobj.otherPeriod }}</span></el-form-item>
+              </el-col>
+              <el-col :span="8">
+                <div class="span-sty">首期还款日</div>
+                <el-form-item><span class="addinputInfo">{{ formobj.otherRepayDate }}</span></el-form-item>
+              </el-col>
+            </el-row>
+          </div>
+          <el-table :key="tableKey" :data="formobj.vinList" border style="width: 100%">
+            <el-table-column prop="vinNo" label="车架号" align="center" width="60" />
+            <el-table-column label="主金融产品" align="center">
+              <el-table-column prop="mainFirstRepay" label="首期月还" align="center" min-width="120" />
+              <el-table-column prop="mainMidRepay" label="期间月还" align="center" min-width="120" />
+              <el-table-column prop="mainLastRepay" label="末期月还" align="center" min-width="120" />
             </el-table-column>
-            <el-table-column v-if="formobj.isOtherPolicy == '1'" :label="'其它融月还(' + formobj.otherRepayDate + '日)'" align="center">
-              <template slot-scope="scope">
-                <span>{{ scope.row.otherRepay }}</span>
-              </template>
-            </el-table-column>
-            <el-table-column v-if="formobj.isOtherPolicy == '1'" label="合计" align="center">
-              <template slot-scope="scope">
-                <span>{{ scope.row.amount }}</span>
-              </template>
+            <el-table-column v-if="formobj.isOtherPolicy == '1'" label="其它融" align="center">
+              <el-table-column prop="otherFirstRepay" label="首期月还" align="center" min-width="120" />
+              <el-table-column prop="otherMidRepay" label="期间月还" align="center" min-width="120" />
+              <el-table-column prop="otherLastRepay" label="末期月还" align="center" min-width="120" />
             </el-table-column>
           </el-table>
         </el-form>
@@ -80,23 +94,28 @@ export default {
       viewState: 1,
       tableKey: 0,
       formobj: {
-        salesOrderSid: '',
+        sid: '',
         loanContractNo: '',
         borrowerName: '',
-        bankName: '',
+        amountAll: '',
         vehCount: '',
-        vinNo: '',
-        isOtherPolicy: '',
+        policyName: '',
+        loanAmount: '',
+        mainPeriod: '',
         mainRepayDate: '',
+        otherPolicyName: '',
+        otherAmount: '',
+        otherPeriod: '',
         otherRepayDate: '',
-        scheduleVins: []
+        vinList: [],
+        isOtherPolicy: ''
       }
     }
   },
   methods: {
     showInfo(row) {
       this.viewTitle = '单车还款计划表'
-      req.viewVinsSchedule({ salesOrderSid: row.salesOrderSid }).then((res) => {
+      req.scheduleDetails({ salesOrderSid: row.salesOrderSid }).then((res) => {
         if (res.success) {
           this.formobj = res.data
         }
@@ -111,16 +130,21 @@ export default {
     },
     handleReturn() {
       this.formobj = {
-        salesOrderSid: '',
+        sid: '',
         loanContractNo: '',
         borrowerName: '',
-        bankName: '',
+        amountAll: '',
         vehCount: '',
-        vinNo: '',
-        isOtherPolicy: '',
+        policyName: '',
+        loanAmount: '',
+        mainPeriod: '',
         mainRepayDate: '',
+        otherPolicyName: '',
+        otherAmount: '',
+        otherPeriod: '',
         otherRepayDate: '',
-        scheduleVins: []
+        vinList: [],
+        isOtherPolicy: ''
       }
       this.$emit('doback')
     }
@@ -135,17 +159,4 @@ export default {
 .addinputInfo {
   margin-left: 120px !important;
 }
-.tlineheightb {
-  display: flex;
-  flex-direction: row;
-  justify-content: flex-start;
-  align-items: center;
-}
-/deep/ .tlineheightb .el-form-item .el-form-item__content .addinputInfo {
-  line-height: 15px !important;
-  display: flex;
-  flex-direction: row;
-  justify-content: flex-start;
-  align-items: center;
-}
 </style>