cnhis-design-vue 2.1.56 → 2.1.58

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

@@ -1,129 +1,129 @@
-<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>
+<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 +1,98 @@
-<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>
+<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>