From 2cb169f1a48aab19458899370d92d53bebeb9216 Mon Sep 17 00:00:00 2001 From: odc.xiaohui <xiaohui@Q1> Date: 星期四, 12 一月 2023 17:23:53 +0800 Subject: [PATCH] 2023/1/12 肖辉 tools修改 --- src/views/systemSetting/baseSetting/user/components/main/index.vue | 102 ++++++++++++++++++++++++--------------------------- 1 files changed, 48 insertions(+), 54 deletions(-) diff --git a/src/views/systemSetting/baseSetting/user/components/main/index.vue b/src/views/systemSetting/baseSetting/user/components/main/index.vue index 6613191..b7cfaa8 100644 --- a/src/views/systemSetting/baseSetting/user/components/main/index.vue +++ b/src/views/systemSetting/baseSetting/user/components/main/index.vue @@ -118,45 +118,46 @@ </el-dialog> <!-- tools --> <div class="tools"> - <div class="funs"> - <div class="funsItem funs-sp"> - <el-checkbox v-model="all" @change="selectAll()">鍏ㄩ��</el-checkbox> - </div> - <div class="funsItem funs-sp"> - <el-checkbox v-model="unsame" @change="disSame(tableData)" - >鍙嶉��</el-checkbox - > - </div> - <div class="funsItem"> - <el-select - v-model="myIdx" - placeholder="鎵归噺鎿嶄綔" - @change="selectChange" - > - <el-option - v-for="item in options" - :key="item.value" - :label="item.label" - :value="item.value" - :disabled="item.disabled" - > - </el-option> - </el-select> - </div> - </div> - <div class="pagination"> - <el-pagination - background - :current-page="currentPage" - layout="prev, pager, next" - :total="totalNum" - :page-size="pageSize" - @current-change="changeCurrentPage" - @prev-click="handlePrev" - @next-click="handleNext" - > - </el-pagination> - </div> + <div class="funs"> + <div class="funsItem funs-sp"> + <el-checkbox v-model="all" @change="selectAll()">鍏ㄩ��</el-checkbox> + </div> + <div class="funsItem funs-sp"> + <el-checkbox v-model="unsame" @change="disSame(tableData)" + >鍙嶉��</el-checkbox + > + </div> + <div class="funsItem"> + <el-select + v-model="myIdx" + placeholder="鎵归噺鎿嶄綔" + @change="selectChange" + > + <el-option + popper-class="funs-select" + v-for="item in options" + :key="item.value" + :label="item.label" + :value="item.value" + :disabled="item.disabled" + > + </el-option> + </el-select> + </div> + </div> + <div class="pagination"> + <el-pagination + background + :current-page="currentPage" + layout="prev, pager, next" + :total="totalNum" + :page-size="pageSize" + @current-change="changeCurrentPage" + @prev-click="handlePrev" + @next-click="handleNext" + > + </el-pagination> + </div> </div> </div> </main> @@ -485,22 +486,20 @@ // background-color: #09152f; margin-top: 20px; padding-bottom: 50px; - border: 1pox solid #fff; - + //border: 1px solid #fff; .mainTitle { line-height: 60px; } - .tools { display: flex; justify-content: space-between; align-items: center; - padding: 0 20px; - + padding: 0; .funs { display: flex; .funs-sp { - // border: 1px solid #17324c; + border: 1px solid #DCDFE6; + background-color: #fff; } .funsItem { line-height: 28px; @@ -509,26 +508,24 @@ border-radius: 4px; font-size: 12px; margin-left: 10px; - .el-checkbox { width: 80px; padding: 0 10px; } - .el-select { width: 120px; + + .funs-select{ + background-color: transparent; + } } - - } } - .pagination { margin-top: 50px; display: flex; line-height: 50px; justify-content: center; - .el-pagination { &::v-deep li, &::v-deep .btn-prev, @@ -536,7 +533,6 @@ // background-color: #071f39; // color: #4b9bb7; } - &::v-deep .active { background-color: #409eff; color: #fff; @@ -544,7 +540,6 @@ } } } - .el-table { // color: #4b9bb7; // font-size: 10px; @@ -554,7 +549,6 @@ .line { padding: 0 1px; } - span:hover { cursor: pointer; } -- Gitblit v1.8.0