cnhis-design-vue 2.2.3 → 2.2.5

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

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

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

@@ -1,343 +0,0 @@
-<template>
-  <div class="evaluate-page">
-    <a-modal
-      :visible="isEvaluate"
-      :maskClosable="false"
-      :width="'60%'"
-      :okText="i18nText('1.10.138')"
-      :cancelText="i18nText('1.1.1.1.4')"
-      @ok="submitEvaluate"
-      @cancel="$emit('closeEvaluate', false)"
-      class="evaluate-modal"
-    >
-      <div>
-        <p style="font-size: 16px; color: #000;">{{ i18nText("3.11.62") }}</p>
-        <span class="rate-wrap" v-if="starCount > 2">
-          <a-rate v-model="star" :count="starCount" @change="changeRate" :allowClear="false" />
-          <span class="ant-rate-text ellips">{{ starTitle }}</span>
-        </span>
-        <span class="rate-two" v-else>
-          <div>
-            <a-icon
-              v-if="setting.starSetting[1].star == 2"
-              @click="changeRate(setting.starSetting[1].star)"
-              type="like"
-              :theme="star == setting.starSetting[1].star ? 'filled' : 'outlined'"
-              :class="{ 'rate-checked': star == setting.starSetting[1].star }"
-            />
-            <span style="margin-top: 8px;" class="ellips">{{ setting.starSetting[1].title }}</span>
-          </div>
-          <div>
-            <a-icon
-              v-if="setting.starSetting[0].star == 1"
-              @click="changeRate(setting.starSetting[0].star)"
-              type="dislike"
-              :theme="star == setting.starSetting[0].star ? 'filled' : 'outlined'"
-              :class="{ 'rate-checked': star == setting.starSetting[0].star }"
-            />
-            <span style="margin-top: 8px;" class="ellips">{{ setting.starSetting[0].title }}</span>
-          </div>
-        </span>
-      </div>
-      <div v-if="rateTags.length > 0">
-        <p>{{ i18nText("1.9.393") }}</p>
-        <template v-for="tag in rateTags">
-          <a-checkable-tag
-            :key="tag"
-            :checked="selectedTags.indexOf(tag) > -1"
-            @change="checked => changeTag(tag, checked)"
-            >{{ tag }}</a-checkable-tag
-          >
-        </template>
-      </div>
-
-      <slot v-if="usageMode != 'form'">
-        <div v-if="problemSolved === 'Y'">
-          <p>{{ i18nText("1.9.347") }}</p>
-          <a-radio-group v-model="solved">
-            <a-radio value="N">{{ i18nText("1.9.394") }}</a-radio>
-            <a-radio value="Y">{{ i18nText("1.9.395") }}</a-radio>
-          </a-radio-group>
-        </div>
-      </slot>
-
-      <div style="margin-top: 16px;">
-        <a-textarea
-          :placeholder="i18nText('1.9.396')"
-          v-model="remark"
-          class="remark-input"
-        ></a-textarea>
-      </div>
-    </a-modal>
-  </div>
-</template>
-<script>
-import { Input, Radio, Icon,Modal, Rate, Tag } from 'ant-design-vue';
-import { mapGetters } from "../store/helper";
-import fetch from "@/utils/chatFetch";
-export default {
-  name: "EvaluatePage",
-  inject: ["store", "i18nText"],
-  components: {
-    [Input.TextArea.name]: Input.TextArea,
-    [Radio.Group.name]: Radio.Group,
-    [Radio.name]: Radio,
-    [Icon.name]: Icon,
-    AModal: Modal,
-    [Rate.name]: Rate,
-    [Tag.CheckableTag.name]: Tag.CheckableTag,
-  },
-  props: {
-    evaluateSetting: {
-      type: Object
-    },
-    defaultVal: {
-      type: Object,
-      default: () => ({})
-    },
-    orgId: {
-      type: Number
-    },
-    usageMode: {
-      /** 调用 */
-      type: String,
-      default: "chat"
-    }
-  },
-  data() {
-    return {
-      isEvaluate: true,
-      setting: {},
-      starCount: 2,
-      star: 0,
-      starTitle: "",
-      tags: "",
-      rateTags: [],
-      tagRequired: "N",
-      selectedTags: [],
-      problemSolved: "N",
-      solved: "",
-      remark: "",
-      remarkRequired: "N",
-      matchRate: {}
-    };
-  },
-
-  computed: {
-    ...mapGetters(["sessionId", "assemblySetting"])
-  },
-  watch: {
-    evaluateSetting: {
-      immediate: true,
-      deep: true,
-      handler(val) {
-        if (val && Object.keys(val).length > 0) {
-          this.setting = val;
-          this.starCount = Number(val.starCount);
-        }
-      }
-    },
-    defaultVal: {
-      immediate: true,
-      deep: true,
-      handler(val) {
-        if (val && Object.keys(val).length > 0) {
-          this.handleSetDefaultVal(val);
-        }
-      }
-    }
-  },
-  // 生命周期
-  created() {},
-  mounted() {},
-
-  // 方法
-  methods: {
-    init() {},
-    changeRate(value) {
-      if (value) {
-        this.star = value;
-        let starSetting = this.setting.starSetting;
-        let matchRate = starSetting.find(item => item.star == value);
-        if (!matchRate) return;
-        this.matchRate = matchRate;
-        this.starTitle = matchRate.title;
-        this.rateTags = matchRate.tags || [];
-        this.selectedTags = [];
-        this.tagRequired = matchRate.tagRequired;
-        this.problemSolved = matchRate.problemSolved;
-        this.solved = "";
-        this.remarkRequired = matchRate.remarkRequired;
-      } else {
-        this.resetParams();
-      }
-    },
-    resetParams() {
-      this.star = 0;
-      this.starTitle = "";
-      this.tags = "";
-      this.rateTags = [];
-      this.tagRequired = "N";
-      this.selectedTags = [];
-      this.problemSolved = "N";
-      this.solved = "";
-      this.remark = "";
-      this.remarkRequired = "N";
-    },
-    changeTag(tag, checked) {
-      const { selectedTags } = this;
-      const nextSelectedTags = checked
-        ? [...selectedTags, tag]
-        : selectedTags.filter(t => t !== tag);
-      this.selectedTags = nextSelectedTags;
-    },
-    submitEvaluate() {
-      if (!this.star) {
-        this.$message.warning(this.i18nText("1.9.294"));
-        return;
-      }
-
-      if (this.usageMode === "form") {
-        let res = {
-          star: this.star,
-          tags: this.selectedTags.join("#_"),
-          scoreRemark: this.matchRate.scoreRemark,
-          remark: this.remark
-        };
-        this.$emit("submitEvaluate", res);
-        this.$emit("closeEvaluate", false);
-        return;
-      }
-
-      if (this.tagRequired === "Y" && this.selectedTags.length === 0) {
-        this.$message.warning(this.i18nText("1.9.397"));
-        return;
-      }
-      if (this.problemSolved === "Y" && !this.solved) {
-        this.$message.warning(this.i18nText("1.9.398"));
-        return;
-      }
-      if (this.remarkRequired === "Y" && !this.remark) {
-        this.$message.warning(this.i18nText("1.9.399"));
-        return;
-      }
-      this.saveEvalute();
-    },
-    saveEvalute() {
-      let url = "/evaluation/save";
-      let { evaluate = {} } = this.assemblySetting;
-      let params = {
-        evaluateId: evaluate.id,
-        type: evaluate.type,
-        targetId: this.sessionId,
-        star: this.star,
-        starCount: this.starCount,
-        title: this.starTitle,
-        tags: this.selectedTags.join("#_"),
-        score: this.matchRate.score,
-        scoreRemark: this.matchRate.scoreRemark,
-        solved: this.solved,
-        remark: this.remark,
-        orgId: this.orgId
-      };
-      fetch
-        .post(url, params)
-        .then(({ data }) => {
-          if (data.result === "SUCCESS") {
-            this.$message.success(this.i18nText("1.14.44"));
-            this.$emit("closeEvaluate", false);
-          } else {
-            this.$message.success(data.resultMsg || this.i18nText("1.9.400"));
-          }
-        })
-        .catch(err => {
-          this.$message.success((err && err.resultMsg) || this.i18nText("1.9.400"));
-        });
-    },
-    cancelEvaluate() {
-      this.$emit("cancelEvaluate", false);
-    },
-
-    handleSetDefaultVal(val) {
-      this.remark = val.remark;
-      this.star = val.star;
-      this.matchRate.scoreRemark = val.scoreRemark;
-
-      this.changeRate(this.star);
-      if (val.tags) {
-        this.$set(this, "selectedTags", val.tags.split("#_"));
-      }
-    }
-  }
-};
-</script>
-<style lang="less" scoped></style>
-<style lang="less">
-.evaluate-modal {
-  font-size: 14px;
-  color: #969696;
-  .ant-modal-close-x .anticon {
-    font-size: 16px;
-    color: #2e2e2e;
-  }
-
-  p {
-    color: #969696;
-    margin: 16px 0 8px;
-  }
-  .rate-wrap {
-    display: flex;
-    align-items: center;
-    > span {
-      flex: 1;
-      margin-top: 8px;
-    }
-    .ant-rate-text {
-      color: #585858;
-    }
-  }
-  .ant-tag {
-    height: unset;
-    padding: 6px 8px;
-    margin-right: 16px;
-    color: #585858;
-    font-size: 14px;
-    border: 1px solid #d5d5d5;
-  }
-  .ant-tag-checkable-checked {
-    color: #fff;
-    border-color: transparent;
-  }
-  .anticon {
-    font-size: 24px;
-  }
-  .ant-rate-star-full {
-    color: #ff9525;
-  }
-  .rate-two {
-    > div {
-      display: inline-flex;
-      flex-direction: column;
-      text-align: center;
-      max-width: 35%;
-      min-width: 56px;
-    }
-    .anticon {
-      &:hover {
-        color: #ff9525;
-      }
-      &.rate-checked {
-        color: #ff9525;
-      }
-    }
-  }
-  .ant-radio-wrapper {
-    > span {
-      color: #2e2e2e;
-    }
-  }
-  .remark-input {
-    min-height: 112px;
-  }
-}
-</style>