chore: 定制数据提交

src/apis/custom.ts

+import { request } from '@/utils/request'
+
+// 声音与数字人形象定制资料填写
+export function uploadVoiceCharacterCustomize<T>(payload: {
+  customServiceType: 'VOICE_FIGURE'
+  companyName: string
+  contactName: string
+  contactInformation: string
+}) {
+  return request.post<T>('/bizCustomServiceRetentionRest/submitInfo.json', payload)
+}

src/views/index/components/voice-character-customize.vue

@@ -3,6 +3,14 @@ import type { FormInst, FormItemRule, FormRules } from 'naive-ui'
 import { ref, shallowReadonly, useTemplateRef } from 'vue'
 import isMobilePhone from 'validator/es/lib/isMobilePhone'
 import isEmail from 'validator/es/lib/isEmail'
+import { uploadVoiceCharacterCustomize } from '@/apis/custom'
+
+interface CustomizeInfoPayload {
+  customServiceType: 'VOICE_FIGURE'
+  companyName: string
+  contactName: string
+  contactInformation: string
+}
 
 const isShowVoiceCharacterCustomizeModal = defineModel<boolean>('isShowVoiceCharacterCustomizeModal', {
   default: false,
@@ -12,7 +20,7 @@ const customizeInfoFormRef = useTemplateRef<FormInst>('customizeInfoFormRef')
 
 const customizeInfoForm = ref({
   companyName: '',
-  contactsName: '',
+  contactName: '',
   contactInformation: '',
 })
 
@@ -30,7 +38,7 @@ const customizeInfoFormRules = shallowReadonly<FormRules>({
       return
     },
   },
-  contactsName: {
+  contactName: {
     required: true,
     trigger: 'blur',
     validator: (_rule: FormItemRule, value: string) => {
@@ -77,11 +85,21 @@ function handleCustomizeInfoSubmit() {
 
     customizeSubmitBtnLoading.value = true
 
-    console.log(customizeInfoForm.value)
-
-    customizeSubmitBtnLoading.value = false
-    isShowVoiceCharacterCustomizeModal.value = false
-    window.$message.success('提交成功')
+    let payload: CustomizeInfoPayload = {
+      customServiceType: 'VOICE_FIGURE',
+      ...customizeInfoForm.value,
+    }
+    uploadVoiceCharacterCustomize(payload)
+      .then(() => {
+        window.$message.success('提交成功')
+      })
+      .catch(() => {
+        window.$message.error('提交失敗,請重新提交')
+      })
+      .finally(() => {
+        customizeSubmitBtnLoading.value = false
+        isShowVoiceCharacterCustomizeModal.value = false
+      })
   })
 }
 
@@ -90,7 +108,7 @@ function onModalAfterLeave() {
 
   customizeInfoForm.value = {
     companyName: '',
-    contactsName: '',
+    contactName: '',
     contactInformation: '',
   }
 }
@@ -116,8 +134,8 @@ function onModalAfterLeave() {
         <n-form-item label="公司名稱" path="companyName">
           <n-input v-model:value="customizeInfoForm.companyName" placeholder="請輸入公司名稱" />
         </n-form-item>
-        <n-form-item label="聯系人姓名" path="contactsName">
-          <n-input v-model:value="customizeInfoForm.contactsName" placeholder="請輸入聯系人姓名" />
+        <n-form-item label="聯系人姓名" path="contactName">
+          <n-input v-model:value="customizeInfoForm.contactName" placeholder="請輸入聯系人姓名" />
         </n-form-item>
         <n-form-item label="聯系方式" path="contactInformation">
           <n-input