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/operate/myWait/index.vue | 96 ++++++++++++++++++++++++++++++++++-------------
1 files changed, 69 insertions(+), 27 deletions(-)
diff --git a/src/views/operate/myWait/index.vue b/src/views/operate/myWait/index.vue
index 18d9ce1..b6bdec3 100644
--- a/src/views/operate/myWait/index.vue
+++ b/src/views/operate/myWait/index.vue
@@ -16,13 +16,19 @@
<div class="mainContent">
<!-- 鏁版嵁灞曠ず -->
<el-table
- border
- stripe
- ref="multipleTable" :header-cell-style="{
- 'background':'#F5F5F5',
- 'font-weight': '650',
- 'line-height': '45px',
- }" :data="tableData" style="width: 100%" :row-class-name="tableRowClassName" @selection-change="tableChange">
+ border
+ stripe
+ ref="multipleTable"
+ :header-cell-style="{
+ background: '#F5F5F5',
+ 'font-weight': '650',
+ 'line-height': '45px',
+ }"
+ :data="tableData"
+ style="width: 100%"
+ :row-class-name="tableRowClassName"
+ @selection-change="tableChange"
+ >
<el-table-column type="selection" min-width="5"> </el-table-column>
<el-table-column prop="code" label="浜嬩欢缂栧彿" min-width="10">
</el-table-column>
@@ -52,11 +58,25 @@
<el-table-column min-width="10"> </el-table-column>
</el-table>
<!-- 鏌ョ湅淇敼椤甸潰 -->
- <el-dialog :visible.sync="dialogUpdate" width="60%" :title="title" :destroy-on-close="true" :key="updateFlag"
- :before-close="handleClose">
- <component v-if="dialogUpdate" @closeDialog="changeDialog" @changeDialog="changeDialog"
- v-bind:is="currentTabComponent" :caseId="caseId" :id="caseId" :mycode="caseCode" :info="info"
- :vioData="vioData"></component>
+ <el-dialog
+ :visible.sync="dialogUpdate"
+ width="60%"
+ :title="title"
+ :destroy-on-close="true"
+ :key="updateFlag"
+ :before-close="handleClose"
+ >
+ <component
+ v-if="dialogUpdate"
+ @closeDialog="changeDialog"
+ @changeDialog="changeDialog"
+ v-bind:is="currentTabComponent"
+ :caseId="caseId"
+ :id="caseId"
+ :mycode="caseCode"
+ :info="info"
+ :vioData="vioData"
+ ></component>
<!-- <updateUser
v-if="dialogUpdate"
:updateFlag="updateFlag"
@@ -69,22 +89,41 @@
<div class="tools">
<div class="funs">
<div class="funsItem">
- <el-checkbox v-model="all" @change="selectAll()">鍏ㄩ��</el-checkbox>
+ <el-checkbox v-model="all" @change="selectAll()"
+ >鍏ㄩ��</el-checkbox
+ >
</div>
<div class="funsItem">
- <el-checkbox v-model="unsame" @change="disSame(tableData)">鍙嶉��</el-checkbox>
+ <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-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">
+ <el-pagination
+ background
+ :current-page="currentPage"
+ layout="prev, pager, next"
+ :total="totalNum"
+ :page-size="pageSize"
+ @current-change="changeCurrentPage"
+ >
</el-pagination>
</div>
</div>
@@ -167,7 +206,11 @@
methods: {
getTableData() {
myWait
- .getMybackLog({ num: this.context, current: this.currentPage, pageSize: this.pageSize })
+ .getMybackLog({
+ num: this.context,
+ current: this.currentPage,
+ pageSize: this.pageSize,
+ })
.then(({ records, total }) => {
this.tableData = records;
this.tableData = this.tableData.filter((item) => !!item);
@@ -177,7 +220,7 @@
},
// 鎵归噺鍒犻櫎
- mulDelete(idArr) { },
+ mulDelete(idArr) {},
// 鎵ц涓嬫媺妗嗘搷浣�
selectChange(val) {
let ids = [];
@@ -211,7 +254,7 @@
});
},
// 鍒犻櫎鍗曟潯鏁版嵁
- handleDelete({ number }) { },
+ handleDelete({ number }) {},
// 璁剧疆琛ㄦ牸鏂戦┈绾�
tableRowClassName({ row, rowIndex }) {
if ((rowIndex + 1) % 2 === 0) {
@@ -237,7 +280,7 @@
this.dialogUpdate = false;
done();
})
- .catch(() => { });
+ .catch(() => {});
},
// 璁＄畻鏃堕棿
getRestTime(time2) {
@@ -389,7 +432,7 @@
line-height: 28px;
display: flex;
align-items: center;
- border: 1px solid #DCDFE6;
+ border: 1px solid #dcdfe6;
border-radius: 4px;
font-size: 12px;
margin-left: 10px;
@@ -425,7 +468,6 @@
justify-content: center;
.el-pagination {
-
&::v-deep li,
&::v-deep .btn-prev,
&::v-deep .btn-next {
@@ -461,11 +503,11 @@
.operation {
display: flex;
-
+ color: var(--operation-color);
.line {
padding: 0 5px;
}
-
+ color: var(--operation-color);
span:hover {
cursor: pointer;
}
--
Gitblit v1.8.0