值班信息表格样式

jxdnsong

2023-04-05 baca8711617e8c2d5f4c4b075a837ee71969c849

值班信息表格样式

 src/views/home/components/rightContainer.vue

@@ -7,7 +7,7 @@
                </div>

                <div class="table-box" v-show="!showMJL">
                    <el-table size="small" :height="tableHeight" :data="schedulingList" style="width: 100%"
                    <el-table size="small" :height="tableHeight" :data="schedulingList" style="width: 100%;"
                        :header-cell-style="{ 'text-align': 'center' }"
                        :cell-style="{ 'text-align': 'center', borderColor: '#324e75' }" :row-class-name="tableRowClassName"
                        empty-text="暂无值班信息" v-loading="schedulingLoading" element-loading-text="拼命加载中"
@@ -25,7 +25,7 @@
                </div>

                <div class="table-box" v-show="showMJL">
                    <el-table size="small" :height="tableHeight" :data="schedulingList" style="width: 100%"
                    <el-table size="small" :height="tableHeight" :data="schedulingList" style="width: 100%" empty-text=" "
                        :show-header="false" :header-cell-style="{ 'text-align': 'center' }"
                        :cell-style="{ 'text-align': 'center', borderColor: '#324e75' }" :row-class-name="tableRowClassName"
                        v-loading="schedulingLoading" element-loading-text="拼命加载中" element-loading-spinner="el-icon-loading"
@@ -235,7 +235,7 @@
                this.$refs.caseBox.offsetHeight -
                this.$refs.crowdBox.offsetHeight -
                this.$refs.alertBoxTitle.offsetHeight -
                86
                55
        })
    },

@@ -287,12 +287,12 @@
                const data = [
                    {
                        person:
                            "徐星逸、任圣日、娄永攀、蔡善龙、陈小强、梅祥、吕镇、刘开勇、付建冬",
                            "徐星逸，任圣日，娄永攀，蔡善龙，陈小强，刘开勇，梅祥，吕镇，付建冬",
                        patrol: "章正椿，夏文翔，叶江明，黄俊龙，苏茯林，王顺祥",
                    },
                    {
                        person:
                            "矢裕忠、戴饶平、余传公、杨敏、苏浩男、周安云、蒋丁岩、陈圣俊、雷智荐",
                            "矢裕忠，戴饶平，余传公，杨敏，苏浩男，周安云，蒋丁岩，陈圣俊，雷智荐",
                        patrol: "潘林彬，刘志祥，李志强，杨俊浩，黄天行，叶子淳",
                    },
                    {
@@ -309,13 +309,15 @@
                    }
                    return arr
                })

                this.schedulingList = matrixData[0].map((col, i) => {
                setTimeout(() => {
                    this.schedulingList = matrixData[0].map((col, i) => {
                    return [this.originTitle[i], ...matrixData.map((row) => {
                        return row[i]
                    })]
                })

                    this.schedulingLoading = false
                }, 1000)
                
                this.$nextTick(() => {
                    this.tableHeight =
                        this.$refs.Container.offsetHeight -
@@ -335,9 +337,9 @@
                    this.schedulingList = res.data.data.records
                })
            }
            setTimeout(() => {
                this.schedulingLoading = false
            }, 1000)
            // setTimeout(() => {
            //     this.schedulingLoading = false
            // }, 1000)
        },

        echartsResize () {
@@ -1083,7 +1085,14 @@
            }

            :deep(.el-table .cell) {
                white-space: pre-line;
                // white-space: pre-line;
                white-space: pre-wrap;
                height: 100% !important;
                line-height:3.4vh !important;
            }

            :deep(.el-table .el-table__body-wrapper) {
                height: 100% !important;
            }
        }