axwen-test31 2.0.0

package/src/views/scene/scene-edit/event-main-btns.vue

@@ -0,0 +1,1159 @@
+<template>
+    <div class="market-event-tool" v-loading="loading">
+        <yt-button @click="handleCancle">{{ readonly? '关闭': '取消' }}</yt-button>
+        <!-- <yt-button v-if="!showUse && ['update', 'add', 'copy'].includes(mode)" @click="handlePublish">发布</yt-button> -->
+        <yt-button
+            v-if="!showUse && (['pause_update', 'add', 'copy', 'update'].includes(mode))"
+            type="primary" @click="handleSave">保存草稿</yt-button>
+        <yt-button v-if="showUse" :type="saveTemplateType" @click="applyToMarketEvent">应用到营销活动</yt-button>
+        <yt-button v-if="showUse" @click="applyToLoopEvent" :type="saveTemplateType">应用到周期活动</yt-button>
+        <event-publish-confirm ref="confirm" />
+    </div>
+</template>
+
+<script>
+import EventPublishConfirm from '@market-event-edit-pro/event-publish-confirm'
+import { publishTestMarket, backTestMarket, endTestMarket, publishRunningTestMarket, publishEndedTestMarket } from '@/api/market'
+import { addMarketTemplate } from '@/api/template/template-active'
+// import { rewardExtend } from '@/api/lottery'
+import { traslateSubmitData, checkData, baseToFile } from '@market-event-edit-pro/util'
+import { mapState, mapMutations } from 'vuex'
+import { submitLog } from '@/api/customer/customer-explore'
+import bus from '@/bus'
+import { getImgFileBySrc } from '@/utils/charts'
+import {
+    saveSceneDetails,
+    editSceneDetails,
+    sceneUploadFile,
+    sceneDetailsSearch,
+    publishActScenece
+} from '@/api/scene'
+
+const TEMPLATE_ROOT = '1'
+const TEMPLATE_BRANCH = '2'
+const TEMPLATE_PERSON = '3'
+const TEMPLATE_SCENE = '4'
+export default {
+    components: { EventPublishConfirm },
+    props: {
+        id: {
+            type: String,
+            default: ''
+        },
+        mode: {
+            type: String,
+            default: 'add'
+        },
+        type: {
+            type: String,
+            default: 'event' // template-root template-branch
+        },
+        actSeriesId: {
+            type: String,
+            default: '' // 系列活动 Id
+        },
+        validateSideForm: {
+            type: Function
+        },
+        cstonly: {
+            type: Boolean,
+            default: false
+        },
+        isLoop: {
+            type: Boolean,
+            default: false
+        },
+        cstLoading: {
+            type: Boolean,
+            default: false
+        },
+        pageName: {
+            type: String,
+            default: ''
+        },
+        sceneStatus: {
+            type: String,
+            default: ''
+        }
+    },
+    data() {
+        let query = this.$route.query
+        return {
+            allItemInLine: [],
+            loading: false,
+            running: false,
+            sceneSts: query.sceneStatus
+        }
+    },
+    computed: {
+        // 用户信息
+        ...mapState(['profile']),
+        readonly() {
+            return this.mode === 'view'
+        },
+        saveTemplateType() {
+            let { type, mode } = this
+            if (type === 'event' && ['add', 'update', 'test_update', 'calc_update'].includes(mode)) {
+                return ''
+            }
+            return 'primary'
+        },
+        showUse() {
+            if (this.sceneSts === '01' && this.mode === 'update') {
+                return true
+            }
+            return false
+
+        },
+        // showSaveTemp() {
+        //     let { type, mode, isLoop } = this
+        //     if (isLoop) {
+        //         return false
+        //     }
+        //     if (this.sceneSts === '01' && mode === 'update') {
+        //         return true
+        //     }
+        //     if (type === 'event') {
+        //         if (mode !== 'copy' && mode !== 'test') {
+        //             return true
+        //         }
+        //     } else {
+        //         if (mode !== 'view') {
+        //             return true
+        //         }
+        //     }
+
+        //     return false
+        // }
+    },
+    methods: {
+        ...mapMutations(['SET_FULL_LOADING']),
+        // 取消
+        handleCancle() {
+            this.$emit('cancel')
+            this.$router.replace({
+                path: '/scene/scene-library-manage/scene-center',
+                query: {
+                    __beforeClose: true
+                }
+            })
+        },
+        // 只能用户改变
+        changeCstonly() {
+            this.$emit('cstonly-change', !this.cstonly)
+        },
+        //应用到营销活动
+        applyToMarketEvent() {
+            let data = this.getData()
+            sessionStorage.setItem('canvas', JSON.stringify(data.canvas))
+            this.$router.replace({
+                name: 'market/event/create',
+                query: {
+                    mode: 'add',
+                    isLoop: false,
+                    pageName: 'scence',
+                    id: this.id
+                }
+            })
+        },
+        applyToLoopEvent() {
+            let data = this.getData()
+            sessionStorage.setItem('canvas', JSON.stringify(data.canvas))
+            this.$router.replace({
+                name: 'market/event/create',
+                query: {
+                    mode: 'add',
+                    isLoop: true,
+                    pageName: 'scence',
+                    id: this.id
+                }
+            })
+        },
+        // 发布活动
+        async handlePublish() {
+
+            // save canvas
+            this.saveCurrNode()
+            let data = this.getData()
+            let getData = data.canvas.nodes
+            // 传参问题看下
+            let valid = await checkData(data, this.validateSideForm, this.$error, false)
+            if (!valid) {
+                this.loading = false
+                this.SET_FULL_LOADING(false)
+                return
+            }
+            if (!this.canvasVerify()) {
+                return
+            }
+
+            let channelTypeArr = getData.filter(v => v.channelGroup === "sms" || v.channelGroup === "appPush") || []
+            if (channelTypeArr.length && !data.detail.expirationTime && data.detail.isNeedSmsApprove === '1') {
+                this.$warning('未选择短信发送审批时间')
+                return
+            }
+            let strdialog = false
+            getData.forEach(node => {
+                if (node.menuKey === 'channel' && node.form.supRecord && node.form.supRecord) {
+                    node.form.supRecord.forEach(res => {
+                        if (res.value === '') {
+                            strdialog = true
+                        }
+                    })
+                }
+            })
+            if (strdialog === true) {
+                try {
+                    await this.$confirm('您还有短信模板信息未补录，是否返回继续补录信息？', '提示', { type: 'warning', confirmButtonText: '继续', closeOnClickModal: '返回' })
+                } catch {
+                    this.loading = false
+                    return
+                }
+            }
+
+            this.loading = true
+            try {
+                await this.$confirm('是否确定要发布？', '提示', { type: 'warning', confirmButtonText: '发布', closeOnClickModal: false })
+            } catch {
+                this.loading = false
+                return
+            }
+
+            try {
+                let isAdd = this.mode === 'add'
+                let id = await this.handleSave(true, true)
+                // if (isAdd) {
+                //     let { formatFullDateTime, copy } = this.$util
+                //     let { id } = this
+                //     let data = this.getData()
+                //     let params = traslateSubmitData(data, formatFullDateTime, this.cstonly)
+                //     params.publishFlag = '发布'
+                //     params.actBaseInfoVo.id = id
+                //     await editSceneDetails(params)
+
+                // }
+                // 场景库发布接口
+                await publishActScenece(id)
+
+                // message tip
+                this.$success('发布成功')
+
+                this.loading = false
+                this.SET_FULL_LOADING(false)
+
+                this.$router.replace({
+                    name: 'market/event/detail/scene',
+                    query: {
+                        mode: 'update',
+                        type: 'event',
+                        isLoop: this.isLoop,
+                        viewType: '场景库',
+                        isScene: true,
+                        id,
+                        pageName: this.pageName,
+                        __beforeClose: true
+                    }
+                })
+            } catch (e) {
+                this.loading = false
+                this.SET_FULL_LOADING(false)
+                if (this.id) {
+                    // jump page
+                    this.$router.replace({
+                        name: 'market/event/view/scene',
+                        query: {
+                            mode: 'update',
+                            isLoop: this.isLoop,
+                            type: this.type,
+                            id: this.id,
+                            pageName: this.pageName
+                        }
+                    })
+                }
+            }
+        },
+        // 试运行发布
+        async handleTestPublish() {
+            // save canvas
+            this.saveCurrNode()
+            if (!this.canvasVerify()) {
+                return
+            }
+            let getData = this.getData().canvas.nodes
+            let strdialog = false
+            getData.forEach(data => {
+                if (data.menuKey === 'channel' && data.form.supRecord && data.form.supRecord) {
+                    data.form.supRecord.forEach(res => {
+                        if (res.value === '') {
+                            strdialog = true
+                        }
+                    })
+                }
+            })
+            if (strdialog === true) {
+                try {
+                    await this.$confirm('您还有短信模板信息未补录，是否返回继续补录信息？', '提示', { type: 'warning', confirmButtonText: '继续', closeOnClickModal: '返回' })
+                } catch {
+                    this.loading = false
+                    return
+                }
+            }
+            this.loading = true
+            try {
+                await this.$confirm('是否要试运行？', '提示', { type: 'warning', confirmButtonText: '是', cancelButtonText: '否', closeOnClickModal: false })
+            } catch {
+                this.loading = false
+                return
+            }
+            try {
+                this.SET_FULL_LOADING(true)
+                // get
+                let data = this.getData()
+                // validate detail time
+                if (!this.validDetailTime(data.detail)) {
+                    this.loading = false
+                    this.SET_FULL_LOADING(false)
+                    return
+                }
+                //  validate canvas data
+                let valid = await checkData(data, this.validateSideForm, this.$error, false)
+                if (!valid) {
+                    this.loading = false
+                    this.SET_FULL_LOADING(false)
+                    return
+                }
+                // submit canvas
+                let id = await this.handleSave(true)
+                // publish canvas
+                let api = publishTestMarket
+                await api(id)
+                // message tip
+                this.$success('试运行成功')
+                // close loading
+                this.loading = false
+                this.SET_FULL_LOADING(false)
+                // jump page
+                this.$router.replace({
+                    name: 'market/event/edit/scene',
+                    query: {
+                        mode: 'view',
+                        isLoop: this.isLoop,
+                        type: this.type,
+                        id,
+                        __beforeClose: true
+                    }
+                })
+            } catch (e) {
+                this.loading = false
+                this.SET_FULL_LOADING(false)
+                if (this.id) {
+                    // jump page
+                    this.$router.replace({
+                        name: 'market/event/edit',
+                        query: {
+                            mode: 'update',
+                            isLoop: this.isLoop,
+                            type: this.type,
+                            id: this.id
+                        }
+                    })
+                }
+            }
+        },
+        // 保存活动
+        async handleSave(notTip = false, isPublish = false) {
+            if (typeof notTip !== 'boolean') {
+                notTip = false
+            }
+            if (this.loading && !notTip) {
+                return Promise.reject(new Error())
+            }
+            if (this.cstLoading) {
+                this.$error('客户数据正在导入中，请重试')
+                return Promise.reject(new Error())
+            }
+            if (!notTip) {
+                this.loading = true
+                this.saveCurrNode()
+                let valid = await this.validateSideForm('detail')
+                if (!valid) {
+                    this.loading = false
+                    this.$error('请完善【详情】的表单信息')
+                    return
+                }
+            }
+
+            this.SET_FULL_LOADING(true)
+
+            let data = this.getData()
+            let valid = await checkData(data, this.validateSideForm, this.$error, false)
+            if (!valid) {
+                this.loading = false
+                this.SET_FULL_LOADING(false)
+                return
+            }
+
+            return new Promise((resolve, reject) => {
+                this.$nextTick(() => {
+                    let { formatFullDateTime, copy } = this.$util
+                    let { id } = this
+                    let params = traslateSubmitData(data, formatFullDateTime, this.cstonly)
+
+                    let canvasInfo = this.$util.copy(params)
+                    // if (canvasInfo.actBaseInfoVo.actType === '01') {
+                    //     let flag = canvasInfo.actDefNodeList.some(item => {
+                    //         return item.nodeType === 'waitEvent'
+                    //     })
+                    //     if (!flag) {
+                    //         this.loading = false
+                    //         this.SET_FULL_LOADING(false)
+                    //         return this.$message.info('活动类型为“事件跟进”时需要选择【事件】组件')
+                    //     }
+                    // }
+                    // 设置校验客户数量的传参
+                    let checkParams = copy(params)
+                    const errorCb = () => {
+                        this.loading = false
+                    }
+                    // 校验 汇聚组件前不允许连接事件组件
+                    this.allItemInLine = []
+                    let checkConvergence = true
+                    const startNodeId = data.canvas.nodes.filter(v => v.label === '开始')[0].id
+                    const endNodeId = data.canvas.nodes.filter(v => v.label === '结束')[0].id
+                    this.getAllItemInLine(startNodeId, startNodeId, endNodeId, data.canvas.edges, data.canvas.nodes)
+                    if (this.allItemInLine.length) {
+                        const arr = this.allItemInLine.join(' ').split(' end').filter(v => v)
+                        for (let i = 0; i < arr.length; i++) {
+                            if (arr[i].includes('event') && arr[i].includes('merge')) {
+                                checkConvergence = false
+                            }
+                        }
+                    }
+                    if (!checkConvergence) {
+                        this.loading = false
+                        this.SET_FULL_LOADING(false)
+                        return this.$message.info('汇聚节点无法与事件节点直接或间接连接')
+                    }
+
+                    this.$nextTick(() => {
+                        this.SET_FULL_LOADING(true)
+                    })
+                    let api = saveSceneDetails
+
+                    params.publishFlag = isPublish ? '发布' : null
+                    if (id && this.mode === 'update') {
+                        params.actBaseInfoVo.id = id
+                        api = editSceneDetails
+                    }
+                    // 保存图片
+                    bus.$emit('downloadFullImage', { name: 'test' })
+                    // 保存活动
+                    api(params).then(data => {
+                        this.SET_FULL_LOADING(true)
+                        const successCb = (data) => {
+                            // 提示列表页面要刷新
+                            window.marketEventNeedRefresh = true
+                            let id = data.data
+                            const dataUrl = sessionStorage.getItem('imageFile')
+                            let img = `img-${id}`
+                            getImgFileBySrc(dataUrl, 'img').then(file => {
+                                sceneUploadFile({
+                                    sceneDetailId: id,
+                                    file
+                                })
+
+                            }).finally(() => {
+                                // 保存后直接退出登录会展示次图片
+                                const canvasImg = document.querySelectorAll('.js-temp-img');
+                                canvasImg.forEach(img => {
+                                    img.parentNode.removeChild(img)
+                                })
+                            })
+
+                            // 保存 id
+                            this.$emit('idChange', id)
+                            // if (this.mode === 'add') {
+                            //     editSceneDetails(params).then(res => { })
+                            // }
+                            // 发布会提示这个
+                            if (notTip) return resolve(id)
+                            this.SET_FULL_LOADING(false)
+                            const msg = isPublish ? '发布成功' : '保存成功'
+                            this.$success(msg)
+                            this.$router.replace({
+                                name: 'market/event/edit/scene',
+                                query: {
+                                    mode: 'update',
+                                    type: this.type,
+                                    isLoop: this.isLoop,
+                                    viewType: '场景库',
+                                    id: data.data,
+                                    // id,
+                                    pageName: this.pageName,
+                                    __beforeClose: this.mode === 'copy' ? true : false
+                                }
+                            })
+                            resolve()
+                        }
+                        // 活动保存轮询
+                        bus.$emit('customer-loading', { id: data.data.syncId, tip: '保存', type: 'market-save', successCb, errorCb })
+                    }).catch(() => {
+                        this.SET_FULL_LOADING(false)
+                        if (!notTip) {
+                            this.loading = false
+                        }
+                        reject(new Error('保存失败'))
+                    }).finally(() => {
+                        // localStorage.removeItem('cust-nodeId')
+                        // localStorage.removeItem('cust-nodeId-copy')
+                        localStorage.removeItem('es-search')
+                    })
+                })
+            })
+        },
+        // 获取画布所有组件按照一条线顺序排序
+        getAllItemInLine(sourceNodeId, startNodeId, endNodeId, edges, nodes) {
+            // 拷贝连接线数据
+            const copyEdges = JSON.parse(JSON.stringify(edges))
+            // 当未筛选连接线数据为空时，表示结束循环
+            if (!copyEdges.length) {
+                return
+            }
+            for (let i = 0; i < copyEdges.length; i++) {
+                const { source, target } = copyEdges[i]
+                // 当传入的起始节点和连接线数据中的起始节点相同时
+                if (source === sourceNodeId) {
+                    // 判断是否到达结束节点
+                    if (target !== endNodeId) {
+                        this.allItemInLine.push(nodes.filter(v => v.id === target)[0].menuKey)
+                        copyEdges.splice(i, 1)
+                        this.getAllItemInLine(target, startNodeId, endNodeId, copyEdges, nodes)
+                    } else {
+                        // push end表示这条线结束，查询是否还有第二条线
+                        this.allItemInLine.push('end')
+                        this.getAllItemInLine(startNodeId, startNodeId, endNodeId, copyEdges, nodes)
+                    }
+                }
+            }
+        },
+        // 保存当前节点
+        saveCurrNode() {
+            this.$parent.$refs.main.saveCurrNode()
+        },
+        getData() {
+            return this.$parent.$refs.main.getData()
+        },
+        // 统计标签使用次数
+        async submitHistory() {
+            let ids = await this.$parent.$refs.main.getEventNodeExploreIds()
+            submitLog(ids)
+        },
+        canvasVerify() {
+            let { formatFullDateTime } = this.$util
+            let getDataCheck = traslateSubmitData(this.getData(), formatFullDateTime, this.cstonly)
+            const verifyMergeInActRes = this.verifyMergeInAct(getDataCheck)
+            if (verifyMergeInActRes && !verifyMergeInActRes.code) {
+                this.loading = false
+                return false
+            }
+            const verifyDVCardEventInActRes = this.verifyDVCardEventInAct(getDataCheck)
+            if (verifyDVCardEventInActRes && !verifyDVCardEventInActRes.code) {
+                this.loading = false
+                return false
+            }
+            const verifyChannelInActRes = this.verifyChannelInAct(getDataCheck)
+            if (verifyChannelInActRes && !verifyChannelInActRes.code) {
+                this.loading = false
+                return false
+            }
+            const verifyContentInActRes = this.verifyContent(getDataCheck)
+            if (verifyContentInActRes && !verifyContentInActRes.code) {
+                this.loading = false
+                return false
+            }
+            const verifyInspectionTime = this.inspectionTime(getDataCheck)
+            if (verifyInspectionTime && !verifyInspectionTime.code) {
+                this.loading = false
+                return false
+            }
+            return true
+        },
+        // 保存为模板
+        async handleSaveTemplate() {
+            if (!this.canvasVerify()) {
+                return
+            }
+            this.loading = true
+            try {
+                this.saveCurrNode()
+                let { formatFullDateTime } = this.$util
+                let data = this.getData()
+                let valid = await checkData(data, this.validateSideForm, this.$error, true)
+                if (!valid) {
+                    this.loading = false
+                    return
+                }
+                this.$nextTick(() => {
+                    let params = traslateSubmitData(data, formatFullDateTime, this.cstonly)
+                    let { mode, type, addTemp } = this
+                    this.loading = true
+                    // 去掉剔除客户
+                    params.deleteActCustomer = []
+                    if (type === 'event') {
+                        addTemp(TEMPLATE_PERSON, params, 'template-person')
+                    } else {
+                        if (mode === 'add') {
+                            if (type === 'template-root') {
+                                addTemp(TEMPLATE_ROOT, params, 'template-root')
+                            } else if (type === 'template-branch') {
+                                addTemp(TEMPLATE_BRANCH, params, 'template-branch')
+                            }
+                        }
+                    }
+                })
+            } catch {
+                this.loading = false
+            }
+        },
+        // 发布校验开始执行时间
+        validDetailTime(detail) {
+            let date = new Date()
+            date.setMinutes(date.getMinutes() + 6)
+            if (detail.executeFlag) {
+                if (!detail.executeEndTime) {
+                    this.$error('请填写执行结束时间')
+                    return false
+                }
+                if (detail.executeEndTime < date) {
+                    this.$error('活动已过期！')
+                    return false
+                } else {
+                    return true
+                }
+            }
+            if (!detail.executeStartTime) {
+                this.$error('请填写执行开始时间')
+                return false
+            } else if (detail.executeStartTime < date) {
+                this.$error('执行开始时间，距离发布时间太近！')
+                return false
+            }
+            if (detail.executeEndTime < date) {
+                this.$error('活动已过期！')
+                return false
+            }
+            return true
+        },
+        // 【试运行】回到草稿状态
+        async handleBack() {
+            await this.$confirm('修改后活动变为草稿状态，发布活动需要再次进行审批，是否修改？', '提示', { type: 'warning', confirmButtonText: '是', cancelButtonText: '否', closeOnClickModal: false })
+            if (this.$route.query.actStatus === '16') {
+                let data = await endTestMarket(this.id)
+                this.$emit('idChange', data.data)
+            }
+            let data = await backTestMarket(this.id)
+            this.SET_FULL_LOADING(true)
+            const successCb = (data) => {
+                window.marketEventNeedRefresh = true
+                this.$emit('idChange', data.data)
+                this.$nextTick(() => {
+                    this.SET_FULL_LOADING(false)
+                    // jump page
+                    this.$router.replace({
+                        name: 'market/event/edit',
+                        query: {
+                            mode: 'update',
+                            isLoop: this.isLoop,
+                            type: this.type,
+                            id: data.data
+                        }
+                    })
+                })
+            }
+            bus.$emit('customer-loading', { id: data.data.syncId, tip: '回退', type: 'market-back', successCb })
+        },
+        // 【试运行中/结束】发布 16: 试运行中提前终止
+        async handleRuningTestPublish() {
+            await this.$confirm('是否要发布？', '提示', { type: 'warning', confirmButtonText: '是', cancelButtonText: '否', closeOnClickModal: false })
+            let api = this.$route.query.actStatus === '16' ? publishRunningTestMarket : publishEndedTestMarket
+            let id = this.id
+            let data = await api(id)
+            this.SET_FULL_LOADING(true)
+            const successCb = () => {
+                this.SET_FULL_LOADING(false)
+                this.submitHistory()
+                window.marketEventNeedRefresh = true
+                this.$nextTick((data) => {
+                    this.SET_FULL_LOADING(false)
+                    this.$router.replace({
+                        name: 'market/event/detail1',
+                        query: {
+                            mode: 'view',
+                            isLoop: this.isLoop,
+                            type: this.type,
+                            id: this.id,
+                            __beforeClose: true
+                        }
+                    })
+                })
+            }
+            bus.$emit('customer-loading', { id: data.data.syncId, tip: '发布', type: 'market-test-running-publish', successCb })
+        },
+        addTemp(tempType, params, type) {
+            // 创建模板时对params进行处理 将marketingBase信息加入tempAct中， 并将其赋空
+            let canvasInfo = this.$util.copy(params)
+            canvasInfo.actBaseInfoVo.tempType = tempType
+            canvasInfo = this.clearCustomer(canvasInfo)
+            if (canvasInfo.actBaseInfoVo.actType === '01') {
+                let flag = canvasInfo.actDefNodeList.some(item => {
+                    return item.nodeType === 'waitEvent'
+                })
+                if (!flag) {
+                    this.loading = false
+                    return this.$message.info('活动类型为“事件跟进”时需要选择【事件】组件')
+                }
+            }
+
+            addMarketTemplate(canvasInfo).then(data => {
+                this.$router.replace({
+                    name: 'market/event/detail1',
+                    query: {
+                        mode: 'view',
+                        id: data.data.id,
+                        type,
+                        __beforeClose: type !== 'template-person'? true : false
+                    }
+                })
+                this.$success('操作成功')
+            }).finally(() => {
+                this.loading = false
+            })
+        },
+        clearCustomer(canvasInfo) {
+            canvasInfo.actBaseInfoVo = {
+                ...canvasInfo.actBaseInfoVo,
+                executeEndTime: null,
+                executeFlag: '0',
+                executeStartTime: null,
+                superviseFlag: '0',
+                superviseEndTime: null,
+                superviseStartTime: null
+            }
+
+            canvasInfo.actDefNodeList.forEach(node => {
+                if (node.nodeType === 'cst') {
+                    node.actDefNodeParamsList = node.actDefNodeParamsList.map(item => {
+                        if (item.paramCode === 'componentName') {
+                            // item.paramValue = item.paramValue
+                        } else if (item.paramCode === 'successCount' || item.paramCode === 'successCountWhite') {
+                            item.paramValue = 0
+                        } else if (item.paramCode === 'uploadGroup' || item.paramCode === 'uploadGroupWhite' || item.paramCode === 'fileName' || item.paramCode === 'fileNameWhite') {
+                            item.paramValue = ''
+                        }
+                        return item
+                    })
+                }
+                if (node.nodeType === 'waitEvent' || node.nodeType === 'evtRespFlowBranch') {
+                    node.actDefNodeParamsList = node.actDefNodeParamsList.map(item => {
+                        if (item.paramCode === 'startRemindDate' || item.paramCode === 'endRemindDate' || item.paramCode === 'startHappenDate' || item.paramCode === 'endHappenDate') {
+                            item.paramValue = ''
+                        }
+                        return item
+                    })
+                }
+                if (node.nodeType === 'channel') {
+                    node.actDefNodeParamsList = node.actDefNodeParamsList.map(item => {
+                        if (item.paramCode === 'exeEndTime' || item.paramCode === 'exeStartTime' || item.paramCode === 'positionId') {
+                            item.paramValue = null
+                        } else if (item.paramCode === 'exeStartTimeFlag') {
+                            item.paramValue = '0'
+                        } else if (item.paramCode === 'exeEndTimeFlag') {
+                            item.paramValue = '1'
+                        }
+                        return item
+                    })
+                }
+            })
+            return canvasInfo
+        },
+        // 节点计数
+        async handleCalc() {
+            this.saveCurrNode()
+            if (!this.canvasVerify()) {
+                return
+            }
+            this.loading = true
+            try {
+                await this.$confirm('是否要节点计数？', '提示', { type: 'warning', confirmButtonText: '是', cancelButtonText: '否', closeOnClickModal: false })
+            } catch {
+                this.loading = false
+                return
+            }
+            try {
+                this.SET_FULL_LOADING(true)
+                // save canvas
+                this.saveCurrNode()
+                // get
+                let data = this.getData()
+                // validate detail time
+                if (!this.validDetailTime(data.detail)) {
+                    this.loading = false
+                    this.SET_FULL_LOADING(false)
+                    return
+                }
+                //  validate canvas data
+                let valid = await checkData(data, this.validateSideForm, this.$error, false)
+                if (!valid) {
+                    this.loading = false
+                    this.SET_FULL_LOADING(false)
+                    return
+                }
+                // submit canvas
+                let id = await this.handleSave(true)
+                // close loading
+                this.loading = false
+                this.SET_FULL_LOADING(false)
+                // jump page
+                this.$router.replace({
+                    name: 'market/event/calc1',
+                    query: {
+                        mode: 'calc',
+                        isLoop: this.isLoop,
+                        type: this.type,
+                        id,
+                        __beforeClose: true
+                    }
+                })
+            } catch (e) {
+                this.loading = false
+                this.SET_FULL_LOADING(false)
+                if (this.id) {
+                    // jump page
+                    this.$router.replace({
+                        name: 'market/event/edit',
+                        query: {
+                            mode: 'update',
+                            isLoop: this.isLoop,
+                            type: this.type,
+                            id: this.id
+                        }
+                    })
+                }
+            }
+        },
+        async handleCalcDetail() {
+            this.$router.replace({
+                name: 'market/event/calc1',
+                query: {
+                    mode: 'calc',
+                    isLoop: this.isLoop,
+                    type: this.type,
+                    id: this.id,
+                    __beforeClose: true
+                }
+            })
+        },
+        // 画布校验
+        verifyRes(code, message) {
+            const res = { 'code': code, message: message }
+            this.$message.error(res.message)
+            return res
+        },
+        // 校验渠道
+        verifyChannelInAct(actJsonArray) {
+            // 节点关系数组
+            let actDefNodeLinkList = actJsonArray.actDefNodeLinkList
+            // 节点详情数组
+            let actDefNodeList = actJsonArray.actDefNodeList
+            if (!actDefNodeLinkList || !actDefNodeList) {
+                return this.verifyRes(false, '节点或者连线为空1')
+            }
+            // 画布中的渠道节点
+            const channelNodes = actDefNodeList.filter(item => item.nodeType === 'channel')
+
+            // 画布中的事件节点
+            const eventNodes = actDefNodeList.filter(item => item.nodeType === 'event')
+
+            // 查询渠道组件节点是否选择了掌上银行-按指定机构分配，如果选择了这个前序节点必须是大V卡事件
+            for (let i = 0; i < channelNodes.length; i++) {
+                const nodeId = channelNodes[i].id
+                const actDefNodeParamsList = channelNodes[i].actDefNodeParamsList
+                if (actDefNodeParamsList) {
+                    const channelTypeSubParam = actDefNodeParamsList.find(item => item.paramCode === 'channelTypeSub')
+                    if (channelTypeSubParam && channelTypeSubParam.paramValue) {
+                        // 判断是否为掌上银行-按指定机构分配，硬编码！！！
+                        if (channelTypeSubParam.paramValue && channelTypeSubParam.paramValue === '12') {
+                            // 判断nodeId前序节点是否为大V卡事件
+                            // 渠道前序节点关系
+                            const channelFrontNodeLinks = actDefNodeLinkList.filter(item => item.nodeTo === nodeId)
+                            // 判断前序节点是否存在
+                            if (channelFrontNodeLinks && channelFrontNodeLinks.length === 1) {
+                                for (let j = 0; j < channelFrontNodeLinks.length; j++) {
+                                    const channelFrontNodeLink = channelFrontNodeLinks[j].nodeFrom
+                                    if (eventNodes && eventNodes.length) {
+                                        for (let k = 0; k < eventNodes.length; k++) {
+                                            if (channelFrontNodeLink === eventNodes[k].id) {
+                                                if (eventNodes[k] && eventNodes[k].nodeType === 'event') {
+                                                    const actDefNodeEventlParamsList = eventNodes[k].actDefNodeParamsList
+                                                    const eventNameParam = actDefNodeEventlParamsList.find(item => item.paramCode === 'eventName')
+                                                    // 判断是否为掌上银行-按指定机构分配
+                                                    if (!eventNameParam || eventNameParam.paramValue.substr(0, 6) !== '010026') {
+                                                        return this.verifyRes(false, '渠道节点选择了掌上银行-按指定机构分配，前序节点需选择大V卡事件组件')
+                                                    }
+                                                } else {
+                                                    return this.verifyRes(false, '渠道节点选择了掌上银行-按指定机构分配，前序节点需选择大V卡事件组件')
+                                                }
+                                            }
+                                        }
+                                    }
+                                }
+                            } else {
+                                return this.verifyRes(false, '渠道节点选择了掌上银行-按指定机构分配，前序节点只能选择一个并且是大V卡事件组件')
+                            }
+                        }
+                    }
+                }
+            }
+
+            // 校验画布中是否有渠道节点并且渠道节点是否选择短信模板或者APP-PUSH，校验详情是否填写了审批时限
+            for (let i = 0; i < channelNodes.length; i++) {
+                const actDefNodeParamsList = channelNodes[i].actDefNodeParamsList
+                if (actDefNodeParamsList) {
+                    const channelTypeSubParam = actDefNodeParamsList.find(item => item.paramCode === 'channelGroup')
+                    if (channelTypeSubParam && ['sms', 'appPush'].includes(channelTypeSubParam.paramValue)) {
+                        if (!actJsonArray.actBaseInfoVo.expirationTime) {
+                            return this.verifyRes(false, '选择渠道节点为线上渠道时，需要在活动详情中填写审批权限')
+                        }
+                    }
+                }
+            }
+        },
+        verifyDVCardEventInAct(actJsonArray) {
+            // 节点关系数组
+            let actDefNodeLinkList = actJsonArray.actDefNodeLinkList
+            // 节点详情数组
+            let actDefNodeList = actJsonArray.actDefNodeList
+
+            if (!actDefNodeLinkList || !actDefNodeList) {
+                return this.verifyRes(false, '节点或者连线为空2')
+            }
+            // 画布中的事件节点
+            const eventNodes = actDefNodeList.filter(item => item.nodeType === 'event')
+
+            // 查询事件节点是否选择大V卡事件，如果是大V卡事件，则后续必须跟着渠道节点，并且渠道节点必须选择人工以及指定执行人
+            let dVcardCount = 0
+            for (let i = 0; i < eventNodes.length; i++) {
+                const nodeId = eventNodes[i].id
+                const actDefNodeParamsList = eventNodes[i].actDefNodeParamsList
+                if (actDefNodeParamsList) {
+                    const eventNameParam = actDefNodeParamsList.find(item => item.paramCode === 'eventName')
+                    if (eventNameParam && eventNameParam.paramValue) {
+                        // 判断是否为大V卡事件，硬编码！！！
+                        if (eventNameParam.paramValue.substr(0, 6) === '010026') {
+                            dVcardCount++
+                            // 判断nodeId后续节点是否为渠道
+                            // 事件后续节点关系
+                            const eventBackNodeLinks = actDefNodeLinkList.filter(item => item.nodeFrom === nodeId)
+                            for (let j = 0; j < eventBackNodeLinks; j++) {
+                                const eventBackNodeLink = eventBackNodeLinks[j]
+                                if (eventBackNodeLink) {
+                                    // 事件后续节点详情
+                                    const eventBackNode = actDefNodeList.find(item => item.id === eventBackNodeLink.nodeTo)
+                                    if (eventBackNode && eventBackNode.nodeType === 'channel') {
+                                        const actDefNodeChannelParamsList = eventBackNode.actDefNodeParamsList
+                                        const channelParam = actDefNodeChannelParamsList.find(item => item.paramCode === 'channelTypeSub')
+                                        // 判断是否为掌上银行-按指定机构分配
+                                        if (!channelParam || channelParam.paramValue !== '12') {
+                                            return this.verifyRes(false, '大V卡事件组件后续渠道节点需选择掌上银行-按指定机构分配')
+                                        }
+                                    } else {
+                                        return this.verifyRes(false, '大V卡事件组件后续渠道节点需选择掌上银行-按指定机构分配')
+                                    }
+                                }
+                            }
+                        }
+                    }
+                }
+            }
+            if (dVcardCount > 1) {
+                return this.verifyRes(false, '大V卡事件组件节点数不能大于2')
+            }
+        },
+        verifyMergeInAct(actJsonArray) {
+            // 节点关系数组
+            let actDefNodeLinkList = actJsonArray.actDefNodeLinkList
+            // 节点详情数组
+            let actDefNodeList = actJsonArray.actDefNodeList
+            if (!actDefNodeLinkList || !actDefNodeList) {
+                return this.verifyRes(false, '节点或者连线为空3')
+            }
+            // 1、查询是否存在汇聚节点
+            // 2、查询汇聚节点是否存在只有一个前序节点
+            // 3、查询画布中是否存在事件节点，因为汇聚节点无法与事件节点共存
+            // 4、查询策略节点分支如果是行为策略，后续无法实现汇聚组件接入
+            // 5、查询策略节点，是否存在多个前序
+            // 6、查询策略节点后续分支是否连接到汇聚节点
+
+            // 画布中的策略节点
+            const strategyNodes = actDefNodeList.filter(item => item.nodeType === 'strategy')
+            // 画布中的汇聚节点
+            const mergeNodes = actDefNodeList.filter(item => item.nodeType === 'merge')
+
+            // 查询是否存在汇聚节点
+            if (mergeNodes.length === 0) { // 汇聚组件不存在，无需校验
+                return
+            }
+
+            // 查询汇聚节点是否存在只有一个前序节点
+            for (let i = 0; i < mergeNodes.length; i++) {
+                const mergeFrontNodes = actDefNodeLinkList.filter(item => item.nodeTo === mergeNodes[i].id)
+                if (mergeFrontNodes.length < 2) {
+                    return this.verifyRes(false, '汇聚组件的前序节点不能小于2')
+                }
+            }
+
+            // 查询画布中是否存在事件节点，因为汇聚节点无法与事件节点共存
+            // if (eventNodes.length > 0) {
+            //     return this.verifyRes(false, '汇聚组件节点无法与事件组件节点直接或间接相连')
+            // }
+
+            // 查询策略节点分支如果是行为策略，后续无法实现汇聚组件接入
+            for (let i = 0; i < strategyNodes.length; i++) {
+                const strategyBackNodes = actDefNodeLinkList.filter(item => item.nodeFrom === strategyNodes[i].id)
+                // 遍历策略组件的分支，判断行为策略分支是否继续连入了汇聚
+                for (let j = 0; j < strategyBackNodes.length; j++) {
+                    const actDefNodeParamsList = strategyBackNodes[j].actDefNodeParamsList
+                    if (actDefNodeParamsList) {
+                        const behaviorStrategyTypeParam = actDefNodeParamsList.find(item => item.paramCode === 'behaviorStrategyType')
+                        if (behaviorStrategyTypeParam && behaviorStrategyTypeParam.paramValue === '1') {
+                            return this.verifyRes(false, '汇聚组件节点无法与策略组件的行为策略分支直接或间接相连')
+                        }
+                    }
+                }
+            }
+
+            // 查询策略节点，是否存在多个前序
+            let strategyVerifyLeaf = true
+            for (let i = 0; i < strategyNodes.length; i++) {
+                const strategyFrontNodes = actDefNodeLinkList.filter(item => item.nodeTo === strategyNodes[i].id)
+                if (strategyFrontNodes.length > 1) {
+                    strategyVerifyLeaf = false
+                    break
+                }
+            }
+            // 策略组件前序节点数量不存在多个的情况，不需要校验
+            if (strategyVerifyLeaf) {
+                return
+            }
+
+            // 查询策略节点后续分支是否连接到汇聚节点
+            for (let i = 0; i < strategyNodes.length; i++) {
+                const strategyBackNodes = actDefNodeLinkList.filter(item => item.nodeFrom === strategyNodes[i].id)
+                // 遍历策略组件的分支，判断分支是否继续连入了汇聚
+                for (let j = 0; j < strategyBackNodes.length; j++) {
+                    const strategyBranchBackNodes = actDefNodeLinkList.filter(item => item.nodeFrom === strategyBackNodes[j].nodeTo)
+                    for (let k = 0; k < strategyBranchBackNodes.length; k++) {
+                        const strategyBranchBackNode = strategyBranchBackNodes[k]
+                        const strategyBranchBackNodeDetail = actDefNodeList.find(item => item.id === strategyBranchBackNode.nodeTo)
+                        // 判断分支上后续节点是否连入了汇聚节点
+                        if (strategyBranchBackNodeDetail && strategyBranchBackNodeDetail.nodeType) {
+                            if (strategyBranchBackNodeDetail.nodeType === 'merge') {
+                                return this.verifyRes(false, '多个客户组件连接策略组件前需提前汇聚')
+                            }
+                        }
+                    }
+                }
+            }
+        },
+        // 内容节点
+        verifyContent(actJsonArray) {
+            // 节点关系数组
+            let actDefNodeLinkList = actJsonArray.actDefNodeLinkList
+            // 节点详情数组
+            let actDefNodeList = actJsonArray.actDefNodeList
+
+            if (!actDefNodeLinkList || !actDefNodeList) {
+                return this.verifyRes(false, '节点或者连线为空4')
+            }
+            // 1、查询是否存在内容节点
+            // 2、查询内容节点中的话术营销建议和营销建议是否最少填写了一项
+
+            // 画布中的内容节点
+            const contentNodes = actDefNodeList.filter(item => item.nodeType === 'content')
+
+            // 查询是否存在内容节点
+            if (contentNodes.length === 0) { // 内容组件不存在，无需校验
+                return
+            }
+            // 查询汇聚节点是否存在只有一个前序节点
+            for (let i = 0; i < contentNodes.length; i++) {
+                let count = 0
+                // 检测内容节点的内容类型 如果是营销建议：检测话术或营销标签建议至少一项被填写
+                let currentContentType = contentNodes[i].actDefNodeParamsList.find(item => item.paramCode === 'contentType')?.paramValue
+                if (currentContentType === 'campSuggest') {
+                    contentNodes[i].actDefNodeParamsList.forEach(item => {
+                        if (item.paramCode === 'wordsCampSuggest' || item.paramCode === 'labelCampSuggest') {
+                            if (item.paramValue === null || item.paramValue === '') {
+                                count++
+                            }
+                        }
+                    })
+                    if (count === 2) {
+                        return this.verifyRes(false, '内容组件中话术或标签营销建议至少填写一项')
+                    }
+                }
+            }
+        },
+        // 对画布中时机、渠道中截至时间、反馈和时机的时间的校验
+        inspectionTime(actJsonArray) {
+            let actDefNodeLinkList = actJsonArray.actDefNodeLinkList
+            let actDefNodeList = actJsonArray.actDefNodeList
+            if (!actDefNodeLinkList || !actDefNodeList) {
+                return this.verifyRes(false, '节点或者连线为空5')
+            }
+            const strategyDetail = actJsonArray.actBaseInfoVo
+            // const strategyBranchNodes = actDefNodeList.filter(item => ['waitToTime'].includes(item.nodeType)) // 时机-等待到某个时间
+            // if (strategyBranchNodes.length) {
+            //     for (let i = 0; i < strategyBranchNodes.length; i++) {
+            //         const waitToTimeCycle = strategyBranchNodes[i].actDefNodeParamsList.find(list => list.paramCode === 'time')
+            //         if (waitToTimeCycle.paramValue < strategyDetail.executeStartTime || waitToTimeCycle.paramValue > strategyDetail.executeEndTime) {
+            //             return this.verifyRes(false, '时机时间不得早于活动开始时间并且不得晚于活动结束时间')
+            //         }
+            //     }
+            // }
+
+            const strategyFeed = actDefNodeList.filter(item => ['sms', 'appPush'].includes(item.channelGroup)) // 反馈截至时间
+            if (strategyFeed.length) {
+                for (let i = 0; i < strategyFeed.length; i++) {
+                    const feedbackDeadline = strategyFeed[i].actDefNodeParamsList.find(list => list.paramCode === 'feedbackDeadlineTime')
+                    if (feedbackDeadline.paramValue < strategyDetail.executeStartTime || feedbackDeadline.paramValue > strategyDetail.executeEndTime) {
+                        return this.verifyRes(false, '节点终止时间不得早于活动开始时间并且不得晚于活动结束时间')
+                    }
+                }
+            }
+
+            const strategylimitTime = actDefNodeList.filter(item => ['ebankApp', 'teleSalesPlat', 'intligCall'].includes(item.channelGroup)) // 处理截至时间
+            if (strategylimitTime.length) {
+                for (let i = 0; i < strategylimitTime.length; i++) {
+                    const feedbackDeadline = strategylimitTime[i].actDefNodeParamsList.find(list => list.paramCode === 'limitTime')
+                    if (feedbackDeadline.paramValue < strategyDetail.executeStartTime || feedbackDeadline.paramValue > strategyDetail.executeEndTime) {
+                        return this.verifyRes(false, '节点终止时间不得早于活动开始时间并且不得晚于活动结束时间')
+                    }
+                }
+            }
+
+            // const strategyDownSend = actDefNodeList.filter(item => ['intligCall', 'teleSalesPlat'].includes(item.channelGroup)) // 智能外呼、电销数量不超过50
+            // if (strategyDownSend && strategyDownSend.length) {
+            //     for (let i = 0; i < strategyDownSend.length; i++) {
+            //         const downSendLength = strategyDownSend[i].actDefNodeParamsList.find(list => list.paramCode === 'downSendField')
+            //         const aiDownLength = strategyDownSend[i].actDefNodeParamsList.find(list => list.paramCode === 'aiDownSendField')
+            //         let downSendNumber = eval(downSendLength.paramValue).length + eval(aiDownLength.paramValue).length
+            //         if (downSendNumber > 50) {
+            //             return this.verifyRes(false, '渠道选择智能外呼或电销平台时选择客户模板的数量不能超过50个')
+            //         }
+            //     }
+            // }
+        }
+    }
+}
+</script>