From b55d1c67769dcc8d90eed2bb4f8a7dfd51e7303a Mon Sep 17 00:00:00 2001
From: zhangxiaoxu123456 <zxx19900626>
Date: 星期三, 27 四月 2022 11:31:35 +0800
Subject: [PATCH] 细节样式
---
src/pages/components/qiyezhigongShebao/zhigongShebao.vue | 22 ++++++++++++++++++++--
1 files changed, 20 insertions(+), 2 deletions(-)
diff --git a/src/pages/components/qiyezhigongShebao/zhigongShebao.vue b/src/pages/components/qiyezhigongShebao/zhigongShebao.vue
index a79e2fd..06a042d 100644
--- a/src/pages/components/qiyezhigongShebao/zhigongShebao.vue
+++ b/src/pages/components/qiyezhigongShebao/zhigongShebao.vue
@@ -1,6 +1,8 @@
<template>
<div class="zhigongShebao-wrap">
<el-table
+ :cell-style="handleCellStyle"
+ :height="tableHeight"
border
:data="tableData"
:header-cell-style="handleheader"
@@ -55,6 +57,7 @@
<script>
import {getSecurityTable} from '@/api/shehuiBaozhang'
import zhigongshebaoForm from "./zhigongshebaoForm";
+ import nowSize from "../../../libs/nowSize";
export default {
name: "chengzhenXinzengJiuye",
components: {
@@ -64,7 +67,8 @@
data() {
return {
zhigongshebaoVisiable: false, //寮规
- tableData: []
+ tableData: [],
+ tableHeight: window.innerHeight - nowSize(230)
}
},
mounted() {
@@ -88,7 +92,21 @@
return {
lineHeight: '2.5',
}
- }
+ },
+ getHeight() {
+ this.tableHeight = window.innerHeight - nowSize(230)
+ },
+ handleCellStyle({rowIndex, columnIndex}) {
+ if(columnIndex == 0) {
+ return { background:'#51D2FF' }
+ }
+ },
+ },
+ created() {
+ window.addEventListener('resize', this.getHeight)
+ },
+ destroyed() {
+ window.addEventListener('resize', this.getHeight)
}
}
</script>
--
Gitblit v1.9.1