feat: 明细表支持设定列宽

This commit is contained in:
gaoyunqi
2024-03-04 15:29:17 +08:00
parent c8d1201efc
commit 0d4b4f4d45
2 changed files with 11 additions and 1 deletions

View File

@ -263,6 +263,10 @@
<a-input v-model:value="data.options.width" /> <a-input v-model:value="data.options.width" />
</a-form-item> </a-form-item>
<a-form-item v-if="data.isSubFormChild" label="列宽">
<a-input v-model:value="data.options.colWidth" placeholder="数字,留空为浮动宽度" />
</a-form-item>
<a-form-item v-if="hasKey('infoType')" :label="t('信息类型')"> <a-form-item v-if="hasKey('infoType')" :label="t('信息类型')">
<a-select v-model:value="data.options.infoType" size="mini"> <a-select v-model:value="data.options.infoType" size="mini">
<a-select-option :value="0">{{ t('当前用户') }}</a-select-option> <a-select-option :value="0">{{ t('当前用户') }}</a-select-option>

View File

@ -212,6 +212,12 @@
width: 60 width: 60
}); });
} }
columns.value.forEach((col: any) => {
// 设置表格的列宽 注意操作这列是没有componentProps
if (col?.componentProps?.colWidth) {
col.width = +col.componentProps.colWidth;
}
});
columns.value = filterColum(columns.value); columns.value = filterColum(columns.value);
nextTick(() => { nextTick(() => {
//处理多表头 //处理多表头