现有人员弹窗样式

guanqb

2023-01-16 115bd437cee5bfd9f65cbd70d6e940074b1c1aa6

现有人员弹窗样式

 src/styles/media/index.scss

@@ -1958,6 +1958,83 @@
                        .el-dialog .el-dialog__body .item>div:nth-of-type(2) {
                            width: calc(100% - countSizeVw(120, 1920));
                        }
                        .pages {
                            height: countSizeVh(40);

                            &>div {
                                &>button {
                                    width: countSizeVh(32);
                                    height: countSizeVh(32);

                                    &>i {
                                        font-size: countSizeVh(16);
                                    }
                                }

                                &>ul {
                                    li {
                                        width: countSizeVh(32);
                                        height: countSizeVh(32);
                                        line-height: countSizeVh(32);
                                        font-size: countSizeVh(16);
                                    }
                                }
                            }

                        }

                        .header {
                            margin-bottom:  countSizeVh(10);
                            padding-left:  countSizeVh(10);
                            
                            &>div {
                                height:  countSizeVh(32);
                                line-height:  countSizeVh(32);
                                margin-right: countSizeVw(10, 1920);
                
                                input {
                                    width: countSizeVw(150, 1920);
                                    height:  countSizeVh(32);
                                    font-size:  countSizeVh(12);
                                    border-radius:  countSizeVh(5);
                                }
                            }
                            &>div:first-child input{
                                width: countSizeVw(120, 1920);
                            }
                            .el-button--primary {
                                border:  countSizeVh(1) solid rgba(29, 92, 228, 0.6);
                            }
                            .el-button{
                                padding:  countSizeVh(6) countSizeVw(10, 1920);
                                font-size:  countSizeVh(16);
                            }
                        }

                        .el-table th.el-table__cell>.cell{
                            font-size:  countSizeVh(16);
                        }

                        .el-table {
                            height: calc(100% - countSizeVh(80));
                        }

                        .el-dialog__header {
                            height: countSizeVh(40);
                            line-height: countSizeVh(40);
                        }
                       .el-table__header-wrapper {
                            height: countSizeVh(60);
                            line-height: countSizeVh(40);
                        }
                        .el-table .cell {
                            font-size: countSizeVh(16);
                            height: countSizeVh(40);
                            line-height: countSizeVh(40);
                        }
                        .el-table__body-wrapper{
                            height: calc(100% - countSizeVh(80));
                        }
                    }

                    .equiment-details-box {

 src/views/home/index.vue

@@ -150,7 +150,7 @@
                :header-cell-style="{ 'text-align': 'center', 'background-color': '#203c60', 'borderColor': '#324e75' }"
                :cell-style="{ 'text-align': 'center', 'borderColor': '#324e75', 'cursor': 'pointer' }"
            >
                <el-table-column label="序号" type="index" width="50" align="center">
                <el-table-column label="序号" type="index" align="center">
                    <template scope="scope">
                        <span>{{(peoplePage.currentPage - 1) * peoplePage.pageSize + scope.$index +1}}</span>
                    </template>