axwen-test31 2.0.0

package/src/views/market/market-event-edit-pro/side/node-side-detail.vue

@@ -0,0 +1,853 @@
+<template>
+    <dialog-side v-model="isSideShow" :title="type === 'event' ? `${joName}详情` : '模板详情'" :class="{ 'folding': folding }"
+        :isShowBtn="false" :isShowCustomerBtn="false">
+        <img title="关闭" src="@g6-config/plugins/imgs/close.svg" alt="关闭详情" slot="header" class="toggle"
+            @click="toggleFold">
+        <event-form ref="form" :fields="fields" />
+    </dialog-side>
+</template>
+
+<script>
+import DetailTestRunCustomer from '@/views/market/market-event-edit-pro/select/detail-test-run-customer'
+import { AI_EVENT, dayOptions, weekOptions, monthOptions } from '@/utils/variable'
+import { mapState } from 'vuex'
+import NodeSelectAppact from '../select/node-select-appact'
+import NodeSelectEvent from '../select/node-select-event'
+import EventApproveTime from '../time/event-approve-time'
+import EventRunTime from '../time/event-run-time'
+import EventWatchTime from '../time/event-watch-time'
+import DialogSide from './dialog-side'
+import EventForm from './event-form'
+import CycleSetting from '@/views/market/components/cycle-setting'
+import TreeSelect from '@/components/tree-select'
+import { getMulActTypeList, getTargetById } from '@/api/act-type-manage'
+import { getDisabled, pruneTree } from '@/utils'
+import { getActNumber } from '@/api/market'
+import ActTarget from '@/views/market/components/act-target'
+import CustomerEditorOrg from '@/views/customer/customer-editor-org'
+import { formatTargetToPage } from '@/views/market/market-event-edit-pro/util'
+
+
+export default {
+    components: { DetailTestRunCustomer, ActTarget, DialogSide, EventForm, EventRunTime, EventWatchTime, NodeSelectEvent, NodeSelectAppact, EventApproveTime, TreeSelect, CustomerEditorOrg },
+    props: {
+        isText: {
+            type: Boolean,
+            default: false
+        },
+        type: {
+            type: String,
+            default: 'event'
+        },
+        cstonly: {
+            type: Boolean,
+            default: false
+        },
+        isTemplate: {
+            type: Boolean,
+            default: false
+        },
+        isLoop: {
+            type: Boolean,
+            default: false
+        },
+        isAIMode: {
+            type: Boolean,
+            default: false
+        },
+        pageName: {
+            type: String,
+            default: ''
+        },
+        basis: {
+            type: Object,
+            default: () => { }
+        },
+        // 是否为暂停修改
+        isPauseUpdate: {
+            type: Boolean,
+            default: false
+        },
+        // 是否折叠 默认折叠
+        folding: {
+            type: Boolean,
+            default: true
+        },
+        oaType: {
+            type: String,
+            default: ''
+        },
+        //是否隐藏画布详情侧边栏的周期相关信息：周期活动分析页面选择子活动时会隐藏
+        hiddenCycleDetail: {
+            type: Boolean,
+            default: false
+        }
+    },
+    inject: ['getLibId', 'isSupportHotDeploy'],
+    data() {
+        let { isTemplate } = this
+        const validateRunDate = function (rule, value, callback) {
+            if (this.isText) {
+                callback()
+            }
+            let context = this.$refs.form
+            let form = context.getForm()
+            let { executeEndTime, executeStartTime, executeFlag } = form
+            this.$refs.form.$refs.form.validateField('watch')
+            const now = new Date()
+            if (!executeFlag) {
+                if (!executeStartTime) {
+                    callback(new Error('请选择运行开始时间'))
+                } else if (!executeEndTime) {
+                    callback(new Error('请选择运行结束时间'))
+                } else if (executeEndTime <= executeStartTime) {
+                    callback(new Error('结束时间需要大于开始时间'))
+                } else if (executeStartTime < now && this.mode !== 'pause_update') {
+                    callback(new Error('开始时间需要大于当前时间'))
+                } else if (executeEndTime <= now) {
+                    callback(new Error('结束时间需要大于当前时间'))
+                } else {
+                    callback()
+                }
+            } else if (!executeEndTime) {
+                callback(new Error('请选择运行结束时间'))
+            } else {
+                callback()
+            }
+        }
+        const validateWatchDate = function (rule, value, callback) {
+            if (this.isText) {
+                callback()
+            }
+            let context = this.$refs.form
+            let form = context.getForm()
+            let { executeEndTime, executeStartTime, executeFlag, superviseEndTime, superviseStartTime, superviseFlag } = form
+            if (superviseFlag) {
+                callback()
+            } else {
+                if (!executeFlag) {
+                    // 需要监测时间
+                    if (!superviseStartTime) {
+                        callback(new Error('请选择监测开始时间'))
+                    } else if (!superviseEndTime) {
+                        callback(new Error('请选择监测结束时间'))
+                    } else if (superviseEndTime <= superviseStartTime) {
+                        callback(new Error('结束时间需要大于开始时间'))
+                    } else if (superviseStartTime < executeStartTime && executeStartTime) {
+                        callback(new Error('监测开始时间需要大于运行开始时间'))
+                    } else if (superviseEndTime < executeEndTime) {
+                        callback(new Error('监测结束时间需要大于运行结束时间'))
+                    } else {
+                        callback()
+                    }
+                } else {
+                    if (!superviseEndTime) {
+                        callback(new Error('请选择监测结束时间'))
+                    } else if (superviseEndTime < executeEndTime) {
+                        callback(new Error('监测结束时间需要大于运行结束时间'))
+                    } else {
+                        callback()
+                    }
+                }
+            }
+        }
+        const validatexpiraTime = function (rule, value, callback) {
+            let context = this.$refs.form
+            let form = context.getForm()
+            let { expirationTime, executeStartTime } = form
+            let moment = new Date()
+            if (!expirationTime) {
+                callback(new Error('请将审批时限设置在商机时效前，以免错过时效后下发至客户。'))
+            } else if (executeStartTime) {
+                if (expirationTime) {
+                    if (expirationTime > moment && ((expirationTime - moment) > 300000) && expirationTime < executeStartTime) {
+                        callback()
+                    } else if (expirationTime < moment || (expirationTime > moment && (expirationTime - moment) < 300000)) {
+                        callback(new Error('审批时限最早时间应设置为此刻后5分钟'))
+                    } else {
+                        callback(new Error('审批时限不得晚于活动开始时间'))
+                    }
+                }
+            } else if (expirationTime) {
+                if (expirationTime > moment && ((expirationTime - moment) > 300000)) {
+                    callback()
+                } else {
+                    callback(new Error('审批时限最早时间应设置为此刻后5分钟'))
+                }
+            }
+        }
+        let query = this.$route.query
+        return {
+            isTemplet: this.$route.name === 'template/template-activity/event-base', // 是否是总分行模板
+            information: {},
+            isSideShow: true,
+            model: {},
+            mode: query.mode,
+            isShowappActId: false,
+            canShow: false,
+            opptLineId: '',
+            treeData: [],
+            treeProps: {
+                id: 'code',
+                label: 'label',
+                pid: 'parent',
+                children: 'children'
+            },
+            fields: [
+                {
+                    title: '创建人',
+                    type: 'text',
+                    key: 'actInitiatorName',
+                    defaultValue: '',
+                    isShow: this.mode == 'view',
+                    renderContent: (h, item, form) => {
+                        if (!form.actInitiator) {
+                            return <p class="form-text">-</p>
+                        }
+                        return <p class="form-text">{form.actInitiatorName + (form.actInitiator)}</p>
+                    },
+                    disabled: this.isText
+                },
+                {
+                    title: '创建机构',
+                    type: 'text',
+                    key: 'actInitiatorOrgName',
+                    defaultValue: '',
+                    disabled: this.isText,
+                    isShow: this.mode == 'view',
+                },
+                {
+                    title: '活动类型',
+                    type: 'input',
+                    key: 'actType',
+                    disabled: this.isText,
+                    isRequired: true,
+                    rule: [
+                        { required: true, message: '请选择活动类型', trigger: ['change', 'blur'] }
+                    ],
+                    renderContent: (h, item, form) => {
+                        return <TreeSelect
+                            vModel={form.actType}
+                            options={this.treeData}
+                            treeProps={this.treeProps}
+                            expandNode={true}
+                            expand={false}
+                            disabled={this.isText || this.isPauseUpdate}
+                            onChange={() => this.setDefaultTarget(form)}
+                        ></TreeSelect>
+                    }
+                },
+                {
+                    title: '活动子类型',
+                    type: 'select',
+                    options: [],
+                    key: 'actTypeSub',
+                    disabled: this.isText || this.isPauseUpdate,
+                    isShow: () => { return this.subTypeShow || this.canShow },
+                    isRequired: true
+                },
+                {
+                    title: '活动ID',
+                    type: 'input',
+                    key: 'actNumber',
+                    disabled: true,
+                    // 总分行模板新建不需要显示活动ID
+                    isShow: () => !this.isTemplet && this.mode == 'view',
+                    renderContent: (h, item, form) => {
+                        return (form.actNumber ?
+                            <div>
+                                <el-input disabled vModel={form.actNumber} />
+                            </div> :
+                            <div style="display: flex;">
+                                <el-input style="{width: 70%;}" disabled vModel={form.actNumber} />
+                                <div
+                                    style="width: 36px;height: 18px;line-height: 14px;color: #1664FF;cursor:pointer;padding-left: 8px;"
+                                    onClick={() => this.handleGetActNumber(form)}
+                                >保存生成</div>
+                            </div>
+                        )
+                    }
+                },
+                {
+                    title: '营销活动名称',
+                    type: 'input',
+                    key: 'actName',
+                    isShow: !isTemplate,
+                    isRequired: true,
+                    props: {
+                        maxlength: 50
+                    },
+                    disabled: this.isText
+                },
+                {
+                    title: '活动成本预算',
+                    key: 'budgetAmount',
+                    type: 'input-number',
+                    props: {
+                        unit: '元',
+                        max: 1000000000
+                    },
+                    disabled: this.isText
+                },
+                {
+                    title: '活动模板名称',
+                    type: 'input',
+                    key: 'actName',
+                    isShow: isTemplate,
+                    isRequired: true,
+                    props: {
+                        maxlength: 50
+                    },
+                    disabled: this.isText
+                },
+                {
+                    title: '分享机构',
+                    key: 'orgCodes',
+                    isRequired: false,
+                    isShow: isTemplate,
+                    renderContent: (h, item, form) => <CustomerEditorOrg style="width: 100%;" multiple={true} collapse={false} vModel={form.orgCodes} />
+                },
+                {
+                    title: '有无营销名单',
+                    type: 'radio-group',
+                    key: 'marketingFlag',
+                    options: [
+                        { label: '有营销名单', value: '1' },
+                        { label: '无营销名单', value: '0' }
+                    ],
+                    disabled: true,
+                    defaultValue: '1',
+                    isShow: () => false
+                },
+                {
+                    title: '活动运行时间',
+                    key: 'run',
+                    isRequired: true,
+                    isShow: !isTemplate,
+                    rule: [
+                        { required: true, validator: validateRunDate.bind(this), trigger: 'change' }
+                    ],
+                    renderContent: (h, item, form) => {
+                        return <EventRunTime readonly={this.isText} portHotDeplayReadonly={this.portHotDeplayReadonly} isPauseUpdate={this.isPauseUpdate} form={form} />
+                    }
+                },
+                {
+                    title: '剔除历史下发客户',
+                    key: 'excludeHisCust',
+                    type: 'switch',
+                    settings: {
+                        class: 'inline close basic'
+                    },
+                    isShow: () => !this.isLoop && false,
+                    disabled: this.isText,
+                    isRequired: true,
+                    defaultValue: false
+                },
+                // {
+                //     title: '审批时限',
+                //     key: 'expirationTime',
+                //     rule: [
+                //         { required: true, validator: validatexpiraTime.bind(this), trigger: 'change' }
+                //     ],
+                //     defaultValue: new Date(new Date().getFullYear(), new Date().getMonth(), new Date().getDate() + 1, 0, 0),
+                //     renderTitle: (h, item, form) => {
+                //         return (<div>
+                //             审批时限
+                //             <el-tooltip content="所有审批流程必须在审批时限前完成，否则视为超时，审批通过后所有数据都会下发，请确认商机时效性。" placement="top">
+                //                 <yt-icon icon="el-icon-question" />
+                //             </el-tooltip>
+                //         </div>)
+                //     },
+                //     renderContent: (h, item, form) => {
+                //         h = this.$createElement
+                //         return <event-approve-time readonly={this.isText} form={form} />
+                //     }
+                // },
+                {
+                    title: '监测方式',
+                    key: 'monitorType',
+                    type: 'select',
+                    isRequired: true,
+                    defaultValue: '1',
+                    isShow: () => !this.isLoop,
+                    disabled: this.isText,
+                    options: [],
+                    onInput: (value, item, form) => {
+                        form.superviseFlag = false
+                        form.superviseStartTime = null
+                        form.superviseEndTime = null
+                        form.monitorDelay = value === '2' ? '30' : ''
+                    },
+                    props: {
+                        clearable: false
+                    }
+                },
+                {
+                    title: '监测时长',
+                    key: 'monitorDelay',
+                    type: 'select',
+                    isRequired: true,
+                    isShow: (form) => form.monitorType === '2',
+                    options: [],
+                    renderContent: (h, item, form) => {
+                        return (<div style="display: flex;">
+                            <yt-select style="flex: 1;" disabled={this.isText} vModel={form.monitorDelay} options={item.options} />
+                            <span class="pl-2">天</span>
+                        </div>)
+                    }
+                },
+                {
+                    title: '活动监测时间',
+                    key: 'watch',
+                    isRequired: true,
+                    isShow: (form) => form.monitorType !== '2' && !isTemplate,
+                    rule: [
+                        { required: true, validator: validateWatchDate.bind(this), trigger: 'change' }
+                    ],
+                    renderContent: (h, item, form) => {
+                        // h = this.$createElement
+                        return <EventWatchTime readonly={this.isText} portHotDeplayReadonly={this.portHotDeplayReadonly} isPauseUpdate={this.isPauseUpdate} form={form} />
+                    }
+                },
+                {
+                    title: '活动说明',
+                    key: 'actDesc',
+                    type: 'textarea',
+                    isRequired: false,
+                    isShow: (form) => !form.communityFlag,
+                    props: {
+                        maxlength: 1000,
+                        placeholder: this.actDescpPlaceholder
+                    },
+                    attrs: {
+                        rows: 4
+                    },
+                    disabled: this.isText
+                },
+                {
+                    title: '认定方式',
+                    key: 'targetConfirmType',
+                    type: 'select',
+                    options: [],
+                    isRequired: true,
+                },
+                {
+                    title: '活动目标',
+                    key: 'areas',
+                    defaultValue: [],
+                    isRequired: !isTemplate,
+                    renderContent: (h, item, form) => {
+                        const handleValid = () => {
+                            const elementFormVm = this.$refs.form.$refs.form
+                            elementFormVm.validateField('areas')
+                        }
+                        h = this.$createElement
+                        let intoFlag = 'detail'
+                        return <ActTarget ref="actTarget" side vModel={form.areas} form={form} intoFlag={intoFlag} readonly={this.isText || this.isPauseUpdate} oaType={this.oaType} onInput={() => handleValid()} />
+                    }
+                },
+                {
+                    title: '周期执行',
+                    key: 'cycleFlag',
+                    type: 'switch',
+                    settings: {
+                        class: 'inline close basic'
+                    },
+                    isShow: (form) => !this.isLoop && false,
+                    defaultValue: false,
+                    disabled: this.isText,
+                    onInput: (value, item, form) => {
+                        form.cycleRange = 'day'
+                        form.cycleWay = ''
+                        form.cycleTime = null
+                        this.setCycleOptions(form)
+                    }
+                },
+                {
+                    title: '试运行群组选择',
+                    key: 'testGroupView',
+                    defaultValue: null,
+                    isShow: () => !this.isLoop,
+                    // renderTitle: (h, item, form) => {
+                    //     let num = form.testGroupView && form.testGroupView.custCnt ? form.testGroupView.custCnt : 0
+                    //     const handleClickNum = () => {
+                    //         this.$refs['test-run']?.openDetail()
+                    //     }
+                    //     const clearNum = () => {
+                    //         form.testGroupView = null
+                    //         form.testGroupCompents = ''
+                    //     }
+                    //     return (<div class="flex-between">
+                    //         <span>
+                    //             <span>试运行群组选择</span>
+                    //             <yt-button type="text" onClick={handleClickNum}>
+                    //                 <span class="font-green">（{num}）</span>
+                    //             </yt-button>
+                    //         </span>
+                    //         <yt-button type="text" disabled={this.isText || this.isPauseUpdate} size="mini" onClick={clearNum}>清空</yt-button>
+                    //     </div>)
+                    // },
+                    renderContent: (h, item, form) => {
+                        h = this.$createElement
+                        const handleChange = (pkId, row) => {
+                            form.testGroupView = row
+                            form.testGroupCompents = pkId
+                        }
+                        const handleClickNum = () => {
+                            this.$refs['test-run']?.openDetail()
+                        }
+                        const clearNum = () => {
+                            form.testGroupView = null
+                            form.testGroupCompents = ''
+                        }
+                        return (<DetailTestRunCustomer
+                            ref="test-run"
+                            form={form}
+                            side
+                            onClickNum={handleClickNum}
+                            onClearNum={clearNum}
+                            disabled={this.isText || this.isPauseUpdate}
+                            onChange={(pkId, row) => handleChange(pkId, row)}
+                        />)
+                    }
+                },
+                {
+                    title: '执行周期',
+                    key: 'cycleRange',
+                    type: 'radio-group',
+                    isShow: (form) => form.cycleFlag && !this.isLoop,
+                    isRequired: true,
+                    defaultValue: 'day',
+                    disabled: this.isText,
+                    options: [],
+                    onInput: (value, item, form) => {
+                        form.cycleWay = ['week', 'month'].includes(value) ? [] : ''
+                        this.setCycleOptions(form)
+                    }
+                },
+                {
+                    title: '周期方式',
+                    key: 'cycleWay',
+                    type: 'select',
+                    options: [],
+                    isShow: (form) => form.cycleFlag && !this.isLoop,
+                    disabled: this.isText,
+                    isRequired: true,
+                    props: {
+                        multiple: false
+                    }
+                },
+                {
+                    title: '开始时间',
+                    key: 'cycleTime',
+                    type: 'time',
+                    isShow: (form) => form.cycleFlag && !this.isLoop,
+                    disabled: this.isText,
+                    isRequired: true,
+                    props: {
+                        valueFormat: 'HH:mm:ss'
+                    }
+                },
+                {
+                    key: 'totalCost',
+                    defaultValue: 0,
+                    isShow: false
+                },
+                {
+                    key: 'executeStartTime',
+                    defaultValue: null,
+                    isShow: false
+                },
+                {
+                    key: 'executeEndTime',
+                    defaultValue: null,
+                    isShow: false
+                },
+                {
+                    key: 'executeFlag',
+                    defaultValue: false,
+                    isShow: false
+                },
+                {
+                    key: 'superviseStartTime',
+                    defaultValue: null,
+                    isShow: false
+                },
+                {
+                    key: 'superviseEndTime',
+                    defaultValue: null,
+                    isShow: false
+                },
+                {
+                    key: 'superviseFlag',
+                    defaultValue: false,
+                    isShow: false
+                },
+                {
+                    title: '活动周期',
+                    key: 'actCycleFrequencyJsonString',
+                    defaultValue: '',
+                    isShow: (form) => this.isLoop && !this.hiddenCycleDetail,
+                    isRequired: true,
+                    renderContent: (h, item, form) => <CycleSetting isAIMode={form.actType === AI_EVENT} isCanvas={true} readonly={this.isText} form={form} />
+                },
+                {
+                    title: '参与限制',
+                    key: 'actCycleLimitType',
+                    defaultValue: '',
+                    isShow: (form) => this.isLoop && !this.hiddenCycleDetail,
+                    isRequired: true,
+                    disabled: this.isText || this.isPauseUpdate,
+                    options: [
+                        { label: '当天', value: 'day' },
+                        { label: '当周', value: 'week' },
+                        { label: '当月', value: 'month' },
+                        { label: '当季', value: 'quarter' }
+                    ],
+                    renderContent: (h, item, form) => {
+                        const toInteger = () => {
+                            let reg = /^[0-9]+$/
+                            if (!reg.test(form.actCycleLimitValue)) {
+                                this.$message.warning("只能输入整数排序")
+                                // 用以在dom渲染挂载后重新触发dom渲染挂载
+                                this.$nextTick(() => {
+                                    form.actCycleLimitValue = parseInt(form.actCycleLimitValue)
+                                })
+                            }
+                        }
+                        return (<div class="flex gap-2" style="flex-wrap: wrap; align-items: center">
+                            <span style="line-height: 16px">当前{ this.joName }，同一个用户</span>
+                            <yt-select class="w-28" options={item.options} vModel={form.actCycleLimitType} disabled={this.isText || this.isPauseUpdate}></yt-select>
+                            <span style="line-height: 16px">内，最多参与</span>
+                            <el-input-number vModel={form.actCycleLimitValue} onChange={toInteger} disabled={this.isText || this.isPauseUpdate}></el-input-number>
+                            次
+                        </div>)
+                    }
+                },
+                {
+                    key: 'cornData',
+                    defaultValue: {
+                        month: [],
+                        day: [],
+                        week: [],
+                        hour: []
+                    },
+                    isShow: false
+                },
+                {
+                    key: 'hotDeployType',
+                    defaultValue: '0',
+                    isShow: false
+                },
+                {
+                    key: 'testGroupCompents',
+                    defaultValue: '',
+                    isShow: false
+                },
+                {
+                    key: 'templateId',
+                    defaultValue: '',
+                    isShow: false
+                }
+            ]
+        }
+    },
+    created() {
+        this.fields.find(i => i.key === 'actDesc').props.placeholder = this.actDescpPlaceholder
+        this.fields.forEach(item => {
+            if (item?.title?.includes('活动')) {
+                item.title = item.title.replace('活动', this.joName)
+            }
+        })
+    },
+    computed: {
+        ...mapState(['config', 'costValid', 'customerTagMap']),
+        joName() {
+            return this.config?.IS_ACTIVITY ? this.config.IS_ACTIVITY : '活动'
+        },
+        actDescpPlaceholder() {
+            let actDesc = '此项' + this.joName + '的目的，此项' + this.joName + '针对的目标客群特征，对应的产品、渠道、优惠政策'
+            return actDesc
+        },
+        portHotDeplayReadonly() {
+            return this.$route.query.mode === 'pause_update' ? (this.isSupportHotDeploy ? false : true) : this.isText
+        }
+    },
+    mounted() {
+        this.loadOptions()
+        this.getMulActTypeList()
+    },
+    methods: {
+        // 关闭
+        toggleFold() {
+            this.$emit('on-fold', !this.folding)
+        },
+        setCycleOptions(form) {
+            let type = form?.cycleRange || ''
+            let options = dayOptions
+            let multiple = false
+            switch (type) {
+                case 'day':
+                    options = dayOptions
+                    multiple = false
+                    break
+                case 'week':
+                    options = weekOptions
+                    multiple = true
+                    break
+                case 'month':
+                    options = monthOptions()
+                    multiple = true
+                    break
+                default:
+                    break
+            }
+            this.$nextTick(() => {
+                this.fields.find((i) => i.key === 'cycleWay').options = options
+                this.fields.find((i) => i.key === 'cycleWay').props.multiple = multiple
+                setTimeout(() => {
+                    this.$refs.form?.clear()
+                }, 100)
+            })
+        },
+        async getMulActTypeList() {
+            const data = await getMulActTypeList({ libId: this.getLibId() })
+            let target = data.data.sort((a, b) => a.sort - b.sort)
+            let tree = this.$util.listToTree({
+                data: target,
+                rootValue: null,
+                valueKey: 'id',
+                parentKey: 'parentId',
+                labelKey: 'name'
+            })
+            let formatTree = pruneTree(tree)
+            this.treeData = getDisabled(formatTree)
+        },
+        setDefaultTarget(form) {
+            let code = form.actType
+            if (!code) return
+            getTargetById(code).then(res => {
+                form.areas = formatTargetToPage((res.data || []), this.customerTagMap)
+            })
+        },
+        loadOptions() {
+            let list = ['OPPT_TYPE', 'OPPT_SUB_TYPE', 'OPPT_MONITOR_TYPE', 'OPPT_MONITOR_DELAY', 'OPPT_CYCLE_RANGE', 'TARGET_DETERMINE_METHOD']
+            this.$getOptionsForSystemParams(list).then(data => {
+                this.fields.find(item => item.key === 'actType').options = data[0]
+                this.fields.find(item => item.key === 'actTypeSub').options = data[1]
+                this.fields.find(item => item.key === 'monitorType').options = data[2]
+                this.fields.find(item => item.key === 'monitorDelay').options = data[3]
+                this.fields.find(item => item.key === 'cycleRange').options = data[4]
+                this.fields.find(item => item.key === 'targetConfirmType').options = data[5]
+            })
+        },
+        loadActType(form) {
+            if (!form) return
+
+            if (form.actType === '01') {
+                this.$getOptionsForSystemParams('OPPT_SUB_TYPE_01_' + this.opptLineId).then(data => {
+                    this.fields[5].options = data
+                })
+            } else if (form.actType === '09') {
+                this.$getOptionsForSystemParams('OPPT_SUB_TYPE_09_' + this.opptLineId).then(data => {
+                    this.fields[5].options = data
+                })
+            } else if (form.actType === '10') {
+                this.$getOptionsForSystemParams('OPPT_SUB_TYPE_10_' + this.opptLineId).then(data => {
+                    this.fields[5].options = data
+                })
+            }
+        },
+        setForm(params) {
+            this.loadActType(params)
+            // 地址栏存储的可能会是字符串类型，需要转 date 才能正确触发校验
+            if (params && typeof params.executeStartTime === 'string' && params.executeStartTime.length) {
+                params.executeStartTime = new Date(params.executeStartTime)
+            }
+            if (params && typeof params.executeEndTime === 'string' && params.executeEndTime.length) {
+                params.executeEndTime = new Date(params.executeEndTime)
+            }
+            if (params && typeof params.superviseStartTime === 'string' && params.superviseStartTime.length) {
+                params.superviseStartTime = new Date(params.superviseStartTime)
+            }
+            if (params && typeof params.superviseEndTime === 'string' && params.superviseEndTime.length) {
+                params.superviseEndTime = new Date(params.superviseEndTime)
+            }
+            if (params && typeof params.expirationTime === 'string' && params.expirationTime.length) {
+                params.expirationTime = new Date(params.expirationTime)
+            }
+            // 是否热部署  1 - 继承发布 || 0 - 直接发布
+            if (this.$route.query?.hotDeployType == '1') {
+                params.hotDeployType = '1'
+            } else if (this.$route.query?.hotDeployType == '0') {
+                params.hotDeployType = '0'
+            }
+            this.setCycleOptions(params)
+            this.$nextTick(() => {
+                this.$refs.form.setForm(params)
+                this.canShow = params?.actType === '01'
+                this.$refs.form.clear()
+            })
+        },
+        setActNumber(params) {
+            this.$refs.form.setForm(params)
+        },
+        getData() {
+            return this.$refs.form.getForm()
+        },
+        show() {
+            this.isSideShow = true
+        },
+        hide(form) {
+            if (this.isSideShow) {
+                this.save()
+                this.isSideShow = false
+            }
+        },
+        save() {
+            this.$emit('change', this.$refs.form.getForm(), this.model.id)
+        },
+        validate() {
+            return this.$refs.actTarget.validateForm() && this.$refs.form.validate()
+        },
+        clearCorn() {
+            this.$refs.form.setForm({
+                corn: '',
+                cornData: {
+                    day: [],
+                    hour: [],
+                    month: [],
+                    week: []
+                }
+            })
+        },
+        validCost(rule, value, callback) {
+            let valid = this.costValid
+            if (!valid) {
+                callback(new Error('请完善成本信息或清空成本信息'))
+            } else {
+                callback()
+            }
+        },
+        handleGetActNumber(form) {
+            let params = {
+                createUser: form.actInitiator,
+                type: this.isLoop ? 1 : 0
+            }
+            getActNumber(params).then(res => {
+                form.actNumber = res.data
+            })
+        }
+    }
+}
+</script>
+
+<style lang="less" scoped>
+.toggle {
+    cursor: pointer;
+}
+
+.folding {
+    display: none;
+}
+</style>