调整发行产品页面代码

src/views/onlineBusinessHall/productManagement/promoteAnd/components/afterSaleFees.vue

@@ -1,6 +1,6 @@
 <template>
   <div>
-    <el-form :model="dataForms" ref="ruleFormRef">
+    <el-form :model="dataForms" ref="ruleFormRef2">
       <el-table :data="dataForms" :border="true">
         <el-table-column label="售后类型">
           <template #header>
@@ -192,7 +192,7 @@ import { defineProps, defineExpose, computed, ref } from 'vue'
 import $storeinitData from '@/store/initData' //引入tab vuex
 import handleAmount from '@/utils/handleAmount'
 import { ElMessage } from 'element-plus'
-const ruleFormRef = ref(null)
+const ruleFormRef2 = ref(null)
 const emit = defineEmits(['update:modelValue'])
 // 售后类型 afterSaleFee
 const AFTER_SALE_TYPE = computed(() => {
@@ -282,7 +282,7 @@ function afterSaleFeeTypeChange(value, index) {
 }
 
 defineExpose({
-  ruleFormRef,
+  ruleFormRef2,
 })
 </script>
 <style scoped></style>

src/views/onlineBusinessHall/productManagement/promoteAnd/components/feeList.vue

@@ -350,8 +350,10 @@ const handleSelectChange = (row: any, val: any) => {
 }
 const validFun = (row, index, prop) => {
   return (rule: any, value: any, callback: any) => {
-    console.log(rule, value, index, prop, callback)
+    console.log(rule,  index, prop, dataForm.value[index][prop],"数据")
     if (!dataForm.value[index][prop]) {
+      console.log('错误',dataForm.value,prop,index);
+      
       callback(new Error('请填写'))
     } else {
       callback()

src/views/onlineBusinessHall/productManagement/promoteAnd/index.vue

@@ -312,10 +312,11 @@ const feeListRef = ref()
 function submit(data: any) {
   console.log(feeListData.value, 'feeListData.value')
   let text = isFeeListType.value === 1 ? '办理费' : '使用费'
-  feeListRef.value.ruleFormRef.validate((valid: any, fields: any) => {
+  feeListRef.value.ruleFormRef.validate(async (valid: any, fields: any) => {
     if (!valid) return ElMessage.error(`${text} 存在必填项为空！`)
-    afterSaleRef.value?.ruleFormRef.validate((valid: any, fields: any) => {
-      if (!valid) return ElMessage.error(`售后费存在必填项为空！`)
+    const keysAfter = await handleAfterFeeRef()
+    // afterSaleRef.value?.ruleFormRef2.validate((valid: any, fields: any) => {
+      if (!keysAfter) return ElMessage.error(`售后费存在必填项为空！`)
       msgConfirm(
         `当前扣款配置会影响产品办理费和通行费的收取，请慎重决定`,
         typeTy.warning
@@ -332,10 +333,9 @@ function submit(data: any) {
         } else {
           datas.useFeeList = feeListData.value
         }
-        afterSaleFeesList.value
         datas.afterSaleFees = JSON.parse(
           JSON.stringify(afterSaleFeesList.value)
-        )
+        )||[]
         datas.afterSaleFees.forEach((item) => {
           item.fee = item.fee * 100
         })
@@ -349,7 +349,20 @@ function submit(data: any) {
           }
         })
       })
-    })
+    // })
+  })
+}
+function handleAfterFeeRef() {
+  return new Promise((resolve, reject) => {
+    if (afterSaleFeesList.value && afterSaleFeesList.value.length > 0) {
+      afterSaleRef.value?.ruleFormRef2.validate((valid: any, fields: any) => {
+        if (!valid) resolve(false)
+        resolve(true)
+      })
+    }else{
+      resolve(true)
+
+    }
   })
 }
 // 获取推广产品详情

vite.config.ts

@@ -64,7 +64,9 @@ export default defineConfig(({ command, mode }) => {
     server: {
       host: '0.0.0.0',
       port: 8085,
+      
       hmr:true,
+
       open: true, // 类型： boolean | string在服务器启动时自动在浏览器中打开应用程序；
       cors: true, // 类型： boolean | CorsOptions 为开发服务器配置 CORS。默认启用并允许任何源
       proxy: {