From 473bd88d37e20ce9724b7fdaa70e3cc2b963e066 Mon Sep 17 00:00:00 2001
From: 付延余 <f-yanyu@outlook.com>
Date: 星期日, 24 四月 2022 16:57:28 +0800
Subject: [PATCH] 首页数据

---
 src/pages/components/juminYanglaoBaoxian/baoxianForm.vue |   76 ++++++++++++++++++++++---------------
 1 files changed, 45 insertions(+), 31 deletions(-)

diff --git a/src/pages/components/juminYanglaoBaoxian/baoxianForm.vue b/src/pages/components/juminYanglaoBaoxian/baoxianForm.vue
index 6f43268..99ccfdd 100644
--- a/src/pages/components/juminYanglaoBaoxian/baoxianForm.vue
+++ b/src/pages/components/juminYanglaoBaoxian/baoxianForm.vue
@@ -1,78 +1,74 @@
 <template>
-  <div class="baoxianForm-wrap">
+  <div class="baoxianForm-wrap" :style="{paddingTop : paddingTop + 'rem'}">
     <el-table
+      :max-height="tableHeight"
       border
       style="width: 100%"
       :data="tableData">
       <el-table-column
         width="200"
         align="center"
-        prop="name"
+        prop="areaName"
         label="鍘匡紙甯傘�佸尯锛�">
       </el-table-column>
       <el-table-column
         align="center"
-        prop="month"
+        prop="january"
         label="1鏈�">
       </el-table-column>
       <el-table-column
         align="center"
-        prop="month"
-        label="1鏈�">
-      </el-table-column>
-      <el-table-column
-        align="center"
-        prop="month"
+        prop="february"
         label="2鏈�">
       </el-table-column>
       <el-table-column
         align="center"
-        prop="month"
+        prop="march"
         label="3鏈�">
       </el-table-column>
       <el-table-column
         align="center"
-        prop="month"
+        prop="april"
         label="4鏈�">
       </el-table-column>
       <el-table-column
         align="center"
-        prop="month"
+        prop="may"
         label="5鏈�">
       </el-table-column>
       <el-table-column
         align="center"
-        prop="month"
+        prop="june"
         label="6鏈�">
       </el-table-column>
       <el-table-column
         align="center"
-        prop="month"
+        prop="july"
         label="7鏈�">
       </el-table-column>
       <el-table-column
         align="center"
-        prop="month"
+        prop="august"
         label="8鏈�">
       </el-table-column>
       <el-table-column
         align="center"
-        prop="month"
+        prop="september"
         label="9鏈�">
       </el-table-column>
       <el-table-column
         align="center"
-        prop="month"
+        prop="october"
         label="10鏈�">
       </el-table-column>
       <el-table-column
         align="center"
-        prop="month"
+        prop="november"
         label="11鏈�">
       </el-table-column>
       <el-table-column
         align="center"
-        prop="month"
+        prop="december"
         label="12鏈�">
       </el-table-column>
     </el-table>
@@ -80,20 +76,38 @@
 </template>
 
 <script>
+    import {getInsuranceTable} from '@/api/shehuiBaozhang'
+    import nowSize from "../../../libs/nowSize";
     export default {
         name: "baoxianForm",
+        props: {
+            paddingTop: {
+                type: Number,
+                default: 0.078125
+            },
+            typeData: {
+                type: String,
+                default: '3'
+            }
+        },
+        computed: {
+        },
         data() {
             return {
-                tableData:[{
-                    name: '鍏ㄥ競',
-                    month: '23233'
-                },{
-                    name: '甯傛湰绾�',
-                    month: '23233'
-                },{
-                    name: '闀垮畨鍖�',
-                    month: '23233'
-                }]
+                tableData:[],
+                tableHeight: window.innerHeight - nowSize(230)
+            }
+        },
+        mounted() {
+            this.getInsuranceTable()
+        },
+        methods: {
+            getInsuranceTable() {
+                getInsuranceTable({type: this.typeData}).then(res => {
+                    if(res.code == 1000) {
+                       this.tableData = res.list
+                    }
+                })
             }
         }
     }
@@ -103,8 +117,8 @@
   @import "../../../assets/css/base";
   .baoxianForm-wrap{
     width: 100%;
-    height: calc(100% - 0.234375rem  /* 60/256 */);
-    padding-top: 0.234375rem  /* 60/256 */;
+    height: 100%;
+    box-sizing: border-box;
     .el-table th.el-table__cell{
       background-color:$color-blue;
     }

--
Gitblit v1.9.1