TRKJ/mayfly-go
2
0
Fork 0
mirror of https://gitee.com/dromara/mayfly-go synced 2025-11-08 18:30:25 +08:00
Code Issues Packages Projects Releases Wiki Activity

refactor: 表格宽度自适应宽度计算方式调整

Browse Source
This commit is contained in:
meilin.huang
2023-06-29 00:40:42 +08:00
parent 6bc2603a4d
commit 1bc53b4c80
8 changed files with 97 additions and 117 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
mayfly_go_web/src/components/pagetable/PageTable.vue
View File

@@ -43,7 +43,7 @@
</div>
<!-- 这里做的是一个类似于折叠面板的功能 -->
<div class="query-content" :class="isOpenMoreQuery ? 'is-open' : ''">
<el-form :model="props.queryForm" label-width="70px" style="display: flex; flex-wrap: wrap;">
<el-form :model="props.queryForm" label-width="auto" style="display: flex; flex-wrap: wrap;">
<el-form-item :label="item.label" style="margin-right: 20px; margin-bottom: 0px;"
v-for="item in props.query?.slice(defaultQueryCount)" :key="item.prop">
@@ -224,7 +224,7 @@ watch(() => props.data, (newValue: any) => {
if (newValue.length > 0) {
props.columns.forEach(item => {
if (item.autoWidth && item.show) {
item.minWidth = TableColumn.flexColumnWidth(item.prop, item.label, props.data) as any
item.minWidth = TableColumn.flexColumnWidth(item.prop, item.label, props.data) + item.addWidth
}
})
}