From bf9a412b20afe9f22e99448eb002ff9e92fd30cb Mon Sep 17 00:00:00 2001
From: zhanghua <314079846@qq.com>
Date: 星期四, 09 二月 2023 10:17:04 +0800
Subject: [PATCH] 统一table操作按钮样式
---
src/views/systemSetting/baseSetting/user/components/main/index.vue | 100 ++++++++++++++++++++++++--------------------------
1 files changed, 48 insertions(+), 52 deletions(-)
diff --git a/src/views/systemSetting/baseSetting/user/components/main/index.vue b/src/views/systemSetting/baseSetting/user/components/main/index.vue
index e94c147..26e0685 100644
--- a/src/views/systemSetting/baseSetting/user/components/main/index.vue
+++ b/src/views/systemSetting/baseSetting/user/components/main/index.vue
@@ -3,11 +3,11 @@
<div class="mainContent">
<!-- 鏁版嵁灞曠ず -->
<el-table
- border
- stripe
+ border
+ stripe
ref="multipleTable"
:header-cell-style="{
- 'background':'#F5F5F5',
+ background: '#F5F5F5',
'font-size': '14px',
'font-weight': '650',
'line-height': '45px',
@@ -118,46 +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
- 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 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>
@@ -498,10 +498,10 @@
.funs {
display: flex;
.funs-sp {
- border: 1px solid #DCDFE6;
+ border: 1px solid #dcdfe6;
+ background-color: #fff;
}
.funsItem {
- background-color: transparent;
line-height: 28px;
display: flex;
align-items: center;
@@ -514,12 +514,8 @@
}
.el-select {
width: 120px;
- &::v-deep.el-input{
- .el-input__inner{
- background-color: transparent!important;
- }
- }
- .funs-select{
+
+ .funs-select {
background-color: transparent;
}
}
@@ -548,8 +544,8 @@
// color: #4b9bb7;
// font-size: 10px;
.operation {
+ color: var(--operation-color);
display: flex;
- font-size: 10px;
.line {
padding: 0 1px;
}
--
Gitblit v1.8.0