refactor(文件上传): 重构文件上传逻辑并统一组件样式

将文件上传逻辑从工具函数迁移至组件内部方法，实现上传逻辑的封装复用
为uni-file-picker组件添加统一高度样式350rpx
移除不再使用的uploadFile工具函数导入

src/pages/checklist/index.vue

@@ -90,8 +90,8 @@
                                 <view class="upload-section" v-if="!allItemsQualified">
                                     <text class="upload-title">上传不合格图片</text>
                                     <uni-file-picker v-model="formData.baseAttachmentList" limit="8" title="最多上传8张"
-                                        :image-styles="imageStyles" fileMediatype="image" mode="grid" @select="onSelect"
-                                        :disabled="formDisabled" />
+                                        style="height: 350rpx;" :image-styles="imageStyles" fileMediatype="image"
+                                        mode="grid" @select="onSelect" :disabled="formDisabled" :readonly="formDisabled"/>
                                 </view>
                             </view>
                         </h-collapse-item>
@@ -142,7 +142,7 @@ import TextSwitch from "@/components/text-switch/text-switch.vue"
 import { checkedLevelEnums } from "@/utils/enums.js"
 import UnqualifiedPersonnel from "./components/unqualified.vue"
 import { treeSelectByType } from "@/api/system/common"
-import { buildTeamOptions, uploadFile, buildDepartmentOptions, buildBrigadeOptions } from '@/utils/common'
+import { buildTeamOptions, buildDepartmentOptions, buildBrigadeOptions } from '@/utils/common'
 import useDictMixin from '@/utils/dict'
 import { getDeptRoleUser } from "@/api/check/checklist.js"
 import { addDraftInspection, submitInspection, getInspectionListById } from '@/api/check/checkReward.js'
@@ -261,7 +261,7 @@ export default {
                         },
                         {
                             validateFunction: (rule, value, data, callback) => {
-                                console.log(value,"value")
+                                console.log(value, "value")
                                 if (!value) {
                                     // 检查是否选择了完整的检查地点（终端、区域、通道）
                                     callback('请选择完整的检查地点');
@@ -485,7 +485,7 @@ export default {
             let newText = text.split('/')
             this.$set(this.formData, 'checkedBrigadeName', newText[newText.length - 1].trim());
             this.$set(this.formData, 'checkedDeptId', value);
-            
+
             this.$set(this.formData, 'checkedDeptName', newText[newText.length - 1].trim());
             this.$set(this.formData, 'checkedDepartmentId', value);
             this.$set(this.formData, 'checkedDepartmentName', newText[newText.length - 1].trim());
@@ -582,16 +582,39 @@ export default {
         },
         // 选择文件后手动上传
         async onSelect(event) {
-            const file = await uploadFile(event);
-            console.log(file, "file", this.formData)
-
-            this.formData.baseAttachmentList.push({
+            const files = await this.uploadFile(event);
+            console.log(files, "file", this.formData)
+            let fileArr = files.map(file => ({
                 url: file.url,
                 name: file.newFileName,
                 attachmentName: file.newFileName,
                 attachmentUrl: file.url,
                 extname: file.newFileName.split('.').pop()
-            });
+            }))
+            // 直接替换而不是追加，因为限制只能上传1张
+            this.formData.baseAttachmentList = [
+                ...this.formData.baseAttachmentList,
+                ...fileArr
+            ];
+
+        },
+        // 封装上传
+        uploadFile(event) {
+            return Promise.all(event.tempFilePaths.map(filePath => {
+                return new Promise((resolve, reject) => {
+                    uni.uploadFile({
+                        url: `${config.baseUrl}/common/upload`,
+                        filePath: filePath,
+                        name: 'file',
+                        header: { Authorization: 'Bearer ' + getToken() },
+                        formData: {
+                            // 可添加其他参数
+                        },
+                        success: (res) => resolve(JSON.parse(res.data)),
+                        fail: reject
+                    });
+                });
+            }));
         },
         // 填充表单数据
         fillFormData(inspectionDetail) {
@@ -731,7 +754,7 @@ export default {
             const payload = this.formateData();
 
 
-            addDraftInspection({ ...payload, id: this.taskId })
+            addDraftInspection({ ...payload, ...(this.formData.checkRecordStatus == 'DRAFT' ? { id: this.taskId } : {}) })
                 .then(() => {
                     uni.showToast({ title: '草稿保存成功', icon: 'success' });
                     console.log('草稿保存成功:',);
@@ -751,7 +774,7 @@ export default {
         // 提交表单
         submitForm() {
             this.$refs.form.validate().then(res => {
-               
+
                 // 检查所有不合格项是否都填写了相关人员
                 let hasError = false;
                 let errorMessage = '';

src/pages/problemRect/index.vue

@@ -58,7 +58,7 @@
                                     <view class="problem-header">
                                         <text class="problem-title">{{
                                             `${problem.categoryNameOne}/${problem.categoryNameTwo}/${problem.projectName}`
-                                        }}</text>
+                                            }}</text>
                                     </view>
                                     <view class="problem-content">
                                         <view class="problem-person">
@@ -81,7 +81,7 @@
                                     </view>
                                 </view>
 
-                                <uni-file-picker v-if="formData.checkRecordBaseAttachmentList.length > 0"
+                                <uni-file-picker v-if="formData.checkRecordBaseAttachmentList.length > 0" style="height: 350rpx;"
                                     v-model="formData.checkRecordBaseAttachmentList" limit="8" title="最多上传8张"
                                     :image-styles="imageStyles" fileMediatype="image" mode="grid"
                                     @select="onCheckRecordBaseAttachmentListSelect" :disabled="true" :del-icon="false"
@@ -158,7 +158,7 @@
                             </uni-forms-item>
 
                             <view style="padding: 0 15px 15px 15px;">
-                                <uni-file-picker v-model="formData.baseAttachmentList" limit="8" title="最多上传8张整改照片"
+                                <uni-file-picker v-model="formData.baseAttachmentList" limit="8" title="最多上传8张整改照片" style="height: 350rpx;"
                                     :image-styles="imageStyles" fileMediatype="image" mode="grid"
                                     @select="onBaseAttachmentListelect" :disabled="formDisabled"
                                     :del-icon="!formDisabled" :readonly="formDisabled" />
@@ -199,7 +199,7 @@
 <script>
 import HomeContainer from "@/components/HomeContainer.vue";
 import { treeSelectByType } from "@/api/system/common"
-import { uploadFile } from '@/utils/common'
+
 import useDictMixin from '@/utils/dict'
 import RejectModal from './components/RejectModal.vue'
 import { addChecklistRecord } from '@/api/check/checklist.js'
@@ -521,7 +521,7 @@ export default {
                     name: img.attachmentName || img.name,
                     extname: img.extname || (img.name ? img.name.split('.').pop() : '')
                 })) : [],
-                baseAttachmentList: (data.baseAttachmentList && data.baseAttachmentList?.length > 0) ? data.baseAttachmentList.map(img => ({
+                checkRecordBaseAttachmentList: (data.checkRecordBaseAttachmentList && data.checkRecordBaseAttachmentList?.length > 0) ? data.checkRecordBaseAttachmentList.map(img => ({
                     ...img,
                     url: img.attachmentUrl || img.url,
                     name: img.attachmentName || img.name,
@@ -546,29 +546,57 @@ export default {
 
         // 选择待整改问题图片
         async onBaseAttachmentListelect(event) {
-            const file = await uploadFile(event);
-            this.formData.baseAttachmentList.push({
+            const files = await this.uploadFile(event);
+
+            let fileArr = files.map(file => ({
                 url: file.url,
                 name: file.newFileName,
                 attachmentName: file.newFileName,
                 attachmentUrl: file.url,
                 extname: file.newFileName.split('.').pop()
-            });
+            }))
+            // 直接替换而不是追加，因为限制只能上传1张
+            this.formData.baseAttachmentList = [
+                ...this.formData.baseAttachmentList,
+                ...fileArr
+            ];
         },
 
         // 选择不合格图片
         async onCheckRecordBaseAttachmentListSelect(event) {
-            const file = await uploadFile(event);
-            this.formData.checkRecordBaseAttachmentList.push({
+            const files = await this.uploadFile(event);
+
+            let fileArr = files.map(file => ({
                 url: file.url,
                 name: file.newFileName,
                 attachmentName: file.newFileName,
                 attachmentUrl: file.url,
                 extname: file.newFileName.split('.').pop()
-            });
+            }))
+            // 直接替换而不是追加，因为限制只能上传1张
+            this.formData.checkRecordBaseAttachmentList = [
+                ...this.formData.checkRecordBaseAttachmentList,
+                ...fileArr
+            ];
+        },
+        // 封装上传
+        uploadFile(event) {
+            return Promise.all(event.tempFilePaths.map(filePath => {
+                return new Promise((resolve, reject) => {
+                    uni.uploadFile({
+                        url: `${config.baseUrl}/common/upload`,
+                        filePath: filePath,
+                        name: 'file',
+                        header: { Authorization: 'Bearer ' + getToken() },
+                        formData: {
+                            // 可添加其他参数
+                        },
+                        success: (res) => resolve(JSON.parse(res.data)),
+                        fail: reject
+                    });
+                });
+            }));
         },
-
-
         formatDateTime(date) {
             const y = date.getFullYear();
             const m = String(date.getMonth() + 1).padStart(2, '0');