页面补全

src/services/api/platformProducts/index.ts

@@ -32,4 +32,29 @@ export const deletePlatformProduct = (params: any) => {
         method: 'delete',
         params
     })
+}
+
+export const getCommonParam = (code: string) => {
+    return request({
+        url: '/api/product/init/common/param',
+        method: 'get',
+        params: { code }
+    })
+}
+
+export const postCommonParam = (data: any) => {
+    return request({
+        url: '/api/product/init/common/param/create',
+        method: 'post',
+        data
+    })
+}
+
+// 校验
+export const checkCommon = (data: any) => {
+    return request({
+        url: '/api/product/init/common/param/check',
+        method: 'post',
+        data
+    })
 }
\ No newline at end of file

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

 <template>
-    <el-dialog v-model="showDialog" title="选择产品" width="30%">
+    <el-dialog v-model="showDialog" title="选择产品" width="30%" :before-close="handleClose">
         <div class="select">
-            <el-select v-if="status" v-model="productAfterCode" @change="afterChange">
+            <el-select v-if="status" v-model="productBeforeCode" @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="productBeforeCode" @change="beforeChange">
+
+            <el-select v-else v-model="productAfterCode" @change="afterChange">
                 <el-option v-for="item in options" :key="item.id" :label="item.title" :value="item.code" />
             </el-select>
+
         </div>
         <template #footer>
-            <el-button type="primary" @click="showDialog = false">确定</el-button>
+            <el-button type="primary" @click="onConfirm">确定</el-button>
         </template>
     </el-dialog>
 </template>
 
 <script setup lang='ts'>
 import { ref } from 'vue'
+import { ElMessage } from 'element-plus'
 
 const props = defineProps({
-    // 第一个选择产品
+    // 第二个选择产品
     productAfterCode: {
         type: String,
         default: ''
     },
-    //  第二个选择产品
+    //  第一个选择产品
     productBeforeCode: {
         type: String,
         default: ''
@@ -36,19 +39,43 @@ const props = defineProps({
 })
 const showDialog = ref(false)
 const status = ref(true) // 判断是哪个选择产品
+const type = ref()
+const beforeCode = ref()
+const afterCode = ref()
 
-const emits = defineEmits(['codeChange'])
+const emits = defineEmits(['codeChange', 'initCode'])
 
 const afterChange = (value: string) => {
-    if (value) emits('codeChange', 'after', value)
+    type.value = 'after'
+    afterCode.value = value
 }
 const beforeChange = (value: string) => {
-    if (value) emits('codeChange', 'before', value)
+    type.value = 'before'
+    beforeCode.value = value
+}
+
+const handleClose = () => {
+    showDialog.value = false
+}
+
+const onConfirm = () => {
+    if (type.value === 'after') {
+        if (!afterCode.value) return ElMessage({ type: 'warning', message: '产品不能为空' })
+        if (afterCode.value === beforeCode.value) return ElMessage({ type: 'warning', message: '不能选择相同产品' })
+        emits('codeChange', 'after', afterCode.value)
+        showDialog.value = false
+    } else if (type.value === 'before') {
+        if (!beforeCode.value) return ElMessage({ type: 'warning', message: '产品不能为空' })
+        if (afterCode.value === beforeCode.value) return ElMessage({ type: 'warning', message: '不能选择相同产品' })
+        emits('codeChange', 'before', beforeCode.value)
+        showDialog.value = false
+    }
 }
 
 defineExpose({
     showDialog,
-    status
+    status,
+    type
 })
 </script>
  

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

 <template>
-    <!-- <el-dialog v-model="previewVisible" title="预览" :width="800"> -->
-    <el-button type="primary" @click="check" v-if="previewVisible">校验</el-button>
-    <el-button type="primary" @click="handleGetData" v-if="previewVisible">获取数据</el-button>
-
+    <div style="margin-bottom: 20px;">
+        <el-button type="primary" @click="check" v-if="previewVisible">校验</el-button>
+    </div>
     <ElGenerateForm ref="generateFormRef" v-if="previewVisible" :data="widgetForm" />
-    <!-- <template #footer>
-            <el-button @click="handleReset">重置</el-button>
-            <el-button type="primary" @click="handleGetData">获取数据</el-button>
-        </template> -->
-    <!-- </el-dialog> -->
 </template>
 
 <script setup lang='ts'>
 import { ref } from 'vue'
+import { checkCommon } from '@/services/api/platformProducts'
 import ElGenerateForm from '../../../../vueFormCreate/core/element/ElGenerateForm.vue'
-import { data } from './test'
+import { ElMessage } from 'element-plus';
 
 const previewVisible = ref(false)
-const widgetForm = data.data
+const widgetForm = ref()
 const generateFormRef = ref()
 const dataJsonTemplate = ref({
     data: ''
 })
 
-const handleReset = () => generateFormRef.value.reset()
+const props = defineProps({
+    code: {
+        type: String,
+        default: ''
+    }
+})
+
+const emits = defineEmits(['codeData'])
 
 // 获取数据
 const handleGetData = () => {
     generateFormRef.value.getData().then((res: any) => {
         dataJsonTemplate.value.data = res
-        console.log(dataJsonTemplate.value, 'dataJsonTemplate.value');
+        emits('codeData', props.code, res)
     })
 }
 
-const handleCopyClick = (text: string) => {
-    //   copy(text)
-}
-
 const check = () => {
     generateFormRef.value.getData().then((res: any) => {
-        console.log(res);
-        console.log('校验', res);
+        if (res) {
+            checkCommon({ code: props.code, data: res }).then((checkData: any) => {
+                if (checkData.code === 200) ElMessage({ type: 'success', message: '校验通过' })
+            })
+        }
     })
 }
 
+
 defineExpose({
-    previewVisible
+    previewVisible,
+    widgetForm,
+    handleGetData
 })
 </script>
  

src/views/manage/platformProducts.vue

 <template>
     <el-button type="primary" icon="plus" @click="addProductShow" style="margin: 20px 0 0 20px;">新增</el-button>
-    <el-button type="primary" icon="plus" @click="openShow" style="margin: 20px 0 0 20px;">打开测试</el-button>
     <div class='container'>
         <el-row justify="start" style="width: 100%; height: 100%;">
             <el-col :span="12" style="padding-right: 20px;">
                 <el-table :data="productData" border>
-                    <el-table-column label="产品1" prop="productAfterCodeName" align="center" />
-                    <el-table-column label="产品2" prop="productBeforeCodeName" align="center" />
+                    <el-table-column label="产品1" prop="productBeforeCodeName" align="center" />
+                    <el-table-column label="产品2" prop="productAfterCodeName" align="center" />
                     <el-table-column label="操作" align="center" fixed="right" width="155">
                         <template #default="scope">
                             <el-button type="primary" link size="small" @click="selectScene(scope.row.id)">选择场景
@@ -20,12 +19,13 @@
         </el-row>
     </div>
 
-    <el-dialog v-model="showAddDialog" title="选择产品" width="50%">
+    <el-dialog v-model="showAddDialog" title="选择产品" width="50%" :beforeClose="handleClose">
         <el-row justify="start" style="padding: 0 10%;">
             <el-col :span="6" style="text-align:center">
-                <el-button type="primary" circle style="width: 100px; height: 100px;" @click="selectAfterProducts">
-                    {{ afterTitle }}</el-button>
+                <el-button type="primary" circle style="width: 100px; height: 100px;" @click="selectBeforeProducts">
+                    {{ beforeTitle }}</el-button>
             </el-col>
+
             <el-col :span="12" style="display: flex; align-items: center; justify-content: center; text-align: center;">
                 <div class="line-arrow">
                     <div class="line"></div>
@@ -33,18 +33,16 @@
             </el-col>
 
             <el-col :span="6" style="text-align:center">
-                <el-button type="primary" circle style="width: 100px; height: 100px;" @click="selectBeforeProducts">
-                    {{ beforeTitle }}</el-button>
+                <el-button type="primary" circle style="width: 100px; height: 100px;" @click="selectAfterProducts">
+                    {{ afterTitle }}</el-button>
             </el-col>
             <el-col :span="11" style="margin-top: 20px;">
-                <previewProduct ref="previewProductAfterRef" />
-                <!-- <kingdee-basic-config /> -->
+                <previewProduct ref="previewProductBeforeRef" :code="productBeforeCode" @codeData="codeData" />
             </el-col>
             <el-col :span="2">
             </el-col>
             <el-col :span="11" style="margin-top: 20px;">
-                <previewProduct ref="previewProductBeforeRef" />
-                <!-- <kingdee-basic-config /> -->
+                <previewProduct ref="previewProductAfterRef" :code="productAfterCode" @codeData="codeData" />
             </el-col>
             <el-col :span="24" style="text-align: center;">
                 <el-button type="primary" @click="onConfirm" style="width: 88px; margin-top: 20%;">保存产品
@@ -61,11 +59,10 @@
 
 <script setup lang='ts'>
 import { ref, computed } from 'vue'
-import { getPlatformProductList, createPlatformProduct, deletePlatformProduct, getDictItemList } from '@/services/api/platformProducts'
+import { getPlatformProductList, createPlatformProduct, deletePlatformProduct, getDictItemList, getCommonParam, postCommonParam } from '@/services/api/platformProducts'
 import { ElMessage, ElMessageBox } from 'element-plus';
 import { useRouter } from 'vue-router';
 import addProduct from './components/platformProducts/addProduct.vue';
-// import kingdeeBasicConfig from './components/platformProducts/kingdeeBasicConfig.vue';
 import previewProduct from './components/platformProducts/previewProduct.vue';
 
 const router = useRouter();
@@ -73,7 +70,9 @@ const options = ref([] as any) // select 数据源
 const showAddDialog = ref(false)
 const productAfterCode = ref() // 第一个选择产品
 const productBeforeCode = ref() //  第二个选择产品
-const productData = ref()
+const productData = ref() // 产品数据
+const productAfterData = ref()
+const productBeforeData = ref()
 const addProductRef = ref()
 const previewProductAfterRef = ref()
 const previewProductBeforeRef = ref()
@@ -105,33 +104,48 @@ let addProductShow = () => {
     showAddDialog.value = true
 }
 
-let openShow = () => {
-    previewProductAfterRef.value.previewVisible = true
-}
-
 // 选择前产品
 const selectAfterProducts = () => {
-    addProductRef.value.status = true
+    addProductRef.value.status = false
+    addProductRef.value.type = 'after'
     addProductRef.value.showDialog = true
 }
 
 // 选择前产品
 const selectBeforeProducts = () => {
-    addProductRef.value.status = false
+    addProductRef.value.status = true
+    addProductRef.value.type = 'before'
     addProductRef.value.showDialog = true
 }
 
 const codeChange = (code: string, value: string) => {
     if (code === 'after') {
-        previewProductAfterRef.value.previewVisible = true
-        productAfterCode.value = value
+        getCommonParam(value).then((res: any) => {
+            if (res.code === 200) {
+                previewProductAfterRef.value.widgetForm = res.data
+                previewProductAfterRef.value.previewVisible = true
+                productAfterCode.value = value
+            }
+        })
     }
     else {
-        previewProductBeforeRef.value.previewVisible = true
-        productBeforeCode.value = value
+        getCommonParam(value).then((res: any) => {
+            if (res.code === 200) {
+                previewProductBeforeRef.value.widgetForm = res.data
+                previewProductBeforeRef.value.previewVisible = true
+                productBeforeCode.value = value
+            }
+        })
     }
 }
 
+// 获取保存数据
+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
+}
+
 // 选择场景
 const selectScene = (id: string) => {
     sessionStorage.setItem('platformProductRelationId', id)
@@ -165,21 +179,32 @@ const delProduct = (id: number) => {
 }
 
 const onConfirm = () => {
-    if (!productAfterCode.value) return ElMessage({ type: 'warning', message: '请先选择第一个产品' })
-    if (!productBeforeCode.value) return ElMessage({ type: 'warning', message: '请先选择第二个产品' })
-    if (productBeforeCode.value === productAfterCode.value) return ElMessage({ type: 'warning', message: '不能选择相同产品' })
-    showAddDialog.value = false
+    if (!productAfterCode.value && !productAfterCode.value) return ElMessage({ type: 'warning', message: '产品不能为空' })
     let data = {
         productAfterCode: productAfterCode.value,
         productBeforeCode: productBeforeCode.value
     }
+    previewProductAfterRef.value.handleGetData()
+    previewProductBeforeRef.value.handleGetData()
+    setTimeout(() => {
+        saveCommonParam(productBeforeCode.value, productBeforeData.value)
+        saveCommonParam(productAfterCode.value, productAfterData.value)
+        createPlatformProduct(data).then((res: any) => {
+            if (res.code === 200) {
+                init()
+                productAfterCode.value = ''
+                productBeforeCode.value = ''
+                showAddDialog.value = false
+                ElMessage({ type: 'success', message: '保存成功' })
+            }
+        })
+    }, 1000);
+}
 
-    createPlatformProduct(data).then((res: any) => {
+const saveCommonParam = (code: string, data: any) => {
+    postCommonParam({ code, data }).then((res: any) => {
         if (res.code === 200) {
-            init()
-            productAfterCode.value = ''
-            productBeforeCode.value = ''
-            ElMessage({ type: 'success', message: '保存成功' })
+            console.log(res);
         }
     })
 }
@@ -199,12 +224,21 @@ const init = () => {
     getPlatformProductList().then((res: any) => {
         if (res.code === 200) {
             productData.value = res.data.records
-            console.log(res);
         }
     })
 }
 
 init()
+
+const handleClose = () => {
+    productAfterCode.value = ''
+    productBeforeCode.value = ''
+    productBeforeData.value = ''
+    productAfterData.value = ''
+    previewProductAfterRef.value.previewVisible = false
+    previewProductBeforeRef.value.previewVisible = false
+    showAddDialog.value = false
+}
 </script>
  
 <style lang = "scss" scoped>

src/views/manage/stso.vue

@@ -3,9 +3,8 @@
         <el-button type="primary" icon="plus" size="small" style="margin-bottom: 20px;" @click="addStso">添加</el-button>
 
         <el-table :data="stsoData" border stripe>
-            <el-table-column label="任务类名" prop="jobClassName" align="center" />
-            <el-table-column label="单据名称" prop="name" align="center" />
             <el-table-column label="docType" prop="docType" align="center" />
+            <el-table-column label="单据名称" prop="name" align="center" />
             <el-table-column label="单据唯一标识" prop="sFormId" align="center" />
             <el-table-column label="接收地址" prop="receiveAddress" align="center" />
             <el-table-column label="创建时间" prop="createTime" align="center" />
@@ -20,8 +19,12 @@
 
         <el-dialog v-model="showDialog" :title="title" width="30%" :before-close="handleClose">
             <el-form :model="formData" ref="formRef" :rules="fromRules" label-width="120px">
-                <el-form-item label="任务类名" prop="jobClassName">
-                    <el-input v-model="formData.jobClassName" placeholder="请输入任务类名" />
+                <el-form-item label="选择产品" width="60px">
+                    <el-select v-model="formData.platformProductRelationId" clearable placeholder="请选择产品"
+                        @change="selectChange">
+                        <el-option v-for="item in productOptions" :key="item.id" :label="item.label"
+                            :value="item.productAfterCode" />
+                    </el-select>
                 </el-form-item>
                 <el-form-item label="同步表单" prop="commonConfigId">
                     <el-select v-model="formData.commonConfigId" class="m-2" placeholder="请选择">
@@ -45,27 +48,27 @@
 import { ref } from 'vue'
 import { ElMessageBox, ElMessage } from 'element-plus'
 import { getStsoList, createStso, updateStso, deleteStso } from '@/services/api/stso'
+import { getPlatformProductList, getCommonParam } from '@/services/api/platformProducts'
 import { getCommonConfig } from '@/services/api/systemApi/fieldConfiguration/commonConfig'
 
 // 查询参数
 const listQuery = ref({
     platformProductRelationId: 1,
-    jobClassName: '', // 任务类名
     pageNo: 1, // 页码
     pageSize: 10, // 每页数量
 })
 const total = ref(0)
 const stsoData = ref()
 const formRef = ref()
+const productOptions = ref(); // 产品数据源
 
 const formData = ref({
-    jobClassName: 'com.system.quartz.job.KingDeeSynchronizationJob', // 任务类名
+    platformProductRelationId: '',
     commonConfigId: '', // 通用配置id
     receiveAddress: '' // 接收地址
 })
 // 校验规则
 const fromRules = ref({
-    jobClassName: [{ required: true, message: '', trigger: 'blur' }],
     commonConfigId: [{ required: true, message: '', trigger: 'change' }],
     receiveAddress: [{ required: true, message: '', trigger: 'blur' }],
 })
@@ -84,6 +87,18 @@ const editStso = (row: any) => {
     formData.value = row
     showDialog.value = true
 }
+
+const selectChange = (value: string) => {
+    if (value) {
+        // getCommonParam(value).then((res: any) => {
+        //     if (res.code === 200) {
+        //         console.log(res.data);
+
+        //         // formData.value.receiveAddress = res.data
+        //     }
+        // })
+    }
+}
 // 添加
 const delStso = (id: number) => {
     ElMessageBox.confirm(
@@ -139,9 +154,9 @@ const onConfirm = () => {
 
 const handleClose = () => {
     formData.value = {
-        jobClassName: 'com.system.quartz.job.KingDeeSynchronizationJob',
         commonConfigId: '',
-        receiveAddress: ''
+        receiveAddress: '',
+        platformProductRelationId: ''
     }
     showDialog.value = false
 }
@@ -166,6 +181,22 @@ const initStsoList = () => {
     })
 }
 initStsoList()
+
+// 初始化产品数据
+const initProduct = () => {
+    getPlatformProductList().then((res: any) => {
+        if (res.code === 200) {
+            res.data.records.forEach((item: any) => {
+                item.label = item.productAfterCodeName + '-' + item.productBeforeCodeName
+            })
+            productOptions.value = res.data.records
+            console.log(productOptions.value);
+
+        }
+    })
+}
+
+initProduct()
 </script>
  
 <style lang = "scss" scoped>