可信代码库-企业认证相关接口对接

src/views/Jyh/PersonalCenter/OrganizationManage/QyrzModal.vue

@@ -87,7 +87,7 @@
 
       <d-row :gutter="32" class="mb-3">
         <d-col :span="12">
-          <d-form-item field="businessLicense" label="营业执照">
+          <d-form-item field="businessLicenseUrl" label="营业执照">
             <div class="img-container" v-if="!showUpload">
               <img class="img-preview" :src="businessLicenseUrl" alt="营业执照预览" />
               <div class="delete-img" @click="handleDel">
@@ -150,9 +150,15 @@
 </template>
 
 <script setup>
-import { ref, nextTick } from 'vue';
+import { ref, nextTick,defineEmits  } from 'vue';
 import NoData from '@/components/NoData/NoData.vue';
 import { Message } from 'vue-devui';
+import { addEnterprise } from '@/api/organizationManage/organizationManageApi';
+import { uploadImage } from '@/api/jyh';
+import { useAccountStore } from '@/stores/user';
+
+const { accountInfo } = useAccountStore();
+const userName = accountInfo?.username
 
 const visible = ref(false);
 const formRef = ref(null);
@@ -164,16 +170,14 @@ const rules = ref({
   applicant: [{ required: true, message: '请填写申请人', trigger: 'blur' }],
   enterpriseName: [{ required: true, message: '请填写企业名称', trigger: 'blur' }],
   creditCode: [
-    { required: true, message: '请填写统一信用代码', trigger: 'blur' },
-    { pattern: /^[0-9A-Z]{18}$/, message: '统一信用代码格式不正确', trigger: 'blur' }
+    { required: true, message: '请填写统一信用代码', trigger: 'blur' }
   ],
   website: [
-    { required: true, message: '请填写企业官网', trigger: 'blur' },
-    { pattern: /^https?:\/\/.+$/, message: '网址格式不正确', trigger: 'blur' }
+    { required: true, message: '请填写企业官网', trigger: 'blur' }
   ],
   industry: [{ required: true, message: '请填写所属行业', trigger: 'blur' }],
   introduction: [{ required: true, message: '请填写企业简介', trigger: 'blur' }],
-  businessLicense: [{ required: true, message: '请上传营业执照', trigger: 'change' }],
+  businessLicenseUrl: [{ required: true, message: '请上传营业执照', trigger: 'change' }],
   contactEmail: [
     { required: true, message: '请填写联系人邮箱', trigger: 'blur' },
     { type: 'email', message: '邮箱格式不正确', trigger: 'blur' }
@@ -194,7 +198,7 @@ const newFormData = ref({
   website: '',            // 企业官网
   industry: '',           // 所属行业
   introduction: '',       // 企业简介
-  businessLicense: '',    // 营业执照（存储上传后的URL或ID）
+  businessLicenseUrl: '',    // 营业执照（存储上传后的URL或ID）
   contactEmail: '',       // 联系人邮箱
   contactName: '',        // 联系人姓名
   contactPhone: '',       // 联系电话
@@ -206,22 +210,35 @@ const uploadOptions = ref({
   uri: 'https://run.mocky.io/v3/132b3ea3-23ea-436b-aed4-c43ef9d116f0',
 });
 
-const beforeUpload = (file) => {
-  const reader = new FileReader();
-  reader.onload = async () => {
-    showUpload.value = false;
-    businessLicenseUrl.value = reader.result; // 保存预览URL
-    newFormData.value.businessLicense = reader.result; // 保存到表单数据
-    await nextTick();
-  };
-  reader.readAsDataURL(file[0].file);
+const beforeUpload = async (file) => {
+  debugger
+  showUpload.value = false; // 先隐藏上传区域，显示加载状态
+
+  try {
+    // 调用上传接口
+    const response = await uploadImage(file[0].file);
+    if (response.data.code === 200) {
+      const imageUrl = response.data.data; // 获取上传后的图片地址
+      businessLicenseUrl.value = imageUrl;
+      newFormData.value.businessLicenseUrl = imageUrl; // 保存到表单数据
+      Message.success('图片上传成功');
+    } else {
+      showUpload.value = true; // 上传失败，恢复上传区域
+      Message.error(response.data.msg || '图片上传失败');
+    }
+  } catch (error) {
+    showUpload.value = true; // 网络错误，恢复上传区域
+    Message.error('图片上传网络失败，请重试');
+    console.error('图片上传异常:', error);
+  }
+
   return false; // 阻止默认上传行为
 };
 
 const handleDel = () => {
   showUpload.value = true;
   businessLicenseUrl.value = '';
-  newFormData.value.businessLicense = ''; // 清空表单数据
+  newFormData.value.businessLicenseUrl = ''; // 清空表单数据
 };
 
 // 暴露给父组件的方法
@@ -241,9 +258,9 @@ function open(initialData = {}) {
     Object.assign(newFormData.value, initialData);
 
     // 如果有营业执照数据，显示预览
-    if (initialData.businessLicense) {
+    if (initialData.businessLicenseUrl) {
       showUpload.value = false;
-      businessLicenseUrl.value = initialData.businessLicense;
+      businessLicenseUrl.value = initialData.businessLicenseUrl;
     }
   }
 
@@ -266,7 +283,7 @@ function resetForm() {
     website: '',
     industry: '',
     introduction: '',
-    businessLicense: '',
+    businessLicenseUrl: '',
     contactEmail: '',
     contactName: '',
     contactPhone: '',
@@ -280,18 +297,41 @@ function resetForm() {
   formRef.value?.resetFields();
 }
 
+const emits = defineEmits(['refresh'])
 // 提交表单
-const handleConfirm = () => {
-  formRef.value.validate((isValid, invalidFields) => {
+const handleConfirm = async () => {
+  formRef.value.validate(async (isValid, invalidFields) => {
     if (isValid) {
-      // 表单验证通过，处理提交逻辑
-      console.log('提交表单数据:', newFormData.value);
+      // 构造请求参数（过滤掉空值和非必填字段）
+      const requestData = {
+        applicant: newFormData.value.applicant,
+        userName: userName,
+        enterpriseName: newFormData.value.enterpriseName,
+        creditCode: newFormData.value.creditCode,
+        website: newFormData.value.website || undefined, // 非必填，空值转为undefined
+        industry: newFormData.value.industry,
+        introduction: newFormData.value.introduction || undefined, // 非必填
+        contactName: newFormData.value.contactName,
+        contactEmail: newFormData.value.contactEmail || undefined, // 非必填
+        contactPhone: newFormData.value.contactPhone,
+        businessLicenseUrl: newFormData.value.businessLicenseUrl,
+      };
 
-      // 这里应该调用实际的API
-      // await submitEnterpriseData(newFormData.value);
-
-      Message.success('提交成功');
-      close();
+      try {
+        // 调用新增接口
+        const response = await addEnterprise(requestData);
+        if (response.data.code === 200) {
+          Message.success('企业认证添加成功');
+          close(); // 关闭模态框
+          // 通知父组件刷新列表（可通过事件实现）
+          emits('refresh');
+        } else {
+          Message.error(response.data.msg || '添加失败，请重试');
+        }
+      } catch (error) {
+        Message.error('网络请求失败，请检查网络连接');
+        console.error('新增接口异常:', error);
+      }
     } else {
       // 显示第一个错误字段的提示
       const firstError = Object.values(invalidFields)[0]?.[0]?.message;