布局百分比

ColorWhiteDeveloper

2022-09-19 80e1228f3c4bde9c09939510ad70062293a00b8f

 src/views/systemSetting/baseSetting/user/index.vue

@@ -22,33 +22,33 @@
                <el-table ref="multipleTable"
                    :header-cell-style="{background:'#06122c','font-size':'12px',color:'#4b9bb7','font-weight':'650','line-height':'45px'}"
                    :data="tableData" style="width: 100%" :row-class-name="tableRowClassName">
                    <el-table-column type="selection" width="55">
                    <el-table-column type="selection" min-width="10">
                    </el-table-column>
                    <el-table-column label="用户ID" width="67">
                    <el-table-column label="用户ID" min-width="10">
                        <template slot-scope="scope">{{ scope.row.id }}</template>
                    </el-table-column>
                    <el-table-column prop="nickName" label="用户名称" width="82">
                    <el-table-column prop="nickName" label="用户名称" min-width="10">
                    </el-table-column>
                    <el-table-column prop="username" label="所属姓名" width="76">
                    <el-table-column prop="username" label="所属姓名" min-width="10">
                    </el-table-column>
                    <el-table-column prop="mobile" label="联系方式" width="81">
                    <el-table-column prop="mobile" label="联系方式" min-width="10">
                    </el-table-column>
                    <el-table-column prop="note" label="所属角色" width="87">
                    <el-table-column prop="note" label="所属角色" min-width="10">
                    </el-table-column>
                    <el-table-column prop="departName" label="所属部门" width="80">
                    <el-table-column prop="departName" label="所属部门" min-width="10">
                    </el-table-column>
                    <el-table-column prop="jobTitle" label="所属职务" width="83">
                    <el-table-column prop="jobTitle" label="所属职务" min-width="10">
                    </el-table-column>
                    <el-table-column prop="createTime" label="创建时间" width="128">
                    <el-table-column prop="createTime" label="创建时间" min-width="10">
                    </el-table-column>
                    <el-table-column prop="status" label="启用" width="90">
                    <el-table-column prop="status" label="启用" min-width="10">
                        <template slot-scope="scope">
                            <el-switch class="switchStyle" v-model="scope.row.status" active-text="开" inactive-text="关"
                                active-color="#3fef9a" inactive-color="#000212" @change="handleChangeStatus(scope.row)">
                            </el-switch>
                        </template>
                    </el-table-column>
                    <el-table-column prop="operation" label="操作" width="246">
                    <el-table-column prop="operation" label="操作" min-width="10">
                        <template slot-scope="scope">
                            <div class="operation">
                                <!-- <span @click="handleChangeRole(scope.row)">修改角色</span> -->
@@ -137,7 +137,7 @@

    header {
        background-color: #09152f;

        border: 1pox solid #fff;
        .headerContent {
            padding: 0 40px;
            display: flex;
@@ -183,10 +183,10 @@

    main {
        background-color: #09152f;
        margin-top: 20px;
        padding-top: 20px;
        // padding: 0 40px;
        padding-bottom: 50px;

        border: 1pox solid #fff;
        .mainTitle {
            line-height: 60px;
        }
@@ -196,7 +196,6 @@
.el-table {
    color: #4b9bb7;
    font-size: 10px;

    .operation {
        display: flex;
        // justify-content: space-around;
@@ -209,7 +208,9 @@
        }
    }
}

.el-dialog__header,.el-dialog__body{
    background-color: #06122c;
}
.el-table .warning-row {
    background: #06122c;
}