cnhis-design-vue 2.1.58 → 2.1.59

package/packages/multi-chat/chat/client/index.vue

@@ -1,149 +1,149 @@
-<template>
-  <div class="clientIndex">
-    <a-spin :tip="`${i18nText('3.2.8')}...`" :spinning="spinning" style="width: 100%; height: 100%;">
-      <template v-if="!spinning">
-        <robotChat v-if="isRobot" :chatURL="chatURL" @goCustomServe="goCustomServe" />
-        <clientChat v-else v-bind="$attrs" :chatURL="chatURL" :isCustomServe="isCustomServe" />
-      </template>
-    </a-spin>
-  </div>
-</template>
-<script>
-import { Spin } from 'ant-design-vue';
-import create from '@/core/create';
-import { mapGetters, mapMutations } from '../../store/helper';
-import clientChat from './clientChat';
-import robotChat from '../robot/index';
-import { chatAuthentication } from '../../utils';
-import baseMix from '../mixins/base';
-import fetch, { qs } from '@/utils/chatFetch';
-
-export default create({
-  name: 'chat-client',
-  mixins: [baseMix],
-  components: {
-    [Spin.name]: Spin,
-    clientChat,
-    robotChat
-  },
-  props: {
-    // 鉴权id
-    cid: {
-      type: String
-    },
-    chatURL: {
-      type: String
-    },
-    assembly: {
-      type: String
-    }
-  },
-  data() {
-    return {
-      spinning: true,
-      isRobot: true,
-      isCustomServe: false,
-      clientChatISRobot: 'N'
-    };
-  },
-
-  computed: {
-    ...mapGetters(['assemblyId', 'accessParams', 'chatFlag', 'queryParams'])
-  },
-  watch: {
-    chatFlag: {
-      immediate: true,
-      handler(val) {
-        if (!val) return;
-        this.isRobot = false;
-        this.isCustomServe = true;
-      }
-    }
-  },
-  async created() {
-    // 聊天安全整改 增加权限校验
-    await chatAuthentication(this.cid);
-    this.init();
-  },
-  mounted() {},
-
-  // 方法
-  methods: {
-    ...mapMutations(['setAssemblyId', 'setRobotId', 'setChatMode', 'setMsgList', 'setClientChatISRobot', 'setChatFlag']),
-    async init() {
-      let query = JSON.parse(JSON.stringify(this.routeQuery));
-      if (this.isChatValidate(query)) return;
-      try {
-        await this.validateChat();
-        this.spinning = false;
-      } catch (err) {
-        this.spinning = false;
-      }
-    },
-    isChatValidate(query) {
-      let chatType = this.chatType;
-      if (!query.isOriginPage && !['serverlet', 'client'].includes(chatType)) {
-        return true;
-      }
-      return false;
-    },
-    validateChat() {
-      let url = '/chat/access/validate';
-      let query = JSON.parse(JSON.stringify(this.routeQuery));
-      let { isRobot } = query;
-      let params = { ...this.accessParams, ...this.queryParams };
-      this.clientChatISRobot = isRobot;
-      this.setClientChatISRobot(isRobot);
-      if (isRobot == 'Y') {
-        url = '/robot/access/validate';
-        query.robotId && this.setRobotId(query.robotId);
-        Object.assign(params, query);
-      } else {
-        let assembly = this.assembly || this.queryParams?.assemblyId;
-        assembly && this.setAssemblyId(assembly);
-        Object.assign(params, {
-          assemblyId: assembly
-        });
-      }
-      return fetch.post(url, qs.stringify(params)).then(({ data }) => {
-        if (data.result == 'SUCCESS') {
-          let { map } = data;
-          let { mode, robotId, assemblyId } = map;
-          this.setChatMode(mode);
-          if (this.clientChatISRobot == 'Y') {
-            if (mode != 'ROBOT') {
-              this.setAssemblyId(assemblyId);
-            }
-            if (mode == 'CHAT') {
-              this.setChatFlag(true);
-            }
-          } else {
-            this.handleChat(mode, robotId);
-          }
-        }
-      });
-    },
-    handleChat(mode, robotId) {
-      if (mode === 'CHAT') {
-        this.isRobot = false;
-      }
-      // 只要有robotId就需要保存
-      this.setRobotId(robotId || '');
-    },
-    goCustomServe() {
-      this.setMsgList([]);
-      this.isRobot = false;
-      this.isCustomServe = true;
-    }
-  }
-});
-</script>
-<style lang="less" scoped>
-.clientIndex {
-  width: 100%;
-  height: 100%;
-  /deep/ .ant-spin-container {
-    height: 100%;
-  }
-}
-</style>
+<template>
+  <div class="clientIndex">
+    <a-spin :tip="`${i18nText('3.2.8')}...`" :spinning="spinning" style="width: 100%; height: 100%;">
+      <template v-if="!spinning">
+        <robotChat v-if="isRobot" :chatURL="chatURL" @goCustomServe="goCustomServe" />
+        <clientChat v-else v-bind="$attrs" :chatURL="chatURL" :isCustomServe="isCustomServe" />
+      </template>
+    </a-spin>
+  </div>
+</template>
+<script>
+import { Spin } from 'ant-design-vue';
+import create from '@/core/create';
+import { mapGetters, mapMutations } from '../../store/helper';
+import clientChat from './clientChat';
+import robotChat from '../robot/index';
+import { chatAuthentication } from '../../utils';
+import baseMix from '../mixins/base';
+import fetch, { qs } from '@/utils/chatFetch';
+
+export default create({
+  name: 'chat-client',
+  mixins: [baseMix],
+  components: {
+    [Spin.name]: Spin,
+    clientChat,
+    robotChat
+  },
+  props: {
+    // 鉴权id
+    cid: {
+      type: String
+    },
+    chatURL: {
+      type: String
+    },
+    assembly: {
+      type: String
+    }
+  },
+  data() {
+    return {
+      spinning: true,
+      isRobot: true,
+      isCustomServe: false,
+      clientChatISRobot: 'N'
+    };
+  },
+
+  computed: {
+    ...mapGetters(['assemblyId', 'accessParams', 'chatFlag', 'queryParams'])
+  },
+  watch: {
+    chatFlag: {
+      immediate: true,
+      handler(val) {
+        if (!val) return;
+        this.isRobot = false;
+        this.isCustomServe = true;
+      }
+    }
+  },
+  async created() {
+    // 聊天安全整改 增加权限校验
+    await chatAuthentication(this.cid);
+    this.init();
+  },
+  mounted() {},
+
+  // 方法
+  methods: {
+    ...mapMutations(['setAssemblyId', 'setRobotId', 'setChatMode', 'setMsgList', 'setClientChatISRobot', 'setChatFlag']),
+    async init() {
+      let query = JSON.parse(JSON.stringify(this.routeQuery));
+      if (this.isChatValidate(query)) return;
+      try {
+        await this.validateChat();
+        this.spinning = false;
+      } catch (err) {
+        this.spinning = false;
+      }
+    },
+    isChatValidate(query) {
+      let chatType = this.chatType;
+      if (!query.isOriginPage && !['serverlet', 'client'].includes(chatType)) {
+        return true;
+      }
+      return false;
+    },
+    validateChat() {
+      let url = '/chat/access/validate';
+      let query = JSON.parse(JSON.stringify(this.routeQuery));
+      let { isRobot } = query;
+      let params = { ...this.accessParams, ...this.queryParams };
+      this.clientChatISRobot = isRobot;
+      this.setClientChatISRobot(isRobot);
+      if (isRobot == 'Y') {
+        url = '/robot/access/validate';
+        query.robotId && this.setRobotId(query.robotId);
+        Object.assign(params, query);
+      } else {
+        let assembly = this.assembly || this.queryParams?.assemblyId;
+        assembly && this.setAssemblyId(assembly);
+        Object.assign(params, {
+          assemblyId: assembly
+        });
+      }
+      return fetch.post(url, qs.stringify(params)).then(({ data }) => {
+        if (data.result == 'SUCCESS') {
+          let { map } = data;
+          let { mode, robotId, assemblyId } = map;
+          this.setChatMode(mode);
+          if (this.clientChatISRobot == 'Y') {
+            if (mode != 'ROBOT') {
+              this.setAssemblyId(assemblyId);
+            }
+            if (mode == 'CHAT') {
+              this.setChatFlag(true);
+            }
+          } else {
+            this.handleChat(mode, robotId);
+          }
+        }
+      });
+    },
+    handleChat(mode, robotId) {
+      if (mode === 'CHAT') {
+        this.isRobot = false;
+      }
+      // 只要有robotId就需要保存
+      this.setRobotId(robotId || '');
+    },
+    goCustomServe() {
+      this.setMsgList([]);
+      this.isRobot = false;
+      this.isCustomServe = true;
+    }
+  }
+});
+</script>
+<style lang="less" scoped>
+.clientIndex {
+  width: 100%;
+  height: 100%;
+  /deep/ .ant-spin-container {
+    height: 100%;
+  }
+}
+</style>

package/packages/multi-chat/chat/delay.vue

@@ -1,177 +1,177 @@
-<template>
-  <div class="chat-delay">
-    <div class="header">{{ delay.toName }} {{ i18nText('1.9.378') }} </div>
-    <div class="count-down">
-      <span class="title"> {{ i18nText('1.9.376') }} ({{ i18nText('1.2.1.11.21') }}/{{ i18nText('1.2.1.11.22') }}) </span>
-      <div class="times">
-        <div v-for="(item, index) in timeArray" :key="index" class="times">
-          <span class="division" v-if="index">
-            :
-          </span>
-          <span v-for="(v, j) in item" :key="j" class="time">{{ v }}</span>
-        </div>
-      </div>
-    </div>
-    <div class="operate">
-      <a-button type="primary" @click="handleDelay"> {{ i18nText('1.9.379') }}{{ i18nText('1.9.319.11', { num: timeLength }) }} </a-button>
-      <a-button @click="handleCancel">
-        {{ i18nText('1.1.1.1.4') }}
-      </a-button>
-    </div>
-  </div>
-</template>
-
-<script>
-import { Button } from 'ant-design-vue';
-
-import { mapGetters, mapMutations } from '../store/helper';
-import fetch, { qs } from '@/utils/chatFetch';
-
-export default {
-  inject: ['store', 'i18nText'],
-  components: {
-    [Button.name]: Button
-  },
-  data() {
-    return {
-      timeArray: ['00', '00'],
-      timer: null
-    };
-  },
-  props: {
-    delay: {
-      type: Object,
-      default: () => {}
-    }
-  },
-  computed: {
-    ...mapGetters(['delays', 'assemblyId', 'assemblySetting']),
-    timeLength() {
-      const timeLength = this.assemblySetting?.timingSetting?.delayedSetting?.timeLength || 0;
-      return timeLength;
-    }
-  },
-  methods: {
-    ...mapMutations(['setDelays']),
-    handleCancel() {
-      let delays = this.delays.filter(item => item.sessionId !== this.delay.sessionId);
-      this.setDelays(delays);
-    },
-    handleDelay() {
-      let { sessionId } = this.delay;
-      fetch.post('/chat/service/addCountdown', qs.stringify({ assemblyId: this.assemblyId, sessionId })).then(({ data }) => {
-        if (data.result === 'SUCCESS') {
-          this.$message.success(`${this.$parent.i18nText('1.9.380')}!`);
-          this.handleCancel();
-        } else {
-          this.$message.warning(data.resultMsg);
-        }
-      });
-    },
-    handleCountDown() {
-      let restTime = this.delay.countdown;
-      this.timer = setInterval(() => {
-        restTime--;
-        if (restTime === 0) {
-          clearInterval(this.timer);
-          this.handleCancel(); // 自动取消延时
-        }
-        let time = restTime;
-        let minute = Math.floor(time / 60);
-        let second = time % 60;
-        console.log(minute);
-        this.timeArray = [minute, second].map(x => `${x < 10 ? 0 : ''}${x}`);
-      }, 1000);
-    }
-  },
-  mounted() {
-    this.handleCountDown();
-  }
-};
-</script>
-
-<style lang="less" scoped>
-.chat-delay {
-  box-shadow: 0px 0px 16px 2px rgba(0, 0, 0, 0.14);
-  border-radius: 4px 4px 0px 0px;
-  margin-bottom: 10px;
-  background: #fff;
-  position: relative;
-  border-radius: 8px;
-  padding: 30px 0;
-  width: 420px;
-}
-.header {
-  line-height: 40px;
-  padding: 0 17px;
-  line-height: 26px;
-  font-size: 18px;
-  font-weight: 600;
-  color: #212121;
-  text-align: center;
-}
-.count-down {
-  display: flex;
-  flex-direction: column;
-  align-items: center;
-  padding-top: 8px;
-  background: #fff;
-  .title {
-    display: inline-block;
-    line-height: 20px;
-    font-size: 14px;
-    color: rgba(0, 0, 0, 0.6);
-    padding-bottom: 8px;
-    > span {
-      display: inline-block;
-      color: #2e2e2e;
-      font-size: 16px;
-      line-height: 22px;
-    }
-  }
-  .time {
-    width: 40px;
-    height: 100%;
-    background: #6e7b92;
-    border-radius: 3px;
-    color: #fff;
-    text-align: center;
-    margin-right: 8px;
-  }
-  .times {
-    display: flex;
-    font-weight: 600;
-    font-size: 40px;
-    line-height: 50px;
-    height: 50px;
-  }
-  .division {
-    display: inline-block;
-    height: 100%;
-    line-height: 40px;
-    font-size: 32px;
-    margin-right: 8px;
-    color: #6e7b92;
-  }
-}
-.operate {
-  display: flex;
-  justify-content: center;
-  padding: 30px 0 0;
-  .ant-btn {
-    min-width: 170px;
-    height: 40px;
-    & + .ant-btn {
-      margin-left: 8px;
-    }
-  }
-}
-.icon-item {
-  position: absolute;
-  right: 10px;
-  top: 10px;
-}
-/deep/ .ant-popover {
-  z-index: 4000;
-}
-</style>
+<template>
+  <div class="chat-delay">
+    <div class="header">{{ delay.toName }} {{ i18nText('1.9.378') }} </div>
+    <div class="count-down">
+      <span class="title"> {{ i18nText('1.9.376') }} ({{ i18nText('1.2.1.11.21') }}/{{ i18nText('1.2.1.11.22') }}) </span>
+      <div class="times">
+        <div v-for="(item, index) in timeArray" :key="index" class="times">
+          <span class="division" v-if="index">
+            :
+          </span>
+          <span v-for="(v, j) in item" :key="j" class="time">{{ v }}</span>
+        </div>
+      </div>
+    </div>
+    <div class="operate">
+      <a-button type="primary" @click="handleDelay"> {{ i18nText('1.9.379') }}{{ i18nText('1.9.319.11', { num: timeLength }) }} </a-button>
+      <a-button @click="handleCancel">
+        {{ i18nText('1.1.1.1.4') }}
+      </a-button>
+    </div>
+  </div>
+</template>
+
+<script>
+import { Button } from 'ant-design-vue';
+
+import { mapGetters, mapMutations } from '../store/helper';
+import fetch, { qs } from '@/utils/chatFetch';
+
+export default {
+  inject: ['store', 'i18nText'],
+  components: {
+    [Button.name]: Button
+  },
+  data() {
+    return {
+      timeArray: ['00', '00'],
+      timer: null
+    };
+  },
+  props: {
+    delay: {
+      type: Object,
+      default: () => {}
+    }
+  },
+  computed: {
+    ...mapGetters(['delays', 'assemblyId', 'assemblySetting']),
+    timeLength() {
+      const timeLength = this.assemblySetting?.timingSetting?.delayedSetting?.timeLength || 0;
+      return timeLength;
+    }
+  },
+  methods: {
+    ...mapMutations(['setDelays']),
+    handleCancel() {
+      let delays = this.delays.filter(item => item.sessionId !== this.delay.sessionId);
+      this.setDelays(delays);
+    },
+    handleDelay() {
+      let { sessionId } = this.delay;
+      fetch.post('/chat/service/addCountdown', qs.stringify({ assemblyId: this.assemblyId, sessionId })).then(({ data }) => {
+        if (data.result === 'SUCCESS') {
+          this.$message.success(`${this.$parent.i18nText('1.9.380')}!`);
+          this.handleCancel();
+        } else {
+          this.$message.warning(data.resultMsg);
+        }
+      });
+    },
+    handleCountDown() {
+      let restTime = this.delay.countdown;
+      this.timer = setInterval(() => {
+        restTime--;
+        if (restTime === 0) {
+          clearInterval(this.timer);
+          this.handleCancel(); // 自动取消延时
+        }
+        let time = restTime;
+        let minute = Math.floor(time / 60);
+        let second = time % 60;
+        console.log(minute);
+        this.timeArray = [minute, second].map(x => `${x < 10 ? 0 : ''}${x}`);
+      }, 1000);
+    }
+  },
+  mounted() {
+    this.handleCountDown();
+  }
+};
+</script>
+
+<style lang="less" scoped>
+.chat-delay {
+  box-shadow: 0px 0px 16px 2px rgba(0, 0, 0, 0.14);
+  border-radius: 4px 4px 0px 0px;
+  margin-bottom: 10px;
+  background: #fff;
+  position: relative;
+  border-radius: 8px;
+  padding: 30px 0;
+  width: 420px;
+}
+.header {
+  line-height: 40px;
+  padding: 0 17px;
+  line-height: 26px;
+  font-size: 18px;
+  font-weight: 600;
+  color: #212121;
+  text-align: center;
+}
+.count-down {
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  padding-top: 8px;
+  background: #fff;
+  .title {
+    display: inline-block;
+    line-height: 20px;
+    font-size: 14px;
+    color: rgba(0, 0, 0, 0.6);
+    padding-bottom: 8px;
+    > span {
+      display: inline-block;
+      color: #2e2e2e;
+      font-size: 16px;
+      line-height: 22px;
+    }
+  }
+  .time {
+    width: 40px;
+    height: 100%;
+    background: #6e7b92;
+    border-radius: 3px;
+    color: #fff;
+    text-align: center;
+    margin-right: 8px;
+  }
+  .times {
+    display: flex;
+    font-weight: 600;
+    font-size: 40px;
+    line-height: 50px;
+    height: 50px;
+  }
+  .division {
+    display: inline-block;
+    height: 100%;
+    line-height: 40px;
+    font-size: 32px;
+    margin-right: 8px;
+    color: #6e7b92;
+  }
+}
+.operate {
+  display: flex;
+  justify-content: center;
+  padding: 30px 0 0;
+  .ant-btn {
+    min-width: 170px;
+    height: 40px;
+    & + .ant-btn {
+      margin-left: 8px;
+    }
+  }
+}
+.icon-item {
+  position: absolute;
+  right: 10px;
+  top: 10px;
+}
+/deep/ .ant-popover {
+  z-index: 4000;
+}
+</style>