bonus
/
bns_zhgd_web
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

表格组件问题完善

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
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

11
src/components/TableModel/index.vue
View File

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

53
src/components/ToolbarModel/index.vue
View File

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