前端代码提交

src/api/common/uploadFile.js

@@ -11,3 +11,15 @@ export function uploadSmallFileByOcr(data) {
         data: data
     })
 }
+
+// 上传小文件---5M以上,使用OCR识别
+export function uploadLargeFileByOcr(data) {
+    return request({
+        url: '/smartBid/commonUpload/uploadLargeFileByOcr',
+        method: 'post',
+        headers: {
+            'Content-Type': 'multipart/form-data'
+        },
+        data: data
+    })
+}

src/utils/bonus.js

@@ -226,3 +226,16 @@ export function getNormalPath(p) {
 export function blobValidate(data) {
   return data.type !== 'application/json'
 }
+
+// 将年月日格式转换为yyyy-MM-dd格式
+export function formatDate(dateStr) {
+  if (!dateStr) return '';
+    // 提取年、月、日
+    const match = dateStr.match(/(\d{4})年(\d{1,2})月(\d{1,2})日/);
+    if (!match) return dateStr;
+    const year = match[1];
+    const month = match[2].padStart(2, '0'); // 月份补零
+    const day = match[3].padStart(2, '0');   // 日期补零
+    
+    return `${year}-${month}-${day}`;
+}

src/utils/request.js

@@ -41,7 +41,7 @@ axios.defaults.headers['Content-Type'] = 'application/json;charset=utf-8'
 
 const service = axios.create({
     baseURL: process.env.VUE_APP_BASE_API,
-    timeout: 30000,
+    timeout: 60000 * 2,
 })
 
 // 判断是否为二进制数据（File/Blob）

src/views/common/UploadFile.vue

@@ -43,7 +43,7 @@
 </template>
 
 <script>
-import { uploadSmallFileByOcr } from '@/api/common/uploadFile.js'
+import { uploadSmallFileByOcr,uploadLargeFileByOcr } from '@/api/common/uploadFile.js'
 export default {
     name: 'UploadFile',
     props: {
@@ -70,7 +70,11 @@ export default {
         autoUpload: {
             type: Boolean,
             default: true
-        }
+        },
+        type: {
+            type: String,
+            default: ''
+        },
     },
     data() {
         return {
@@ -79,7 +83,8 @@ export default {
             previewImageName: '',
             previewFileName: '',
             previewFileType: '',
-            isUploading: false // 添加上传状态标识
+            isUploading: false, // 添加上传状态标识
+            defaultFileSize: 1024 * 1024 * 5, // 默认文件大小5MB 超过5MB算大文件上传
         }
     },
     methods: {
@@ -194,14 +199,14 @@ export default {
             this.updateFileStatus(file.uid, 'uploading', text, null, 0);
             try {
                 this.$bus.$emit('startUpload', text);
-                const res = await uploadSmallFileByOcr(formData);
+                const res = this.defaultFileSize < file.size ? await uploadLargeFileByOcr(formData) : await uploadSmallFileByOcr(formData);
                 console.log('上传成功:', res);
                 this.$bus.$emit('endUpload');
                 // 上传成功，更新文件状态，设置进度为 100
                 this.updateFileStatus(file.uid, 'success', '', res.data, 100);
                 console.log('上传成功后的文件列表:', this.files);
                 // 触发文件变化事件，传递当前的文件列表
-                this.$emit('file-change', this.getCurrentFiles());
+                this.$emit('file-change', this.getCurrentFiles(),this.type);
             } catch (err) {
                 this.$bus.$emit('endUpload');
                 // 上传失败，移除文件
@@ -225,7 +230,7 @@ export default {
                 this.clearPreview();
                 
                 // 触发文件变化事件
-                this.$emit('file-change', this.getCurrentFiles());
+                this.$emit('file-change', this.getCurrentFiles(),this.type);
             }
         },
 
@@ -307,9 +312,12 @@ export default {
 
         // 处理文件超出限制
         handleExceed(files, fileList) {
-            console.log('文件超出限制处理');
+            console.log('文件超出限制处理',files,fileList);
             // 当文件数量超出限制时，用新文件替换旧文件
             if (files.length > 0) {
+                // 触发文件删除事件
+                this.$emit('del-file', fileList[0]);
+
                 // 清空原有文件列表
                 this.files = [];
 
@@ -381,7 +389,8 @@ export default {
             } else {
                 this.clearPreview();
             }
-
+            // 触发文件删除事件
+            this.$emit('del-file', file);
             // 传递当前文件信息给父组件
             this.$emit('file-change', this.getCurrentFiles());
         },

src/views/enterpriseLibrary/enterprise/components/EnterpriseForm.vue

@@ -1,6 +1,6 @@
 <!-- 企业主体库表单 -->
 <template>
-    <div class="app-container" :class="{ 'no-pointer-events': showUploadAnimation }">
+    <div class="app-container" :class="{ 'no-pointer-events': showUploadAnimation || showSaveAnimation }">
         <!-- 全局上传动画 -->
         <div v-if="showUploadAnimation" class="global-upload-animation">
             <div class="animation-mask"></div>
@@ -11,9 +11,19 @@
             </div>
         </div>
 
+        <!-- 保存动画 -->
+        <div v-if="showSaveAnimation" class="global-upload-animation">
+            <div class="animation-mask"></div>
+            <div class="animation-content">
+                <div class="spinner"></div>
+                <div class="animation-text">数据上传中</div>
+                <div class="animation-subtext">请稍后，正在保存数据...</div>
+            </div>
+        </div>
+
         <div class="content-header">
             <el-button class="reset-btn" @click="handleClose()">返回</el-button>
-            <el-button class="search-btn" @click="handleSave()">保存</el-button>
+            <el-button class="search-btn" :loading="isSaving" @click="handleSave()">保存</el-button>
         </div>
         <div class="content-body">
             <el-row :gutter="24" class="content-row">
@@ -52,11 +62,15 @@ export default {
             id: decryptWithSM4(this.$route.query.id),
             type: decryptWithSM4(this.$route.query.type),
             showUploadAnimation: false,
+            showSaveAnimation: false, // 新增：保存动画状态
             uploadQueue: 0, // 上传队列计数器
-            animationText: '识别中'
+            animationText: '识别中',
+            isSaving: false // 新增：保存按钮loading状态
         }
     },
+    
     methods: {
+        
         // 返回
         handleClose() {
             const obj = { path: "/enterpriseLibrary/enterprise" }
@@ -64,6 +78,14 @@ export default {
         },
         // 保存
         async handleSave() {
+            // 如果正在保存中，直接返回
+            if (this.isSaving) {
+                return
+            }
+
+            this.isSaving = true
+            this.showSaveAnimation = true
+
             try {
                 // 并行校验所有表单
                 const [basicInfoData, legalPersonData, accountData] = await Promise.all([
@@ -73,29 +95,57 @@ export default {
                 ])
 
                 // 所有校验通过，组装完整数据
-                const formData = {
+                let formData = {
                     ...basicInfoData,
                     ...legalPersonData,
-                    ...accountData
+                    ...accountData,
+                    allFiles: [...basicInfoData.fileList, ...legalPersonData.fileList, ...legalPersonData.fileList2, ...accountData.fileList],
+                    allFiles: [...basicInfoData.delFileList, ...legalPersonData.delFileList, ...accountData.delFileList]
                 }
 
                 console.log('所有表单校验通过，完整数据:', formData)
+                // 删除不必要的属性
+                delete formData.fileList;
+                delete formData.delFileList;
+                let allFiles = formData.allFiles.map(file => {
+                    return {
+                        ...file.obj,
+                    }
+                });
+                formData.allFiles = allFiles;
+                // 模拟保存请求（这里替换为您的实际保存接口）
+                await this.saveEnterprise(formData)
                 
-                // 这里可以调用保存接口
-                // await this.saveEnterprise(formData)
                 this.$message.success('保存成功')
                 
+                // 保存成功后返回列表页
+                this.handleClose()
+
             } catch (error) {
-                // console.error('表单校验失败:', error)
+                console.error('保存失败:', error)
-                this.$message.error(error.message || '请完善表单信息')
+                this.$message.error(error.message || '保存失败，请重试')
+            } finally {
+                // 无论成功失败，都关闭动画
+                this.isSaving = false
+                this.showSaveAnimation = false
             }
         },
+        // 模拟保存接口
+        async saveEnterprise(formData) {
+            // 这里替换为您的实际保存接口
+            return new Promise((resolve, reject) => {
+                setTimeout(() => {
+                    // 模拟保存成功
+                    // 如果模拟失败，可以使用 reject(new Error('保存失败'))
+                    resolve({ code: 200, message: '保存成功' })
+                }, 2000) // 模拟2秒的保存时间
+            })
+        },
         // 开始上传
         handleStartUpload(data) {
             this.animationText = data
             this.uploadQueue++
             this.showUploadAnimation = true
-
         },
         // 结束上传
         handleEndUpload(data) {
@@ -107,8 +157,6 @@ export default {
             if (this.uploadQueue === 0) {
                 this.showUploadAnimation = false
             }
-
-
         }
     },
     mounted() {
@@ -117,7 +165,6 @@ export default {
 
         // 监听上传结束事件
         this.$bus.$on('endUpload', this.handleEndUpload)
-
     },
     beforeDestroy() {
         // 移除所有事件监听
@@ -126,8 +173,10 @@ export default {
 
         // 重置状态
         this.showUploadAnimation = false
+        this.showSaveAnimation = false
         this.uploadQueue = 0
         this.animationText = '识别中'
+        this.isSaving = false
     }
 }
 </script>
@@ -144,18 +193,10 @@ export default {
     &.no-pointer-events {
         pointer-events: none;
         
-        // 但允许滚动（如果需要）
-        // overflow-y: auto;
-        
         // 子元素也继承禁用点击
         * {
             pointer-events: none;
         }
-        
-        // 重新启用滚动条的点击事件（如果需要滚动）
-        // ::-webkit-scrollbar {
-        //     pointer-events: auto;
-        // }
     }
 }
 
@@ -246,19 +287,6 @@ export default {
     }
 }
 
-// 或者使用更简单的方法：直接在动画显示时给body添加禁用样式
-// 在 mounted 和 beforeDestroy 中动态添加/移除样式
-.global-upload-animation-active {
-    .app-container {
-        pointer-events: none !important;
-        user-select: none !important;
-        
-        * {
-            pointer-events: none !important;
-        }
-    }
-}
-
 .content-body {
     margin-top: 20px;
 }
@@ -306,6 +334,12 @@ export default {
         background: #4A8BFF;
         box-shadow: 0px 6px 12px 0px rgba(51, 135, 255, 0.6);
     }
+
+    // 当按钮处于loading状态时的样式
+    &.is-loading {
+        opacity: 0.7;
+        pointer-events: none;
+    }
 }
 
 .reset-btn {

src/views/enterpriseLibrary/enterprise/components/child/AccountOpeningCertificate.vue

@@ -6,13 +6,14 @@
         </div>
         <el-form :model="form" :rules="rules" ref="accountOpeningCertificateForm" label-width="110px" label-position="top">
             <el-form-item label="开户许可证" prop="fileList">
-                <UploadFile :fileList="form.fileList"/>
+                <UploadFile :fileList="form.fileList" :fileUploadRule="fileUploadRule"
+                @del-file="handleDelFile" @file-change="handleFileChange" type="account_opening_license"/>
             </el-form-item>
             <el-form-item label="开户银行" prop="openingBank">
-                <el-input v-model="form.openingBank" placeholder="自动提取"></el-input>
+                <el-input v-model.trim="form.openingBank" placeholder="自动提取" clearable show-word-limit maxlength="64"></el-input>
             </el-form-item>
             <el-form-item label="开户账号" prop="openingAccount">
-                <el-input v-model="form.openingAccount" placeholder="自动提取"></el-input>
+                <el-input v-model.trim="form.openingAccount" placeholder="自动提取" clearable show-word-limit maxlength="32"></el-input>
             </el-form-item>
             
         </el-form>
@@ -24,12 +25,23 @@ import UploadFile from '@/views/common/UploadFile.vue'
 export default {
     name: 'AccountOpeningCertificate',
     components:{UploadFile},
+    dicts: ['identification_tag'],
     data() {
         return {
             form: {
                 fileList:[],
                 openingBank: '',
                 openingAccount: '',
+                delFileList: []
+            },
+            // OCR 识别规则
+            ocrRuleList: ['account_opening_license'],
+            fileUploadList: [],
+            // 根据返回的chat_res对象结构修改映射关系
+            ocrResultParams: {
+                "开户银行": "openingBank",
+                "账号": "openingAccount",
+                "开户账号": "openingAccount",
             },
             rules: {
                 fileList:[
@@ -59,6 +71,66 @@ export default {
                 })
             })
         },
+        // ocr文件识别规则
+        ocrRule(type) {
+            const foundItem = this.dict.type.identification_tag.find(item => item.value === type);
+            const item = foundItem ? {
+                fileUploadType: foundItem.value,
+                fields_json: foundItem.raw.remark,
+                suffix: 'mainDatabase'
+            } : null;
+
+            this.fileUploadList.push(item)
+        },
+        // 添加ocr文件识别规则
+        addOcrRule() {
+            this.ocrRuleList.forEach(item => {
+                this.ocrRule(item)
+            })
+        },
+        // 文件变化
+        handleFileChange(file) {
+            this.form.fileList = file;
+            if (file instanceof Array && file.length > 0 && file[0].response) {
+                const response = file[0].response;
+                if (response.ocrResult && response.ocrResult.status_code === 200) {
+                    // ocr识别成功
+                    const chat_res = response.ocrResult.data?.chat_res;
+                    if (chat_res && typeof chat_res === 'object') {
+                        // 直接遍历chat_res对象的属性
+                        Object.keys(chat_res).forEach(key => {
+                            const formField = this.ocrResultParams[key];
+                            if (formField && chat_res[key]) {
+                                this.form[formField] = chat_res[key];
+                            }
+                        });
+                    }
+                }
+                // 触发表单验证
+                this.$refs.accountOpeningCertificateForm.validate();
+            }
+        },
+        // 文件删除时触发
+        handleDelFile(file) {
+            console.log(file);
+            this.form.delFileList.push(file.response.fileRes.uploadPath || file.filePath);
+        }
+    },
+    computed: {
+        fileUploadRule() {
+            return this.fileUploadList[0] || {};
+        }
+    },
+    watch: {
+        // 监听字典数据加载完成
+        'dict.type.identification_tag': {
+            handler(newVal) {
+                if (newVal && newVal.length > 0) {
+                    this.addOcrRule();
+                }
+            },
+            immediate: true // 立即执行一次
+        }
     },
 }
 </script>

src/views/enterpriseLibrary/enterprise/components/child/BasicInfo.vue

@@ -7,25 +7,36 @@
         <el-form :model="form" :rules="rules" ref="basicInfoForm" label-width="110px" label-position="top">
             <!-- 营业执照 -->
             <el-form-item label="营业执照" prop="fileList">
-                <UploadFile :fileList="form.fileList" :fileUploadRule="fileUploadRule" @file-change="handleFileChange"/>
+                <UploadFile :fileList="form.fileList" :fileUploadRule="fileUploadRule" @file-change="handleFileChange"
+                  @del-file="handleDelFile"  type="business_license" />
             </el-form-item>
             <el-form-item label="企业名称" prop="enterpriseName">
-                <el-input v-model="form.enterpriseName" placeholder="自动提取"></el-input>
+                <el-input v-model.trim="form.enterpriseName" placeholder="自动提取" clearable show-word-limit
+                    maxlength="64"></el-input>
             </el-form-item>
             <el-form-item label="统一社会信用代码" prop="enterpriseCode">
-                <el-input v-model="form.enterpriseCode" placeholder="自动提取"></el-input>
+                <el-input v-model.trim="form.enterpriseCode" placeholder="自动提取" clearable show-word-limit
+                    maxlength="32"></el-input>
             </el-form-item>
             <el-form-item label="注册资本" prop="registeredCapital">
-                <el-input v-model="form.registeredCapital" placeholder="自动提取"></el-input>
+                <el-input v-model.trim="form.registeredCapital" placeholder="自动提取" clearable show-word-limit
+                    maxlength="16"></el-input>
+            </el-form-item>
+            <el-form-item label="成立日期" prop="establishedDate">
+                <el-date-picker class="form-item" v-model="form.establishedDate" placeholder="自动提取"
+                    value-format="yyyy-MM-dd" type="date"></el-date-picker>
             </el-form-item>
             <el-form-item label="营业期限" prop="businessTerm">
-                <el-input v-model="form.businessTerm" placeholder="自动提取"></el-input>
+                <el-input v-model.trim="form.businessTerm" placeholder="自动提取" clearable show-word-limit
+                    maxlength="32"></el-input>
             </el-form-item>
             <el-form-item label="住所" prop="residence">
-                <el-input v-model="form.residence" placeholder="自动提取"></el-input>
+                <el-input v-model.trim="form.residence" placeholder="自动提取" clearable show-word-limit
+                    maxlength="128"></el-input>
             </el-form-item>
             <el-form-item label="经营范围" prop="businessScope">
-                <el-input v-model="form.businessScope" placeholder="自动提取"></el-input>
+                <el-input :autosize="{ minRows: 8, maxRows: 12 }" clearable show-word-limit maxlength="255"
+                    type="textarea" v-model.trim="form.businessScope" placeholder="自动提取"></el-input>
             </el-form-item>
         </el-form>
     </div>
@@ -33,6 +44,7 @@
 
 <script>
 import UploadFile from '@/views/common/UploadFile.vue'
+import { formatDate } from '@/utils/bonus'
 export default {
     name: 'BasicInfo',
     components: {
@@ -42,23 +54,25 @@ export default {
     data() {
         return {
             form: {
-                name: '',
                 enterpriseName: '',
                 enterpriseCode: '',
                 registeredCapital: '',
+                establishedDate: null,
                 businessTerm: '',
                 residence: '',
                 businessScope: '',
-                fileList: []
+                fileList: [],
+                delFileList: []
             },
             // OCR 识别规则
-            // ocrRuleList: ['business_license', 'face_id_card_portrait', 'national_emblem_id_card', 'account_opening_license'],
             ocrRuleList: ['business_license'],
             fileUploadList: [],
-            ocrResult: {
+            // 根据返回的chat_res对象结构修改映射关系
+            ocrResultParams: {
                 "企业名称": "enterpriseName",
                 "统一社会信用代码": "enterpriseCode",
                 "注册资本": "registeredCapital",
+                "成立日期": "establishedDate",
                 "营业期限": "businessTerm",
                 "住所": "residence",
                 "经营范围": "businessScope",
@@ -76,6 +90,9 @@ export default {
                 registeredCapital: [
                     { required: true, message: '请输入注册资本', trigger: 'blur' }
                 ],
+                establishedDate: [
+                    { required: true, message: '请选择注册日期', trigger: 'change' }
+                ],
                 businessTerm: [
                     { required: true, message: '请输入营业期限', trigger: 'blur' }
                 ],
@@ -85,12 +102,10 @@ export default {
                 businessScope: [
                     { required: true, message: '请输入经营范围', trigger: 'blur' }
                 ],
-
             }
         }
     },
     created() {
-
     },
     methods: {
         // 校验规则
@@ -125,19 +140,33 @@ export default {
         // 文件变化
         handleFileChange(file) {
             this.form.fileList = file;
-            console.log(file[0].response);
+            if (file instanceof Array && file.length > 0 && file[0].response) {
-            if(file instanceof Array && file.length > 0){
-                // 文件上传成功
                 const response = file[0].response;
-                if(response.ocrResult){
+                if (response.ocrResult && response.ocrResult.status_code === 200) {
                     // ocr识别成功
-                    this.ocrResult.forEach(item => {
+                    const chat_res = response.ocrResult.data?.chat_res;
-                        this.form[item.value] = response.ocrResult[item.label];
+                    if (chat_res && typeof chat_res === 'object') {
+                        // 直接遍历chat_res对象的属性
+                        Object.keys(chat_res).forEach(key => {
+                            const formField = this.ocrResultParams[key];
+                            if (formField && chat_res[key]) {
+                                if (formField === 'establishedDate') {
+                                    this.form[formField] = formatDate(chat_res[key]);
+                                } else {
+                                    this.form[formField] = chat_res[key];
+                                }
+                            }
                         });
                     }
+                }
+                // 触发表单验证
                 this.$refs.basicInfoForm.validate();
             }
-            
+        },
+        // 文件删除时触发
+        handleDelFile(file) {
+            console.log(file);
+            this.form.delFileList.push(file.response.fileRes.uploadPath || file.filePath);
         }
     },
     computed: {
@@ -170,4 +199,8 @@ export default {
         font-size: 20px;
     }
 }
+
+.form-item {
+    width: 100%;
+}
 </style>

src/views/enterpriseLibrary/enterprise/components/child/LegalPerson.vue

@@ -7,26 +7,28 @@
         <el-form :model="form" :rules="rules" ref="legalPersonForm" label-width="110px" label-position="top">
             <!-- 身份证人像面 -->
             <el-form-item label="身份证人像面" prop="fileList">
-                <UploadFile :fileList="form.fileList" />
+                <UploadFile :fileList="form.fileList" :fileUploadRule="fileUploadRule"
+                @del-file="handleDelFile" @file-change="handleFileChange" type="face_id_card_portrait" />
             </el-form-item>
             <!-- 身份证国徽面 -->
             <el-form-item label="身份证国徽面" prop="fileList2">
-                <UploadFile :fileList="form.fileList2" />
+                <UploadFile :fileList="form.fileList2" :fileUploadRule="fileUploadRule2"
+                @del-file="handleDelFile" @file-change="handleFileChange" type="national_emblem_id_card" />
             </el-form-item>
             <el-form-item label="法人姓名" prop="legalPersonName">
-                <el-input v-model="form.legalPersonName" placeholder="自动提取"></el-input>
+                <el-input v-model.trim="form.legalPersonName" placeholder="自动提取" clearable show-word-limit maxlength="32"></el-input>
             </el-form-item>
             <el-form-item label="法人身份证号" prop="legalPersonIdCard">
-                <el-input v-model="form.legalPersonIdCard" placeholder="自动提取"></el-input>
+                <el-input v-model.trim="form.legalPersonIdCard" placeholder="自动提取" clearable show-word-limit maxlength="32"></el-input>
             </el-form-item>
             <el-form-item label="身份证有效期" prop="idCardStartDate">
-                <el-input v-model="form.idCardStartDate" placeholder="自动提取"></el-input>
+                <el-input v-model.trim="form.idCardStartDate" placeholder="自动提取" clearable show-word-limit maxlength="32"></el-input>
             </el-form-item>
             <el-form-item label="法人职务" prop="legalPersonPosition">
-                <el-input v-model="form.legalPersonPosition" placeholder="请输入法人职务"></el-input>
+                <el-input v-model.trim="form.legalPersonPosition" placeholder="请输入法人职务" clearable show-word-limit maxlength="32"></el-input>
             </el-form-item>
             <el-form-item label="法人联系方式" prop="legalPersonPhone">
-                <el-input v-model="form.legalPersonPhone" placeholder="请输入法人联系方式"></el-input>
+                <el-input v-model.trim="form.legalPersonPhone" placeholder="请输入法人联系方式" clearable show-word-limit maxlength="11"></el-input>
             </el-form-item>
         </el-form>
     </div>
@@ -37,6 +39,7 @@ import UploadFile from '@/views/common/UploadFile.vue'
 export default {
     name: 'LegalPerson',
     components: { UploadFile },
+    dicts: ['identification_tag'],
     data() {
         return {
             form: {
@@ -47,6 +50,16 @@ export default {
                 legalPersonPhone: '',
                 fileList: [],
                 fileList2: [],
+                delFileList: []
+            },
+            // OCR 识别规则
+            ocrRuleList: ['face_id_card_portrait', 'national_emblem_id_card'],
+            fileUploadList: [],
+            // 根据返回的chat_res对象结构修改映射关系
+            ocrResultParams: {
+                "姓名": "legalPersonName",
+                "公民身份号码": "legalPersonIdCard",
+                "有效期限": "idCardStartDate",
             },
             rules: {
                 fileList: [
@@ -81,6 +94,75 @@ export default {
                 })
             })
         },
+        // ocr文件识别规则
+        ocrRule(type) {
+            const foundItem = this.dict.type.identification_tag.find(item => item.value === type);
+            const item = foundItem ? {
+                fileUploadType: foundItem.value,
+                fields_json: foundItem.raw.remark,
+                suffix: 'mainDatabase'
+            } : null;
+
+            this.fileUploadList.push(item)
+        },
+        // 添加ocr文件识别规则
+        addOcrRule() {
+            this.ocrRuleList.forEach(item => {
+                this.ocrRule(item)
+            })
+        },
+        // 文件变化
+        handleFileChange(file, type) {
+
+            if (file instanceof Array && file.length > 0 && file[0].response) {
+                const response = file[0].response;
+                if (response.ocrResult && response.ocrResult.status_code === 200) {
+                    // ocr识别成功
+                    const chat_res = response.ocrResult.data?.chat_res;
+                    if (chat_res && typeof chat_res === 'object') {
+                        // 直接遍历chat_res对象的属性
+                        Object.keys(chat_res).forEach(key => {
+                            const formField = this.ocrResultParams[key];
+                            if (formField && chat_res[key]) {
+                                this.form[formField] = chat_res[key];
+                            }
+                        });
+                    }
+                }
+                if (type == 'face_id_card_portrait') {
+                    this.form.fileList = file;
+                    this.$refs.legalPersonForm.validateField(['legalPersonName', 'legalPersonIdCard']);
+                } else if (type == 'national_emblem_id_card') {
+                    this.form.fileList2 = file;
+                    this.$refs.legalPersonForm.validateField(['idCardStartDate']);
+                }
+                
+            }
+        },
+        // 文件删除时触发
+        handleDelFile(file) {
+            console.log(file);
+            this.form.delFileList.push(file.response.fileRes.uploadPath || file.filePath);
+        }
+    },
+    computed: {
+        fileUploadRule() {
+            return this.fileUploadList[0] || {};
+        },
+        fileUploadRule2() {
+            return this.fileUploadList[1] || {};
+        }
+    },
+    watch: {
+        // 监听字典数据加载完成
+        'dict.type.identification_tag': {
+            handler(newVal) {
+                if (newVal && newVal.length > 0) {
+                    this.addOcrRule();
+                }
+            },
+            immediate: true // 立即执行一次
+        }
     },
 }
 </script>