axwen-test31 2.0.0

package/src/views/market/market-event-edit-pro/util.js

@@ -0,0 +1,3877 @@
+import {
+    getAppMessages,
+    getCounterList,
+    getManagerList, getMessages, getPosition
+} from '@/api/market'
+import {
+    formatDate
+} from '@/utils'
+import {
+    SCENE_USE, TEMP_STATE_ON, NODE_SAMPLE_TYPE_NUMBER
+} from '@/utils/variable'
+import getNodeForm from './function/getNodeForm'
+import { saveAs } from 'file-saver' //2.0.5
+import G from '@antv/g'
+import { deepClone } from '@/utils/deepClone'
+import { formatFullDateTime } from "@/utils";
+import canvasStyle from '!!raw-loader!less-loader!@/views/market/market-event-detail-pro/htmlGenerator/canvas.less'
+import { pick, cloneDeep, isEmpty } from 'lodash'
+const NODE_TYPE_INTERFACE = {
+    event: 'com.yatop.act.executor.event.EventExecutor',
+    cst: 'com.yatop.act.executor.cst.CstExecutor',
+    strategy: 'com.yatop.act.executor.strategy.StrategyExecutor',
+    strategyBranch: 'com.nbcb.domain.executor.StrategyBranchExecutor',
+    channel: 'com.nbcb.domain.executor.ChannelExecutor'
+}
+
+const NODE_CHANNEL_INTERFACE = {
+    1: 'com.yatop.act.executor.channel.SmsChannelExecutor', // 短信
+    2: 'com.yatop.act.executor.channel.WxChannelExecutor', // 微信
+    3: 'com.yatop.act.executor.channel.ShopChannelExecutor', // 网店
+    4: 'com.yatop.act.executor.channel.ManagerChannelExecutor', // 客户经理
+    5: 'com.yatop.act.executor.channel.CounterChannelExecutor' // 柜面
+}
+
+export const currency = value => {
+    if (value === null) {
+        return null
+    }
+    value = Number(value)
+    return Math.round(value * 100) / 100
+}
+
+// true: '1', false: '0'
+export const boolToString = value => {
+    return value ? '1' : '0'
+}
+
+// '1': true, '0': false
+export const stringToBoolean = value => {
+    return value === '1'
+}
+export const numberToString = value => {
+    if (value === null || value === undefined) {
+        return ''
+    }
+    return value + ''
+}
+export const menuList = [{
+    key: 'cst',
+    label: '名单'
+},
+{
+    key: 'activityCst',
+    label: '动态名单'
+},
+{
+    key: 'composeCst',
+    label: '组合名单'
+},
+{
+    key: 'flowCst',
+    label: '实时名单'
+},
+{
+    key: 'channel',
+    label: '渠道'
+},
+{
+    key: 'merge',
+    label: '客群汇聚'
+},
+{
+    key: 'labelFlow',
+    label: '按标签分流'
+},
+{
+    key: 'labelFlowBranch',
+    label: '按标签分流分支'
+},
+{
+    key: 'custFlow',
+    label: '按客群分流'
+},
+{
+    key: 'custFlowBranch',
+    label: '按客群分流分支'
+},
+{
+    key: 'evtRespFlow',
+    label: '按事件分流'
+},
+{
+    key: 'evtRespFlowBranch',
+    label: '按事件分流分支'
+},
+{
+    key: 'evtRespFlowBranchResp',
+    label: '响应'
+},
+{
+    key: 'evtRespFlowBranchNoResp',
+    label: '未响应'
+},
+{
+    key: 'chnlRespFlow',
+    label: '按渠道分流'
+},
+{
+    key: 'chnlRespFlowBranch',
+    label: '按渠道分流分支'
+},
+{
+    key: 'randomFlow',
+    label: '按随机分流'
+},
+{
+    key: 'randomFlowBranch',
+    label: '按随机分流分支'
+},
+{
+    key: 'waitFixTime',
+    label: '等待一定时间'
+},
+{
+    key: 'waitToTime',
+    label: '等待到某个时间'
+},
+{
+    key: 'waitEvent',
+    label: '等待某个事件发生'
+},
+{
+    key: 'sms',
+    label: '短信'
+},
+{
+    key: 'ebankApp',
+    label: '掌银APP'
+},
+{
+    key: 'appPush',
+    label: '手机银行APP_PUSH'
+},
+{
+    key: 'teleSalesPlat',
+    label: '电销平台'
+},
+{
+    key: 'intligCall',
+    label: '智能外呼'
+},
+{
+    key: 'manager',
+    label: '客户经理'
+},
+{
+    key: 'content',
+    label: '内容'
+},
+{
+    key: 'equity',
+    label: '权益'
+},
+{
+    key: 'act',
+    label: '活动'
+},
+{
+    key: 'prod',
+    label: '产品'
+}
+]
+
+export const getMenuNameByKey = (key) => {
+    let menu = menuList.find(menu => menu.key === key)
+    return menu ? menu.label : ''
+}
+
+export const stringToNumber = value => {
+    if (value === null) {
+        return null
+    }
+    return value ? +value : 0
+}
+// 清楚渠道响应分流假的选项
+const clearChannelParams = (val) => {
+    if (val === 'noResp' || val === 'noTouch') {
+        return ''
+    } else {
+        return val
+    }
+}
+const changeEventDefineJson = (form) => {
+    let { childEventDefineJson, childEventJson, ruleItemCalcDesc, eventType } = form
+    let json = childEventJson
+    if (eventType === '02' && json) {
+        if (childEventDefineJson && childEventDefineJson.length) {
+            json.ruleItem.ruleItemDetailDesc = JSON.stringify(childEventDefineJson)
+            let calcDetailList = json.ruleItem.ruleItemDetail.map((i, index) => {
+                let obj = {}
+                let calcDesc = childEventDefineJson[index]
+                if (i.type === 1) {
+                    obj = { ...i }
+                    delete obj.expect
+                } else {
+                    obj = {
+                        ...i,
+                        expect: (calcDesc.expectOne && calcDesc.expectTwo) ? `${calcDesc.expectOne},${calcDesc.expectTwo}` : (calcDesc.expectOne ? calcDesc.expectOne : '') 
+                    }
+                }
+                delete obj.expectOne
+                delete obj.expectTwo
+                return obj
+            })
+            json.ruleItem.ruleItemDetail = calcDetailList
+        }
+        if (ruleItemCalcDesc && ruleItemCalcDesc.length) {
+            json.ruleItem.ruleItemCalcDesc = JSON.stringify(ruleItemCalcDesc)
+            let calcList = json.ruleItem.ruleItemCalc.map((i, index) => {
+                let obj = {}
+                let calcDesc = ruleItemCalcDesc[index]
+                if (i.isRule) {
+                    obj = { ...i }
+                } else {
+                    obj = {
+                        ...i,
+                        expect: (calcDesc.expectOne && calcDesc.expectTwo) ? `${calcDesc.expectOne},${calcDesc.expectTwo}` : (calcDesc.expectOne ? calcDesc.expectOne : 0) 
+                    }
+                }
+                delete obj.expectOne
+                delete obj.expectTwo
+                return obj
+            })
+            json.ruleItem.ruleItemCalc = calcList
+        }
+    } else if (eventType === '01' && json) {
+        json.subeventBody = JSON.stringify(childEventDefineJson)
+        json.subeventSqlParams = getEeventSqlParams(childEventDefineJson)
+    } else {
+        return ''
+    }
+    return JSON.stringify(json)
+}
+
+const getEeventSqlParams = (list) => {
+    let attrPropsNew = {
+        name: 'name',
+        code: 'code',
+        symbolCode: 'symbolCode',
+        valueOne: 'valueOne',
+        valueTwo: 'valueTwo'
+    }
+    const attrList = list.filter((item) => !item.isRule);
+    let arr = [];
+    attrList.forEach((attr) => {
+        const symbolCode = attr[attrPropsNew['symbolCode']];
+        if (symbolCode && ['IS NOT NULL', 'IS NULL'].includes(symbolCode)) {
+            arr.push({ type: attr.attrType, value: '' });
+        } else if (symbolCode && symbolCode === 'ALL_FUZZY') {
+            arr.push({
+                type: attr.attrType,
+                value: attr[attrPropsNew['valueOne']] ? `%${attr[attrPropsNew['valueOne']]}%` : ''
+            });
+        } else if (symbolCode && symbolCode === 'AFTER_FUZZY') {
+            arr.push({
+                type: attr.attrType,
+                value: attr[attrPropsNew['valueOne']] ? `${attr[attrPropsNew['valueOne']]}%` : ''
+            });
+        } else if (symbolCode) {
+            arr.push({ type: attr.attrType, value: attr[attrPropsNew['valueOne']] });
+            if (symbolCode === 'IN')
+                arr.push({ type: attr.attrType, value: attr[attrPropsNew['valueTwo']] });
+        }
+    });
+    return JSON.stringify(arr);
+}
+
+// 未触达、未响应的响应结果字段赋值
+export const transferChannelParams = (form, field) => {
+    let result = form[field]
+    switch (field) {
+        case 'reachStatus':
+        case 'isTeleviewInterview':
+        case 'callOutStat':
+            if (form.breachStat === '0000') {
+                result = 'noTouch'
+            }
+            break
+        case 'taskStatVal':
+        case 'custIntent':
+            if (form.respStat === '0') {
+                result = 'noResp'
+            }
+            break
+        default:
+            break
+    }
+    return result
+}
+
+// 【提交】获得后端的 interface，后端用，前端无用
+const getInterface = (node) => {
+    let menuKey = node.menuKey
+    if (menuKey !== 'channel') {
+        return NODE_TYPE_INTERFACE[node.menuKey] || ''
+    } else {
+        let form = node.form
+        let value = form.type === '0' ? form.channel : form.useType
+        return NODE_CHANNEL_INTERFACE[value] || ''
+    }
+}
+
+const returnChanelCode=(form={})=>{
+    let arr = []
+    const keyMapping = form.keyMapping || new Map()
+    let newForm = {}
+    if (keyMapping.entries) {
+        for (const [key, value] of keyMapping.entries()) {
+            newForm[key] = form[value]
+        }
+    } else {
+        // 老数据不是map类型，需要兼容
+        newForm = {
+            ...form.keyMapping
+        }
+    }
+    
+    const passList=['channelGroup1','models','undisturbTime','limitNode','limitPeriod','sendNow','endByActEndDate','compIocn','distributeRules','channelTargetData']
+    for(let key in newForm){   
+        if(!passList.includes(key)) arr.push({paramCode:key,paramValue:newForm[key] || '', isModi: '1'})
+        if(key==='undisturbTime') arr.push({paramCode:key,paramValue:newForm[key]?JSON.stringify(newForm[key]):JSON.stringify([]),isModi: '1'})
+        if(key==='limitNode') arr.push({paramCode:key,paramValue:boolToString(newForm[key]),isModi: '1'})
+        if(key==='limitPeriod') arr.push({paramCode:key,paramValue:boolToString(newForm[key]),isModi: '1'})
+        if(key==='sendNow') arr.push({paramCode:key,paramValue:boolToString(newForm[key]),isModi: '1'})
+        if(key==='endByActEndDate') arr.push({paramCode:key,paramValue:boolToString(newForm[key]),isModi: '1'})
+        if(key==='distributeRules') arr.push({paramCode:key,paramValue:newForm[key]?JSON.stringify(newForm[key]):JSON.stringify([]),isModi: '1'})
+        if(key==='channelTargetData') arr.push({paramCode:key,paramValue:newForm[key]?JSON.stringify(newForm[key]):JSON.stringify([]),isModi: '1'})
+        // if(key==='componentFixedParameter') arr.push({paramCode:key,paramValue:newForm[key]?JSON.stringify(newForm[key]):JSON.stringify([])})
+    }
+    return arr
+}
+const returnIndependenceFlag=(form, node)=>{
+    const channelComp = JSON.parse(sessionStorage.getItem('channelComp'));
+    let channelCode = node.uniqueKey || node.channelGroup
+    let channelNode = channelComp.find((node) => node.componentCode === channelCode)
+    return String(channelNode.independenceFlag)
+}
+// 【提交】根据 form 转成成 数组
+export const getParamsListByNode = (node, formatFullDateTime,detail) => {
+    let paramsList = []
+    let form = node.form
+    switch (node.menuKey) {
+        case 'channel':
+            paramsList = [
+                ...returnChanelCode(form),
+                { 
+                    paramCode: 'channelGroup1', 
+                    paramValue: form.channelGroup || node.channelGroup || node.uniqueKey 
+                },
+                { 
+                    paramCode: 'models', 
+                    paramValue: node.models?JSON.stringify(node.models):''
+                },
+                { 
+                    paramCode: 'compIocn', 
+                    paramValue: node.icon?node.icon:''
+                },
+                {
+                    paramCode: 'actReachChannelId', 
+                    paramValue: form.actReachChannelId
+                },
+                {
+                    paramCode: 'actReachPassageId', 
+                    paramValue: form.actReachPassageId
+                },
+                {
+                    paramCode: 'businessType',
+                    paramValue: form.businessType
+                },
+                {
+                    paramCode: 'reachChannelType',
+                    paramValue: form.reachChannelType
+                },
+                {
+                    paramCode: 'independenceFlag',
+                    paramValue: returnIndependenceFlag(form, node)
+                }
+            ]
+            break
+        case 'cst':
+            paramsList = [{
+                paramCode: 'componentName',
+                paramValue: form.name || ''
+            },
+            {
+                paramCode: 'customerIntroduction',
+                paramValue: form.introduction || ''
+            },
+            {
+                paramCode: 'total',
+                paramValue: form.customerTagTotal || '0'
+            },
+            {
+                paramCode: 'customerGroupTag',
+                paramValue: JSON.stringify(form.customerGroupTag)
+            },
+            {
+                paramCode: 'customerGroupTagApp',
+                paramValue: JSON.stringify(form.customerGroupTagApp)
+            },
+            {
+                paramCode: 'customerGroupTagAI',
+                paramValue: JSON.stringify(form.customerGroupTagAI)
+            },
+            {
+                paramCode: 'exploreGroupTag',
+                paramValue: JSON.stringify(form.exploreGroupTag)
+            },
+            // 普通客户导入
+            {
+                paramCode: 'successCount',
+                paramValue: form.uploadGroup?.successCount || 0
+            },
+            {
+                paramCode: 'failCount',
+                paramValue: 0
+                // form.uploadGroup.failCount ||
+            },
+            {
+                paramCode: 'fileName',
+                paramValue: form.uploadGroup?.fileName
+            },
+            // 试运行客户导入
+            {
+                paramCode: 'successCountWhite',
+                paramValue: form.uploadGroupWhite?.successCount || 0
+            },
+            {
+                paramCode: 'failCountWhite',
+                paramValue: 0
+                // form.uploadGroupWhite.failCount ||
+            },
+            {
+                paramCode: 'fileNameWhite',
+                paramValue: form.uploadGroupWhite?.fileName
+            },
+            {
+                paramCode: 'cycleSetting',
+                paramValue: form.cycleSetting || ''
+            },
+            {
+                paramCode: 'cycleType',
+                paramValue: form.cycleType || ''
+            },
+            {
+                paramCode: 'execDay',
+                paramValue: form.execDay?form.execDay.join('_'):''
+            },
+            {
+                paramCode: 'cycleRange',
+                paramValue: form.cycleRange || ''
+            },
+            {
+                paramCode: 'customerGroupMember',
+                paramValue: form.customerGroupMember || 0
+            },
+            {
+                // 组合公式
+                paramCode: 'groupCompents',
+                paramValue: form.groupCompents || ''
+            },
+            {
+                paramCode: 'viewList',
+                paramValue: form.viewList ? JSON.stringify(form.viewList) : ''
+            },
+            // 后端使用，值传空字符串即可
+            {
+                paramCode: 'cstMd5',
+                paramValue: ''
+            },
+            {
+                paramCode: 'testRunCstKey',
+                paramValue: node.id || ''
+            },
+            {
+                paramCode: 'execTime',
+                paramValue: form.execTime ? formatFullDateTime(form.execTime) : null
+            },
+            {
+                paramCode: 'activityCstWaitLabelFlag',
+                paramValue: boolToString(form.activityCstWaitLabelFlag)
+            }
+            ]
+            break
+        case 'activityCst': // 动态名单
+            paramsList = [{
+                paramCode: 'componentName',
+                paramValue: form.name || ''
+            },
+            {
+                paramCode: 'cycleSetting',
+                paramValue: form.cycleSetting || ''
+            },
+            {
+                paramCode: 'cycleType',
+                paramValue: form.cycleType || ''
+            },
+            {
+                paramCode: 'execDay',
+                paramValue: form.execDay?form.execDay.join('_'):''
+            },
+            {
+                paramCode: 'cycleRange',
+                paramValue: form.cycleRange || ''
+            },
+            {
+                paramCode: 'customerGroupTag',
+                paramValue: JSON.stringify(form.customerGroupTag)
+            },
+            {
+                paramCode: 'groupCompents',
+                paramValue: form.groupCompents
+            },
+            // 后端使用，值传空字符串即可
+            {
+                paramCode: 'cstMd5',
+                paramValue: ''
+            },
+            {
+                paramCode: 'customerGroupMember',
+                paramValue: form.customerGroupMember || 0
+            }]
+            break
+        case 'flowCst': // 实时名单
+            paramsList = [{
+                paramCode: 'componentName',
+                paramValue: form.name || ''
+            },
+            {
+                paramCode: 'customerGroupTag',
+                paramValue: JSON.stringify(form.customerGroupTag)
+            },
+            {
+                paramCode: 'groupCompents',
+                paramValue: form.groupCompents
+            },
+            // 后端使用，值传空字符串即可
+            {
+                paramCode: 'cstMd5',
+                paramValue: ''
+            },
+            {
+                paramCode: 'customerGroupMember',
+                paramValue: form.customerGroupMember || 0
+            }]
+            break
+        case 'composeCst': // 组合名单
+            paramsList = [{
+                paramCode: 'componentName',
+                paramValue: form.name || ''
+            },
+            {
+                paramCode: 'customerGroupTag',
+                paramValue: JSON.stringify(form.customerGroupTag)
+            },
+            {
+                paramCode: 'groupCompents',
+                paramValue: form.groupCompents
+            },
+            // 后端使用，值传空字符串即可
+            {
+                paramCode: 'cstMd5',
+                paramValue: ''
+            },
+            {
+                paramCode: 'customerGroupMember',
+                paramValue: form.customerGroupMember || 0
+            }]
+            break
+        case 'labelFlow': // 标签分流
+            paramsList = [{
+                paramCode: 'componentName',
+                paramValue: form.name || ''
+            },
+            {
+                paramCode: 'exclutionType',
+                paramValue: boolToString(form.exclutionType)
+            },
+            {
+                paramCode: 'waitSpliteLabel',
+                paramValue: boolToString(form.waitSpliteLabel)
+            },
+            {
+                paramCode: 'stage',
+                paramValue: form.stage || ''
+            },
+            {
+                paramCode: 'labelIntroduction',
+                paramValue: form.introduction || ''
+            },
+            ]
+            // 添加分支行数据
+            let labelFlowBranchData = form.data.map((row, i) => {
+                return {
+                    ...row,
+                    order: i
+                }
+            })
+            paramsList.push({
+                paramCode: 'labelFlowBranchData',
+                paramValue: JSON.stringify(labelFlowBranchData)
+            })
+            break
+        case 'labelFlowBranch': // 标签分流分支
+            paramsList = [{
+                paramCode: 'componentName',
+                paramValue: form.name || ''
+            },
+            {
+                paramCode: 'rowId',
+                paramValue: form.rowId || ''
+            },
+            {
+                paramCode: 'hiddenDelete',
+                paramValue: boolToString(form.hiddenDelete)
+            },
+            {
+                paramCode: 'strategyGroup',
+                paramValue: JSON.stringify(form.strategyGroup) || null
+            },
+            {
+                paramCode: 'tempLabelText',
+                paramValue: JSON.stringify(form.tempLabelText) || null
+            }]
+            break
+        case 'custFlow': // 客群分流
+            paramsList = [{
+                paramCode: 'componentName',
+                paramValue: form.name || ''
+            },
+            {
+                paramCode: 'exclutionType',
+                paramValue: boolToString(form.exclutionType)
+            },
+            {
+                paramCode: 'custIntroduction',
+                paramValue: form.introduction || ''
+            },
+            ]
+            // 添加分支行数据
+            let custFlowBranchData = form.data.map((row, i) => {
+                return {
+                    ...row,
+                    order: i
+                }
+            })
+            paramsList.push({
+                paramCode: 'custFlowBranchData',
+                paramValue: JSON.stringify(custFlowBranchData)
+            })
+            break
+        case 'custFlowBranch': // 客群分流分支
+            paramsList = [{
+                paramCode: 'componentName',
+                paramValue: form.name || ''
+            },
+            {
+                paramCode: 'rowId',
+                paramValue: form.rowId || ''
+            },
+            {
+                paramCode: 'hiddenDelete',
+                paramValue: boolToString(form.hiddenDelete)
+            },
+            // {
+            //     paramCode: 'strategyGroup',
+            //     paramValue: JSON.stringify(form.strategyGroup) || null
+            // },
+            // {
+            //     // 组合公式
+            //     paramCode: 'groupCompents',
+            //     paramValue: getCustomerGroupFunc((form.strategyGroup || []).length ? (form.strategyGroup[0].cstGroupStrategy || []) : [] ,'idCopy')
+            // }
+            {
+                paramCode: 'customerGroupTag',
+                paramValue: JSON.stringify(form.customerGroupTag)
+            },
+            {
+                paramCode: 'groupCompents',
+                paramValue: form.groupCompents
+            },
+            {
+                paramCode: 'customerGroupMember',
+                paramValue: form.customerGroupMember || 0
+            }
+            ]
+            break
+        case 'evtRespFlow': // 事件响应
+            paramsList = [{
+                paramCode: 'componentName',
+                paramValue: form.name || ''
+            },
+            {
+                paramCode: 'exclutionType',
+                paramValue: boolToString(form.exclutionType)
+            },
+            {
+                paramCode: 'evtRespIntroduction',
+                paramValue: form.introduction || ''
+            },
+            {
+                paramCode: 'rowId',
+                paramValue: form.rowId || ''
+            },
+            {
+                paramCode: 'limitNode',
+                paramValue: boolToString(form.limitNode)
+            },
+            {
+                paramCode: 'limitPeriod',
+                paramValue: boolToString(form.limitPeriod)
+            },
+            {
+                paramCode: 'limitCycleValue',
+                paramValue: form.limitCycleValue || ''
+            },
+            {
+                paramCode: 'limitCycleUnit',
+                paramValue: form.limitCycleUnit || ''
+            },
+            {
+                paramCode: 'custLimit',
+                paramValue: form.custLimit || ''
+            },
+            {
+                paramCode: 'eventType',
+                paramValue: form.eventType || ''
+            },
+            {
+                paramCode: 'eventName',
+                paramValue: form.eventName ? form.eventName.split(',')[0] : ''
+            },
+            {
+                paramCode: 'eventCodePreview',
+                paramValue: form.eventName ? form.eventName.split(',')[0] : ''
+            },
+            {
+                paramCode: 'childEventDefineJson',
+                paramValue: form.childEventDefineJson && form.childEventDefineJson.length ? JSON.stringify(form.childEventDefineJson) : '[]'
+            },
+            {
+                paramCode: 'ruleItemCalcDesc',
+                paramValue: form.ruleItemCalcDesc && form.ruleItemCalcDesc.length ? JSON.stringify(form.ruleItemCalcDesc) : '[]'
+            },
+            {
+                paramCode: 'childEventJson',
+                paramValue: changeEventDefineJson(form)
+            },
+            {
+                paramCode: 'enddayParentId',
+                paramValue: form.enddayParentId || ''
+            },
+            {
+                paramCode: 'eventDefineId',
+                paramValue: form.eventDefineId ||''
+            },
+            {
+                paramCode: 'eventNameText',
+                paramValue: form.eventNameText || ''
+            },
+            {
+                paramCode: 'eventCycle',
+                paramValue: form.eventCycle
+            },
+            {
+                paramCode: 'startRemindDate',
+                paramValue: form.startRemind ? formatDate(form.startRemind[0]) : null
+            },
+            {
+                paramCode: 'endRemindDate',
+                paramValue: form.startRemind ? formatDate(form.startRemind[1]) : null
+            },
+            {
+                paramCode: 'startHappenDate',
+                paramValue: form.expireDate ? formatDate(form.expireDate[0]) : null
+            },
+            {
+                paramCode: 'endHappenDate',
+                paramValue: form.expireDate ? formatDate(form.expireDate[1]) : null
+            },
+            {
+                paramCode: 'computeMode',
+                paramValue: form.computeMode || ''
+            },
+            {
+                paramCode: 'computeUnit',
+                paramValue: form.computeUnit || ''
+            },
+            {
+                paramCode: 'cycleStatus',
+                paramValue: boolToString(form.cycleStatus)
+            },
+            {
+                paramCode: 'cycleValue',
+                paramValue: form.cycleValue || 0
+            },
+            {
+                paramCode: 'cycleUnit',
+                paramValue: form.cycleUnit || ''
+            },
+            {
+                paramCode: 'noRespType',
+                paramValue: form.noRespType || ''
+            },
+            {
+                paramCode: 'noRespSttTime',
+                paramValue: form.noRespSttTime ? formatFullDateTime(form.noRespSttTime) : null
+            },
+            {
+                paramCode: 'noRespStt',
+                paramValue: form.noRespStt || 0
+            },
+            {
+                paramCode: 'noRespSttUnit',
+                paramValue: form.noRespSttUnit || ''
+            }
+            ]
+            
+            // 添加分支行数据
+            if(form.data) {
+                let evtRespFlowBranchData = form.data.map((row, i) => {
+                    return {
+                        ...row,
+                        order: i
+                    }
+                })
+                paramsList.push({
+                    paramCode: 'evtRespFlowBranchData',
+                    paramValue: JSON.stringify(evtRespFlowBranchData)
+                })
+            }
+            break
+        case 'evtRespFlowBranch': // 事件响应分支
+            paramsList = [{
+                paramCode: 'componentName',
+                paramValue: form.name || ''
+            },
+            {
+                paramCode: 'eventSplitRespStatus',
+                paramValue: form.eventSplitRespStatus || ''
+            },
+            {
+                paramCode: 'noRespType',
+                paramValue: form.noRespType || ''
+            },
+            {
+                paramCode: 'noRespSttTime',
+                paramValue: form.noRespSttTime ? formatFullDateTime(form.noRespSttTime) : null
+            },
+            {
+                paramCode: 'noRespStt',
+                paramValue: form.noRespStt || 0
+            },
+            {
+                paramCode: 'noRespSttUnit',
+                paramValue: form.noRespSttUnit || ''
+            }
+            ]
+            break
+        case 'chnlRespFlow': // 渠道响应
+            paramsList = [{
+                paramCode: 'componentName',
+                paramValue: form.name || ''
+            },
+            {
+                paramCode: 'exclutionType',
+                paramValue: boolToString(form.exclutionType)
+            },
+            {
+                paramCode: 'stage',
+                paramValue: form.stage || ''
+            },
+            {
+                paramCode: 'eventName',
+                paramValue: form.eventName || ''                
+            },
+            {
+                paramCode: 'stageName',
+                paramValue: form.stageName || ''
+            },
+            ]
+            // 添加分支行数据
+            let chnlRespFlowBranchData = form.data.map((row, i) => {
+                return {
+                    ...row,
+                    order: i
+                }
+            })
+            paramsList.push({
+                paramCode: 'chnlRespFlowBranchData',
+                paramValue: JSON.stringify(chnlRespFlowBranchData)
+            })
+            break
+        case 'chnlRespFlowBranch': // 渠道响应分支
+            paramsList = [{
+                paramCode: 'componentName',
+                paramValue: form.name || ''
+            },
+            {
+                paramCode: 'rowId',
+                paramValue: form.rowId || node.id || ''
+            },
+            {
+                paramCode: 'channelType',
+                paramValue: form.channelType || ''
+            },
+            {
+                paramCode: 'execStat',
+                paramValue: form.execStat || ''
+            },
+            {
+                paramCode: 'channelSplitName',
+                paramValue: form.channelSplitName || ''
+            },
+            {
+                paramCode: 'unprocessedMark',
+                paramValue: form.unprocessedMark.toString() || ''
+            },
+            {
+                paramCode: 'breachStat',
+                paramValue: form.breachStat || ''
+            },
+            {
+                paramCode: 'respStat',
+                paramValue: form.respStat || ''
+            },
+            {
+                paramCode: 'splitChannelTimeType',
+                paramValue: form.splitChannelTimeType || ''
+            },
+            {
+                paramCode: 'splitChannelTime',
+                paramValue: form.splitChannelTime ? formatFullDateTime(form.splitChannelTime) : null
+            },
+            {
+                paramCode: 'splitChannelTimeInt',
+                paramValue: form.splitChannelTimeInt || 0
+            },
+            {
+                paramCode: 'splitChannelTimeUnit',
+                paramValue: form.splitChannelTimeUnit || ''
+            },
+            {
+                paramCode: 'stage',
+                paramValue: form.stage || ''
+            }
+            ]
+            break
+        case 'randomFlow': // 随机分流
+            paramsList = [{
+                paramCode: 'componentName',
+                paramValue: form.name || ''
+            },
+            {
+                paramCode: 'sampleType',
+                paramValue: form.sampleType || null
+            }
+            ]
+            // 添加分支行数据
+            let randomFlowBranchData = form.data.map((row, i) => {
+                return {
+                    ...row,
+                    order: i
+                }
+            })
+            paramsList.push({
+                paramCode: 'randomFlowBranchData',
+                paramValue: JSON.stringify(randomFlowBranchData)
+            })
+            break
+        case 'randomFlowBranch': // 随机分流分支
+            paramsList = [
+                {
+                    paramCode: 'componentName',
+                    paramValue: form.name || ''
+                },
+                {
+                    paramCode: 'rowId',
+                    paramValue: form.rowId || ''
+                },
+                {
+                    paramCode: 'hiddenDelete',
+                    paramValue: boolToString(form.hiddenDelete)
+                },
+                {
+                    paramCode: 'sampleType',
+                    paramValue: form.sampleType || ''
+                },
+                {
+                    paramCode: 'sampleValue',
+                    // 随机分流分支样本数/样本率值的赋值逻辑
+                    // 如果有值，则直接取值便可
+                    // 否则，先判断样本类型，如果样本类型是样本数，默认为1；如果是样本率，默认为0
+                    paramValue: form.sampleValue ? form.sampleValue : form.sampleType === NODE_SAMPLE_TYPE_NUMBER ? 1 : 0
+                },
+                {
+                    paramCode: 'isOther',
+                    paramValue: !form?.hiddenDelete ? false : true
+                }
+            ]
+            if (form.sampleType === NODE_SAMPLE_TYPE_NUMBER) {
+                paramsList.push({
+                    paramCode: 'samplePriority',
+                    paramValue: form.samplePriority || ''
+                })
+            }
+            break
+        case 'merge':
+            paramsList = [{
+                paramCode: 'componentName',
+                paramValue: form.name || ''
+            },
+            {
+                paramCode: 'mergeType',
+                paramValue: form.mergeType || ''
+            }
+            ]
+            break
+        case 'waitFixTime': // 时机-等待一定时间
+            paramsList = [{
+                paramCode: 'componentName',
+                paramValue: form.componentName || ''
+            },
+            {
+                paramCode: 'time',
+                paramValue: numberToString(form.time) || ''
+            },
+            {
+                paramCode: 'timeUnit',
+                paramValue: form.timeUnit || ''
+            },
+            // {
+            //     paramCode: 'exceptionHandler',
+            //     paramValue: form.exceptionHandler || ''
+            // }
+            ]
+            break
+        case 'waitToTime': // 时机-等待到某个时间
+            form.time = form.dayCycle === '1' ? form.time : form.dateTime
+            paramsList = [{
+                    paramCode: 'componentName',
+                    paramValue: form.componentName || ''
+                },
+                {
+                    paramCode: 'dayCycle',
+                    paramValue: form.dayCycle || ''
+                },
+                {
+                    paramCode: 'time',
+                    paramValue: form.time ? formatFullDateTime(form.time) : null
+                },
+                // {
+                //     paramCode: 'exceptionHandler',
+                //     paramValue: form.exceptionHandler || ''
+                // },
+                {
+                    paramCode: 'cycleType',
+                    paramValue: form.cycleType
+                },
+                {
+                    paramCode: 'cycleValue',
+                    paramValue: ['week', 'month'].includes(form.cycleType) && form.cycleValue ? form.cycleValue.join(',') : form.cycleValue
+                }
+            ]
+            break
+        case 'waitEvent': // 时机-等待某个事件发生
+            paramsList = [{
+                paramCode: 'componentName',
+                paramValue: form.componentName || ''
+            },
+            {
+                paramCode: 'eventName',
+                paramValue: form.eventName ? form.eventName.split(',')[0] : ''
+            },
+            {
+                paramCode: 'eventCodePreview',
+                paramValue: form.eventName ? form.eventName.split(',')[0] : ''
+            },
+            {
+                paramCode: 'childEventDefineJson',
+                paramValue: form.childEventDefineJson && form.childEventDefineJson.length ? JSON.stringify(form.childEventDefineJson) : '[]'
+            },
+            {
+                paramCode: 'ruleItemCalcDesc',
+                paramValue: form.ruleItemCalcDesc && form.ruleItemCalcDesc.length ? JSON.stringify(form.ruleItemCalcDesc) : '[]'
+            },
+            {
+                paramCode: 'childEventJson',
+                paramValue: changeEventDefineJson(form)
+            },
+            {
+                paramCode: 'enddayParentId',
+                paramValue: form.enddayParentId || ''
+            },
+            {
+                paramCode: 'eventDefineId',
+                paramValue: form.eventDefineId ||''
+            },
+            {
+                paramCode: 'eventType',
+                paramValue: form.eventType || ''
+            },
+            {
+                paramCode: 'eventNameText',
+                paramValue: form.eventNameText || ''
+            },
+            {
+                paramCode: 'eventCycle',
+                paramValue: form.eventCycle
+            },
+            {
+                paramCode: 'startRemindDate',
+                paramValue: form.startRemind ? formatDate(form.startRemind[0]) : null
+            },
+            {
+                paramCode: 'endRemindDate',
+                paramValue: form.startRemind ? formatDate(form.startRemind[1]) : null
+            },
+            {
+                paramCode: 'startHappenDate',
+                paramValue: form.expireDate ? formatDate(form.expireDate[0]) : null
+            },
+            {
+                paramCode: 'endHappenDate',
+                paramValue: form.expireDate ? formatDate(form.expireDate[1]) : null
+            },
+            {
+                paramCode: 'computeUnit',
+                paramValue: form.computeUnit || ''
+            },
+            {
+                paramCode: 'computeMode',
+                paramValue: form.computeMode || ''
+            },
+            {
+                paramCode: 'cycleStatus',
+                paramValue: boolToString(form.cycleStatus)
+            },
+            {
+                paramCode: 'cycleValue',
+                paramValue: form.cycleValue || ''
+            },
+            {
+                paramCode: 'cycleUnit',
+                paramValue: form.cycleUnit || ''
+            },
+            // 流转限制配置
+            {
+                paramCode: 'limitNode',
+                paramValue: boolToString(form.limitNode)
+            },
+            {
+                paramCode: 'limitPeriod',
+                paramValue: boolToString(form.limitPeriod)
+            },
+            {
+                paramCode: 'limitCycleValue',
+                paramValue: form.limitCycleValue || ''
+            },
+            {
+                paramCode: 'limitCycleUnit',
+                paramValue: form.limitCycleUnit || ''
+            },
+            {
+                paramCode: 'custLimit',
+                paramValue: form.custLimit || ''
+            },
+            {
+                paramCode: 'waitEventIntroduction',
+                paramValue: form.introduction || ''
+            },
+            ]
+            break
+        case 'content': // 资源-内容
+            let copyLabelCampSuggest = null
+            if (form.labelCampSuggest) {
+                copyLabelCampSuggest = JSON.parse(JSON.stringify(form.labelCampSuggest))
+            }
+            if (!copyLabelCampSuggest || typeof copyLabelCampSuggest !== 'object') {
+                copyLabelCampSuggest = []
+            }
+            // 如果要去掉第一位的客户号，从这里开始删除代码
+            copyLabelCampSuggest.unshift({
+                labelName: '客户号',
+                labelCode: 'CUST_ID',
+                labelId: '',
+                value: 'CUST_ID',
+                order: 0
+            })
+            // 这里结束
+            paramsList = [{
+                paramCode: 'componentName',
+                paramValue: form.name || '',
+                isModi: '1'
+            },
+            {
+                paramCode: 'contentType',
+                paramValue: form.contentType || '',
+                isModi: '1'
+            },
+            {
+                paramCode: 'graphicTemplateName',
+                paramValue: form.graphicTemplateName || '',
+                isModi: '1'
+            },
+            {
+                paramCode: 'graphicTemplate',
+                paramValue: form.graphicTemplate || '',
+                isModi: '1'
+            },
+            {
+                paramCode: 'graphicTemplateDetail',
+                paramValue: JSON.stringify(form.graphicTemplateDetail) || '',
+                isModi: '1'
+            },
+            {
+                paramCode: 'reserveWay',
+                paramValue: form.reserveWay || '',
+                isModi: '1'
+            },
+            {
+                paramCode: 'wordsCampSuggest',
+                paramValue: form.wordsCampSuggest,
+                isModi: '1'
+            },
+            {
+                paramCode: 'labelCampSuggest',
+                paramValue: copyLabelCampSuggest.length !== 1 ? JSON.stringify(copyLabelCampSuggest) : '',
+                isModi: '1'
+            },
+            {
+                paramCode: 'displayLabelName',
+                paramValue: boolToString(form.displayLabelName)
+            },
+            {
+                paramCode: 'type',
+                paramValue: form.type === '' ? '' : form.type,
+                isModi: '1'
+            },
+            {
+                paramCode: 'productDetail',
+                paramValue: JSON.stringify(form.productDetail) || "[]",
+                isModi: '1'
+            },
+            {
+                paramCode: 'contentIntroduction',
+                paramValue: form.introduction || ''
+            },
+            {
+                paramCode: 'sendTarget',
+                paramValue: form.sendTarget || ''
+            },
+            {
+                paramCode: 'suggestContent',
+                paramValue: form.suggestContentCode // 避免传中文的问题
+            },
+            {
+                paramCode: 'suggestArgs',
+                paramValue: form.suggestArgs ? JSON.stringify(form.suggestArgs) : JSON.stringify([])
+            },
+            {
+                paramCode: 'dispatchArgs',
+                paramValue: form.dispatchArgs ? JSON.stringify(form.dispatchArgs) : JSON.stringify([])
+            },
+            {
+                paramCode: 'templateId',
+                paramValue: form.templateId || '',
+                isModi: '1'
+            },
+            {
+                paramCode: 'templateName',
+                paramValue: form.templateName || '',
+                isModi: '1'
+            },
+            {
+                paramCode: 'templateContent',
+                paramValue: form.templateContent || '',
+                isModi: '1'
+            },
+            {
+                paramCode: 'templateArgs',
+                paramValue: form.templateArgs ? JSON.stringify(form.templateArgs) : '',
+                isModi: '1'
+            },
+            {
+                paramCode: 'externalTemplateId',
+                paramValue: form.externalTemplateId || '',
+                isModi: '1'
+            },
+            {
+                paramCode: 'externalTemplateName',
+                paramValue: form.externalTemplateName || '',
+                isModi: '1'
+            },
+            {
+                paramCode: 'externalTemplateContent',
+                paramValue: form.externalTemplateContent || '',
+                isModi: '1'
+            },
+            {
+                paramCode: 'customArgs',
+                paramValue: form.customArgs ? JSON.stringify(form.customArgs) : ''
+            },
+            {
+                paramCode: 'templateType',
+                paramValue: form.templateType ? JSON.stringify(form.templateType) : '[]'
+            },
+            {
+                paramCode: 'templatePictureUrlPath',
+                paramValue: form.templatePictureUrlPath || ''
+            },
+            {
+                paramCode: 'isCall',
+                paramValue: form.isCall || ''
+            },
+            {
+                paramCode: 'externalTemplateField',
+                paramValue: form.externalTemplateField ? JSON.stringify(form.externalTemplateField.split('、')) : '[]'
+            },
+            {
+                paramCode: 'templatePictureRemoteUrlPath',
+                paramValue: form.templatePictureRemoteUrlPath || ''
+            },
+            {
+                paramCode: 'templateTitle',
+                paramValue: form.templateTitle || ''
+            },
+            {
+                paramCode: 'productArgs',
+                paramValue: form.productArgs.arr ? JSON.stringify(filterContentTabData('productArgs',form)) : '[]' 
+            },
+            {
+                paramCode: 'equityArgs',
+                paramValue:  form.equityArgs.arr ? JSON.stringify(filterContentTabData('equityArgs',form)) : '[]'
+            },
+            {
+                paramCode: 'activityArgs',
+                paramValue:  form.activityArgs.arr ? JSON.stringify(filterContentTabData('activityArgs',form)) : '[]'
+            },
+            ]
+            break
+        case 'prod': // 资源-产品
+            paramsList = [{
+                    paramCode: 'componentName',
+                    paramValue: form.componentName || '',
+                    isModi: '1'
+                },
+                {
+                    paramCode: 'productData',
+                    paramValue: JSON.stringify(form.product)
+                },
+                {
+                    paramCode: 'autoRecommend',
+                    paramValue: form.autoRecommend
+                },
+                {
+                    paramCode: 'prodIntroduction',
+                    paramValue: form.introduction || ''
+                },
+                {
+                    paramCode: 'autoRecoProdType',
+                    paramValue: form.autoRecoProdType && form.autoRecoProdType.length ? form.autoRecoProdType.join(',') : ''
+                },
+                {
+                    paramCode: 'prodId',
+                    paramValue: form.product?.id || ''
+                },
+                {
+                    paramCode: 'prodName',
+                    paramValue: form.product?.productName || ''
+                },
+                {
+                    paramCode: 'linkUrl',
+                    paramValue: form.product?.linkUrl || ''
+                },
+                {
+                    paramCode: 'prodRiskLevel',
+                    paramValue: form.product?.riskLevel || ''
+                },
+                {
+                    paramCode: 'prodStatus',
+                    paramValue: form.product?.currentState || ''
+                },
+                {
+                    paramCode: 'prodType',
+                    paramValue: form.product?.productType || ''
+                }
+            ]
+            break
+        case 'equity': // 资源-权益
+            paramsList = [
+                {
+                    paramCode: 'componentName',
+                    paramValue: form.componentName || '',
+                    isModi: '1'
+                },
+                {
+                    paramCode: 'type',
+                    paramValue: form.type,
+                    isModi: '1'
+                },
+                {
+                    paramCode: 'exsit',
+                    paramValue: JSON.stringify(form.exsit),
+                    isModi: '1'
+                },
+                {
+                    paramCode: 'customerGroupTagAI',
+                    paramValue: JSON.stringify(form.customerGroupTagAI) || [],
+                    isModi: '1'
+                },
+                {
+                    paramCode: 'partNum',
+                    paramValue: form.partNum || 0,
+                    isModi: '1'
+                },
+                {
+                    paramCode: 'giftDetail',
+                    paramValue: JSON.stringify(form.giftDetail) || "{}",
+                    isModi: '1'
+                },
+                {
+                    paramCode: 'equityIntroduction',
+                    paramValue: form.introduction || ''
+                },
+                {
+                    paramCode: 'componentSwitch',
+                    paramValue: 0
+                },
+                {
+                    paramCode: 'stock',
+                    paramValue: form.stock,
+                    isModi: '1'
+                },
+                {
+                    paramCode: 'equity_id',
+                    paramValue: form.equityId,
+                    isModi: '1'
+                },
+                {
+                    paramCode: 'equity_name',
+                    paramValue: form.equityName,
+                    isModi: '1'
+                }
+            ]
+            break
+        case 'act':
+            paramsList = [
+                {
+                    paramCode: 'componentName',
+                    paramValue: form.componentName || '',
+                    isModi: '1'
+                },
+                {
+                    paramCode: 'id',
+                    paramValue: form.id || '',
+                    isModi: '1'
+                },
+                {
+                    paramCode: 'externalActSource',
+                    paramValue: form.externalActSource || '',
+                    isModi: '1'
+                },
+                {
+                    paramCode: 'actIntroduction',
+                    paramValue: form.introduction || ''
+                },
+                {
+                    paramCode: 'actDetail',
+                    paramValue: form.actDetail && form.actDetail.length ? JSON.stringify(getActDetail(form.actDetail, formatFullDateTime)): '',
+                    isModi: '1'
+                },
+                // 活动组件，前端传参增加开关字段，默认为0（后端需要）
+                {
+                    paramCode: 'componentSwitch',
+                    paramValue: 0
+                },
+                // 后端使用字段，前端无用
+                {
+                    paramCode: 'actCstGroupType',
+                    paramValue: form.actDetail && form.actDetail.length ? form.actDetail[0].actCstGroupType : ''
+                },
+                {
+                    paramCode: 'actCstGroupId',
+                    paramValue: form.actDetail && form.actDetail.length ? form.actDetail[0].actCstGroupId : ''
+                },
+                {
+                    paramCode: 'actExcludeGroupType',
+                    paramValue: form.actDetail && form.actDetail.length ? form.actDetail[0].actExcludeGroupType : ''
+                },
+                {
+                    paramCode: 'actExcludeGroupId',
+                    paramValue: form.actDetail && form.actDetail.length ? form.actDetail[0].actExcludeGroupId : ''
+                }
+            ]
+            break
+        case 'h5':
+            paramsList = [
+                {
+                    paramCode: 'componentName',
+                    paramValue: 'H5'
+                },
+                {
+                    paramCode: 'templateId',
+                    paramValue: form.templateId
+                },
+                {
+                    paramCode: 'imgLink',
+                    paramValue: form.imgLink
+                },
+                {
+                    paramCode: 'linkUrl',
+                    paramValue: form.linkUrl
+                },
+                {
+                    paramCode: 'titleName',
+                    paramValue: form.titleName
+                }
+            ]
+            break
+        default:
+            break
+    }
+    return paramsList
+}
+
+// 保存--【提交】获取渠道目标数组
+const getChannelTargetListByNode = (nodes, formatFullDateTime) => {
+    let arr = []
+    nodes.forEach(node => {
+        if (node.form && node.form.channelTargetList && node.form.channelTargetList.length) {
+            node.form.channelTargetList.forEach((e, i) => {
+                arr.push({
+                    seqid: i + 1, // 序号
+                    actDefNodeId: node.id, // 渠道节点id
+                    channelType: node.channelGroup || node.uniqueKey || node.menuKey, // 渠道类型
+                    nodeName: node.label, // 渠道名称
+                    targetName: e.targetName, // 渠道目标名称
+                    targetStartTime: e.targetSuperviseStartTime ? formatFullDateTime(e.targetSuperviseStartTime) : '',// 如果没有使用监测时间
+                    targetEndTime: e.targetSuperviseEndTime ? formatFullDateTime(e.targetSuperviseEndTime) : '',
+                    superviseFlag: e.superviseUsedStatus, // 使用监测时间 0否1是
+                    channelTargetDesc: e.targetDesc, // 渠道目标描述
+                    areas: getTargetList(e) // 探索条件块数组
+                })
+            })
+        }
+    })
+    return arr
+}
+// 保存--【提交】获取渠道目标数组----单独组件
+const getChannelTargetList = (node, formatFullDateTime) => {
+    let arr = []
+    if (node.form && node.form.channelTargetList && node.form.channelTargetList.length) {
+        node.form.channelTargetList.forEach((e, i) => {
+            arr.push({
+                seqid: i + 1, // 序号
+                actDefNodeId: node.id, // 渠道节点id
+                channelType: node.channelGroup || node.uniqueKey || node.menuKey, // 渠道类型
+                nodeName: node.label, // 渠道名称
+                targetName: e.targetName, // 渠道目标名称
+                targetStartTime: e.targetSuperviseStartTime ? formatFullDateTime(e.targetSuperviseStartTime) : '',// 如果没有使用监测时间
+                targetEndTime: e.targetSuperviseEndTime ? formatFullDateTime(e.targetSuperviseEndTime) : '',
+                superviseFlag: e.superviseUsedStatus, // 使用监测时间 0否1是
+                channelTargetDesc: e.targetDesc, // 渠道目标描述
+                areas: getTargetList(e) // 探索条件块数组
+            })
+        })
+    }
+    return arr
+}
+// 【提交】获取渠道目标 标签
+export const getTargetList = (detail) => {
+    if (detail.target && detail.target.length) {
+        return detail.target.map((tag, i) => {
+            let item = {
+                areaName: '组合' + (i + 1),
+                rela: tag.isOpen === 'AND' ? 'AND' : tag.isOpen === 'OR' ? 'OR' : 'AND NOT',
+                seqid: i,
+                children: []
+            }
+            item.terms = tag.children.map((tag, j) => {
+                return {
+                    labelCode: tag.code || tag.labelCode,
+                    labelId: tag.id,
+                    labelNm: tag.name,
+                    codeParam: tag.codeParam,
+                    matchType: tag.type,
+                    relaType: tag.relaType || (tag.relate === 0 ? 'OR' : 'AND'),
+                    seqid: j,
+                    op1: tag.detailType[0] || '',
+                    op2: tag.detailType[1],
+                    val1: tag.detail[0],
+                    val2: tag.detail[1],
+                    showType: tag.showTp,
+                    valType: tag.valType
+                }
+            })
+            return item
+        })
+    }
+    return []
+}
+
+
+// 【提交】获取策略分支附加策略
+const getTagList = (nodes) => {
+    let list = []
+    nodes.forEach(node => {
+        const  { id, menuKey, form } = node 
+        const { strategyGroup = [], } = form || {}
+        const target = strategyGroup.find(item => item.type === 'ruleStrategy')
+        if (menuKey === 'labelFlowBranch' && target && target.ruleStrategy?.length > 0) {
+            list.push({
+                nodeId: id,
+                name: form.name,
+                areas:target.ruleStrategy,
+                ckAreas:target.ruleStrategyCK
+            })
+        }
+    })
+    return list
+}
+
+// 保存--【提交】获取活动目标
+export const formatTargetList = (areas) => {
+    if (!areas || areas.length === 0) {
+        return []
+    }
+    // 判断是否是已经转化过，避免二次转换，导致area丢失
+    // let isTranslate = areas.some(item => item.area && item.area.length)
+    // if (isTranslate) return areas
+    return areas.map((item, index) => ({
+       ...item,
+       serialNo:String(index + 1)
+    }))
+    // return areas.map((item, index) => {
+    //     item.serialNo = String(index + 1)
+    //     return item
+    //     // if (item.target && item.target.length) {
+    //     //     if(item.targetType === 'label') {
+    //     //         // item.area = item.target.map((tag, i) => {
+    //     //         //     let item = {
+    //     //         //         areaName: '组合' + (i + 1),
+    //     //         //         rela: tag.isOpen === 'AND' ? 'AND' : tag.isOpen === 'OR' ? 'OR' : 'AND NOT',
+    //     //         //         seqid: i,
+    //     //         //         children: []
+    //     //         //     }
+    //     //         //     item.terms = tag.children.map((tag, j) => {
+    //     //         //         return {
+    //     //         //             labelCode: tag.code || tag.labelCode,
+    //     //         //             labelId: tag.id,
+    //     //         //             labelNm: tag.name,
+    //     //         //             codeParam: tag.codeParam,
+    //     //         //             matchType: tag.type,
+    //     //         //             relaType: tag.relaType || (tag.relate === 0 ? 'OR' : 'AND'),
+    //     //         //             seqid: j,
+    //     //         //             op1: tag.detailType[0] || '',
+    //     //         //             op2: tag.detailType[1],
+    //     //         //             val1: tag.detail[0],
+    //     //         //             val2: tag.detail[1],
+    //     //         //             showType: tag.showTp,
+    //     //         //             valType: tag.valType
+    //     //         //         }
+    //     //         //     })
+    //     //         //     return item
+    //     //         // })
+    //     //     } else {
+    //     //         let target = []
+    //     //         if(item.target?.length && item.target[0]?.isOpen) {
+    //     //             target.push(JSON.parse(item.target[0]?.children[0]?.detail[0]))
+    //     //         } else {
+    //     //             target = item.target
+    //     //         }
+    //     //         item.area = target.map((tag, i) => {
+    //     //             let item = {
+    //     //                 areaName: '组合' + (i + 1),
+    //     //                 rela: 'AND',
+    //     //                 seqid: i,
+    //     //                 children: [],
+    //     //                 terms: [{
+    //     //                     labelCode: tag.treeCode,
+    //     //                     labelType: tag.parentKey,
+    //     //                     labelId: tag.pkId || tag.treeId,
+    //     //                     labelNm: tag.name,
+    //     //                     matchType: 'single',
+    //     //                     relaType: 'AND',
+    //     //                     seqid: i,
+    //     //                     op1: '2',
+    //     //                     val1: JSON.stringify(tag),
+    //     //                     showType: 'text',
+    //     //                     valType: 'string'
+    //     //                 }]
+    //     //             }
+    //     //             return item
+    //     //         })                
+    //     //     }
+    //     // } else {
+    //     //     item.area = []
+    //     // }
+    //     // delete item.target
+    //     // return item
+    // })
+}
+
+
+// 【提交】获取客户群组 'cst'指客户节点的客户群组 'labelFlowBranch'指分支策略节点的客户群组
+const getStrategyBranchList = (nodes) => {
+    let list = []
+    nodes.forEach(node => {
+        if (node.menuKey === 'custFlowBranch') {
+            let customerGroupTag = []
+            let targetStrategy = (node.form.strategyGroup || []).find(item => item.type === 'cstGroupStrategy')
+            if (targetStrategy) {
+                customerGroupTag = targetStrategy.cstGroupStrategy
+            }
+
+            if (!customerGroupTag.length) {
+                return
+            }
+
+            let item = {
+                nodeId: node.id,
+                composeContent: getCustomerGroupFunc(customerGroupTag),
+                cstEntityVoList: []
+            }
+            if (customerGroupTag.length) {
+                item.cstEntityVoList = customerGroupTag.map(group => {
+                    return {
+                        id: group.id,
+                        name: group.name
+                    }
+                })
+            }
+            list.push(item)
+        }
+    })
+    list = list.filter(item => item.composeContent)
+
+    return list
+}
+
+// 【提交】获取客户群组 'cst'指客户节点的客户群组 'strategyBranch'指分支策略节点的客户群组
+const getCstGroupList = (nodes) => {
+    // debugger
+    let list = []
+    nodes.forEach(node => {
+        if (['cst', 'activityCst', 'flowCst', 'composeCst'].includes(node.menuKey)) {
+            let customerGroupTag = []
+            customerGroupTag = node.form.customerGroupTag
+
+            if (!customerGroupTag?.length) {
+                return
+            }
+
+            let item = {
+                nodeId: node.id,
+                composeContent: node.form.groupCompents,
+                cstEntityVoList: []
+            }
+            if (customerGroupTag?.length) {
+                item.cstEntityVoList = customerGroupTag.map(group => {
+                    return {
+                        id: group.pkId,
+                        name: group.groupName
+                    }
+                })
+            }
+            list.push(item)
+        }
+    })
+    list = list.filter(item => item.composeContent)
+
+    return list
+}
+
+// 【提交】获取AI客户群组
+const getCstAIGroupList = (nodes) => {
+    let list = []
+    nodes.forEach(node => {
+        if (['cst'].includes(node.menuKey)) {
+            let customerGroupTagAI = node.form.customerGroupTagAI
+            let item = {
+                nodeId: node.id,
+                composeContent: getCustomerGroupFunc(customerGroupTagAI, 'modelId'),
+                cstEntityVoList: []
+            }
+            if (customerGroupTagAI.length) {
+                item.cstEntityVoList = customerGroupTagAI.map(group => {
+                    return {
+                        id: group.modelId,
+                        name: group.modelNm
+                    }
+                })
+            }
+            list.push(item)
+        }
+    })
+    list = list.filter(item => item.cstEntityVoList.length)
+    return list
+}
+
+// 【提交】获取客户群组公式
+export const getCustomerGroupFunc = (list, key = 'id') => {
+    return list && list.reduce((arr, item, index) => {
+        if (index !== 0) {
+            arr.push(item.symbol)
+        }
+        for (let i = 0; i < item.left; i++) {
+            arr.push('(')
+        }
+        arr.push(item[key])
+        for (let i = 0; i < item.right; i++) {
+            arr.push(')')
+        }
+        return arr
+    }, []).join(' ')
+}
+
+const getActDetail = (obj, formatFullDateTime) => {
+    return [{
+        ...obj[0],
+        'data.list[0].startTime': formatFullDateTime(obj[0]['data.list[0].startTime']),
+        'data.list[0].endTime': formatFullDateTime(obj[0]['data.list[0].endTime'])
+    }]
+}
+
+const getCustomerLabelList = (nodes) => {
+    let list = []
+    nodes.forEach(node => {
+        if (['cst', 'activityCst', 'flowCst', 'composeCst'].includes(node.menuKey)) {
+            let exploreGroupTag = node.form.exploreGroupTag
+            let item = {
+                nodeId: node.id,
+                composeContent: getCustomerGroupFunc(exploreGroupTag),
+                cstEntityVoList: []
+            }
+            if (exploreGroupTag && exploreGroupTag.length) {
+                item.cstEntityVoList = exploreGroupTag.map(group => {
+                    return {
+                        id: group.id,
+                        name: group.templateName
+                    }
+                })
+            }
+            list.push(item)
+        }
+    })
+    list = list.filter(item => item.composeContent)
+    return list
+}
+
+export const getNodeType = (node) => {
+    let { type, label, menuKey } = node
+    if (['sms', 'ebankApp', 'appPush', 'teleSalesPlat', 'intligCall', 'manager'].includes(menuKey)) {
+        menuKey = 'channel'
+        node.menuKey = menuKey
+    } else if (type === 'point') {
+        menuKey = label === '开始' ? 'start' : 'end'
+    }
+    return menuKey
+}
+
+export const getCstNodeIdsList = (nodes) => {
+    let list = []
+    nodes.forEach(node => {
+        if (['cst', 'activityCst', 'flowCst', 'composeCst'].includes(node.menuKey)) {
+            list.push({
+                nodeId: node.id
+            })
+        }
+    })
+    return list
+}
+
+// 获取客户探索条件
+const getCustomerSearch = (nodes) => {
+    let list = []
+    nodes.forEach(node => {
+        const { menuKey,form } = node
+        if (menuKey === 'cst' && !isEmpty(form?.customerGroup || {}) ) {
+            list.push(form.customerGroup)
+            // if (localStorage.getItem('cust-nodeId') || localStorage.getItem('cust-nodeId-copy')) {
+            //     if (localStorage.getItem('cust-nodeId-copy') && node.id.slice(0, 4) === 'copy') {
+            //         let item = JSON.parse(localStorage.getItem('cust-nodeId-copy')).filter(item => {
+            //             if (item.nodeId === node.id) {
+            //                 return {
+            //                     nodeId: item.nodeId,
+            //                     areas: item.areas,
+            //                     ckAreas: item.ckAreas
+            //                 }
+            //             }
+            //         })
+            //         list.push(...item)
+            //     } else if (localStorage.getItem('cust-nodeId')) {
+            //         let item = JSON.parse(localStorage.getItem('cust-nodeId')).filter(item => {
+            //             if (item.nodeId === node.id) {
+            //                 return {
+            //                     nodeId: item.nodeId,
+            //                     areas: item.areas,
+            //                     ckAreas: item.ckAreas
+            //                 }
+            //             }
+            //         })
+            //         list.push(...item)
+            //     }
+            // }
+        }
+    })
+    return list
+}
+
+// 入参  【提交】 将浏览器的画布信息转化为接口提交的信息(非模板)
+
+export const traslateSubmitData = (data = {}, formatFullDateTime, cstonly = false) => {
+    let {
+        canvas,
+        detail
+    } = data
+    detail = cloneDeep(detail)
+    // '-' 表示修改时需要带上，新建时无用
+    let actBaseInfoVo = {
+
+        // 保存场景明细字段
+        secneDetailName: detail.secneDetailName,//场景明细名称
+        channelIntroduction: detail.channelIntroduction,//适用渠道
+        sceneIntroduction: detail.sceneIntroduction,//场景说明
+        strategicIntroduction: detail.strategicIntroduction,//经营策略
+        actDefNodeLink: detail.externalLink,//节点连接数
+        actDefNodeParams: detail.actInitiatorOrg,//节点参数表
+        pkId: detail.pkId,//
+        sceneStatus: detail.sceneStatus,//场景状态
+        scenePkId: detail.sceneParentId,//
+        file: detail.file,
+        actNumber: detail.actNumber,
+
+        costs: detail.costsResponseDTOS?.length ? detail.costsResponseDTOS.map((item, index) => {
+            return {
+                name: item.costName,
+                miniTypeCode: item.costSecType,
+                typeCode: item.costType,
+                num: item.count,
+                sequence: index,
+                orgName: item.orgName,
+                totalPrice: item.totalPrice,
+                unitPrice: item.unitPrice,
+                orgId: item.orgCode
+            }
+        }) : [],
+        totalCost: detail.totalCost || 0,
+        actAttendFlag: null, // -活动参与标志
+        actBudget: detail.actBudget || null, // 活动预算
+        actCode: null, // -二维码地址
+        actCodeFlag: null, // -是否插入活动二维码
+        actCycleId: detail.actCycleId || null, // 周期活动id
+        actDesc: detail.actDesc || null, // 活动描述
+        actEvaluate: detail.actEvaluate || null, // 营销活动评价
+        actInitiator: detail.actInitiator || null, // -活动创建人账号
+        actInitiatorName: detail.actInitiatorName || null, // -活动创建人姓名
+        actInitiatorOrg: detail.actInitiatorOrg || null, // -活动创建机构号
+        actInitiatorOrgName: detail.actInitiatorOrgName || null, // -活动创建机构名称
+        actName: detail.actName || null, // 活动名称
+        budgetAmount: Number(detail.budgetAmount),
+        targetConfirmType: detail.targetConfirmType,
+        actType: detail.actType, // 活动类型
+        actTypeSub: detail.actTypeSub, // 活动子类型
+        communityFlag: null,
+        communityCode: null, // 社区 ID
+        communityName: null,
+        createTime: detail.crtTm,
+        cstCycleFlag: boolToString(detail.cstCycleFlag), // 客户生命周期标志
+        cstCycleType: detail.cstCycleType, // 客户生命周期类型
+        cstCycleValue: detail.cstCycleValue, // 客户生命周期值
+        earlyTerminateReason: detail.earlyTerminateReason || '', // 提前终止原因
+        executeEndTime: formatFullDateTime(detail.executeEndTime) || null, // 活动结束时间
+        executeFlag: boolToString(detail.executeFlag) || null, // 立刻执行标志
+        executeStartTime: formatFullDateTime(detail.executeStartTime) || null, // 活动执行时间
+        goalType: detail.goalType, // 目标类型 0数 1率
+        goalVal: detail.goalVal, // 目标数
+        id: detail.id || null, // id
+        requirementDesc: detail.requirementDesc, // 需求描述
+        signCode: null, // -签到二维码地址
+        signCodeFlag: null, // -是否插入签到二维码
+        status: detail.status || null, // 活动状态
+        superviseFlag: boolToString(detail.superviseFlag) || null, // 使用活动执行事件标志
+        superviseStartTime: formatFullDateTime(detail.superviseStartTime) || null, // 监测时间开始
+        superviseEndTime: formatFullDateTime(detail.superviseEndTime) || null, // 监测时间结束
+        actCycleType: detail.actCycleType || null,
+        actCycleValue: detail.actCycleValue || null,
+        actCycleLimitValue: detail.actCycleLimitValue || null, // 参与限制
+        actCycleLimitType: detail.actCycleLimitType || null, // 参与限制
+        actCycleFrequency: detail.corn || '', // cron 表达式
+        actCycleFrequencyJsonString: JSON.stringify(detail.actCycleFrequencyJsonString), // cron 表达式勾选
+        actDefContent: detail.actDefContent, // 活动 h5
+        externalNo: detail.externalNo,
+        externalName: detail.externalName,
+        externalLink: detail.externalLink,
+        areas: formatTargetList(detail.areas || []), // 活动目标
+        targetType: detail.targetType, // 目标类型
+        actTargetDesc: localStorage.getItem('targetHtml'),
+        testRunGroupConfig: detail.testGroupView && detail.testGroupCompents ? {
+            testGroupCompents: detail.testGroupCompents,
+            testGroupView: JSON.stringify(detail.testGroupView)
+        } : null,
+
+        tempType: detail.tempType, // 模板类型
+
+        tempId: detail.tempId || null, // 游戏模板id
+        tempName: detail.tempName || null, // 游戏模板名称
+        deleteActCustomer: JSON.stringify(detail.deleteActCustomer),
+        cstOnly: boolToString(cstonly),
+        appActId: detail.appActId,
+        appActName: detail.appActName,
+        isNeedSmsApprove: detail.isNeedSmsApprove || null, // 是否发送短信
+        expirationTime: formatFullDateTime(detail.expirationTime) || null, // 审批权限
+        versionNo: '2',
+        channelTargetList: getChannelTargetListByNode(data.canvas.nodes, formatFullDateTime), // 渠道目标
+        marketingFlag: detail.marketingFlag, //是否有营销名单
+        dataVersion: detail.dataVersion,
+        monitorType: detail.monitorType, // 监测方式
+        monitorDelay: detail.monitorDelay || null, // 监测时长
+        cycleFlag: boolToString(detail.cycleFlag), // 周期执行
+        cycleRange: detail.cycleRange, // 周期执行 - 执行周期
+        cycleWay: ['week', 'month'].includes(detail.cycleRange) && detail.cycleWay ? detail.cycleWay.join(',') : detail.cycleWay, // 周期执行 - 周期方式
+        cycleTime: detail.cycleTime, // 周期执行 - 开始时间
+        excludeHisCust: boolToString(detail.excludeHisCust),
+        hotDeployType: detail.hotDeployType || '',
+        libId: detail.libId
+    }
+
+    // 节点
+    let actDefNodeList = canvas.nodes.map(node => {
+        let item = {
+            id: node.id,
+            nodeInterface: getInterface(node),
+            nodePositionX: currency(node.x),
+            nodePositionY: currency(node.y),
+            nodeType: getNodeType(node),
+            nodeName: node.label || getMenuNameByKey(node.uniqueKey || node.channelGroup || node.menuKey || node.nodeType),
+            channelGroup: node.channelGroup || node.uniqueKey || node.menuKey,
+            actDefNodeParamsList: getParamsListByNode(node, formatFullDateTime, detail),
+            channelTargetList: getChannelTargetList(node, formatFullDateTime), // 渠道目标
+            nodeNumber: node.nodeNumber,
+            hotDeployExecuteStatus: node.hotDeployExecuteStatus || 0, // 组件启用、停用 0 - 启用  1 - 停用
+            hotDeployDeleteStatus: node.hotDeployDeleteStatus || 0 // 组件是否可以删除 0 - 可以删除 1 - 不可以删除
+        }
+        return item
+    })
+
+    // 连线 //actDefNodeLinkResponseDTOList
+    let actDefNodeLinkList = canvas.edges.map(edge => {
+        let sourceOffset = edge.sourceOffset || {
+            x: 32,
+            y: 0
+        }
+        let targetOffset = edge.targetOffset || {
+            x: -32,
+            y: 0
+        }
+        return {
+            nodeFrom: edge.source,
+            nodeTo: edge.target,
+            fromOffsetX: sourceOffset.x,
+            fromOffsetY: sourceOffset.y,
+            toOffsetX: targetOffset.x,
+            toOffsetY: targetOffset.y,
+            linkType: edge.linkType
+        }
+    })
+    
+    // 附加策略
+    let wholeStrategyList = getTagList(data.canvas.nodes)
+    // 客户群组
+    let actCstGroupVoList = getCstGroupList(data.canvas.nodes)
+    // AI客户群组
+    let actCstAIVoList = getCstAIGroupList(data.canvas.nodes)
+    // 复合标签
+    let actCstLabelVoList = getCustomerLabelList(data.canvas.nodes)
+    // 所有客户节点
+    let actCstNodeVoList = getCstNodeIdsList(data.canvas.nodes)
+    // 客户策略分支
+    let groupStrategyList = getStrategyBranchList(data.canvas.nodes)
+
+    let actCstExploreVoList = getCustomerSearch(data.canvas.nodes)
+
+    let actCstExploreShowVoList = getCustomerSearch(data.canvas.nodes)
+
+    return {
+        actBaseInfoVo,
+        actDefNodeList,
+        actDefNodeLinkList, //actDefNodeLinkResponseDTOList
+        actDefNodeLinkResponseDTOList: actDefNodeLinkList,
+        actCstGroupVoList,
+        actCstNodeVoList,
+        actCstLabelVoList,
+        wholeStrategyList,
+        actCstAIVoList,
+        groupStrategyList,
+        actCstExploreVoList,
+        actCstExploreShowVoList,
+        scenePkId: detail.pkId,
+        imagePath: detail.imagePath,
+        orgCodes: Array.isArray(detail.orgCodes) ? detail.orgCodes : detail.orgCodes?.split(',') || [],
+        shareLines: detail.shareLines,
+        libId: detail.libId, // 场景库用到的标签库id
+        tempId: detail.templateId
+    }
+}
+
+// 模板入参
+export const traslateSubmitData_temp = (data = {}, formatFullDateTime, cstonly = false) => {
+    let {
+        canvas,
+        detail
+    } = data
+    // '-' 表示修改时需要带上，新建时无用
+    let actBaseInfoVo = {
+        actAttendFlag: null, // -活动参与标志
+        actBudget: detail.actBudget || null, // 活动预算
+        actCode: null, // -二维码地址
+        actCodeFlag: null, // -是否插入活动二维码
+        actCycleId: detail.actCycleId || null, // 周期活动id
+        actDesc: detail.actDesc || null, // 活动描述
+        actEvaluate: detail.actEvaluate || null, // 营销活动评价
+        actInitiator: detail.actInitiator || null, // -活动创建人账号
+        actInitiatorName: detail.actInitiatorName || null, // -活动创建人姓名
+        actInitiatorOrg: detail.actInitiatorOrg || null, // -活动创建机构号
+        actInitiatorOrgName: detail.actInitiatorOrgName || null, // -活动创建机构名称
+        actName: detail.actName || null, // 活动名称
+        actType: detail.actType, // 活动类型
+        actTypeSub: detail.actTypeSub, // 活动子类型
+        costs: detail.costsResponseDTOS?.length ? detail.costsResponseDTOS.map((item, index) => {
+            return {
+                name: item.costName,
+                miniTypeCode: item.costSecType,
+                typeCode: item.costType,
+                num: item.count,
+                sequence: index,
+                orgName: item.orgName,
+                totalPrice: item.totalPrice,
+                unitPrice: item.unitPrice,
+                orgId: item.orgCode
+            }
+        }) : [],
+        totalCost: detail.totalCost || 0,
+        communityFlag: null,
+        communityCode: null, // 社区 ID
+        communityName: null,
+        createTime: detail.createTime,
+        cstCycleFlag: boolToString(detail.cstCycleFlag), // 客户生命周期标志
+        cstCycleType: detail.cstCycleType, // 客户生命周期类型
+        cstCycleValue: detail.cstCycleValue, // 客户生命周期值
+        earlyTerminateReason: detail.earlyTerminateReason || '', // 提前终止原因
+        executeEndTime: formatFullDateTime(detail.executeEndTime) || null, // 活动结束时间
+        executeFlag: boolToString(detail.executeFlag) || null, // 立刻执行标志
+        executeStartTime: formatFullDateTime(detail.executeStartTime) || null, // 活动执行时间
+        goalType: detail.goalType, // 目标类型 0数 1率
+        goalVal: detail.goalVal, // 目标数
+        id: detail.id || null, // id
+        requirementDesc: detail.requirementDesc, // 需求描述
+        signCode: null, // -签到二维码地址
+        signCodeFlag: null, // -是否插入签到二维码
+        status: detail.status || null, // 活动状态
+        superviseFlag: boolToString(detail.superviseFlag) || null, // 使用活动执行事件标志
+        superviseStartTime: formatFullDateTime(detail.superviseStartTime) || null, // 监测时间开始
+        superviseEndTime: formatFullDateTime(detail.superviseEndTime) || null, // 监测时间结束
+        actCycleType: detail.actCycleType || null,
+        actCycleValue: detail.actCycleValue || null,
+        actCycleLimitValue: detail.actCycleLimitValue || null, // 参与限制
+        actCycleLimitType: detail.actCycleLimitType || null, // 参与限制
+        actCycleFrequency: detail.corn || '', // cron 表达式
+        actCycleFrequencyJsonString: JSON.stringify(detail.actCycleFrequencyJsonString), // cron 表达式勾选
+        actDefContent: detail.actDefContent, // 活动 h5
+        externalNo: detail.externalNo,
+        externalName: detail.externalName,
+        externalLink: detail.externalLink,
+        areas: formatTargetList(detail.areas || []) , // 活动目标
+        actTargetDesc: localStorage.getItem('targetHtml'),
+        tempType: detail.tempType, // 模板类型
+        tempId: detail.tempId || null, // 游戏模板id
+        tempName: detail.tempName || null, // 游戏模板名称
+        deleteActCustomer: JSON.stringify(detail.deleteActCustomer),
+        cstOnly: boolToString(cstonly),
+        appActId: detail.appActId,
+        appActName: detail.appActName,
+        isNeedSmsApprove: detail.isNeedSmsApprove || null, // 是否发送短信
+        expirationTime: formatFullDateTime(detail.expirationTime) || null, // 审批权限
+        channelTargetList: getChannelTargetListByNode(data.canvas.nodes, formatFullDateTime), // 渠道目标
+        versionNo: '2',
+        marketingFlag: detail.marketingFlag, //是否有营销名单
+        orgCodes:detail.orgCodes ? detail.orgCodes.split(','): [] // 分享机构
+    }
+    // 节点
+    let actDefNodeList = canvas.nodes.map(node => {
+        let item = {
+            id: node.id,
+            nodeInterface: getInterface(node),
+            nodePositionX: currency(node.x),
+            nodePositionY: currency(node.y),
+            nodeType: getNodeType(node),
+            nodeName: node.label || getMenuNameByKey(node.uniqueKey || node.channelGroup || node.menuKey || node.nodeType),
+            channelGroup: node.channelGroup || node.uniqueKey || node.menuKey,
+            actDefNodeParamsList: getParamsListByNode(node, formatFullDateTime, detail),
+            channelTargetList: getChannelTargetList(node, formatFullDateTime), // 渠道目标
+        }
+        return item
+    })
+    // 连线
+    let actDefNodeLinkList = canvas.edges.map(edge => {
+        let sourceOffset = edge.sourceOffset || {
+            x: 32,
+            y: 0
+        }
+        let targetOffset = edge.targetOffset || {
+            x: -32,
+            y: 0
+        }
+        return {
+            nodeFrom: edge.source,
+            nodeTo: edge.target,
+            fromOffsetX: sourceOffset.x,
+            fromOffsetY: sourceOffset.y,
+            toOffsetX: targetOffset.x,
+            toOffsetY: targetOffset.y,
+            linkType: edge.linkType
+        }
+    })
+    // 附加策略
+    let wholeStrategyList = getTagList(data.canvas.nodes)
+    // 客户群组
+    let actCstGroupVoList = getCstGroupList(data.canvas.nodes)
+    // AI客户群组
+    let actCstAIVoList = getCstAIGroupList(data.canvas.nodes)
+    // 复合标签
+    let actCstLabelVoList = getCustomerLabelList(data.canvas.nodes)
+    // 所有客户节点
+    let actCstNodeVoList = getCstNodeIdsList(data.canvas.nodes)
+    // 客户策略分支
+    let groupStrategyList = getStrategyBranchList(data.canvas.nodes)
+    let actCstExploreVoList = getCustomerSearch(data.canvas.nodes)
+    let actCstExploreShowVoList = getCustomerSearch(data.canvas.nodes)
+    let actDefCanvasVo = {
+        actBaseInfoVo,
+        actDefNodeList,
+        actDefNodeLinkList,
+        actCstGroupVoList,
+        actCstNodeVoList,
+        actCstLabelVoList,
+        wholeStrategyList,
+        actCstAIVoList,
+        groupStrategyList,
+        actCstExploreVoList,
+        actCstExploreShowVoList,
+    }
+    return {
+        actDefCanvasVo,
+        actDesc: actDefCanvasVo.actBaseInfoVo.actDesc,
+        actName: actDefCanvasVo.actBaseInfoVo.actName,
+        actType: actDefCanvasVo.actBaseInfoVo.actType,
+        areas: actDefCanvasVo.actBaseInfoVo.areas,
+        tempType: actDefCanvasVo.actBaseInfoVo.actType,
+        marketingFlag: actDefCanvasVo.actBaseInfoVo.marketingFlag,
+        orgCodes:actDefCanvasVo.actBaseInfoVo.orgCodes,
+    }
+}
+
+
+export const TEMPLATE_TYPE = {
+    'template-root': '总行模板',
+    'template-branch': '分行模板',
+    'template-person': '个人模板'
+}
+// 列表转树结构
+export const listToTree = (props) => {
+    const {
+        data = [],
+        parentKey = 'parentId',
+        childrenKey = 'children',
+        valueKey = 'id',
+        rootValue = null,
+        hasChildren = false,
+        treeType = '',
+        disableTopLevel = false
+    } = props
+    let list = data
+    let map = {}
+    let roots = []
+
+    list.forEach((item, i) => {
+        map[item[valueKey]] = i
+        if (treeType === '') {
+            item[childrenKey] = []
+        }
+    })
+    list.forEach((node) => {
+        let target = node[parentKey]
+        if (target === rootValue) {
+            roots.push(node)
+        } else {
+            if (map[target] !== undefined) {
+                list[map[target]].children.push(node)
+            } else {
+                if (disableTopLevel) node.disabled = true
+                roots.push(node)
+            }
+        }
+    })
+    if (!hasChildren) {
+        list.forEach((item) => {
+            if (!item.children || !item.children.length) {
+                if (treeType === '') {
+                    delete item.children
+                }
+            }
+        })
+    }
+    return roots
+}
+
+// 【转换】数据的 paramsList 转成 map
+export const paramsListToMap = (list = []) => {
+    if (!list || !list.length) {
+        return {}
+    }
+    let map = {}
+    list.forEach(item => {
+        map[item.paramCode] = item.paramValue
+    })
+    return map
+}
+
+// 【转换】转时间区间
+export const getDateRange = (start, end) => {
+    start = start ? new Date(start) : ''
+    end = end ? new Date(end) : ''
+    return [start, end]
+}
+
+export const getDate = (date) => {
+    return date ? new Date(date) : ''
+}
+
+// 回显:转换活动目标到页面上
+export const formatTargetToPage = (list, customerTagMap) => {
+    if (!list || !list.length) {
+        return []
+    }
+    // 判断是否是已经转化过，避免二次转换，导致target丢失
+    let isTranslate = list.some(item => item.isTranslate)
+    if (isTranslate) return list
+    list.forEach(el => {
+        el.target = el.area?.map(v => {
+            return {
+                isOpen: v.rela,
+                children: v.terms?.map(item => {
+                    const {
+                        relaType,
+                        labelId,
+                        matchType,
+                        op1,
+                        op2,
+                        val1,
+                        val2
+                    } = item
+                    const tag = customerTagMap[item.labelId] || {}
+                    return {
+                        relate: relaType === 'OR' ? 0 : 1,
+                        name: item.labelNm || tag.labelNm || '',
+                        type: matchType,
+                        valType: item.valType || tag.valType || '',
+                        detailType: op2 ? {
+                            '0': op1,
+                            '1': op2
+                        } : {
+                            '0': op1
+                        },
+                        detail: val2 ? {
+                            '0': val1,
+                            '1': val2
+                        } : {
+                            '0': val1
+                        },
+                        showTp: item.showType || tag.showTp,
+                        codeParam: item.labelCode || tag.condCode,
+                        labelCode: item.labelCode || tag.condCode,
+                        id: labelId
+                    }
+                })
+            }
+        })
+        el.isTranslate = true
+        delete el.area
+        return el
+    })
+    return list
+}
+
+// 回显:活动详情
+export const translateDetail = (detail, customerTagMap, actExcludeActivityList = []) => {
+    let data = {
+        actNumber: detail.actNumber || 0, // 活动展示id
+        actAttendFlag: detail.actAttendFlag || null, // -活动参与标志
+        actBudget: detail.actBudget || null, // 活动预算
+        actCode: detail.actCode || null, // -二维码地址
+        actCodeFlag: detail.actCodeFlag || null, // -是否插入活动二维码
+        actCycleId: detail.actCycleId || null, // 周期活动id
+        actDesc: detail.actDesc || null, // 活动描述
+        actEvaluate: detail.actEvaluate || null, // 营销活动评价
+        actInitiator: detail.actInitiator || null, // -活动创建人账号
+        actInitiatorName: detail.actInitiatorName || null, // -活动创建人姓名
+        actInitiatorOrg: detail.actInitiatorOrg || null, // -活动创建机构号
+        actInitiatorOrgName: detail.actInitiatorOrgName || null, // -活动创建机构名称
+        actName: detail.actName || null, // 活动名称
+        budgetAmount: Number(detail.budgetAmount),
+        targetConfirmType: detail.targetConfirmType,
+        actType: detail.actType, // 活动类型
+        actTypeSub: detail.actTypeSub, // 活动子类型
+        communityFlag: detail.communityFlag || null,
+        communityCode: detail.communityCode || null, // 社区 ID
+        communityName: detail.communityName || null,
+        createTime: detail.createTime, //创建时间
+        cstCycleFlag: stringToBoolean(detail.cstCycleFlag), // 客户生命周期标志
+        cstCycleType: detail.cstCycleType, // 客户生命周期类型
+        cstCycleValue: detail.cstCycleValue, // 客户生命周期值
+        earlyTerminateReason: detail.earlyTerminateReason || '', // 提前终止原因
+        executeEndTime: getDate(detail.executeEndTime) || null, // 活动结束时间
+        executeFlag: stringToBoolean(detail.executeFlag) || null, // 立刻执行标志
+        executeStartTime: getDate(detail.executeStartTime) || null, // 活动执行时间
+        goalType: detail.goalType, // 目标类型 0数 1率
+        goalVal: detail.goalVal, // 目标数
+        id: detail.id || null, // id
+        requirementDesc: detail.requirementDesc, // 需求描述
+        signCode: detail.signCode || null, // -签到二维码地址
+        signCodeFlag: detail.signCodeFlag || null, // -是否插入签到二维码
+        status: detail.status || null, // 活动状态
+        superviseFlag: stringToBoolean(detail.superviseFlag) || null, // 使用活动执行事件标志
+        superviseStartTime: getDate(detail.superviseStartTime) || null, // 监测时间开始
+        superviseEndTime: getDate(detail.superviseEndTime) || null, // 监测时间结束
+        actCycleType: detail.actCycleType || null,
+        actCycleValue: detail.actCycleValue || null,
+        actCycleLimitValue: detail.actCycleLimitValue || null, // 参与限制
+        actCycleLimitType: detail.actCycleLimitType || null, // 参与限制
+        corn: detail.actCycleFrequency, // cron 表达式
+        costsResponseDTOS: detail.costsResponseDTOS, // 成本管理
+        actDefContent: detail.actDefContent || {}, // 活动 h5
+        externalNo: detail.externalNo || '',
+        externalName: detail.externalName || '',
+        externalLink: detail.externalLink || '',
+        areas: detail.areas, // 活动目标
+        target: detail.areas, // 活动目标
+        tempType: detail.tempType, // 模板类型
+        testGroupView: detail.testRunGroupConfig && detail.testRunGroupConfig.testGroupView ? JSON.parse(detail.testRunGroupConfig.testGroupView) : '',
+        testGroupCompents: detail.testRunGroupConfig && detail.testRunGroupConfig.testGroupCompents ? detail.testRunGroupConfig.testGroupCompents : '',
+
+        tempId: detail.tempId, // 游戏模板id
+        tempName: detail.tempName, // 游戏模板名称
+        deleteActCustomer: (actExcludeActivityList || []).map(row => {
+            return row ? {
+                ...row,
+                id: row.excludeActId,
+                actName: row.excludeActName
+            } : {}
+        }),
+        marketingFlag: detail.marketingFlag,
+        appActId: detail.appActId,
+        appActName: detail.appActName,
+        cstonly: stringToBoolean(detail.cstOnly), // 模板总分行模式
+        isNeedSmsApprove: detail.isNeedSmsApprove, // 是否发送短信
+        expirationTime: getDate(detail.expirationTime) || null, // 审批权限
+        totalCost: detail.totalCost, //成本合计
+        // 以下为模板最新返回参数 暂时这样写
+        crtBy: detail.crtBy || '',
+        crtByName: detail.crtByName || '',
+        crtOrg: detail.crtOrg || '',
+        crtOrgName: detail.crtOrgName || '',
+        dataVersion: detail.dataVersion,
+        monitorType: detail.monitorType, // 监测方式
+        monitorDelay: detail.monitorDelay ? String(detail.monitorDelay) : '', // 监测时长
+        cycleFlag: stringToBoolean(detail.cycleFlag), // 周期执行
+        cycleRange: detail.cycleRange, // 周期执行 - 执行周期
+        cycleWay: ['week', 'month'].includes(detail.cycleRange) ? (detail.cycleWay ? detail.cycleWay.split(',') : []) : detail.cycleWay, // 周期执行 - 周期方式
+        cycleTime: detail.cycleTime, // 周期执行 - 开始时间
+        excludeHisCust: stringToBoolean(String(detail.excludeHisCust)),
+        actNumber: detail.actNumber,
+        hotDeployType: detail.hotDeployType || '',
+        orgCodes: detail?.orgCodes?.join(',') || '',
+        libId: detail.libId || ''
+    }
+    // // cron 表达式勾选
+    if (detail.actCycleFrequencyJsonString) {
+        data.actCycleFrequencyJsonString = JSON.parse(detail.actCycleFrequencyJsonString)
+    }
+    return data
+}
+
+// 回显:【转换】将接口的数据转化为页面上的数据  actDefNodeLinkResponseDTOList
+export const translatePageData = (data = {}, customerTagMap, edgeKey = 'actDefNodeLinkList', nodeKey = 'actDefNodeList') => {
+    let {
+        actBaseInfoVo,
+        questionList,
+        wholeStrategyList,
+        actCstGroupVoList,
+        actCstLabelVoList,
+        actExcludeActivityList,
+        actCstExploreShowVoList,
+        introduction
+    } = data
+    // // 初始化客户探索数据
+    // localStorage.removeItem('cust-nodeId-copy')
+    // if (actCstExploreShowVoList && actCstExploreShowVoList.length) {
+    //     for (let i = 0; i < actCstExploreShowVoList.length; i++) {
+    //         actCstExploreShowVoList[i].isOrigin = true
+    //     }
+    //     if (actCstExploreShowVoList.length && actCstExploreShowVoList[0].nodeId.slice(0, 4) === 'copy') {
+    //         localStorage.setItem('cust-nodeId-copy', JSON.stringify(actCstExploreShowVoList))
+    //     } else {
+    //         localStorage.setItem('cust-nodeId', JSON.stringify(actCstExploreShowVoList))
+    //     }
+    // }
+    let nodeLinkList = data[edgeKey] || []
+    let nodeList = data[nodeKey] || []
+    let edges = nodeLinkList.map(item => {
+        return {
+            label: item.cstNum,
+            source: item.nodeFrom,
+            target: item.nodeTo,
+            linkType: item.linkType,
+            sourceOffset: {
+                x: stringToNumber(item.fromOffsetX) || 32,
+                y: stringToNumber(item.fromOffsetY)
+            },
+            targetOffset: {
+                x: stringToNumber(item.toOffsetX) || -32,
+                y: stringToNumber(item.toOffsetY)
+            }
+        }
+    })
+    nodeList = nodeList.map(item => {
+        let nodeItem = {
+            ...item,
+            nodeType: item.channelGroup || item.nodeType
+        }
+        if(item.nodeType==='channel') nodeItem.nodeType=item.nodeType
+        return nodeItem
+    })
+    let nodes = nodeList.map(item => {
+        let node = {
+            id: item.id,
+            menuKey: item.nodeType,
+            label: item.nodeName,
+            channelGroup: item.channelGroup,
+            nodeInterface: item.nodeInterface,
+            status: item.status,
+            x: stringToNumber(item.nodePositionX),
+            y: stringToNumber(item.nodePositionY),
+            nodeNumber: actBaseInfoVo?.status == '0' ? '' : item.nodeNumber,
+            form: getNodeForm(item, customerTagMap, {
+                questionList,
+                wholeStrategyList,
+                actCstGroupVoList,
+                actCstLabelVoList,
+                actCstExploreShowVoList,
+                introduction
+            }),
+            parentNodeId: getParentNodeId(item.id, nodeLinkList),
+            models:[],
+            hotDeployExecuteStatus: actBaseInfoVo?.queryMode === 'copy' ? 0 : item.hotDeployExecuteStatus || 0, // 组件启用、停用 0 - 启用  1 - 停用
+            hotDeployDeleteStatus: item.hotDeployDeleteStatus || 0 // 组件是否可以删除 0 - 可以删除 1 - 不可以删除
+        }
+        //赋值渠道组件的配置
+        if(item.nodeType==='channel' && node.form.models) {
+            node.models = node.form.models
+            node.icon = node.form.compIocn
+        }
+        if (item.nodeName === '开始' || item.nodeName === '结束') {
+            node.type = 'point'
+        }
+        return node
+    })
+    let detail
+    if (customerTagMap) {
+        detail = translateDetail(actBaseInfoVo, customerTagMap, actExcludeActivityList)
+    }
+    return {
+        edges,
+        nodes,
+        detail,
+        actCstExploreShowVoList
+    }
+}
+
+//获取node节点所关联的父节点ID
+export const getParentNodeId = (id, nodeLinkList) => {
+    let filterTargetArr = nodeLinkList.filter(item => item.nodeTo === id)
+    let parentNodeId = filterTargetArr.length ? filterTargetArr[0].nodeFrom : null
+    return parentNodeId
+}
+
+// 回显:【转换】将接口的数据转化为页面上的数据 for 模板详情
+export const translatePageDataForTemplate = (data = {}, customerTagMap, edgeKey = 'actDefNodeLinkList', nodeKey = 'actDefNodeList') => {
+    let {
+        actBaseInfoVo,
+        questionList,
+        wholeStrategyList,
+        actCstGroupVoList,
+        actCstLabelVoList,
+        actExcludeActivityList,
+        actCstExploreShowVoList,
+        introduction
+    } = data
+    let canvasData = data
+
+    // if (actCstExploreShowVoList && actCstExploreShowVoList.length) {
+    //     for (let i = 0; i < actCstExploreShowVoList.length; i++) {
+    //         actCstExploreShowVoList[i].isOrigin = true
+    //     }
+    //     if (actCstExploreShowVoList.length && actCstExploreShowVoList[0].nodeId.slice(0, 4) === 'copy') {
+    //         localStorage.setItem('cust-nodeId-copy', JSON.stringify(actCstExploreShowVoList))
+    //     } else {
+    //         localStorage.setItem('cust-nodeId', JSON.stringify(actCstExploreShowVoList))
+    //     }
+    // }
+    let nodeLinkList = canvasData[edgeKey] || []
+    let nodeList = canvasData[nodeKey] || []
+    let edges = nodeLinkList.map(item => {
+        return {
+            label: item.cstNum,
+            source: item.nodeFrom,
+            target: item.nodeTo,
+            linkType: item.linkType,
+            sourceOffset: {
+                x: stringToNumber(item.fromOffsetX) || 32,
+                y: stringToNumber(item.fromOffsetY)
+            },
+            targetOffset: {
+                x: stringToNumber(item.toOffsetX) || -32,
+                y: stringToNumber(item.toOffsetY)
+            }
+        }
+    })
+    nodeList = nodeList.map(item => {
+        let nodeItem = {
+            ...item,
+            nodeType: item.channelGroup || item.nodeType
+        }
+        if(item.nodeType==='channel') nodeItem.nodeType=item.nodeType
+        return nodeItem
+    })
+    let nodes = nodeList.map(item => {
+        let node = {
+            id: item.id,
+            menuKey: item.nodeType,
+            label: item.nodeName,
+            channelGroup: item.channelGroup,
+            nodeInterface: item.nodeInterface,
+            status: item.status,
+            x: stringToNumber(item.nodePositionX),
+            y: stringToNumber(item.nodePositionY),
+            form: getNodeForm(item, customerTagMap, {
+                questionList,
+                wholeStrategyList,
+                actCstGroupVoList,
+                actCstLabelVoList,
+                actCstExploreShowVoList,
+                introduction
+            })
+        }
+        if (item.nodeName === '开始' || item.nodeName === '结束') {
+            node.type = 'point'
+        }
+        //赋值渠道组件的配置
+        if(item.nodeType==='channel' && node.form.models) {
+            node.models = node.form.models
+            node.icon = node.form.compIocn
+        }
+        return node
+    })
+    let detail
+    if (customerTagMap) {
+        detail = translateDetail(actBaseInfoVo, customerTagMap, actExcludeActivityList)
+        detail.actInitiator = actBaseInfoVo.crtBy
+        detail.actInitiatorName = actBaseInfoVo.crtByName
+        detail.actInitiatorOrg = actBaseInfoVo.crtOrg
+        detail.actInitiatorOrgName = actBaseInfoVo.crtOrgName
+    }
+    return {
+        edges,
+        nodes,
+        detail,
+        actCstExploreShowVoList
+    }
+}
+
+// 回显:【转换】将接口的数据转化为页面上的数据 for 场景库
+export const translatePageDataForScene = (data = {}, customerTagMap, edgeKey = 'actDefNodeLinkList', nodeKey = 'actDefNodeList') => {
+    let {
+        actBaseInfoVo,
+        questionList,
+        wholeStrategyList,
+        actCstGroupVoList,
+        actCstLabelVoList,
+        actExcludeActivityList,
+        actCstExploreShowVoList
+    } = data
+    let canvasData = data
+
+    // if (actCstExploreShowVoList && actCstExploreShowVoList.length) {
+    //     for (let i = 0; i < actCstExploreShowVoList.length; i++) {
+    //         actCstExploreShowVoList[i].isOrigin = true
+    //     }
+    //     if (actCstExploreShowVoList.length && actCstExploreShowVoList[0].nodeId.slice(0, 4) === 'copy') {
+    //         localStorage.setItem('cust-nodeId-copy', JSON.stringify(actCstExploreShowVoList))
+    //     } else {
+    //         localStorage.setItem('cust-nodeId', JSON.stringify(actCstExploreShowVoList))
+    //     }
+    // }
+    let nodeLinkList = canvasData[edgeKey] || []
+    let nodeList = canvasData[nodeKey] || []
+    let edges = nodeLinkList.map(item => {
+        return {
+            label: item.cstNum,
+            source: item.nodeFrom,
+            target: item.nodeTo,
+            linkType: item.linkType,
+            sourceOffset: {
+                x: stringToNumber(item.fromOffsetX) || 32,
+                y: stringToNumber(item.fromOffsetY)
+            },
+            targetOffset: {
+                x: stringToNumber(item.toOffsetX) || -32,
+                y: stringToNumber(item.toOffsetY)
+            }
+        }
+    })
+    nodeList = nodeList.map(item => {
+        let nodeItem = {
+            ...item,
+            nodeType: item.channelGroup || item.nodeType
+        }
+        if(item.nodeType==='channel') nodeItem.nodeType=item.nodeType
+        return nodeItem
+    })
+    let nodes = nodeList.map(item => {
+        let node = {
+            id: item.id,
+            menuKey: item.nodeType,
+            label: item.nodeName,
+            channelGroup: item.channelGroup,
+            nodeInterface: item.nodeInterface,
+            status: item.status,
+            x: stringToNumber(item.nodePositionX),
+            y: stringToNumber(item.nodePositionY),
+            form: getNodeForm(item, customerTagMap, {
+                questionList,
+                wholeStrategyList,
+                actCstGroupVoList,
+                actCstLabelVoList,
+                actCstExploreShowVoList
+            })
+        }
+        //赋值渠道组件的配置
+        if(item.nodeType==='channel' && node.form.models) {
+            node.models = node.form.models
+            node.icon = node.form.compIocn
+        }
+        if (item.nodeName === '开始' || item.nodeName === '结束') {
+            node.type = 'point'
+        }
+        return node
+    })
+    let detail
+    if (customerTagMap) {
+        detail = translateDetail(actBaseInfoVo, customerTagMap, actExcludeActivityList)
+        detail.actInitiator = data.crtBy
+        detail.actInitiatorName = data.crtByName
+        detail.actInitiatorOrg = data.crtOrg
+        detail.actInitiatorOrgName = data.crtOrgName
+    }
+    return {
+        edges,
+        nodes,
+        detail,
+        actCstExploreShowVoList
+    }
+}
+
+const NOT_START_EDGE_MESSAGE = '缺少开始节点连线'
+const NOT_END_EDGE_MESSAGE = '缺少结束节点连线'
+const NODE_LESS_MESSAGE = '至少需要一个节点'
+const EDGE_LESS_MESSAGE = '缺少连线'
+const START_TO_END_MESSAGE = '开始节点前面不能是结束节点'
+const STRATEGY_ERROR_MESSAGE = '响应策略前面只能连接渠道节点'
+const CHANNEL_ERROR_MESSAGE = '渠道节点选择指定执行人时前面有且只有一个客户节点'
+const MERGE_ERROR_MESSAGE = '等待某个事件发生、汇聚、按事件响应分流、按渠道响应分流、等待到某个时间中每日轮询不允许进行汇聚，请重新调整活动内容'
+const MERGE_ERROR_MESSAGE1 = '汇聚组件前的组件连接有误，请重新调整活动内容'
+const NODE_NAME_REPEART_MESSAGE = '不能存在重复名字的节点'
+
+export const checkValidateChannelComp = (data,checkFunc,getMenuByKey) => {
+    let { canvas } = data;
+    let { nodes } = canvas;
+    const channelNodes = nodes.filter((node)=>node.menuKey==='channel')
+    let flag = true
+    let text = ''
+    channelNodes.forEach((node)=>{
+        const menu = getMenuByKey(node.uniqueKey || node.channelGroup)
+        if(!checkFunc(node.form,menu)) {
+            flag = false
+            text = node.label
+        }
+    })
+    return { flag, text };
+}
+
+export const checkValidateChannelTarget = (data) => {
+    let { canvas, detail } = data;
+    let { nodes } = canvas;
+    const channelNodes = nodes.filter((node)=>node.menuKey==='channel')
+    let flag = true
+    let nodeId = ''
+    channelNodes.forEach((node)=>{
+        let channelTargetData = node.form.channelTargetData || []
+        channelTargetData.forEach(item => {
+            let isHaveEqual = detail.areas.filter(i => i.actTargetDesc === item.targetName) || []
+            if (isHaveEqual.length === 0) {
+                flag = false
+                nodeId = node.id
+                return { flag, nodeId }
+            }
+        })
+    })
+    return { flag, nodeId };
+}
+// 【校验】校验页面的每一项数据是否正确
+export const checkData = async (data, validateSideForm, messageAlert, nameRepeat, checkType = '') => {
+    let {
+        canvas,
+        graph
+    } = data
+    let {
+        edges,
+        nodes
+    } = canvas
+    let startNode = nodes.find(node => node.type === 'point' && node.label === '开始')
+    let endNode = nodes.find(node => node.type === 'point' && node.label === '结束')
+
+    // 校验是否有开始连线
+    let isNotStartEdge = checkStartEdge(startNode, edges)
+    if (!isNotStartEdge) {
+        messageAlert(NOT_START_EDGE_MESSAGE)
+        return false
+    }
+
+    // 校验是不是有结束连线
+    let iFINndEdge = checkEndEdge(endNode, edges)
+    if (!iFINndEdge) {
+        messageAlert(NOT_END_EDGE_MESSAGE)
+        return false
+    }
+
+    // 校验是不是缺少节点
+    let isNodeLess = checkNodeLess(nodes)
+    if (!isNodeLess) {
+        messageAlert(NODE_LESS_MESSAGE)
+        return false
+    }
+
+    // 校验是不是少线
+    let isEdgeLess = checkEdgeLess(nodes, edges, graph)
+    if (!isEdgeLess) {
+        messageAlert(EDGE_LESS_MESSAGE)
+        return false
+    }
+
+    // 开始不能直接结束
+    let isStartToEnd = checkStartToEnd(startNode, endNode, edges)
+    if (!isStartToEnd) {
+        messageAlert(START_TO_END_MESSAGE)
+        return false
+    }
+
+    // 客户后面不能有行为策略
+    let isStrategyError = checkStrategyError(graph.getNodes())
+
+    if (!isStrategyError) {
+        messageAlert(STRATEGY_ERROR_MESSAGE)
+        return false
+    }
+
+    // 渠道前面只能有一个客户节点
+    let isChannelError = checkChannelError(graph.getNodes())
+
+    if (!isChannelError) {
+        messageAlert(CHANNEL_ERROR_MESSAGE)
+        return false
+    }
+
+    // 汇聚前序组件验证
+    let isMergeError = checkMergeError(nodes, edges)
+    // 流向汇聚的流程和连接到汇聚的线是否一致
+    if (isMergeError == 'edgeError') {
+        messageAlert(MERGE_ERROR_MESSAGE1)
+        return false
+    }
+    // 汇聚前序组件不能有渠道响应分流/事件响应分流/等待某个事件发生/汇聚
+    if (isMergeError == 'nodeError') {
+        messageAlert(MERGE_ERROR_MESSAGE)
+        return false
+    }
+
+    // 校验页面表单
+    if (validateSideForm) {
+        let text = await checkForm(nodes, validateSideForm, checkType)
+        if (text === 'noNeedTip') {
+            return false
+        }
+        if (text) {
+            messageAlert(`请完善【${text}】的表单信息`)
+            return false
+        }
+    }
+
+    // 随机样本率校检
+    let isSampleType = checkSampleType(nodes)
+    if (!isSampleType) {
+        messageAlert('随机分流样本率总和不能超过100%')
+        return false
+    }
+
+    let isValidateBranchNum = checkBranchNum(nodes, edges)
+    if (!isValidateBranchNum) {
+        messageAlert('必须存在条件分支')
+        return false
+    }
+
+    return true
+}
+
+// 【校验】是不是开始节点没有连线
+const checkStartEdge = (startNode, edges) => {
+    let {
+        afterEdges
+    } = getNodeBeforeAndAfterEdges(startNode, edges)
+    return afterEdges.length > 0
+}
+
+// 【校验】是不是结束节点没有连线
+const checkEndEdge = (endNode, edges) => {
+    let {
+        beforeEdges
+    } = getNodeBeforeAndAfterEdges(endNode, edges)
+    return beforeEdges.length > 0
+}
+
+// 【校验】结束前面节点不能是开始节点
+const checkStartToEnd = (startNode, endNode, edges) => {
+    let {
+        beforeEdges
+    } = getNodeBeforeAndAfterEdges(endNode, edges)
+    return beforeEdges[0].source !== startNode.id
+}
+
+// 【校验】行为策略前面只能是渠道节点
+const checkStrategyError = (nodes) => {
+    for (let i = 0; i < nodes.length; i++) {
+        let node = nodes[i]
+        let model = node.getModel()
+        if (model.menuKey === 'strategyBranch' && model.form.strategyGroup && model.form.strategyGroup.some(item => item.type === 'behaviorStrategy')) {
+            let strategyEdges = node.getInEdges()[0].getSource().getInEdges()
+            for (let j = 0; j < strategyEdges.length; j++) {
+                if (strategyEdges[j].getSource().getModel().menuKey !== 'channel') {
+                    return false
+                }
+            }
+        }
+    }
+    return true
+}
+
+// 【校验】渠道节点选择指定执行人时前面只能有一个客户节点
+const checkChannelError = (nodes) => {
+    let channelCount = 0
+    let cstCount = 0
+    let contentCount = 0
+    let isExecPersionChannelLeaf = false
+    for (let i = 0; i < nodes.length; i++) {
+        let node = nodes[i]
+        let model = node.getModel()
+        if (model.menuKey === 'channel') {
+            channelCount++
+        }
+        if (model.menuKey === 'cst') {
+            cstCount++
+        }
+        if (model.menuKey === 'content') {
+            contentCount++
+        }
+        if (model.menuKey === 'channel' && model.form.useType === '11') {
+            isExecPersionChannelLeaf = true
+            let z = 0
+            let strategyEdges = node.getInEdges()
+            for (let j = 0; j < strategyEdges.length; j++) {
+                if (strategyEdges[j].getSource().getModel().menuKey === 'cst' || strategyEdges[j].getSource().getModel().menuKey === 'content') {
+                    z++
+                } else {
+                    return false
+                }
+            }
+            if (z !== 1) {
+                return false
+            }
+        }
+    }
+    if (isExecPersionChannelLeaf) {
+        if (channelCount > 1 || cstCount > 1 || contentCount > 1) {
+            return false
+        }
+    }
+    return true
+}
+
+// 【校验】流向汇聚的流程和连接到汇聚的线必须一致|汇聚节点前面不能有渠道响应分流/事件响应分流/等待某个事件发生/汇聚
+const checkMergeError = (nodes, edges) => {
+    let result = true
+    let error = ''
+    const loop = (node, edges) => {
+        let beforeNodes = edges.filter(e => node.id === e.target)
+        if (beforeNodes.length > 1 && node.menuKey !== 'merge') {
+            error = 'edgeError'
+            return error
+        }
+        beforeNodes.forEach((sourceEdge, index) => {
+            let sourceNode = nodes.filter(e => e.id === sourceEdge.source)[0]
+            if (
+                sourceNode?.menuKey === 'evtRespFlowBranchResp' ||
+                sourceNode?.menuKey === 'evtRespFlowBranchNoResp' ||
+                sourceNode?.menuKey === 'chnlRespFlowBranch' ||
+                sourceNode?.menuKey === 'waitEvent' ||
+                sourceNode?.menuKey === 'merge' ||
+                (sourceNode?.menuKey === 'waitToTime' && sourceNode?.form && sourceNode?.form.dayCycle === '1')
+            ) {
+                error = 'nodeError'
+                return
+            } else if (sourceNode.label === '开始') {
+                return
+            } else {
+                return loop(sourceNode, edges)
+            }
+        })
+        return error
+    }
+    for (let i = 0; i < nodes.length; i++) {
+        let node = nodes[i]
+        if (node.menuKey === 'merge') {
+            result = loop(node, edges)
+        }
+    }
+    return result
+}
+
+// 【校验】确认所有节点都有连线
+export const checkEdgeLess = (nodes, edges, graph) => {
+    return graph.getNodes().every(node => {
+        let model = node.getModel()
+        if (model.type === 'point') {
+            return true
+        } else if (node.getInEdges().length < 1 || node.getOutEdges().length < 1) {
+            return false
+        } else {
+            return true
+        }
+    })
+}
+
+// 【校验】至少需要 3 个节点
+export const checkNodeLess = (nodes) => {
+    return nodes.length > 2
+}
+
+// 获取节点的前后线
+const getNodeBeforeAndAfterEdges = (node, edges) => {
+    let beforeEdges = []
+    let afterEdges = []
+    edges.forEach(edge => {
+        if (edge.target === node.id) {
+            beforeEdges.push(edge)
+        }
+        if (edge.source === node.id) {
+            afterEdges.push(edge)
+        }
+    })
+    return {
+        beforeEdges,
+        afterEdges
+    }
+}
+
+export const checkNodeName = (nodes) => {
+    let map = {}
+    for (let i = 0; i < nodes.length; i++) {
+        let node = nodes[i]
+        if (map[node.label]) {
+            return false
+        }
+        map[node.label] = node.label
+    }
+    return true
+}
+
+// 【校验】所有表单
+export const checkForm = async (nodes, validateSideForm, checkType) => {
+    console.log({nodes,validateSideForm,checkType})
+    let valid = await validateSideForm('detail')
+    if (!valid) {
+        return '详情'
+    }
+    for (let i = 0; i < nodes.length; i++) {
+        let node = nodes[i]
+        if (node.type !== 'point' && checkType === 'test' && ['cst', 'activityCst', 'flowCst', 'composeCst'].includes(node.menuKey)) {
+        } else if (node.type !== 'point') {
+            let valid = await validateSideForm(node.uniqueKey || node.channelGroup || node.menuKey || node.nodeType, node, checkType)
+            if(node.menuKey==='channel') valid=await validateSideForm(node.menuKey, node)
+            if (valid == undefined) {
+                return
+            }
+            if (valid === 'noNeedTip') {
+                return 'noNeedTip'
+            }
+            if (!valid) {
+                if(node.menuKey==='channel') return getMenuNameByKey(node.menuKey)
+                return getMenuNameByKey(node.uniqueKey || node.channelGroup || node.menuKey || node.nodeType)
+            }
+        }
+    }
+    // 最后再回到主表单
+    validateSideForm('detail')
+    return ''
+}
+
+// 【校验】随机分流样本类型是样本率时,所有分支的样本率相加不能超过100%
+const checkSampleType = (nodes) => {
+    let result = true
+    let rdmNodes = nodes.filter(e => e?.menuKey === "randomFlow" && e.form.sampleType === '1')
+    let randomFlowBranchs = nodes.filter(e => e?.menuKey === "randomFlowBranch" && e.form.sampleType === '1')
+    if (rdmNodes.length > 0) {
+        rdmNodes.forEach(e => {
+            let branchIds = e.form.data.map(e => e.id)
+            let branchs = randomFlowBranchs.filter(e => branchIds.includes(e.form.rowId))
+            let sampleValueArr = branchs.map(e => e.form.sampleValue)
+            let sum = sampleValueArr.length ? sampleValueArr.reduce((a, b) => a / 1 + b / 1) : 0
+            if (sum > 100) {
+                result = false
+            }
+        })
+    }
+    return result
+}
+
+// 【校验】随即分流、客群分流、标签分流后续分支至少有一个条件分支
+const checkBranchNum = (nodes, edges) => {
+    let flowNodes = nodes.filter((node) => ['randomFlow', 'custFlow', 'labelFlow'].includes(node.menuKey))
+    let validate = true
+    if (flowNodes && flowNodes.length) {
+        flowNodes.forEach((node) => {
+            let num = edges.filter(edge => node.id === edge.source)
+            if (num && num.length === 1) {
+                validate = false
+            }
+        })
+    } else {
+        return true
+    }
+    return validate
+}
+
+// 监测时间校验
+export const validateWatchDate = function (rule, value, callback) {
+    let context = this.$refs.form ? this.$refs.form : this.$refs.main
+    let form = context.getForm()
+    let runDate = form.runDate || []
+    if (!value[0]) {
+        callback(new Error('请选择活动监测时间'))
+    } else if (!runDate[0]) {
+        callback(new Error('请先选择执行时间'))
+    } else {
+        if (runDate[0] > value[0]) {
+            callback(new Error('监测开始时间需要大于执行开始时间'))
+        } else if (runDate[1] > value[1]) {
+            callback(new Error('监测结束时间需要大于执行结束时间'))
+        } else {
+            callback()
+        }
+    }
+}
+// 渠道 options -------------------------------------
+let messageOptions = []
+let counterOptions = []
+let managerOptions = []
+let positionOptions = []
+
+// 岗位数据
+export const getPositionOptions = (form) => {
+    return new Promise(resolve => {
+        if (positionOptions.length) {
+            resolve(positionOptions)
+            return
+        }
+        let options = []
+        getPosition().then(data => {
+            options.push(...data.data.map(item => {
+                return {
+                    label: item.positionName,
+                    value: item.positionId
+                }
+            }))
+            positionOptions = options
+            resolve(options)
+        })
+    })
+}
+
+// 加载短信数据
+export const getMessageOptions = (form = {}) => {
+    return new Promise(resolve => {
+        let params = {
+            pageSize: 30,
+            pageNum: 1,
+            search: {
+                tepltStat: TEMP_STATE_ON,
+                scene: SCENE_USE
+            }
+        }
+        getMessages(params).then(data => {
+            data.data = data.data.list || []
+            let options = data.data.map(item => {
+                return {
+                    value: item.pkId,
+                    label: item.tepltName,
+                    smsTemplateContext: item.tepltContent
+                }
+            })
+            messageOptions = options
+            resolve(messageOptions)
+        })
+    })
+}
+
+// 加载 App 消息数据
+export const getAppMessageOptions = (form = {}) => {
+    return new Promise(resolve => {
+        let params = {
+            pageSize: 500,
+            pageNum: 1,
+            search: {
+                tempStatus: TEMP_STATE_ON,
+                scene: SCENE_USE
+            }
+        }
+        getAppMessages(params).then(data => {
+            data.data = data.data.list || []
+            let options = data.data.map(item => {
+                return {
+                    value: item.id,
+                    label: item.tempName,
+                    msgContent: item.msgContent,
+                    msgTitle: item.msgTitle
+                }
+            })
+            messageOptions = options
+            resolve(messageOptions)
+        })
+    })
+}
+
+export const setMessageOptions = (options) => {
+    messageOptions = options
+}
+
+// 加载柜面经理处理者数据
+export const getCounterOptions = () => {
+    return new Promise(resolve => {
+        if (counterOptions.length) {
+            resolve(counterOptions)
+            return
+        }
+        getCounterList({}).then(data => {
+            let options = data.data.map(item => {
+                return {
+                    value: item.userName,
+                    label: item.realName
+                }
+            })
+            counterOptions = options
+            resolve(options)
+        })
+    })
+}
+
+// 加载客户经理处理者数据
+export const getManagerOptions = () => {
+    return new Promise(resolve => {
+        if (managerOptions.length) {
+            resolve(managerOptions)
+            return
+        }
+        getManagerList({}).then(data => {
+            let options = data.data.map(item => {
+                return {
+                    value: item.userName,
+                    label: item.realName
+                }
+            })
+            managerOptions = options
+            resolve(options)
+        })
+    })
+}
+
+export const clearOptions = () => {
+    managerOptions = []
+    messageOptions = []
+    counterOptions = []
+    positionOptions = []
+    appMessageOptions = []
+}
+
+export function tryToFitview(graph, fitViewPadding) {
+    Promise.resolve()
+        .then(() => {
+            // graph.fitView(fitViewPadding)
+            let padding = fitViewPadding;
+            if (!Array.isArray(fitViewPadding)) {
+                padding = new Array(fitViewPadding || 200, fitViewPadding || 200, fitViewPadding || 200, fitViewPadding || 200)
+            }
+            const group = graph.get('group');
+            const width = graph.get('width');
+            const height = graph.get('height');
+            group.resetMatrix();
+            const bbox = group.getBBox();
+            const viewCenter = {
+                x: (width - padding[1] - padding[3]) / 2 + padding[3],
+                y: (height - padding[0] - padding[2]) / 2 + padding[0]
+            };
+            const groupCenter = {
+                x: bbox.x + bbox.width / 2,
+                y: bbox.y + bbox.height / 2
+            };
+            graph.translate(viewCenter.x - groupCenter.x, viewCenter.y - groupCenter.y);
+            const w = (width - padding[1] - padding[3]) / bbox.width;
+            const h = (height - padding[0] - padding[2]) / bbox.height;
+            let ratio = w;
+            if (w > h) {
+                ratio = h;
+            }
+            graph.zoomTo(ratio, viewCenter);
+        })
+        .then(() => {
+            const zoom = graph.getZoom()
+            if (zoom > 1) {
+                graph.zoomTo(1, { x: graph.get('width') / 2, y: graph.get('height') / 2 })
+            }
+        })
+}
+
+export const toBack = (item) => {
+    const target = item.get('group')
+    const parent = target.get('parent')
+    if (!parent) {
+        return;
+    }
+    const children = parent.get('children') || []
+    const el = target.get('el');
+    const index = children.indexOf(target);
+    children.splice(index, 1);
+    children.unshift(target);
+    moveTo(el, 0);
+}
+
+export const toFront = (item) => {
+    const target = item.get('group')
+    const parent = target.get('parent')
+    if (!parent) {
+        return;
+    }
+    const children = parent.get('children') || []
+    const el = target.get('el');
+    const index = children.indexOf(target);
+    children.splice(index, 1);
+    children.push(target);
+    moveTo(el, children.length - 1);
+}
+
+/**
+ * 将 dom 元素移动到父元素下的指定位置
+ * @param {SVGElement} element     dom 元素
+ * @param {number}     targetIndex 目标位置(从 0 开始)
+ */
+export function moveTo(element, targetIndex) {
+    if (!element) return
+    const parentNode = element.parentNode;
+    const siblings = Array.from(parentNode.childNodes).filter(
+        // 要求为元素节点，且不能为 defs 节点
+        (node) => node.nodeType === 1 && node.nodeName.toLowerCase() !== 'defs'
+    );
+    const target = siblings[targetIndex];
+    if (target) {
+        parentNode.insertBefore(element, target);
+    } else {
+        parentNode.appendChild(element);
+    }
+}
+
+
+function blendColors(color1, color2, ratio = 0.5) {
+    const rgb1 = hexToRgb(color1)
+    const rgb2 = hexToRgb(color2)
+
+    const r = Math.round(rgb1.r * ratio + rgb2.r * (1 - ratio))
+    const g = Math.round(rgb1.g * ratio + rgb2.g * (1 - ratio))
+    const b = Math.round(rgb1.b * ratio + rgb2.b * (1 - ratio))
+    const blendedColor = rgbToHex(r, g, b)
+
+    return blendedColor
+}
+
+function hexToRgb(hex) {
+    if (hex.length === 4) {
+        const r = hex[1]
+        const g = hex[2]
+        const b = hex[3]
+        hex = `#${r}${r}${g}${g}${b}${b}`
+    }
+
+    const r = parseInt(hex.substring(1, 3), 16)
+    const g = parseInt(hex.substring(3, 5), 16)
+    const b = parseInt(hex.substring(5, 7), 16)
+
+    return { r, g, b }
+}
+
+function rgbToHex(r, g, b) {
+    const componentToHex = (c) => {
+        const hex = c.toString(16);
+        return hex.length === 1 ? '0' + hex : hex
+    }
+    return `#${componentToHex(r)}${componentToHex(g)}${componentToHex(b)}`
+}
+
+const colorMap = {
+    orange: '#F5B609',
+    red: 'l(45), 0:#ffb07c 1:#ff4c2f',
+    sky: '#2AD1F5',
+    blue: 'l(45), 0:#7698F5 1:#1B4BE2',
+    green: '#4DCE97',
+    lightblue: '#4A85FE',
+    orangered: '#F77151',
+    purple: 'l(45), 0:#997eec 1:#581d8e',
+    gray: 'l(45), 0:#ddd 1:#bbb',
+}
+
+function getSimpleColor() {
+    const ret = {}
+    Object.keys(colorMap).forEach((key) => {
+        const value = colorMap[key]
+        const colors = value.match(/#([a-fA-F0-9]{6}|[a-fA-F0-9]{3})/g)
+        ret[key] = blendColors(...colors)
+    })
+    return ret
+}
+
+export function getBackGroundColor(cstonly, menu, noLinear, model) {
+    let { color, key } = menu
+    // hotDeployExecuteStatus为1时组件禁用
+    if (!color || (cstonly && !['cst', 'activeCst'].includes(key)) || model?.hotDeployExecuteStatus === '1') {
+        color = 'gray'
+    }
+    const colorText = colorMap[color]
+    return colorText
+}
+
+export function getImage(cfg) {
+    const { menuKey, uniqueKey, channelGroup,icon } = cfg
+    const key = menuKey
+    if(key==='channel' && icon){
+       return require(`@/assets/images/channel-icon/${icon}.png`)
+    }
+    const imageMap = {
+        channel: require('@/assets/images/canvas-icon/sms.png'),
+        cst: require('@/assets/images/canvas-icon/cst.png'),
+        activityCst: require('@/assets/images/canvas-icon/activityCst.png'),
+        composeCst: require('@/assets/images/canvas-icon/composeCst.png'),
+        flowCst: require('@/assets/images/canvas-icon/flowCst.png'),
+        activeCst: require('@/assets/images/canvas-icon/activeCst.png'),
+        merge: require('@/assets/images/canvas-icon/merge.png'),
+        evtRespFlow: require('@/assets/images/canvas-icon/evtRespFlow.png'),
+        evtRespFlowBranch: require('@/assets/images/canvas-icon/evtRespFlow.png'),
+        evtRespFlowBranchResp: require('@/assets/images/canvas-icon/evtRespFlow.png'),
+        evtRespFlowBranchNoResp: require('@/assets/images/canvas-icon/evtRespFlow.png'),
+        chnlRespFlow: require('@/assets/images/canvas-icon/chnlRespFlow.png'),
+        chnlRespFlowBranch: require('@/assets/images/canvas-icon/chnlRespFlow.png'),
+        custFlow: require('@/assets/images/canvas-icon/custFlow.png'),
+        custFlowBranch: require('@/assets/images/canvas-icon/custFlow.png'),
+        labelFlow: require('@/assets/images/canvas-icon/labelFlow.png'),
+        labelFlowBranch: require('@/assets/images/canvas-icon/labelFlow.png'),
+        randomFlow: require('@/assets/images/canvas-icon/randomFlow.png'),
+        randomFlowBranch: require('@/assets/images/canvas-icon/randomFlow.png'),
+        intligCall: require('@/assets/images/canvas-icon/intligCall.png'),
+        ebankApp: require('@/assets/images/canvas-icon/ebankApp.png'),
+        sms: require('@/assets/images/canvas-icon/sms.png'),
+        appPush: require('@/assets/images/canvas-icon/appPush.png'),
+        manager: require('@/assets/images/canvas-icon/act.png'),
+        teleSalesPlat: require('@/assets/images/canvas-icon/teleSalesPlat.png'),
+        weChat: require('@/assets/images/canvas-icon/weChat.png'),
+        waitFixTime: require('@/assets/images/canvas-icon/waitFixTime.png'),
+        waitEvent: require('@/assets/images/canvas-icon/waitEvent.png'),
+        waitToTime: require('@/assets/images/canvas-icon/waitToTime.png'),
+        content: require('@/assets/images/canvas-icon/content.png'),
+        equity: require('@/assets/images/canvas-icon/equity.png'),
+        prod: require('@/assets/images/canvas-icon/prod.png'),
+        act: require('@/assets/images/canvas-icon/act.png'),
+    }
+    return imageMap[key] || ''
+}
+
+export function downloadPng(graph, name = 'graph', watermark = '', padding = [20, 20, 20, 20]) {
+    const { canvas, width, height } = genCancasAndSize(graph, padding)
+    return new Promise((resolve, reject) => {
+        //等待display完成后执行下一步
+        window.setTimeout(() => { resolve(toDataURL.call(this, canvas, width, height, watermark)) }, 500)
+    })
+        .then(dataURL => {
+            saveAs(dataURL, name.replace(/^\u4e00-\u9fa5\w _/g, '_'))
+        })
+}
+
+export function genCancasAndSize(graph, padding = [20, 20, 20, 20]) {
+    const renderer = 'svg'
+    const mul = 1
+    const g = graph.get('group')
+    const clonedGroup = g.clone()
+
+    clonedGroup.resetMatrix()
+    clonedGroup.scale(mul, mul)
+
+    const newBBox = clonedGroup.getBBox()
+    clonedGroup.translate(- newBBox.x * mul + padding[3], - newBBox.y * mul + padding[0])
+    const containerDOM = document.createElement('div')
+    const canvas = new G.Canvas({
+        containerDOM,
+        width: newBBox.width * mul + padding[1] + padding[3],
+        height: newBBox.height * mul + padding[0] + padding[2],
+        renderer: renderer,
+        pixelRatio: renderer == 'svg' ? 1 : graph.get('pixelRatio')
+    })
+    canvas.add(clonedGroup)
+    canvas.draw()
+    //clone过来的style都是display:none,不知道为什么，所以给他设置成block
+    Array.prototype.forEach.call(canvas.get('el').querySelectorAll('.content-info'), div => {
+        div.style.display = 'block'
+    })
+    console.log('canvas---', canvas);
+    return {
+        canvas,
+        width: newBBox.width * mul + padding[1] + padding[3],
+        height: newBBox.height * mul + padding[0] + padding[2]
+    }
+}
+
+
+export function toDataURL(canvas, width, height, watermark = '') {
+    const renderer = canvas.getRenderer();
+    const canvasDom = canvas.get('el');
+    let dataURL = '';
+    if (renderer === 'svg') {
+        const clone = canvasDom.cloneNode(true)
+
+        const g = document.createElementNS('http://www.w3.org/2000/svg', 'g')
+        g.style.transform = 'rotate(-22deg)'
+        g.style.transformOrigin = '50% 50%'
+        g.style.fontSize = '12px'
+        g.style.userSelect = 'none'
+        g.style.pointerEvents = 'none'
+        const xPadding = 380
+        const yPadding = 200
+        for (let j = -yPadding; j < height + yPadding; j += yPadding) {
+            for (let i = -xPadding; i < width + xPadding; i += xPadding) {
+                const text = document.createElementNS('http://www.w3.org/2000/svg', 'text')
+                text.setAttributeNS(null, 'x', i + j / 2 * Math.random())
+                text.setAttributeNS(null, 'y', j)
+                text.setAttributeNS(null, 'fill', 'rgba(200,200,200,0.3)')
+                text.appendChild(document.createTextNode(watermark))
+                g.appendChild(text)
+            }
+        }
+        // 导出时的class样式
+        let style = document.createElement("style")
+        style.type = 'text/css'
+        // 短信模板和app消息模板展示全部内容由原来的title改为hover
+        let styleInnerHtml = canvasStyle + `.show-msg-content:hover {
+            height: 150px !important;
+            word-break: break-all !important;
+            overflow: hidden scroll !important;
+            white-space: unset !important;
+            text-overflow: unset !important;
+            -o-text-overflow: unset !important;
+        }`
+        style.innerHTML = styleInnerHtml
+        clone.appendChild(style)
+        clone.appendChild(g)
+        const svgDocType = document.implementation.createDocumentType(
+            'svg', '-//W3C//DTD SVG 1.1//EN', 'http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd'
+        );
+        const svgDoc = document.implementation.createDocument('http://www.w3.org/2000/svg', 'svg', svgDocType);
+        svgDoc.replaceChild(clone, svgDoc.documentElement);
+        const svgData = (new XMLSerializer()).serializeToString(svgDoc);
+        dataURL = 'data:image/svg+xml;charset=utf8,' + encodeURIComponent(svgData);
+    } else if (renderer == 'canvas') {
+        dataURL = canvasDom.toDataURL('image/png');
+    }
+    return dataURL;
+}
+
+//pick权益组件customerGroupTagAI参数中需要的参数
+function pickCustomerGroupTagAI(params) {
+    if (params) {
+        return params.map(item => {
+            let { id, name, giftStockResponseDTO, partNum, details, giftPackageDetailResponseDTOS, receiveNum, receiveType,
+                startTime, endTime, remark, equityGrouptype
+            } = item
+            if (details) {
+                details = details.map(item => {
+                    return pick(item, ['id', 'giftStockResponseDTO', 'giftName', 'giftId', 'unitNum', 'stockAvailable'])
+                })
+            }
+            return {
+                id, name, giftStockResponseDTO, partNum, details, giftPackageDetailResponseDTOS, receiveNum, receiveType,
+                startTime, endTime, remark, equityGrouptype
+            }
+        })
+    }
+    return ''
+}
+
+// 校验渠道组件下发字段预览功能动参有产品相关动参时校验前序是否有产品组建并且给对应动参赋值
+/**
+ * 
+ * @param {需校验的渠道节点} node 
+ * @param {实例} vm 
+ * @returns 
+ */
+export function validAndMatchProduct(node, vm) {
+    // 校验规则，前序出现分叉或无连线直接失败
+    // 前序为一条线情况下找到以下节点直接失败：开始，渠道
+    // 字段为产品代码的判断前序节点是否有产品组件并且选择了产品，将产品编码拿过来放入产品字段的value中
+    const returnMenuKey = ['ebankApp', 'sms', 'appPush', 'intligCall', 'teleSalesPlat', 'weChat', 'manager']
+    let beforeEdgesLength = node.getInEdges().length
+    if (beforeEdgesLength > 1 || beforeEdgesLength === 0) {
+        vm.$error('未找到匹配产品，请检查前序节点中是否有[产品节点]并选择了产品！')
+        return { valid: false, value: '' }
+    }
+    let beforeNode = node.getInEdges()[0].getSource()
+    let beforeModel = beforeNode.getModel()
+    if (returnMenuKey.includes(beforeModel.menuKey) || beforeModel.label === '开始') {
+        vm.$error('未找到匹配产品，请检查前序节点中是否有[产品]节点并选择了产品！')
+        return { valid: false, value: '' }
+    }
+    // 找到产品组件
+    if (beforeModel.menuKey === 'prod') {
+        if (beforeModel.form.product?.prodId) {
+            // 给当前表格中的产品动参value赋值
+            return { valid: true, value: beforeModel.form.product.prodId }
+        } else {
+            vm.$error('请选择前序产品组件中的产品')
+            return { valid: false, value: '' }
+        }
+    }
+    return validAndMatchProduct(beforeNode, vm)
+}
+
+export function validCanPreview({ tableData, alterInfo = '请完善动参列表', vm }) {
+    let valid = true
+    if (tableData.some(item => !item.parEName || !item.mappingCName)) {
+        valid = false
+        vm.$error(alterInfo)
+    }
+    return valid
+}
+
+export function validContentChannel (sourceModel, targetModel) {
+    const channelComp = JSON.parse(sessionStorage.getItem('channelComp'));
+    let channelCode = targetModel.uniqueKey || targetModel.channelGroup
+    let channelNode = channelComp.find((node) => node.componentCode === channelCode)
+    // independenceFlag值为1时可以单独使用
+    if (channelNode.independenceFlag === 1) return false
+    if (sourceModel.menuKey === 'content' && targetModel.menuKey === 'channel') {
+        if (targetModel?.form?.businessType == 2 || targetModel?.form?.businessType == 3) {
+            return true
+        }
+        if (sourceModel.form.templateType && sourceModel.form.templateType.length) {
+            if (sourceModel.form.templateType.includes(targetModel.uniqueKey || targetModel.channelGroup)) {
+                return false
+            } else {
+                return true
+            }
+        }
+        return false
+    }
+    // 权益组件只能连接权益渠道组件
+    if (sourceModel.menuKey === 'equity' && targetModel.menuKey === 'channel' && targetModel?.form?.businessType == 2) {
+        return false
+    }
+    // 活动组件只能连接活动渠道组件
+    if (sourceModel.menuKey === 'act' && targetModel.menuKey === 'channel' && targetModel?.form?.businessType == 3) {
+        return false
+    }
+    // 产品组件只能连接产品渠道组件
+    if (sourceModel.menuKey === 'prod' && targetModel.menuKey === 'channel' && targetModel?.form?.businessType == 4) {
+        return false
+    }
+    return true
+}
+
+export function isTempleteMasterOrBranchView($route) {
+    let query = $route.query
+    if(($route.name==='template/market/event/detail-pro') && (query.mode==='view') && (query.type ==='template-branch' || query.type ==='template-root')){
+        return true
+    } else if($route.name==='template/template-activity/event-base' || $route.name==='/scene/scene-library-manage/scene-center'){
+        return true
+    } else {
+        return false
+    }
+}
+
+/**
+ * item: 被删除的项
+ * type：被删除的项的类型
+ * graph: 画布实例
+ */
+export const clearChannelStageAndExecStat = ({type , item}) => {
+    if(type === 'node') {
+        const outEdges = item.getOutEdges() || []
+        outEdges.forEach(outEdge => {
+            const outEdgeTargetNode = outEdge.getTarget()
+            const outEdgeTargetModel = outEdgeTargetNode?.getModel()
+            if (outEdgeTargetModel) {
+                const { menuKey } = outEdgeTargetModel
+                if(menuKey === 'chnlRespFlow') { //清空按渠道分流的分流方式
+                    outEdgeTargetModel.form.stage = ''
+                    const chnlRespFlowOutEdges = outEdgeTargetNode.getOutEdges()
+                    chnlRespFlowOutEdges.forEach((e)=>{
+                            e.getTarget().getModel().form.execStat = '' //清空按渠道分流分支的响应结果
+                    })
+                }
+            }
+        })
+    }
+
+    if(type === 'edge') {
+        const targetNode = item?.getTarget()
+        const targetNodeModel = targetNode?.getModel()
+        if(targetNodeModel) {
+            const { menuKey } = targetNodeModel
+            if(menuKey === 'chnlRespFlow') { //清空按渠道分流的分流方式
+                targetNodeModel.form.stage = ''
+                const chnlRespFlowOutEdges = targetNode.getOutEdges()
+                chnlRespFlowOutEdges.forEach((e)=>{
+                        e.getTarget().getModel().form.execStat = '' //清空按渠道分流分支的响应结果
+                })
+            }
+        }
+    }
+}
+
+// 过滤内容组件字段
+function filterContentTabData(type,form){
+    const data = form[type].arr
+    let arr = []
+    if(type == 'productArgs' && form[type].autoRecommend  == '1'){
+        arr = [
+            {
+                componentName: '',
+                autoRecommend:  '1',
+                autoRecoProdType: form.productArgs.autoRecoProdType && form.productArgs.autoRecoProdType.length ? form.productArgs.autoRecoProdType.join(',') : '',
+            }
+        ]
+        return arr
+    }
+    arr = data.map(item=>{
+        let obj = {}
+        if(type == 'productArgs'){
+            delete item.productData
+            obj = {
+                componentName: '',
+                productData: JSON.stringify(item),
+                autoRecommend:  '0',
+                prodIntroduction: item.introduction,
+                autoRecoProdType: item.autoRecoProdType && item.autoRecoProdType.length ? item.autoRecoProdType.join(',') : '',
+                prodId: item.id,
+                prodName: item.productName,
+                linkUrl: item.linkUrl,
+                prodRiskLevel: item.riskLevel,
+                prodStatus: item.currentState,
+                prodType: item.productType,
+            }
+        }
+        if(type == 'activityArgs'){
+            obj = {
+                componentName: '',
+                id: item.id,
+                actIntroduction: item.introduction,
+                actDetail: item.actDetail || '[{}]',
+                componentSwitch:  0,
+                actCstGroupType:  item.actCstGroupType,
+                actCstGroupId:  item.actCstGroupId,
+                actExcludeGroupType:  item.actExcludeGroupType,
+                actExcludeGroupId:  item.actExcludeGroupId,
+            }
+        }
+        if(type == 'equityArgs'){
+            // obj = {
+            //     componentName: item.componentName,
+            //     introduction: item.equityIntroduction,
+            //     packageFlg: item.packageFlg,
+            //     customerGroupTagAI: form[type].customerGroupTagAI ? JSON.stringify(form[type].customerGroupTagAI) : '[]',
+            //     partNum: item.partNum ? item.partNum : 0,
+            //     type: Number(item.type),
+            //     giftDetail: item.giftDetail ? JSON.parse(item.giftDetail) : {},
+            //     exsit: Number(item.exsit),
+            //     stock: item.stock ? item.stock : 0,
+            //     equityId: item.equity_id || item.pkId,
+            //     equityName: item.equity_name ? item.equity_name : ''
+            // }
+            let giftDetail = {}
+            try {
+                giftDetail = JSON.parse(item.giftDetail)
+            } catch (e) {}
+            obj = {
+                // componentName: item.componentName,
+                componentName: item.productName,
+                introduction: item.equityIntroduction,
+                packageFlg: item.packageFlg,
+                customerGroupTagAI: form[type].customerGroupTagAI ? JSON.stringify(form[type].customerGroupTagAI) : '[]',
+                partNum: item.partNum ? item.partNum : 0,
+                type: Number(item.type),
+                giftDetail,
+                exsit: Number(item.exsit),
+                stock: item.stock ? item.stock : 0,
+                // equityId: item.equity_id || item.pkId,
+                equityId: item.id,
+                // equityName: item.equity_name ? item.equity_name : '',
+                equityName: item.productName || '',
+                id: item.id,
+                productName: item.productName || ''
+            }
+        }
+        return obj
+    })
+    return arr
+}