表格组件问题完善

This commit is contained in:
BianLzhaoMin 2025-04-14 18:00:06 +08:00
parent dfb3704669
commit 89fb6c62fd
2 changed files with 11 additions and 53 deletions

View File

@ -117,14 +117,14 @@
@selection-change="handleSelectionChange"
>
>
<el-table-column type="selection" width="45" align="center" v-if="showSel" :selectable="selectable" />
<el-table-column type="selection" width="45" align="center" v-if="selectionShow" :selectable="selectable" />
<el-table-column
width="55"
align="center"
label="序号"
type="index"
:index="indexContinuation(queryParams.pageNum, queryParams.pageSize)"
v-if="showIndex"
v-if="indexNumShow"
/>
<el-table-column
v-for="(item, v) in tableColumCheckProps"
@ -253,13 +253,6 @@ export default {
},
},
watch: {
handleShow: {
handler(newValue) {
if (!newValue) {
this.dynamicWidth = 0
}
},
},
columnsList: {
handler(nv, ov) {
if (nv !== ov) {

View File

@ -8,37 +8,13 @@
placement="top"
v-if="search"
>
<el-button
size="mini"
circle
icon="el-icon-search"
@click="toggleSearch()"
/>
<el-button size="mini" circle icon="el-icon-search" @click="toggleSearch()" />
</el-tooltip>
<el-tooltip
class="item"
effect="dark"
content="刷新"
placement="top"
>
<el-button
size="mini"
circle
icon="el-icon-refresh"
@click="refresh()"
/>
<el-tooltip class="item" effect="dark" content="刷新" placement="top">
<el-button size="mini" circle icon="el-icon-refresh" @click="refresh()" />
</el-tooltip>
<el-tooltip
class="item"
effect="dark"
content="列表筛选"
placement="top"
>
<el-dropdown
trigger="click"
:hide-on-click="false"
style="padding-left: 12px"
>
<el-tooltip class="item" effect="dark" content="列表筛选" placement="top">
<el-dropdown trigger="click" :hide-on-click="false" style="padding-left: 12px">
<el-button size="mini" circle icon="el-icon-menu" />
<el-dropdown-menu slot="dropdown">
<el-dropdown-item>
@ -46,10 +22,7 @@
:checked="selectionShow"
@change="
() => {
this.$emit(
'update:selectionShow',
!this.selectionShow,
)
this.$emit('update:selectionShow', !this.selectionShow)
}
"
>复选框</el-checkbox
@ -60,10 +33,7 @@
:checked="indexNumShow"
@change="
() => {
this.$emit(
'update:indexNumShow',
!this.indexNumShow,
)
this.$emit('update:indexNumShow', !this.indexNumShow)
}
"
>序号</el-checkbox
@ -74,10 +44,7 @@
:checked="handleShow"
@change="
() => {
this.$emit(
'update:handleShow',
!this.handleShow,
)
this.$emit('update:handleShow', !this.handleShow)
}
"
>操作</el-checkbox
@ -88,9 +55,7 @@
<el-dropdown-item :key="index">
<el-checkbox
:checked="item.checked"
@change="
checkboxChange($event, item.t_label)
"
@change="checkboxChange($event, item.t_label)"
:label="item.t_label"
>{{ item.t_label }}</el-checkbox
>