贷款审核调整

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

@@ -1,14 +1,24 @@
 <template>
   <section class="loanList">
-    <ai-list>
+    <ai-detail>
       <ai-title slot="title" title="贷款审核" isShowBottomBorder/>
       <template #content>
-        <ai-search-bar>
+        <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>
+          <template #content>
+            <ai-search-bar class="mar-t8">
               <template #left>
-            <ai-select v-model="search.status" :selectList="dict.getDict('financialLoanApplyStatus')" placeholder="审批状态"
+                <ai-select v-model="search.status" :selectList="dict.getDict('financialLoanApplyStatus')"
+                           placeholder="审批状态"
                            @change="page.current=1,getTableData()"/>
                 <ai-search label="申请时间">
-              <el-date-picker size="small" v-model="search.applyTime" type="daterange" @change="handleFilterApplyTime"
+                  <el-date-picker size="small" v-model="search.applyTime" type="daterange"
+                                  @change="handleFilterApplyTime"
                                   :default-time="['00:00:00','23:59:59']" value-format="yyyy-MM-dd HH:mm:ss"/>
                 </ai-search>
               </template>
@@ -26,7 +36,9 @@
               </el-table-column>
             </ai-table>
           </template>
-    </ai-list>
+        </ai-card>
+      </template>
+    </ai-detail>
   </section>
 </template>
 
@@ -58,7 +70,8 @@ export default {
         {label: "贷款银行", prop: "organizationName"},
         {label: "状态", prop: "status", align: "center", dict: "financialLoanApplyStatus"},
         {slot: "options"}
-      ]
+      ],
+      sta: {}
     }
   },
   methods: {
@@ -80,15 +93,36 @@ export default {
       this.search.applyStartDate = this.search.applyTime?.[0].substring(0, 10)
       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>
 
 <style lang="scss" scoped>
 .loanList {
+  .mar-t8 {
+    margin-top: 8px;
+  }
+
+  .staCard {
+    text-align: center;
+    margin: 16px 8px;
+    box-shadow: 0 4px 6px -2px rgba(15, 15, 21, 0.15);
+    border-radius: 4px;
+    padding: 16px;
+    box-sizing: border-box;
+    background: #fff;
+  }
 }
 </style>