表格样式修改

guanqb

2022-09-23 c17385134e26b1c248d19a077a3c5202210c9133

表格样式修改

 src/views/home/index.vue

@@ -1168,6 +1168,9 @@
            cursor: pointer;
            background-color: rgba(222, 176, 176, 0.2);
        }
        :deep(.el-table::before) {
            height: 0px;
        }
    }

    .left-container,

 src/views/house/index.vue

@@ -233,8 +233,8 @@
                <el-table
                    :data="arr"
                    style="width: 100%"
                    :header-cell-style="{'text-align':'center','background-color':'#00204f','borderColor':'#073365'}"
                    :cell-style="{'text-align':'center','borderColor':'#073365'}"
                    :header-cell-style="{'text-align':'center','background-color':'#203c60','borderColor':'#324e75'}"
                    :cell-style="{'text-align':'center','borderColor':'#324e75'}"
                    :row-class-name="tableRowClassName"
                    @row-click="clickData"
                >
@@ -959,7 +959,7 @@
        }
        .police-info {
            :deep(.el-table tr:nth-child(2n)) {
                background: #03254c;
                background: #324e75;
                color: #fff;
            }
            :deep(.el-table tr:nth-child(2n-1)) {
@@ -967,8 +967,11 @@
                color: #fff;
            }
            :deep(.el-table tr:hover td) {
                color: #000;
                cursor: pointer;
                background-color: rgba(222, 176, 176, 0.2);
            }
            :deep(.el-table::before) {
                height: 0px;
            }
            :deep(.el-dialog__header) {
                margin-top: 150px;

 src/views/police/index.vue

@@ -35,8 +35,8 @@
                                <span>{{(currentPage - 1) * pagesize + scope.$index + 1}}</span>
                            </template>
                        </el-table-column>
                        <el-table-column prop="carID" label="车牌号" width="150"></el-table-column>
                        <el-table-column prop="carType" label="警车类型"></el-table-column>
                        <el-table-column prop="carID" label="车牌号" width="170"></el-table-column>
                        <el-table-column prop="carType" label="警车类型" width="180"></el-table-column>
                        <!-- <el-table-column prop="position" label="经纬度"></el-table-column> -->
                    </el-table>
                </div>
@@ -67,7 +67,7 @@
                            </template>
                        </el-table-column>
                        <el-table-column prop="phoneID" label="手台号" width="170"></el-table-column>
                        <el-table-column prop="phoneType" label="手台类型"></el-table-column>
                        <el-table-column prop="phoneType" label="手台类型" width="180"></el-table-column>
                    </el-table>
                </div>
                <div class="pages">
@@ -417,7 +417,6 @@

            // background-color: #fff;
            .list-box {
                position: relative;
                flex: 1;
                :deep(.el-table tr:nth-child(2n)) {
                    background: #324e75;
@@ -431,9 +430,27 @@
                    cursor: pointer;
                    background-color: rgba(222, 176, 176, 0.2);
                }
                .pages {
                    position: absolute;
                    bottom: 100px;
                :deep(.el-table::before) {
                    height: 0px;
                }
            }
            .pages {
                :deep(.el-pagination.is-background
                        .el-pager
                        li:not(.disabled).active) {
                    background-color: #1a3252;
                    color: #ffffff !important;
                }
                // :depp(.el-pager li:not(.disabled).active) {
                //     background-color: #009688;
                // }
                :deep(.el-pagination.is-background .btn-next),
                :deep(.el-pagination.is-background .btn-prev),
                :deep(.el-pagination.is-background .el-pager li) {
                    background-color: #95a0ad;
                }
                :deep(.el-pagination.is-background .el-pager li:hover) {
                    color: #1a3252;
                }
            }
        }

 src/views/video/index.vue

@@ -203,9 +203,9 @@
        }
    }
    .list-show {
        height: 745px;
        height: 765px;
        .list-box {
            height: 705px;
            height: 765px;
            :deep(.el-table tr:nth-child(2n)) {
                background: #324e75;
                color: #fff;
@@ -218,6 +218,28 @@
                cursor: pointer;
                background-color: rgba(222, 176, 176, 0.2);
            }
            :deep(.el-table::before) {
                height: 0px;
            }
        }
        .pages {
            :deep(.el-pagination.is-background
                    .el-pager
                    li:not(.disabled).active) {
                background-color: #1a3252;
                color: #ffffff !important;
            }
            // :depp(.el-pager li:not(.disabled).active) {
            //     background-color: #009688;
            // }
            :deep(.el-pagination.is-background .btn-next),
            :deep(.el-pagination.is-background .btn-prev),
            :deep(.el-pagination.is-background .el-pager li) {
                background-color: #95a0ad;
            }
            :deep(.el-pagination.is-background .el-pager li:hover) {
                color: #1a3252;
            }
        }
    }
}