贷款审批调整界面

project/xiushan/apps/finance/AppLoanAudit/AppLoanAudit.vue

@@ -24,7 +24,7 @@ export default {
     }
   },
   created() {
-    this.dict.load("productRepaymentTimeline", "financialFundPurpose", "enterpriseAuditStatus", "financialLoanApplyStatus")
+    this.dict.load("productRepaymentTimeline", "financialFundPurpose", "enterpriseAuditStatus", "financialLoanApplyStatus","financialOrganizationType")
   }
 }
 </script>

project/xiushan/apps/finance/AppLoanAudit/loanList.vue

@@ -1,21 +1,18 @@
 <template>
   <section class="loanList">
-    <ai-detail>
-      <ai-title slot="title" title="贷款审核" isShowBottomBorder/>
-      <template #content>
-        <el-row type="flex">
-          <div class="staCard fill" v-for="(op,label) in sta" :key="label">
-            <h2 v-text="op"/>
-            <span v-text="label"/>
-          </div>
-        </el-row>
-        <ai-card hideTitle>
+    <ai-list tabs>
+      <ai-title slot="title" title="贷款审核"/>
+      <template #tabs>
+        <el-tabs>
+          <el-tab-pane label="信贷审核">
+            <ai-card hideTitle class="mar-t16">
               <template #content>
                 <ai-search-bar class="mar-t8">
                   <template #left>
-                <ai-select v-model="search.status" :selectList="dict.getDict('financialLoanApplyStatus')"
-                           placeholder="审批状态"
-                           @change="page.current=1,getTableData()"/>
+                    <ai-select placeholder="机构类型" :selectList="dict.getDict('financialOrganizationType')"
+                               v-model="search.organizationType" @change="page.current=1,getTableData()"/>
+                    <ai-select placeholder="审批状态" :selectList="dict.getDict('financialLoanApplyStatus')"
+                               v-model="search.status" @change="page.current=1,getTableData()"/>
                     <ai-search label="申请时间">
                       <el-date-picker size="small" v-model="search.applyTime" type="daterange"
                                       @change="handleFilterApplyTime"
@@ -23,7 +20,7 @@
                     </ai-search>
                   </template>
                   <template #right>
-                <el-input size="small" placeholder="搜索产品名称、企业主体、贷款银行" v-model="search.enterpriseName" clearable
+                    <el-input size="small" placeholder="搜索产品名称、身份证、企业、贷款机构" v-model="search.enterpriseName" clearable
                               @change="page.current=1,getTableData()"/>
                   </template>
                 </ai-search-bar>
@@ -37,8 +34,13 @@
                 </ai-table>
               </template>
             </ai-card>
+          </el-tab-pane>
+          <el-tab-pane label="信贷统计" lazy>
+
+          </el-tab-pane>
+        </el-tabs>
       </template>
-    </ai-detail>
+    </ai-list>
   </section>
 </template>
 
@@ -53,25 +55,28 @@ export default {
     permissions: Function
   },
   computed: {
-    ...mapState(['user'])
+    ...mapState(['user']),
+    colConfigs() {
+      return [
+        {label: "产品名称", prop: "productName"},
+        {label: "联系人", prop: "name"},
+        {label: "联系方式", prop: "phone"},
+        {label: "身份证号", render: (h, {row}) => h('p', this.idCardNoUtil.hideId(row.idNumber)), width: 160},
+        {label: "企业主体", prop: "enterpriseName"},
+        {label: "贷款金额(万)", prop: "loanAmount"},
+        {label: "申请时间", prop: "createTime"},
+        {label: "贷款机构", prop: "organizationName"},
+        {label: "机构类型", prop: "organizationType", dict: "financialOrganizationType"},
+        {label: "状态", prop: "status", align: "center", dict: "financialLoanApplyStatus"},
+        {slot: "options"}
+      ]
+    }
   },
   data() {
     return {
       search: {name: ""},
       page: {current: 1, size: 10, total: 0},
-      tableData: [],
-      colConfigs: [
-        {label: "产品名称", prop: "productName"},
-        {label: "企业主体", prop: "enterpriseName"},
-        {label: "贷款金额(万)", prop: "loanAmount"},
-        {label: "申请时间", prop: "createTime"},
-        {label: "联系人", prop: "name"},
-        {label: "联系方式", prop: "phone"},
-        {label: "贷款银行", prop: "organizationName"},
-        {label: "状态", prop: "status", align: "center", dict: "financialLoanApplyStatus"},
-        {slot: "options"}
-      ],
-      sta: {}
+      tableData: []
     }
   },
   methods: {
@@ -94,17 +99,9 @@ export default {
       this.search.applyEndDate = this.search.applyTime?.[1].substring(0, 10)
       this.getTableData()
     },
-    getStaData() {
-      this.instance.post("/appfinancialloanapply/staticFinancialLoanApply").then(res => {
-        if (res?.data) {
-          this.sta = res.data
-        }
-      })
-    }
   },
   created() {
     this.getTableData()
-    this.getStaData()
   }
 }
 </script>
@@ -117,14 +114,22 @@ export default {
     margin-top: 8px;
   }
 
+  .mar-t16 {
+    margin-top: 16px;
+  }
+
   .staCard {
     text-align: center;
-    margin: 0 8px 16px;
+    margin: 0 16px 16px 0;
     box-shadow: 0 4px 6px -2px rgba(15, 15, 21, 0.15);
     border-radius: 4px;
     padding: 16px;
     box-sizing: border-box;
     background: #fff;
+
+    &:last-of-type {
+      margin-right: 0;
+    }
   }
 }
 </style>