添加提前结清证明

src/components/byh/componments/LoanInfo.vue

@@ -16,18 +16,29 @@
                          :formatter="capitalCodeFormat"></el-table-column>
         <el-table-column align="center" prop="status" label="借款单状态">
           <template slot-scope="scope">
-            <el-tag type="success" v-if="scope.row.status==='AUDITED'" size="small">{{loanStatusFormat(scope.row)}}</el-tag>
-            <el-tag v-else-if="scope.row.status==='SETTLED'" size="small">{{loanStatusFormat(scope.row)}}</el-tag>
-            <el-tag type="danger" v-else-if="scope.row.status==='OVERDUED'"  size="small">{{loanStatusFormat(scope.row)}}</el-tag>
-            <el-tag type="warning" v-else-if="scope.row.status==='SUBMITED'" size="small">{{loanStatusFormat(scope.row)}}</el-tag>
-            <el-tag effect="warning"  v-else-if="scope.row.status==='BACKING'" size="small">{{loanStatusFormat(scope.row)}}</el-tag>
-            <el-tag type="info" v-else  size="small">{{loanStatusFormat(scope.row)}}</el-tag>
+            <el-tag type="success" v-if="scope.row.status==='AUDITED'" size="small">{{ loanStatusFormat(scope.row) }}
+            </el-tag>
+            <el-tag v-else-if="scope.row.status==='SETTLED'" size="small">{{ loanStatusFormat(scope.row) }}</el-tag>
+            <el-tag type="danger" v-else-if="scope.row.status==='OVERDUED'" size="small">
+              {{ loanStatusFormat(scope.row) }}
+            </el-tag>
+            <el-tag type="warning" v-else-if="scope.row.status==='SUBMITED'" size="small">
+              {{ loanStatusFormat(scope.row) }}
+            </el-tag>
+            <el-tag effect="warning" v-else-if="scope.row.status==='BACKING'" size="small">
+              {{ loanStatusFormat(scope.row) }}
+            </el-tag>
+            <el-tag type="info" v-else size="small">{{ loanStatusFormat(scope.row) }}</el-tag>
           </template>
         </el-table-column>
         <el-table-column align="center" prop="cancelMemo" label="备注"></el-table-column>
         <el-table-column align="center" label="查看详情">
           <template slot-scope="scope">
             <el-button type="text" size="small" @click="handleClick(scope.row)">详情</el-button>
+            <template v-if="scope.row.status==='SETTLED' && scope.row.capitalCode !== 'OWNBUSINESS'">
+              <el-button type="text" size="small" @click="handleShow(scope.row,'SettleReport','结清报告')">结清报告
+              </el-button>
+            </template>
           </template>
         </el-table-column>
       </el-table>
@@ -42,17 +53,29 @@
           :params="items"
           :dialogVisible="visible"/>
     </template>
+
+    <!--  那啥-->
+    <template v-if="mcDialogVisible">
+      <component
+          @handleClose="mcDialogVisible = false"
+          :is="ActiveCom"
+          :title="mcTitle"
+          :params="mcItems"
+          :visible="mcDialogVisible"/>
+    </template>
   </div>
 </template>
 
 <script>
 import LoanDetail from "./LoanDetail";
+import SettleReport from "./SettleReport";
 import * as moment from "moment";
 
 export default {
   name: 'AddUserServiceDialog',
   components: {
-    LoanDetail
+    LoanDetail,
+    SettleReport
   },
   props: {
     params: {
@@ -68,13 +91,18 @@ export default {
       items: {},
 
 
+      mcDialogVisible: false,
+      mcItems: null,
+      mcTitle: "",
+      ActiveCom: "",
+
       data: []
     }
   },
   async created() {
-    console.log(this.params,999);
-    const {clientNo,clientProductName} = this.params;
-    const res = await this.$$post('/loan/getLoanListByClientNo/',{productName:clientProductName,clientNo:clientNo});
+    console.log(this.params, 999);
+    const {clientNo, clientProductName} = this.params;
+    const res = await this.$$post('/loan/getLoanListByClientNo/', {productName: clientProductName, clientNo: clientNo});
     const {success, result} = res.data;
     if (success && result !== null) {
       this.data = result;
@@ -101,13 +129,26 @@ export default {
     },
     // 切换选项卡
     handleClick(row) {
-      console.log(row,'一行信息');
+      console.log(row, '一行信息');
       this.visible = true;
       this.title = '借款详情';
       this.items = {
         ...this.params,
         ...row
       };
+    },
+    handleShow(row, com, title) {
+      console.log(row, '当前行')
+      this.mcDialogVisible = true;
+      this.mcItems = {
+        ...row,
+        ...this.loan,
+        ...this.loanModel,
+        ...this.basicInfo,
+        ...this.$route.query
+      };
+      this.mcTitle = title;
+      this.ActiveCom = com;
     }
   }
 }