修改用户管理

“dzb”

2022-10-21 b9b2d3d63335fa9c72078e64f1ac1b365cf2d8dd

 src/components/Table/index.vue

@@ -12,22 +12,18 @@
                        <div v-if="item.type === 'text'">
                            {{scope.row[item.prop]}}
                        </div>
                        <slot v-else name="operation" :info="scope">
                            <div class="operationBox">
                                <div class="divider" v-for="(child,index) in item.children" :key="child.operationName">
                                    <!-- @click="backMykey(scope.$index,child.mykey)" -->
                                    <span>{{child.operationName}}</span>
                                    <el-divider direction="vertical" v-if="index !== item.children.length-1">
                                    </el-divider>
                                </div>
                            </div>
                        <slot v-else-if="item.type === 'operation'" name="operation" :info="scope">
                            
                        </slot>
                        <slot name="status" v-else-if="item.type === 'status'" :info="scope">
                        </slot>
                        <div class=""></div>
                    </template>
                </el-table-column>
            </el-table>
        </div>
        <!-- tools -->
        <div class="tools">
        <div class="tools" v-if="pageShow">
            <div class="funs">
                <div class="funsItem sp-item">
                    <el-checkbox v-model="all" @change="selectAll()">全选</el-checkbox>
@@ -93,20 +89,25 @@
        // 弹窗
        openDialog: {
            type: Function,
            default: () => {}
            default: () => { }
        },
        // 获取当前页
        getCurrentPage:{
        getCurrentPage: {
            type: Function,
            default: () => {}
            default: () => { }
        },
        // 分页总数
        totalNum:{
            type:Number,
            default:1
        totalNum: {
            type: Number,
            default: 1
        },
        // 是否展示分页
        pageShow:{
            type: Boolean,
            default: false,
        }
    },
    created(){
    created() {
        this.myTotalNum = JSON.parse(JSON.stringify(this.totalNum));
    },
    computed: {
@@ -127,7 +128,7 @@
        // 当前页改变触发事件
        changeCurrentPage(page) {
            this.currentPage = page;
            this.$emit('getCurrentPage',page);
            this.$emit('getCurrentPage', page);
        },
        // 全选
        selectAll() {
@@ -169,68 +170,72 @@
    .el-table {
        color: #4b9bb7;
    }

    .tools {
        display: flex;
        justify-content: space-between;
        align-items: center;
        padding: 0 20px;

        .funs {
            display: flex;
            justify-content: space-between;
            align-items: center;
            padding: 0 20px;

            .funs {
                display: flex;
                .sp-item{
                    border: 1px solid #17324c;
                }
                .funsItem {
                    line-height: 28px;
                    display: flex;
                    align-items: center;
                    border-radius: 4px;
                    font-size: 12px;
                    margin-left: 10px;

                    .el-checkbox {
                        width: 80px;
                        padding: 0 10px;
                    }

                    .el-select {
                        width: 120px;
                    }

                    &::v-deep .el-input__inner {
                        border: none;
                        background-color: #09152f;
                    }
                    
                    &:hover .el-checkbox {
                        color: #4b9bb7;
                    }
                }

            .sp-item {
                border: 1px solid #17324c;
            }

            .pagination {
                margin-top: 50px;
            .funsItem {
                line-height: 28px;
                display: flex;
                line-height: 50px;
                justify-content: center;
                align-items: center;
                border-radius: 4px;
                font-size: 12px;
                margin-left: 10px;

                .el-pagination {
                .el-checkbox {
                    width: 80px;
                    padding: 0 10px;
                }

                    &::v-deep li,
                    &::v-deep .btn-prev,
                    &::v-deep .btn-next {
                        background-color: #071f39;
                        color: #4b9bb7;
                    }
                .el-select {
                    width: 120px;
                }

                    &::v-deep .active {
                        background-color: #409eff;
                        color: #fff;
                    }
                &::v-deep .el-input__inner {
                    border: none;
                    background-color: #09152f;
                }

                &:hover .el-checkbox {
                    color: #4b9bb7;
                }
            }

        }

        .pagination {
            margin-top: 50px;
            display: flex;
            line-height: 50px;
            justify-content: center;

            .el-pagination {

                &::v-deep li,
                &::v-deep .btn-prev,
                &::v-deep .btn-next {
                    background-color: #071f39;
                    color: #4b9bb7;
                }

                &::v-deep .active {
                    background-color: #409eff;
                    color: #fff;
                }
            }
        }
    }

    &::v-deep .warning-row {
        background-color: #06122c;
    }