wsq-前端-20260728-fix-新增/详情/编辑页面附件能够展示和下载，样式调整。

src/views/gh/improvementProposal/components/ImprovementProposalForm.vue

@@ -34,8 +34,8 @@
 								<a-input v-model:value="formData.applicantName" placeholder="请输入申请人姓名"  allow-clear ></a-input>
 							</a-form-item>
 						</a-col>
-						<a-col :span="12">
+						<a-col :span="24">
-							<a-form-item label="团队名称" v-bind="validateInfos.teamName" id="ImprovementProposalForm-teamName" name="teamName">
+							<a-form-item label="团队名称" v-bind="validateInfos.teamName" id="ImprovementProposalForm-teamName" name="teamName" :labelCol="longLabelCol" :wrapperCol="longWrapperCol">
 								<a-input v-model:value="formData.teamName" placeholder="请输入团队名称"  allow-clear ></a-input>
 							</a-form-item>
 						</a-col>
@@ -50,24 +50,24 @@
 								<a-textarea v-model:value="formData.improvementMethod" :rows="4" placeholder="请输入改善方法及措施" />
 							</a-form-item>
 						</a-col>
-						<a-col :span="12">
+						<a-col :span="24">
-							<a-form-item label="改善前情况描述" v-bind="validateInfos.beforeDesc" id="ImprovementProposalForm-beforeDesc" name="beforeDesc" :labelCol="halfLabelCol" :wrapperCol="halfWrapperCol">
+							<a-form-item label="改善前情况描述" v-bind="validateInfos.beforeDesc" id="ImprovementProposalForm-beforeDesc" name="beforeDesc" :labelCol="longLabelCol" :wrapperCol="longWrapperCol">
 								<a-textarea v-model:value="formData.beforeDesc" :rows="4" placeholder="请输入改善前情况描述" />
 							</a-form-item>
 						</a-col>
-						<a-col :span="12">
+						<a-col :span="24">
-							<a-form-item label="改善前图片" :labelCol="halfLabelCol" :wrapperCol="halfWrapperCol">
+							<a-form-item label="改善前图片" :labelCol="longLabelCol" :wrapperCol="longWrapperCol">
-								<SUploadFile ref="beforeFileRef" :bussiness-id="formData.id ? `${formData.id}:before` : ''" :multiple="true" :disabled="disabled" />
+								<SUploadFile ref="beforeFileRef" :bussiness-id="formData.proposalNo ? `${formData.proposalNo}:before` : ''" :multiple="true" :disabled="disabled" />
 							</a-form-item>
 						</a-col>
-						<a-col :span="12">
+						<a-col :span="24">
-							<a-form-item label="改善后情况描述" v-bind="validateInfos.afterDesc" id="ImprovementProposalForm-afterDesc" name="afterDesc" :labelCol="halfLabelCol" :wrapperCol="halfWrapperCol">
+							<a-form-item label="改善后情况描述" v-bind="validateInfos.afterDesc" id="ImprovementProposalForm-afterDesc" name="afterDesc" :labelCol="longLabelCol" :wrapperCol="longWrapperCol">
 								<a-textarea v-model:value="formData.afterDesc" :rows="4" placeholder="请输入改善后情况描述" />
 							</a-form-item>
 						</a-col>
-						<a-col :span="12">
+						<a-col :span="24">
-							<a-form-item label="改善后图片" :labelCol="halfLabelCol" :wrapperCol="halfWrapperCol">
+							<a-form-item label="改善后图片" :labelCol="longLabelCol" :wrapperCol="longWrapperCol">
-								<SUploadFile ref="afterFileRef" :bussiness-id="formData.id ? `${formData.id}:after` : ''" :multiple="true" :disabled="disabled" />
+								<SUploadFile ref="afterFileRef" :bussiness-id="formData.proposalNo ? `${formData.proposalNo}:after` : ''" :multiple="true" :disabled="disabled" />
 							</a-form-item>
 						</a-col>
 						<a-col :span="24">
@@ -204,19 +204,19 @@
       };
       const longLabelCol = {
         xs: {span: 24},
-        sm: {span: 4},
+        sm: {span: 5},
       };
       const longWrapperCol = {
         xs: {span: 24},
-        sm: {span: 20},
+        sm: {span: 16},
       };
       const halfLabelCol = {
         xs: {span: 24},
-        sm: {span: 8},
+        sm: {span: 5},
       };
       const halfWrapperCol = {
         xs: {span: 24},
-        sm: {span: 16},
+        sm: {span: 18},
       };
 
       const disabled = computed(()=>{
@@ -330,6 +330,12 @@
           improvementDeptScoreTable.dataSource = [...improvementDeptScoreDataList];
           const improvementInstituteVoteDataList = await queryImprovementInstituteVoteListByMainId(row['id']);
           improvementInstituteVoteTable.dataSource = [...improvementInstituteVoteDataList];
+          // 加载改善前/后图片文件列表
+          await nextTick();
+          if (formData.id) {
+            beforeFileRef.value?.loadFileList();
+            afterFileRef.value?.loadFileList();
+          }
         }
       }
       
@@ -359,6 +365,12 @@
         improvementDeptScoreTable.dataSource = [...improvementDeptScoreDataList];
         const improvementInstituteVoteDataList = await queryImprovementInstituteVoteListByMainId(row['id']);
         improvementInstituteVoteTable.dataSource = [...improvementInstituteVoteDataList];
+        // 加载改善前/后图片文件列表
+        await nextTick();
+        if (formData.id) {
+          beforeFileRef.value?.loadFileList();
+          afterFileRef.value?.loadFileList();
+        }
       }
 
       async function queryMainData(id) {
@@ -411,8 +423,8 @@
           const newId = typeof result === 'string' ? result : (result?.id || result);
           if (newId) {
             formData.id = newId;
-            await beforeFileRef.value?.bindBussinessId(`${newId}:before`);
+            await beforeFileRef.value?.bindBussinessId(`${formData.proposalNo}:before`);
-            await afterFileRef.value?.bindBussinessId(`${newId}:after`);
+            await afterFileRef.value?.bindBussinessId(`${formData.proposalNo}:after`);
           }
         }
         emit('success');