From 89f1ca8bc589aaa6f4909ebef4493063b240a3d1 Mon Sep 17 00:00:00 2001
From: zhangxiaoxu123456 <zxx19900626>
Date: 星期一, 18 四月 2022 17:40:51 +0800
Subject: [PATCH] 创业担保贷款接口

---
 src/pages/show/jiuyeAndChuangye/jiuyeChildren/chuangyeDanbaoDaikuan.vue |  185 ++++++++++++++++++++++++++++++++++++++++++---
 1 files changed, 171 insertions(+), 14 deletions(-)

diff --git a/src/pages/show/jiuyeAndChuangye/jiuyeChildren/chuangyeDanbaoDaikuan.vue b/src/pages/show/jiuyeAndChuangye/jiuyeChildren/chuangyeDanbaoDaikuan.vue
index 894339f..c0214dd 100644
--- a/src/pages/show/jiuyeAndChuangye/jiuyeChildren/chuangyeDanbaoDaikuan.vue
+++ b/src/pages/show/jiuyeAndChuangye/jiuyeChildren/chuangyeDanbaoDaikuan.vue
@@ -2,7 +2,39 @@
     <div class="chuangyeDanbaoDaikuan-wrap">
        <div class="danbaotongjibiao-box">
          <h1>鍒涗笟鎷呬繚璐锋缁熻琛�</h1>
-         <table class="chuangye-table-box">
+         <div class="chuangye-table">
+           <el-table
+             border
+             :data="danbaoTableData"
+             style="width: 100%">
+             <el-table-column
+               align="center"
+               prop="jmonth"
+               label="鏃堕棿">
+             </el-table-column>
+             <el-table-column
+               align="center"
+               prop="loanNums"
+               label="鏀捐捶绗旀暟锛堢瑪锛�">
+             </el-table-column>
+             <el-table-column
+               align="center"
+               prop="loanNums"
+               label="鏀捐捶閲戦锛堜竾鍏冿級">
+             </el-table-column>
+             <el-table-column
+               align="center"
+               prop="supportNums"
+               label="鐩存帴鎵舵寔鑷富鍒涗笟锛堜汉锛�">
+             </el-table-column>
+             <el-table-column
+               align="center"
+               prop="addjobNums"
+               label="甯﹀姩灏变笟锛堜汉锛�">
+             </el-table-column>
+           </el-table>
+         </div>
+         <!--<table class="chuangye-table-box">
            <thead>
               <tr>
                 <th>
@@ -18,14 +50,14 @@
               </tr>
            </thead>
            <tbody>
-              <tr>
-                <th>12鏈�</th>
-                <td>57</td>
-                <td>5327</td>
-                <td>57</td>
-                <td>57</td>
+              <tr v-for="(item,index) in tableData" :key="index">
+                <th>{{item.jmonth}}</th>
+                <td>{{item.loanNums}}</td>
+                <td>{{item.loanAmount}}</td>
+                <td>{{item.supportNums}}</td>
+                <td>{{item.addjobNums}}</td>
               </tr>
-              <tr>
+              &lt;!&ndash;<tr>
                 <th>1鈥斺��12鏈堢疮璁�</th>
                 <td>257</td>
                 <td>1327</td>
@@ -38,13 +70,56 @@
                 <td>1327.5</td>
                 <td>5557</td>
                 <td>16757</td>
-              </tr>
+              </tr>&ndash;&gt;
            </tbody>
-         </table>
+         </table>-->
        </div>
       <div class="danbaotongjibiao-box">
-        <h1>鍒涗笟鎷呬繚璐锋缁熻琛�</h1>
-        <table class="chuangye-table-box">
+        <h1>浜哄姏璧勬簮鏈嶅姟浜т笟鍥綋鏈堟儏鍐电粺璁¤〃</h1>
+        <div class="danbaotongjibiao-table">
+          <el-table
+            border
+            :data="renliziyuanTableData"
+            :span-method="arraySpanMethod"
+            style="width: 100%">
+            <el-table-column
+              align="center"
+              prop="parkName"
+              label="浜т笟鍥悕绉�">
+            </el-table-column>
+            <el-table-column
+              align="center"
+              prop="startTime"
+              label="寮�鍥繍钀ユ椂闂�">
+            </el-table-column>
+            <el-table-column
+              align="center"
+              prop="parkArea"
+              label="寤虹瓚闈㈢Н锛堜竾骞虫柟绫筹級">
+            </el-table-column>
+            <el-table-column
+              align="center"
+              prop="enterpriseNums"
+              label="鍏ヤ綇浼佷笟锛堝锛�">
+            </el-table-column>
+            <el-table-column
+              align="center"
+              prop="income"
+              :label="'钀ヤ笟鏀跺叆锛堜嚎鍏冿級 \n 锛堝惈浠f敹浠d粯锛�'">
+            </el-table-column>
+            <el-table-column
+              align="center"
+              prop="taxAmount"
+              label="绾崇◣棰濓紙浜垮厓锛�">
+            </el-table-column>
+            <el-table-column
+              align="center"
+              prop="personnels"
+              label="寮曡繘楂樺眰娆′汉鎵嶏紙浜猴級">
+            </el-table-column>
+          </el-table>
+        </div>
+        <!--<table class="chuangye-table-box">
           <thead>
             <tr>
             <th>浜т笟鍥悕绉�</th>
@@ -88,22 +163,98 @@
               <td>16757</td>
             </tr>
           </tbody>
-        </table>
+        </table>-->
       </div>
     </div>
 </template>
 
 <script>
+  import {getLoanTable, getParkTable} from '@/api/jiuyeAndChuangye'
     export default {
         name: "chuangyeDanbaoDaikuan",
         data() {
             return {
-
+                danbaoTableData:[],
+                renliziyuanTableData:[]
+            }
+        },
+        mounted() {
+          this.getLoanTable()
+            this.getParkTable()
+        },
+        methods: {
+            getLoanTable() {
+                getLoanTable().then(res => {
+                   if(res.code == 1000) {
+                       this.danbaoTableData = res.list
+                   }
+                })
+            },
+            getParkTable() {
+                getParkTable().then(res => {
+                    if(res.code == 1000) {
+                        this.renliziyuanTableData = res.list
+                    }
+                })
+            },
+            arraySpanMethod({ row, column, rowIndex, columnIndex }) {
+                if(rowIndex === 0) {
+                    if(columnIndex === 0) {
+                        return {
+                            rowspan: 1,
+                            colspan: 2
+                        }
+                    }else if(columnIndex === 1) {
+                        return {
+                            rowspan: 0,
+                            colspan: 0
+                        }
+                    }
+                }
             }
         }
     }
 </script>
 
+<style lang="scss">
+  @import "../../../../assets/css/base";
+  .danbaotongjibiao-table,.chuangye-table{
+    .el-table tr{
+      background-color: #CEF2FF;
+      height: 0.4375rem  /* 112/256 */;
+    }
+    .el-table th.el-table__cell{
+      background-color: #51D2FF;
+    }
+    .el-table__fixed, .el-table__fixed-right,.el-table__fixed-right::before, .el-table__fixed::before{
+      background-color: #51D2FF;
+    }
+    .el-table--striped .el-table__body tr.el-table__row--striped td.el-table__cell{
+      background-color: #A8E9FF;
+    }
+    .el-table thead{
+      color: #111111;
+    }
+    .el-table td.el-table__cell, .el-table th.el-table__cell.is-leaf{
+      border-bottom: 1Px solid #8E8E8E;
+    }
+    .el-table--border .el-table__cell, .el-table__body-wrapper .el-table--border.is-scrolling-left~.el-table__fixed{
+      border-right: 1Px solid #8E8E8E;
+    }
+    .el-table .el-table__cell{
+      padding: 0.0859375rem  /* 22/256 */ 0;
+    }
+    .el-table__body tr.hover-row.current-row>td.el-table__cell, .el-table__body tr.hover-row.el-table__row--striped.current-row>td.el-table__cell, .el-table__body tr.hover-row.el-table__row--striped>td.el-table__cell, .el-table__body tr.hover-row>td.el-table__cell{
+      background: transparent;
+    }
+    .el-table .cell{
+      font-size: $fontSize-28;
+      color: $color-darkGrey;
+      font-weight: 300;
+      line-height: 1.3;
+    }
+  }
+</style>
 <style lang="scss" scoped>
   @import "../../../../assets/css/base";
   .chuangyeDanbaoDaikuan-wrap{
@@ -111,6 +262,9 @@
     height: calc(100% - 0.07813rem);
     .danbaotongjibiao-box{
       margin-top: 0.078125rem  /* 20/256 */;
+      &:nth-child(2) {
+        margin-top: 0.234375rem  /* 60/256 */;
+      }
       h1{
         font-size: $fontSize-30;
         color: $color-white;
@@ -118,6 +272,9 @@
         line-height: 2;
       }
     }
+    .chuangye-table,.danbaotongjibiao-table{
+      margin-top: 0.078125rem  /* 20/256 */;
+    }
     .chuangye-table-box{
       width: 100%;
       border: 1Px solid $color-grey; /*no*/

--
Gitblit v1.9.1