update:优化了"参数配置"页面的样式

This commit is contained in:
CGD
2025-04-11 16:13:26 +08:00
parent 5e77560313
commit 526a195e4d
@@ -31,11 +31,12 @@
<div class="table_bottom"> <div class="table_bottom">
<div class="ctrl_btn"> <div class="ctrl_btn">
<el-button size="mini" type="primary" class="select-all-btn" <el-button size="mini" type="primary" class="select-all-btn" @click="handleSelectAll">
@click="handleSelectAll">全选</el-button> {{ isAllSelected ? '取消全选' : '全选' }}
</el-button>
<el-button size="mini" type="success" @click="showAddDialog">新增</el-button> <el-button size="mini" type="success" @click="showAddDialog">新增</el-button>
<el-button size="mini" type="danger" icon="el-icon-delete" <el-button size="mini" type="danger" icon="el-icon-delete"
@click="deleteParam($refs.paramsTable.selection)">删除</el-button> @click="deleteParam($refs.paramsTable.selection)">删除</el-button>
</div> </div>
<div class="custom-pagination"> <div class="custom-pagination">
<button class="pagination-btn" :disabled="currentPage === 1" @click="goFirst"> <button class="pagination-btn" :disabled="currentPage === 1" @click="goFirst">
@@ -82,6 +83,7 @@ export default {
total: 0, total: 0,
dialogVisible: false, dialogVisible: false,
dialogTitle: "新增参数", dialogTitle: "新增参数",
isAllSelected: false,
paramForm: { paramForm: {
id: null, id: null,
paramCode: "", paramCode: "",
@@ -136,7 +138,12 @@ export default {
this.fetchParams(); this.fetchParams();
}, },
handleSelectAll() { handleSelectAll() {
this.$refs.paramsTable.toggleAllSelection(); if (this.isAllSelected) {
this.$refs.paramsTable.clearSelection();
} else {
this.$refs.paramsTable.toggleAllSelection();
}
this.isAllSelected = !this.isAllSelected;
}, },
showAddDialog() { showAddDialog() {
this.dialogTitle = "新增参数"; this.dialogTitle = "新增参数";