From b55d1c67769dcc8d90eed2bb4f8a7dfd51e7303a Mon Sep 17 00:00:00 2001
From: zhangxiaoxu123456 <zxx19900626>
Date: 星期三, 27 四月 2022 11:31:35 +0800
Subject: [PATCH] 细节样式

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

diff --git a/src/pages/components/juminYanglaoBaoxian/baoxianForm.vue b/src/pages/components/juminYanglaoBaoxian/baoxianForm.vue
index 6f43268..bfafd68 100644
--- a/src/pages/components/juminYanglaoBaoxian/baoxianForm.vue
+++ b/src/pages/components/juminYanglaoBaoxian/baoxianForm.vue
@@ -1,78 +1,75 @@
 <template>
-  <div class="baoxianForm-wrap">
+  <div class="baoxianForm-wrap" :style="{paddingTop : paddingTop + 'rem'}">
     <el-table
+      :cell-style="handleCellStyle"
+      :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 +77,43 @@
 </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
+                    }
+                })
+            },
+            handleCellStyle({rowIndex, columnIndex}) {
+                if(columnIndex == 0) {
+                    return { background:'#51D2FF' }
+                }
             }
         }
     }
@@ -103,8 +123,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