cnhis-design-vue 2.2.3 → 2.2.5

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

@@ -1,128 +0,0 @@
-<template>
-  <div class="chat-strategy-condition">
-    <a-form :form="form">
-      <div v-for="item in conditions" :key="item" class="condition-item">
-        <a-form-item has-feedback style="width: 210px;">
-          <a-select v-decorator="[`fieldKey-${item}`]" :placeholder="i18nText('1.9.442')" showSearch :filterOption="filterOption" @change="() => handleFieldKeyChange(item, 'onChange')">
-            <a-select-option v-for="type in typeList" :key="type.specific" :value="type.specific">{{ type.desc }}</a-select-option>
-          </a-select>
-        </a-form-item>
-        <a-form-item has-feedback style="width: 140px;">
-          <a-select v-decorator="[`con-${item}`]" :placeholder="i18nText('1.9.443')" showSearch :filterOption="filterOption">
-            <a-select-option v-for="con in conList[item]" :key="con.con" :value="con.con">{{ con.desc }}</a-select-option>
-          </a-select>
-        </a-form-item>
-        <a-form-item style="width: 100px;">
-          <slot v-if="checkedTypeList[item] && checkedTypeList[item] === 'SERVICE_STAFF_STATUS'">
-            <a-select v-decorator="[`value-${item}`]">
-              <a-select-option v-for="item in statusList" :key="item.status" :value="item.status">
-                {{ item.title }}
-              </a-select-option>
-            </a-select>
-          </slot>
-          <a-input v-else v-decorator="[`value-${item}`]" />
-        </a-form-item>
-        <a-icon type="close" @click="() => handleConditionRemove(item)" v-if="item !== 1" />
-      </div>
-    </a-form>
-    <a-button type="primary" ghost @click="handleConditionAdd">
-      <a-icon type="plus" />
-      {{ i18nText('1.9.444') }}
-    </a-button>
-  </div>
-</template>
-
-<script>
-import vexutils from '@/utils/vexutils';
-import { Button, Form, Icon, Input, Select } from 'ant-design-vue';
-
-export default {
-  inject: ['i18nText'],
-  components: {
-    [Form.Item.name]: Form.Item,
-    [Form.name]: Form,
-    [Select.name]: Select,
-    [Select.Option.name]: Select.Option,
-    [Input.name]: Input,
-    [Button.name]: Button,
-    [Icon.name]: Icon
-  },
-  data() {
-    return {
-      conditionUid: 1,
-      conditions: [1],
-      checkedTypeList: [undefined], // 选中的type list
-      conList: {}
-    };
-  },
-  props: {
-    typeList: {
-      type: Array,
-      default: () => []
-    },
-    baseSetting: {
-      type: Object,
-      default: () => ({})
-    }
-  },
-  computed: {
-    // ...mapGetters("multiChat", ["statusList"]),
-    statusList() {
-      let list = [];
-      let serviceState = this.baseSetting?.serverSetting?.serviceState || [];
-      list = serviceState.reduce((result, item) => {
-        let { enable, title, status, description, icon } = item;
-        if (enable) {
-          result.push({
-            title,
-            status,
-            description,
-            icon
-          });
-        }
-        return result;
-      }, []);
-      return list;
-    }
-  },
-  beforeCreate() {
-    this.form = this.$form.createForm(this, { name: 'strategy-condition' });
-  },
-  methods: {
-    filterOption(...args) {
-      return vexutils.filterOption.apply(this, args);
-    },
-    handleConditionAdd() {
-      this.conditions.push(++this.conditionUid);
-    },
-    handleConditionRemove(uid) {
-      let realIndex = this.conditions.findIndex(item => item === uid);
-      this.conditions.splice(realIndex, 1);
-    },
-    handleFieldKeyChange(item, type) {
-      this.$nextTick().then(() => {
-        let fieldKey = this.form.getFieldValue(`fieldKey-${item}`);
-        let checkedItem = this.typeList.find(item => item.specific === fieldKey);
-        if (type === 'onChange') {
-          this.form.resetFields(`value-${item}`);
-        }
-        this.checkedTypeList.splice(item, 1, fieldKey);
-        let conList = checkedItem.conList;
-        this.$set(this.conList, item, conList);
-      });
-    }
-  }
-};
-</script>
-
-<style lang="less" scoped>
-.chat-strategy-condition {
-  .condition-item {
-    display: flex;
-    align-items: center;
-    /deep/ .ant-form-item {
-      margin-right: 8px;
-    }
-  }
-}
-</style>

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>