cnhis-design-vue 2.1.78 → 2.1.80

package/packages/multi-chat/setting/event/edit/index.vue

@@ -1,437 +1,437 @@
-<template>
-  <div class="chat-event-edit">
-    <div class="main-content">
-      <a-form :form="form">
-        <a-form-item :label="i18nText('1.9.445')" style="width: 210px;">
-          <a-input
-            v-decorator="[
-              'name',
-              {
-                rules: [{ required: true, message: `${i18nText('1.9.446')}!` }]
-              }
-            ]"
-            :placeholder="i18nText('1.9.446')"
-          />
-        </a-form-item>
-        <a-form-item :label="i18nText('1.9.447')">
-          <a-radio-group v-decorator="['event_type', { initialValue: 'ACTION' }]" @change="handleEventTypeChange">
-            <a-radio value="ACTION">{{ i18nText('1.9.448') }}</a-radio>
-            <a-radio value="MONITOR">{{ i18nText('1.9.449') }}</a-radio>
-          </a-radio-group>
-        </a-form-item>
-        <a-form-item :label="i18nText('1.9.450')" has-feedback style="width: 400px;" v-if="eventType === 'ACTION'">
-          <a-select
-            v-decorator="[
-              'specificAction',
-              {
-                rules: [{ required: true, message: `${i18nText('1.9.451')}!` }]
-              }
-            ]"
-            :placeholder="i18nText('1.9.451')"
-            @change="handleSpecificChange"
-            showSearch
-            :filterOption="filterOption"
-          >
-            <a-select-option v-for="action in specificActions" :key="action.action" :value="action.action">{{ action.desc }}</a-select-option>
-          </a-select>
-        </a-form-item>
-        <a-form-item :label="i18nText('1.9.452')" has-feedback style="width: 400px;" v-if="eventType === 'MONITOR'">
-          <a-select
-            v-decorator="[
-              'specificAction',
-              {
-                rules: [{ required: true, message: `${i18nText('1.9.453')}!` }]
-              }
-            ]"
-            :placeholder="i18nText('1.9.453')"
-            @change="handleSpecificChange"
-            showSearch
-            :filterOption="filterOption"
-          >
-            <a-select-option v-for="event in specificEvents" :key="event.action" :value="event.action">{{ event.desc }}</a-select-option>
-          </a-select>
-        </a-form-item>
-      </a-form>
-      <strategy
-        v-for="(item, index) in strategies"
-        ref="strategy"
-        :key="item"
-        :strategyIndex="index"
-        :templateList="templateList"
-        :strategyUid="item"
-        :typeList="typeList"
-        :baseSetting="baseSetting"
-        @handleStrategyRemove="handleStrategyRemove"
-      ></strategy>
-      <a-button type="primary" style="margin: 10px 0;" @click="handleStrategyAdd">{{ i18nText('1.9.454') }}</a-button>
-    </div>
-    <div class="form-bottom">
-      <a-button @click="handleCancel">{{ i18nText('1.1.1.1.7') }}</a-button>
-      <a-button type="primary" @click="handleSubmit" style="margin-left: 10px;">{{ i18nText('3.5.29') }}</a-button>
-    </div>
-  </div>
-</template>
-
-<script>
-import Strategy from './strategy';
-import fetch, { qs } from '@/utils/chatFetch';
-import vexutils from '@/utils/vexutils';
-import { Button, Form, Input, Radio, Select } from 'ant-design-vue';
-
-export default {
-  name: 'event-edit',
-  inject: ['i18nText'],
-  data() {
-    return {
-      strategyUid: 0,
-      strategies: [],
-      templateList: [],
-      eventType: 'ACTION',
-      submitData: { setting: {} },
-      typeList: [],
-      checkFailed: false,
-      baseSetting: {}
-    };
-  },
-  props: {
-    assemblyId: {
-      type: String
-    },
-    id: {
-      type: [String, Number]
-    },
-    configMap: {
-      type: Object,
-      default: () => {}
-    }
-  },
-  computed: {
-    specificActions() {
-      return this.configMap.Action;
-    },
-    specificEvents() {
-      return this.configMap.EVENT;
-    }
-  },
-  beforeCreate() {
-    this.form = this.$form.createForm(this, { name: 'event-edit' });
-  },
-  methods: {
-    filterOption(...args) {
-      return vexutils.filterOption.apply(this, args);
-    },
-    /* 动作或监听的策略条件 */
-    handleSpecificChange(value) {
-      let specifics = this.eventType === 'ACTION' ? this.specificActions : this.specificEvents;
-      this.typeList = specifics.find(item => item.action === value).typeList || [];
-    },
-    handleSubmit() {
-      this.form.validateFields((err, values) => {
-        if (err) return;
-        let { name, event_type, specificAction } = values;
-        Object.assign(this.submitData, { name, eventType: event_type });
-        this.submitData.setting.specificAction = specificAction;
-        let strategies = this.$refs.strategy;
-        this.handleStrategyData(strategies);
-        // if (this.checkFailed) return;
-        const submitData = { ...this.submitData };
-        submitData.setting = JSON.stringify(this.submitData.setting);
-        submitData.assemblyId = this.assemblyId;
-        if (this.id) {
-          submitData.id = this.id;
-        }
-        this.handleEventSave(submitData);
-      });
-    },
-    /* 策略数据处理 */
-    handleStrategyData(strategies) {
-      if (!strategies) {
-        return;
-      }
-      console.log(strategies, `strategies`);
-      let items = strategies.reduce((items, strategy, index) => {
-        let { condition, service, client } = strategy.$refs;
-        let conditions = this.handleConditionData(condition);
-        let serviceMessageList = this.handleNoticeData(service);
-        let clientMessageList = this.handleNoticeData(client);
-        items.push({
-          index,
-          condition: conditions,
-          serviceMessageList,
-          clientMessageList,
-          triggerAction: strategy.triggerAction
-        });
-        return items;
-      }, []);
-      this.submitData.setting.items = items;
-    },
-    /* 保存事件 */
-    handleEventSave(submitData) {
-      fetch.post('/chat/event/saveEvent', qs.stringify(submitData)).then(({ data }) => {
-        if (data.result === 'SUCCESS') {
-          this.$message.success(this.i18nText('1.6.6'));
-          this.$emit('handleEditClose');
-        }
-      });
-    },
-    /* 处理通知数据 */
-    handleNoticeData(component) {
-      let { form } = component;
-      let messageList = [];
-      form.validateFields((err, values) => {
-        // if (err) {
-        //   this.checkFailed = true;
-        //   return;
-        // }
-        // this.checkFailed = false;
-        let { messageTypes = [], messageContext } = values;
-        console.log(messageTypes, `messageList`);
-        messageList = messageTypes.reduce((list, messageType) => {
-          let messageObj = { messageType };
-          if (messageType !== 'WX') {
-            Object.assign(messageObj, { messageContext });
-          } else {
-            let { templateId } = values;
-            let { keywords } = component;
-            let wx_info = { templateId };
-            console.log(keywords, `keywords`);
-            let keywordsObj = keywords.reduce((list, keyword) => {
-              list.push({
-                keyword,
-                value: values[`${keyword}-value`]
-              });
-              return list;
-            }, []);
-            Object.assign(wx_info, { keywords: keywordsObj });
-            Object.assign(messageObj, { wx_info });
-          }
-          list.push(messageObj);
-          return list;
-        }, []);
-      });
-      return messageList;
-    },
-    /* 策略条件 */
-    handleConditionData(condition) {
-      if (!condition) {
-        return;
-      }
-      let { form, conditions } = condition;
-      let result = [];
-      form.validateFields((err, values) => {
-        if (err) return;
-        console.log(conditions, `conditions`);
-        result = conditions.reduce((result, uid) => {
-          result.push({
-            fieldKey: values[`fieldKey-${uid}`],
-            con: values[`con-${uid}`],
-            value: values[`value-${uid}`]
-          });
-          return result;
-        }, []);
-      });
-      return result;
-    },
-    handleCancel() {
-      this.$emit('handleEditClose');
-    },
-    handleEventTypeChange(e) {
-      this.eventType = e.target.value;
-    },
-    handleStrategyAdd() {
-      this.strategies.push(++this.strategyUid);
-    },
-    handleStrategyRemove(uid) {
-      let realIndex = this.strategies.findIndex(item => item === uid);
-      this.strategies.splice(realIndex, 1);
-    },
-    /* 获取消息模板列表 */
-    getTemplateList() {
-      return fetch.post('/noticeTemplate/list').then(({ data }) => {
-        if (data.result === 'SUCCESS') {
-          this.templateList = data.list;
-        }
-      });
-    },
-    /* 新增或编辑统一入口 */
-    async init(id) {
-      await this.getTemplateList();
-      this.getBaseInfo();
-      if (!id) {
-        return;
-      }
-      let data = await this.getEventData();
-      this.fillEventData(data);
-    },
-    /* 事件详细 */
-    getEventData() {
-      return fetch
-        .get('/chat/event/getChatAsssemblyEventId', {
-          params: { id: this.id }
-        })
-        .then(({ data }) => {
-          if (data.result === 'SUCCESS') {
-            return data.map.chatAsssemblyEvent;
-          }
-        });
-    },
-    /* 填充事件编辑数据 */
-    fillEventData(data) {
-      let { name, eventType: event_type, setting } = data;
-      let { specificAction, items } = JSON.parse(setting);
-      this.$nextTick().then(() => {
-        this.form.setFieldsValue({
-          name,
-          event_type
-        });
-      });
-      this.eventType = event_type;
-      this.handleSpecificChange(specificAction);
-      this.$nextTick().then(() => {
-        this.form.setFieldsValue({
-          specificAction
-        });
-      });
-      if (Array.isArray(items)) {
-        items.forEach(() => {
-          this.strategies.push(++this.strategyUid);
-        });
-        this.$nextTick().then(() => {
-          let strategies = this.$refs.strategy;
-          items.forEach((item, index) => {
-            let { condition, service, client } = strategies[index].$refs;
-            this.fillConditionData(condition, item.condition);
-            this.fillNoticeData(service, item.serviceMessageList);
-            this.fillNoticeData(client, item.clientMessageList);
-            strategies[index].triggerAction = item.triggerAction;
-          });
-        });
-      }
-    },
-    fillNoticeData(component, data) {
-      let { form } = component;
-      let messageTypes = [];
-      let messageContext = '';
-      let templateId = '';
-      let keywords = [];
-      data.forEach(item => {
-        let { messageType } = item;
-        messageTypes.push(messageType);
-        if (messageType !== 'WX') {
-          messageContext = item.messageContext;
-        } else {
-          component.includeWx = true;
-          templateId = item.wx_info.templateId;
-          keywords = item.wx_info.keywords;
-          component.handleTemplateChange(templateId);
-        }
-      });
-      this.$nextTick()
-        .then(() => {
-          form.setFieldsValue({ messageContext, messageTypes, templateId });
-        })
-        .then(() => {
-          keywords.forEach(item => {
-            form.setFieldsValue({
-              [`${item.keyword}-value`]: item.value
-            });
-          });
-        });
-    },
-    fillConditionData(component, data) {
-      if (!component) {
-        return;
-      }
-      data.forEach((item, index) => {
-        if (index > 0) {
-          component.conditions.push(++component.conditionUid);
-        }
-      });
-      this.$nextTick().then(() => {
-        let { form, conditions } = component;
-        conditions.forEach((condition, index) => {
-          component.handleFieldKeyChange(condition);
-          form.setFieldsValue({
-            [`fieldKey-${condition}`]: data[index].fieldKey,
-            [`con-${condition}`]: data[index].con,
-            [`value-${condition}`]: data[index].value
-          });
-        });
-      });
-    },
-    /* 获取聊天的基础配置信息 */
-    getBaseInfo() {
-      fetch
-        .get('/chat/event/getSysBaseInformation', {
-          params: {
-            assemblyId: this.assemblyId,
-            type: 'BASE_INFORMATION'
-          }
-        })
-        .then(({ data }) => {
-          if (data.result === 'SUCCESS') {
-            let info = data.map.imformation[0];
-            if (info) {
-              let setting = info.settingObj;
-              this.$set(this, 'baseSetting', setting);
-            }
-          }
-        });
-    }
-  },
-  components: {
-    [Input.name]: Input,
-    [Form.name]: Form,
-    [Form.Item.name]: Form.Item,
-    [Radio.name]: Radio,
-    [Radio.Group.name]: Radio.Group,
-    [Button.name]: Button,
-    [Select.name]: Select,
-    [Select.Option.name]: Select.Option,
-    Strategy
-  },
-  watch: {
-    id: {
-      immediate: true,
-      handler(id) {
-        this.init(id);
-      }
-    }
-  }
-};
-</script>
-
-<style lang="less" scoped>
-.chat-event-edit {
-  height: 100%;
-  display: flex;
-  flex-direction: column;
-  /deep/ .ant-form-item {
-    margin-bottom: 0;
-  }
-  .main-content {
-    flex: 1;
-    overflow-y: auto;
-    overflow-x: hidden;
-    &::-webkit-scrollbar {
-      width: 5px;
-    }
-  }
-  .form-bottom {
-    display: flex;
-    align-items: center;
-    margin-top: auto;
-    margin-left: -15px;
-    padding-left: 15px;
-    height: 49px;
-  }
-}
-</style>
-<style lang="less">
-.chat-event-drawer {
-  .ant-drawer-body {
-    height: calc(100% - 55px);
-    padding-bottom: 0;
-  }
-}
-</style>
+<template>
+  <div class="chat-event-edit">
+    <div class="main-content">
+      <a-form :form="form">
+        <a-form-item :label="i18nText('1.9.445')" style="width: 210px;">
+          <a-input
+            v-decorator="[
+              'name',
+              {
+                rules: [{ required: true, message: `${i18nText('1.9.446')}!` }]
+              }
+            ]"
+            :placeholder="i18nText('1.9.446')"
+          />
+        </a-form-item>
+        <a-form-item :label="i18nText('1.9.447')">
+          <a-radio-group v-decorator="['event_type', { initialValue: 'ACTION' }]" @change="handleEventTypeChange">
+            <a-radio value="ACTION">{{ i18nText('1.9.448') }}</a-radio>
+            <a-radio value="MONITOR">{{ i18nText('1.9.449') }}</a-radio>
+          </a-radio-group>
+        </a-form-item>
+        <a-form-item :label="i18nText('1.9.450')" has-feedback style="width: 400px;" v-if="eventType === 'ACTION'">
+          <a-select
+            v-decorator="[
+              'specificAction',
+              {
+                rules: [{ required: true, message: `${i18nText('1.9.451')}!` }]
+              }
+            ]"
+            :placeholder="i18nText('1.9.451')"
+            @change="handleSpecificChange"
+            showSearch
+            :filterOption="filterOption"
+          >
+            <a-select-option v-for="action in specificActions" :key="action.action" :value="action.action">{{ action.desc }}</a-select-option>
+          </a-select>
+        </a-form-item>
+        <a-form-item :label="i18nText('1.9.452')" has-feedback style="width: 400px;" v-if="eventType === 'MONITOR'">
+          <a-select
+            v-decorator="[
+              'specificAction',
+              {
+                rules: [{ required: true, message: `${i18nText('1.9.453')}!` }]
+              }
+            ]"
+            :placeholder="i18nText('1.9.453')"
+            @change="handleSpecificChange"
+            showSearch
+            :filterOption="filterOption"
+          >
+            <a-select-option v-for="event in specificEvents" :key="event.action" :value="event.action">{{ event.desc }}</a-select-option>
+          </a-select>
+        </a-form-item>
+      </a-form>
+      <strategy
+        v-for="(item, index) in strategies"
+        ref="strategy"
+        :key="item"
+        :strategyIndex="index"
+        :templateList="templateList"
+        :strategyUid="item"
+        :typeList="typeList"
+        :baseSetting="baseSetting"
+        @handleStrategyRemove="handleStrategyRemove"
+      ></strategy>
+      <a-button type="primary" style="margin: 10px 0;" @click="handleStrategyAdd">{{ i18nText('1.9.454') }}</a-button>
+    </div>
+    <div class="form-bottom">
+      <a-button @click="handleCancel">{{ i18nText('1.1.1.1.7') }}</a-button>
+      <a-button type="primary" @click="handleSubmit" style="margin-left: 10px;">{{ i18nText('3.5.29') }}</a-button>
+    </div>
+  </div>
+</template>
+
+<script>
+import Strategy from './strategy';
+import fetch, { qs } from '@/utils/chatFetch';
+import vexutils from '@/utils/vexutils';
+import { Button, Form, Input, Radio, Select } from 'ant-design-vue';
+
+export default {
+  name: 'event-edit',
+  inject: ['i18nText'],
+  data() {
+    return {
+      strategyUid: 0,
+      strategies: [],
+      templateList: [],
+      eventType: 'ACTION',
+      submitData: { setting: {} },
+      typeList: [],
+      checkFailed: false,
+      baseSetting: {}
+    };
+  },
+  props: {
+    assemblyId: {
+      type: String
+    },
+    id: {
+      type: [String, Number]
+    },
+    configMap: {
+      type: Object,
+      default: () => {}
+    }
+  },
+  computed: {
+    specificActions() {
+      return this.configMap.Action;
+    },
+    specificEvents() {
+      return this.configMap.EVENT;
+    }
+  },
+  beforeCreate() {
+    this.form = this.$form.createForm(this, { name: 'event-edit' });
+  },
+  methods: {
+    filterOption(...args) {
+      return vexutils.filterOption.apply(this, args);
+    },
+    /* 动作或监听的策略条件 */
+    handleSpecificChange(value) {
+      let specifics = this.eventType === 'ACTION' ? this.specificActions : this.specificEvents;
+      this.typeList = specifics.find(item => item.action === value).typeList || [];
+    },
+    handleSubmit() {
+      this.form.validateFields((err, values) => {
+        if (err) return;
+        let { name, event_type, specificAction } = values;
+        Object.assign(this.submitData, { name, eventType: event_type });
+        this.submitData.setting.specificAction = specificAction;
+        let strategies = this.$refs.strategy;
+        this.handleStrategyData(strategies);
+        // if (this.checkFailed) return;
+        const submitData = { ...this.submitData };
+        submitData.setting = JSON.stringify(this.submitData.setting);
+        submitData.assemblyId = this.assemblyId;
+        if (this.id) {
+          submitData.id = this.id;
+        }
+        this.handleEventSave(submitData);
+      });
+    },
+    /* 策略数据处理 */
+    handleStrategyData(strategies) {
+      if (!strategies) {
+        return;
+      }
+      console.log(strategies, `strategies`);
+      let items = strategies.reduce((items, strategy, index) => {
+        let { condition, service, client } = strategy.$refs;
+        let conditions = this.handleConditionData(condition);
+        let serviceMessageList = this.handleNoticeData(service);
+        let clientMessageList = this.handleNoticeData(client);
+        items.push({
+          index,
+          condition: conditions,
+          serviceMessageList,
+          clientMessageList,
+          triggerAction: strategy.triggerAction
+        });
+        return items;
+      }, []);
+      this.submitData.setting.items = items;
+    },
+    /* 保存事件 */
+    handleEventSave(submitData) {
+      fetch.post('/chat/event/saveEvent', qs.stringify(submitData)).then(({ data }) => {
+        if (data.result === 'SUCCESS') {
+          this.$message.success(this.i18nText('1.6.6'));
+          this.$emit('handleEditClose');
+        }
+      });
+    },
+    /* 处理通知数据 */
+    handleNoticeData(component) {
+      let { form } = component;
+      let messageList = [];
+      form.validateFields((err, values) => {
+        // if (err) {
+        //   this.checkFailed = true;
+        //   return;
+        // }
+        // this.checkFailed = false;
+        let { messageTypes = [], messageContext } = values;
+        console.log(messageTypes, `messageList`);
+        messageList = messageTypes.reduce((list, messageType) => {
+          let messageObj = { messageType };
+          if (messageType !== 'WX') {
+            Object.assign(messageObj, { messageContext });
+          } else {
+            let { templateId } = values;
+            let { keywords } = component;
+            let wx_info = { templateId };
+            console.log(keywords, `keywords`);
+            let keywordsObj = keywords.reduce((list, keyword) => {
+              list.push({
+                keyword,
+                value: values[`${keyword}-value`]
+              });
+              return list;
+            }, []);
+            Object.assign(wx_info, { keywords: keywordsObj });
+            Object.assign(messageObj, { wx_info });
+          }
+          list.push(messageObj);
+          return list;
+        }, []);
+      });
+      return messageList;
+    },
+    /* 策略条件 */
+    handleConditionData(condition) {
+      if (!condition) {
+        return;
+      }
+      let { form, conditions } = condition;
+      let result = [];
+      form.validateFields((err, values) => {
+        if (err) return;
+        console.log(conditions, `conditions`);
+        result = conditions.reduce((result, uid) => {
+          result.push({
+            fieldKey: values[`fieldKey-${uid}`],
+            con: values[`con-${uid}`],
+            value: values[`value-${uid}`]
+          });
+          return result;
+        }, []);
+      });
+      return result;
+    },
+    handleCancel() {
+      this.$emit('handleEditClose');
+    },
+    handleEventTypeChange(e) {
+      this.eventType = e.target.value;
+    },
+    handleStrategyAdd() {
+      this.strategies.push(++this.strategyUid);
+    },
+    handleStrategyRemove(uid) {
+      let realIndex = this.strategies.findIndex(item => item === uid);
+      this.strategies.splice(realIndex, 1);
+    },
+    /* 获取消息模板列表 */
+    getTemplateList() {
+      return fetch.post('/noticeTemplate/list').then(({ data }) => {
+        if (data.result === 'SUCCESS') {
+          this.templateList = data.list;
+        }
+      });
+    },
+    /* 新增或编辑统一入口 */
+    async init(id) {
+      await this.getTemplateList();
+      this.getBaseInfo();
+      if (!id) {
+        return;
+      }
+      let data = await this.getEventData();
+      this.fillEventData(data);
+    },
+    /* 事件详细 */
+    getEventData() {
+      return fetch
+        .get('/chat/event/getChatAsssemblyEventId', {
+          params: { id: this.id }
+        })
+        .then(({ data }) => {
+          if (data.result === 'SUCCESS') {
+            return data.map.chatAsssemblyEvent;
+          }
+        });
+    },
+    /* 填充事件编辑数据 */
+    fillEventData(data) {
+      let { name, eventType: event_type, setting } = data;
+      let { specificAction, items } = JSON.parse(setting);
+      this.$nextTick().then(() => {
+        this.form.setFieldsValue({
+          name,
+          event_type
+        });
+      });
+      this.eventType = event_type;
+      this.handleSpecificChange(specificAction);
+      this.$nextTick().then(() => {
+        this.form.setFieldsValue({
+          specificAction
+        });
+      });
+      if (Array.isArray(items)) {
+        items.forEach(() => {
+          this.strategies.push(++this.strategyUid);
+        });
+        this.$nextTick().then(() => {
+          let strategies = this.$refs.strategy;
+          items.forEach((item, index) => {
+            let { condition, service, client } = strategies[index].$refs;
+            this.fillConditionData(condition, item.condition);
+            this.fillNoticeData(service, item.serviceMessageList);
+            this.fillNoticeData(client, item.clientMessageList);
+            strategies[index].triggerAction = item.triggerAction;
+          });
+        });
+      }
+    },
+    fillNoticeData(component, data) {
+      let { form } = component;
+      let messageTypes = [];
+      let messageContext = '';
+      let templateId = '';
+      let keywords = [];
+      data.forEach(item => {
+        let { messageType } = item;
+        messageTypes.push(messageType);
+        if (messageType !== 'WX') {
+          messageContext = item.messageContext;
+        } else {
+          component.includeWx = true;
+          templateId = item.wx_info.templateId;
+          keywords = item.wx_info.keywords;
+          component.handleTemplateChange(templateId);
+        }
+      });
+      this.$nextTick()
+        .then(() => {
+          form.setFieldsValue({ messageContext, messageTypes, templateId });
+        })
+        .then(() => {
+          keywords.forEach(item => {
+            form.setFieldsValue({
+              [`${item.keyword}-value`]: item.value
+            });
+          });
+        });
+    },
+    fillConditionData(component, data) {
+      if (!component) {
+        return;
+      }
+      data.forEach((item, index) => {
+        if (index > 0) {
+          component.conditions.push(++component.conditionUid);
+        }
+      });
+      this.$nextTick().then(() => {
+        let { form, conditions } = component;
+        conditions.forEach((condition, index) => {
+          component.handleFieldKeyChange(condition);
+          form.setFieldsValue({
+            [`fieldKey-${condition}`]: data[index].fieldKey,
+            [`con-${condition}`]: data[index].con,
+            [`value-${condition}`]: data[index].value
+          });
+        });
+      });
+    },
+    /* 获取聊天的基础配置信息 */
+    getBaseInfo() {
+      fetch
+        .get('/chat/event/getSysBaseInformation', {
+          params: {
+            assemblyId: this.assemblyId,
+            type: 'BASE_INFORMATION'
+          }
+        })
+        .then(({ data }) => {
+          if (data.result === 'SUCCESS') {
+            let info = data.map.imformation[0];
+            if (info) {
+              let setting = info.settingObj;
+              this.$set(this, 'baseSetting', setting);
+            }
+          }
+        });
+    }
+  },
+  components: {
+    [Input.name]: Input,
+    [Form.name]: Form,
+    [Form.Item.name]: Form.Item,
+    [Radio.name]: Radio,
+    [Radio.Group.name]: Radio.Group,
+    [Button.name]: Button,
+    [Select.name]: Select,
+    [Select.Option.name]: Select.Option,
+    Strategy
+  },
+  watch: {
+    id: {
+      immediate: true,
+      handler(id) {
+        this.init(id);
+      }
+    }
+  }
+};
+</script>
+
+<style lang="less" scoped>
+.chat-event-edit {
+  height: 100%;
+  display: flex;
+  flex-direction: column;
+  /deep/ .ant-form-item {
+    margin-bottom: 0;
+  }
+  .main-content {
+    flex: 1;
+    overflow-y: auto;
+    overflow-x: hidden;
+    &::-webkit-scrollbar {
+      width: 5px;
+    }
+  }
+  .form-bottom {
+    display: flex;
+    align-items: center;
+    margin-top: auto;
+    margin-left: -15px;
+    padding-left: 15px;
+    height: 49px;
+  }
+}
+</style>
+<style lang="less">
+.chat-event-drawer {
+  .ant-drawer-body {
+    height: calc(100% - 55px);
+    padding-bottom: 0;
+  }
+}
+</style>