From bc1417d555b6e78627e04b3b854ccacca87eed17 Mon Sep 17 00:00:00 2001 From: 付延余 <f-yanyu@outlook.com> Date: 星期三, 27 四月 2022 11:19:39 +0800 Subject: [PATCH] 首页数据 --- src/pages/show/shehuiBaozhang/shehuiBaozhangChildren/shebaoChikaRenshu.vue | 68 +++++++++++++++++++++++++++++----- 1 files changed, 58 insertions(+), 10 deletions(-) diff --git a/src/pages/show/shehuiBaozhang/shehuiBaozhangChildren/shebaoChikaRenshu.vue b/src/pages/show/shehuiBaozhang/shehuiBaozhangChildren/shebaoChikaRenshu.vue index 05a9df6..942efcb 100644 --- a/src/pages/show/shehuiBaozhang/shehuiBaozhangChildren/shebaoChikaRenshu.vue +++ b/src/pages/show/shehuiBaozhang/shehuiBaozhangChildren/shebaoChikaRenshu.vue @@ -2,18 +2,24 @@ <div class="shebaoChikaRenshu-wrap"> <h1>鍚勫幙锛堝競銆佸尯锛�2021骞村氨涓氭儏鍐电粺璁¤〃</h1> <el-table + :max-height="tableHeight" :data="tableData" stripe border style="width: 100%"> - <el-table-column - align="center" - prop="dataName" - label="鎸囨爣鍚嶇О" - fixed="left" - width="220"> - </el-table-column> - <el-table-column + <template v-for="(item,index) in headerArry"> + <el-table-column + :key="index" + align="center" + :prop="item.val" + :label="item.time"> + <template slot-scope="scope"> + <span>{{scope.row[index].val}}</span> + </template> + </el-table-column> + </template> + + <!--<el-table-column prop="yearFinish" align="center" label="鍘诲勾瀹屾垚" @@ -78,13 +84,15 @@ prop="december" align="center" label="12鏈�"> - </el-table-column> + </el-table-column>--> </el-table> </div> </template> <script> - import baoxianForm from "../../../components/juminYanglaoBaoxian/baoxianForm"; + import {getCardNumsTable} from '@/api/shehuiBaozhang' + import baoxianForm from "../../../components/juminYanglaoBaoxian/baoxianForm"; + import nowSize from "../../../../libs/nowSize"; export default { name: "shebaoChikaRenshu", components: { @@ -93,7 +101,44 @@ data() { return { tableData: [], + headerArry: [], + tableHeight: window.innerHeight - nowSize(250) } + }, + mounted() { + this.getCardNumsTable() + }, + methods: { + getCardNumsTable(){ + getCardNumsTable().then(res => { + if(res.code == 1000) { + let result = res.list + let data = [] + result.forEach((item,index) => { + let row = item.dataList + row.unshift({ + time: '鎸囨爣', + val: item.name + }) + data.push(row) + if(index == 0) { + this.headerArry = row + } + + }) + this.tableData = data + } + }) + }, + getHeight() { + this.tableHeight = window.innerHeight - nowSize(250) + } + }, + created() { + window.addEventListener('resize', this.getHeight) + }, + destroy() { + window.addEventListener('resize', this.getHeight) } } </script> @@ -133,6 +178,9 @@ color: $color-darkGrey; font-weight: 300; line-height: 1; + span{ + font-size: $fontSize-28; + } } } </style> -- Gitblit v1.9.1