优化

src/views/manage/components/platformProducts/addProduct.vue

 <template>
     <el-dialog v-model="showDialog" title="选择产品" width="30%" :before-close="handleClose">
         <div class="select">
-            <el-select v-if="status" v-model="productBeforeCode" @change="beforeChange">
+            <el-select v-if="status" v-model="beforeCode" @change="beforeChange">
                 <el-option v-for="item in options" :key="item.id" :label="item.title" :value="item.code" />
             </el-select>
 
-            <el-select v-else v-model="productAfterCode" @change="afterChange">
+            <el-select v-else v-model="afterCode" @change="afterChange">
                 <el-option v-for="item in options" :key="item.id" :label="item.title" :value="item.code" />
             </el-select>
 
@@ -21,16 +21,6 @@ import { ref } from 'vue'
 import { ElMessage } from 'element-plus'
 
 const props = defineProps({
-    // 第二个选择产品
-    productAfterCode: {
-        type: String,
-        default: ''
-    },
-    //  第一个选择产品
-    productBeforeCode: {
-        type: String,
-        default: ''
-    },
     // select 数据源
     options: {
         type: Object,
@@ -40,8 +30,8 @@ const props = defineProps({
 const showDialog = ref(false)
 const status = ref(true) // 判断是哪个选择产品
 const type = ref()
-const beforeCode = ref()
-const afterCode = ref()
+const beforeCode = ref() //  第一个选择产品
+const afterCode = ref() // 第二个选择产品
 
 const emits = defineEmits(['codeChange', 'initCode'])
 
@@ -75,7 +65,9 @@ const handleClose = () => {
 defineExpose({
     showDialog,
     status,
-    type
+    type,
+    afterCode,
+    beforeCode
 })
 </script>
  

src/views/manage/platformProducts.vue

@@ -83,8 +83,7 @@
         </el-row>
     </el-dialog>
 
-    <add-product ref="addProductRef" :options="options" :productAfterCode="productAfterCode"
-        :productBeforeCode="productBeforeCode" @codeChange="codeChange" />
+    <add-product ref="addProductRef" :options="options" @codeChange="codeChange" />
 
     <enable-vue ref="enableRef" @cornData="cornData" />
 </template>
@@ -199,13 +198,6 @@ const cornData = (data: string) => {
 
 // 获取保存数据
 const codeData = (code: string, data: any) => {
-    console.log(
-        code,
-        data,
-        productBeforeCode.value,
-        productAfterCode.value,
-        'data'
-    )
     if (code === productBeforeCode.value) productBeforeData.value = data
     else productAfterData.value = data
 }
@@ -299,6 +291,12 @@ const onConfirm = () => {
     setTimeout(() => {
         saveCommonParam(productBeforeCode.value, productBeforeData.value)
         saveCommonParam(productAfterCode.value, productAfterData.value)
+        setTimeout(() => {
+            if (flag && title.value === '编辑产品') {
+                handleClose()
+                ElMessage({ type: 'success', message: '保存成功' })
+            }
+        }, 1000);
         if (title.value === '选择产品') createPlatformProduct(data).then((res: any) => {
             if (res.code === 200) {
                 init()
@@ -309,12 +307,13 @@ const onConfirm = () => {
     }, 1000)
 }
 
+let flag = true
 const saveCommonParam = (code: string, data: any) => {
     postCommonParam({ code, data }).then((res: any) => {
-        if (res.code === 200 && code === productAfterCode.value && title.value === '编辑产品') {
-            handleClose()
-            ElMessage({ type: 'success', message: '保存成功' })
-        }
+        if (res.code === 200 && title.value === '编辑产品') {
+            // handleClose()
+            // ElMessage({ type: 'success', message: '保存成功' })
+        } else flag = false
     })
 }
 
@@ -346,6 +345,8 @@ const handleClose = () => {
     productAfterData.value = ''
     previewProductAfterRef.value.previewVisible = false
     previewProductBeforeRef.value.previewVisible = false
+    addProductRef.value.afterCode = ''
+    addProductRef.value.beforeCode = ''
     showAddDialog.value = false
 }
 </script>