cnhis-design-vue 0.2.63-beta → 0.3.1-beta

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

@@ -1,437 +0,0 @@
-<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>

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

@@ -1,129 +0,0 @@
-<template>
-  <div class="chat-event-notice">
-    <div class="notice-title">{{ noticeTitle }}</div>
-    <a-form :form="form">
-      <a-form-item :label="i18nText('1.9.455')">
-        <a-checkbox-group @change="handleTypeChange" :options="messageTypeList" v-decorator="[`messageTypes`]" />
-      </a-form-item>
-      <a-form-item v-if="includeWx">
-        <a-select @change="handleTemplateChange" v-decorator="[`templateId`]" :placeholder="i18nText('1.9.456')" showSearch :filterOption="filterOption">
-          <a-select-option v-for="template in templateList" :key="template.id" :value="template.id">{{ template.name }}</a-select-option>
-        </a-select>
-      </a-form-item>
-      <template v-if="includeWx">
-        <a-form-item v-for="keyword in keywords" :key="keyword" :label="keyword">
-          <a-input v-decorator="[`${keyword}-value`]" />
-        </a-form-item>
-      </template>
-      <a-form-item :label="i18nText('1.9.457')">
-        <a-textarea :placeholder="i18nText('1.9.40') + '...'" :rows="6" v-decorator="[`messageContext`]" />
-      </a-form-item>
-    </a-form>
-  </div>
-</template>
-
-<script>
-import vexutils from '@/utils/vexutils';
-import { Checkbox, Form, Input, Select } from 'ant-design-vue';
-
-export default {
-  inject: ['i18nText'],
-  components: {
-    [Form.name]: Form,
-    [Form.Item.name]: Form.Item,
-    [Checkbox.Group.name]: Checkbox.Group,
-    [Select.name]: Select,
-    [Select.Option.name]: Select.Option,
-    [Input.name]: Input,
-    [Input.TextArea.name]: Input.TextArea
-  },
-  data() {
-    return {
-      keywords: [],
-      includeWx: false
-    };
-  },
-  props: {
-    userSide: {
-      type: String,
-      default: 'client'
-    },
-    templateList: {
-      type: Array,
-      default: () => []
-    }
-  },
-  computed: {
-    noticeTitle() {
-      if (this.userSide === 'client') {
-        return this.i18nText('1.6.8');
-      } else {
-        return this.i18nText('1.9.458');
-      }
-    },
-    messageTypeList() {
-      if (this.userSide === 'service') {
-        return [
-          {
-            label: this.i18nText('1.9.459'),
-            value: 'XITS'
-          },
-          {
-            label: this.i18nText('1.14.36'),
-            value: 'ZN'
-          }
-        ];
-      } else {
-        return [
-          {
-            label: this.i18nText('1.9.459'),
-            value: 'XITS'
-          },
-          {
-            label: this.i18nText('1.9.460'),
-            value: 'WX'
-          }
-        ];
-      }
-    }
-  },
-  beforeCreate() {
-    this.form = this.$form.createForm(this, { name: 'strategy-condition' });
-  },
-  methods: {
-    filterOption(...args) {
-      return vexutils.filterOption.apply(this, args);
-    },
-    handleTypeChange(types) {
-      if (types.includes('WX')) {
-        this.includeWx = true;
-      } else {
-        this.includeWx = false;
-      }
-    },
-    handleTemplateChange(id) {
-      let template = this.templateList.find(item => item.id === id);
-      // 获取模板参数
-      let matchs = template?.content?.match(/\$\{(.*?)\}/g);
-      let keywords = [];
-      matchs &&
-        matchs.forEach(item => {
-          let match = item.match(/\$\{(.*)\}/);
-          keywords.push(match[1]);
-        });
-      this.keywords = keywords;
-    }
-  }
-};
-</script>
-
-<style lang="less" scoped>
-.chat-event-notice {
-  margin-top: 24px;
-  .notice-title {
-    line-height: 22px;
-    font-size: 16px;
-    color: #2e2e2e;
-  }
-}
-</style>

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

@@ -1,98 +0,0 @@
-<template>
-  <div class="chat-event-strategy">
-    <div class="strategy-title">
-      {{ i18nText("1.9.461") }}{{ strategyIndex + 1 }}
-      <a-icon type="close" class="close-icon" @click="handleStrategyRemove" />
-    </div>
-    <div class="strategy-main">
-      <condition
-        ref="condition"
-        :baseSetting="baseSetting"
-        v-if="typeList.length > 0"
-        :typeList="typeList"
-      ></condition>
-      <a-select
-        style="width: 100%;margin-top: 15px;"
-        v-model="triggerAction"
-        placeholder="选择事件"
-      >
-        <a-select-option value="CLOSE_SESSION">关闭会话</a-select-option>
-      </a-select>
-      <a-row :gutter="50">
-        <a-col :span="12">
-          <notice userSide="service" v-bind="$attrs" ref="service"></notice>
-        </a-col>
-        <a-col :span="12">
-          <notice userSide="client" v-bind="$attrs" ref="client"></notice>
-        </a-col>
-      </a-row>
-    </div>
-  </div>
-</template>
-
-<script>
-import { Col, Icon, Row, Select } from 'ant-design-vue';
-import Condition from "./condition";
-import Notice from "./notice";
-export default {
-  inject: ["i18nText"],
-  data() {
-    return {
-      triggerAction: ""
-    };
-  },
-  props: {
-    strategyIndex: {
-      type: Number,
-      default: 1
-    },
-    strategyUid: {
-      type: Number
-    },
-    typeList: {
-      type: Array,
-      default: () => []
-    },
-    baseSetting: {
-      type: Object,
-      default: () => ({})
-    }
-  },
-  methods: {
-    handleStrategyRemove() {
-      this.$emit("handleStrategyRemove", this.strategyUid);
-    }
-  },
-  components: {
-    [Select.name]: Select,
-    [Select.Option.name]: Select.Option,
-    [Row.name]: Row,
-    [Col.name]: Col,
-    [Icon.name]: Icon,
-    Condition,
-    Notice
-  }
-};
-</script>
-
-<style lang="less" scoped>
-.chat-event-strategy {
-  margin-top: 16px;
-  background: rgba(210, 217, 232, 0.19);
-  .strategy-title {
-    display: flex;
-    align-items: center;
-    height: 40px;
-    padding: 0 16px;
-    color: #506493;
-    font-size: 14px;
-    border-bottom: 1px solid #b8c5e2;
-    .close-icon {
-      margin-left: auto;
-    }
-  }
-  .strategy-main {
-    padding: 15px;
-  }
-}
-</style>