feat: 明细表支持设定列宽

src/components/Designer/src/components/componentProperty/PropertyOption.vue

@@ -263,6 +263,10 @@
                 <a-input v-model:value="data.options.width" />
             </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-select v-model:value="data.options.infoType" size="mini">
                     <a-select-option :value="0">{{ t('当前用户') }}</a-select-option>

src/components/Form/src/components/SubFormV2.vue

@@ -13,7 +13,7 @@
             <template #summary>
                 <a-table-summary-row v-if="columns.some((x) => x.componentProps?.subTotal)">
                     <a-table-summary-cell v-for="(column, idx) in columns" :key="idx">
-                        <a-typography-text v-if="column.componentProps?.subTotal" keyboard> {{ t('合计：') }} {{ sum(data.map((x) => x[column.dataIndex as string])) }} </a-typography-text>
+                        <a-typography-text v-if="column.componentProps?.subTotal" keyboard> {{ t('合计：') }} {{ sum(data.map((x) => x[column.dataIndex as string])) }}</a-typography-text>
                     </a-table-summary-cell>
                 </a-table-summary-row>
             </template>
@@ -212,6 +212,12 @@
                 width: 60
             });
         }
+        columns.value.forEach((col: any) => {
+            // 设置表格的列宽 注意操作这列是没有componentProps
+            if (col?.componentProps?.colWidth) {
+                col.width = +col.componentProps.colWidth;
+            }
+        });
         columns.value = filterColum(columns.value);
         nextTick(() => {
             //处理多表头