From b654384fcaedb1d90c535d209778003d199aafa5 Mon Sep 17 00:00:00 2001 From: “dzb” <2632970487@qq.com> Date: 星期四, 20 十月 2022 11:47:26 +0800 Subject: [PATCH] 修改时间为字符串 --- src/views/systemSetting/baseSetting/user/components/main/index.vue | 83 +++++++++++++++++------------------------ 1 files changed, 35 insertions(+), 48 deletions(-) diff --git a/src/views/systemSetting/baseSetting/user/components/main/index.vue b/src/views/systemSetting/baseSetting/user/components/main/index.vue index c6a8e69..803720a 100644 --- a/src/views/systemSetting/baseSetting/user/components/main/index.vue +++ b/src/views/systemSetting/baseSetting/user/components/main/index.vue @@ -8,7 +8,7 @@ @selection-change="tableChange"> <el-table-column type="selection" min-width="5"> </el-table-column> - <el-table-column label="鐢ㄦ埛ID" min-width="4"> + <el-table-column label="鐢ㄦ埛ID" min-width="6"> <template slot-scope="scope">{{ scope.row.id }}</template> </el-table-column> <el-table-column prop="nickName" label="鐢ㄦ埛鍚嶇О" min-width="10"> @@ -33,12 +33,13 @@ </el-table-column> <el-table-column prop="status" label="鍚敤" min-width="5"> <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)"> + <!-- @change="handleChangeStatus(scope.row)" --> + <el-switch class="switchStyle" v-model="scope.row.status" + active-color="#3fef9a" inactive-color="#000212" disabled> </el-switch> </template> </el-table-column> - <el-table-column prop="operation" label="鎿嶄綔" min-width="22"> + <el-table-column prop="operation" label="鎿嶄綔" min-width="20"> <template slot-scope="scope"> <div class="operation"> <span @click="handleChangeRole(scope.row,'role')">淇敼瑙掕壊</span> @@ -65,10 +66,10 @@ <!-- tools --> <div class="tools"> <div class="funs"> - <div class="funsItem"> + <div class="funsItem funs-sp"> <el-checkbox v-model="all" @change="selectAll()">鍏ㄩ��</el-checkbox> </div> - <div class="funsItem"> + <div class="funsItem funs-sp"> <el-checkbox v-model="unsame" @change="disSame(tableData)">鍙嶉��</el-checkbox> </div> <div class="funsItem"> @@ -399,12 +400,13 @@ .funs { display: flex; - + .funs-sp{ + border: 1px solid #17324c; + } .funsItem { line-height: 28px; display: flex; align-items: center; - border: 1px solid #17324c; border-radius: 4px; font-size: 12px; margin-left: 10px; @@ -460,17 +462,11 @@ .el-table { color: #4b9bb7; font-size: 10px; - - &::v-deep .el-table__empty-block { - background-color: #09152f; - color: #4b9bb7; - } - .operation { display: flex; - + font-size: 10px; .line { - padding: 0 5px; + padding: 0 1px; } span:hover { @@ -478,42 +474,33 @@ } } } + // &::v-deep .switchStyle .el-switch__label { + // position: absolute; + // display: none; + // color: #fff; + // } - .el-table::v-deep .warning-row { - background: #06122c; - } + // &::v-deep .el-switch__core { + // background-color: rgba(166, 166, 166, 1); + // } - .el-table::v-deep .success-row { - background: #071f39; - } + // &::v-deep .switchStyle .el-switch__label--left { + // z-index: 9; + // left: 20px; + // } - &::v-deep .switchStyle .el-switch__label { - position: absolute; - display: none; - color: #fff; - } + // &::v-deep .switchStyle .el-switch__label--right { + // z-index: 9; + // left: 4px; + // } - &::v-deep .el-switch__core { - background-color: rgba(166, 166, 166, 1); - } + // &::v-deep .switchStyle .el-switch__label.is-active { + // display: block; + // } - &::v-deep .switchStyle .el-switch__label--left { - z-index: 9; - left: 20px; - } - - &::v-deep .switchStyle .el-switch__label--right { - z-index: 9; - left: 4px; - } - - &::v-deep .switchStyle .el-switch__label.is-active { - display: block; - } - - &::v-deep .switchStyle.el-switch .el-switch__core, - &::v-deep .el-switch .el-switch__label { - width: 56px !important; - } + // &::v-deep .switchStyle.el-switch .el-switch__core, + // &::v-deep .el-switch .el-switch__label { + // width: 56px !important; + // } } </style> \ No newline at end of file -- Gitblit v1.8.0