cnhis-design-vue 0.2.64-beta → 0.3.2-beta

package/packages/multi-chat/setting/sessionList/messageRecord.vue

@@ -1,372 +0,0 @@
-<template>
-  <div class="message-record" :class="{ 'message-record-modal': source === 'modal' }">
-    <div
-      v-show="messageList.length && !noData"
-      class="message-list-wrapper wrapper2"
-      v-infinite-scroll="handleInfiniteOnLoad"
-      infinite-scroll-immediate-check="immediate"
-      :infinite-scroll-distance="10"
-    >
-      <ul class="message-list">
-        <li class="message-item" v-for="item in messageList" :key="item.id">
-          <img :src="getAvatar(item)" width="40" />
-          <div class="message-content">
-            <div class="name-time">
-              <span class="name">{{ getName(item) }}</span>
-              <span class="time">
-                {{ formatDate(item.sendTime || item.createdTime, true) }}
-              </span>
-            </div>
-            <div class="content" v-if="item.content.type === 0" v-html="item.content.content"></div>
-            <MsgPicture v-if="item.content.type === 1" :image="item.content.content" style="width:160px;" @click="show(item.content.content)" />
-            <p class="content" v-else-if="item.content.type === 2">
-              <img style="width:16px;" src="../../img/video_consult.png" />
-              {{ item.content.content }}
-            </p>
-            <p class="content" v-else-if="item.content.type === 6">
-              <span v-for="(item, index) in item.content.content" :key="index" class="bot-message">{{ item }}</span>
-            </p>
-            <template v-else-if="item.content.type === 4">
-              <div v-if="isSystemMsg(item)" class="system-msg">
-                <a-icon class="system-icon" theme="filled" type="exclamation-circle" />
-                <div>
-                  <span v-html="getSystemMsgContent(item)"></span>
-                  <span class="system-btn" v-for="(btn, index) in getTemplateButton(item)" @click="handleTemplateButton(btn)" :key="index">{{ btn.title }}</span>
-                </div>
-              </div>
-              <msg-describe v-else-if="isDescribeMsg(item)" :item="item" />
-              <MsgPrescription v-else :data="item" :isServer="true" @handleTemplateDetail="handleTemplateDetail" @handleTemplateButton="handleTemplateButton" />
-            </template>
-          </div>
-        </li>
-      </ul>
-      <div v-if="finished" class="immediate">{{ i18nText('1.9.391') }}~</div>
-      <a-spin v-if="loading" class="loading-icon" />
-    </div>
-    <div v-if="!messageList.length && noData" class="message-list-nodata">
-      无数据
-    </div>
-    <!-- </a-modal> -->
-    <!-- 图片预览 -->
-    <viewer class="viewer" ref="viewer" :images="images" @inited="inited" style="display: none">
-      <template slot-scope="scope">
-        <img v-for="src in scope.images" :src="src" :key="src" />
-      </template>
-    </viewer>
-  </div>
-</template>
-
-<script>
-import InfiniteScroll from 'vue-infinite-scroll';
-import 'viewerjs/dist/viewer.css';
-import { component as Viewer } from "v-viewer";
-import MsgDescribe from '../../components/msg-describe';
-import MsgPicture from '../../components/msg-picture';
-import MsgPrescription from '../../components/msg-prescription';
-import { chatAuthentication } from '../../utils/index';
-import fetch from '@/utils/chatFetch';
-import vexutils from '@/utils/vexutils';
-import { Icon, Spin } from 'ant-design-vue';
-
-export default {
-  name: 'c-chat-msg-record',
-  components: {
-    [Icon.name]: Icon,
-    [Spin.name]: Spin,
-    MsgPrescription,
-    MsgPicture,
-    MsgDescribe,
-    Viewer
-  },
-  data() {
-    return {
-      messageList: [],
-      immediate: false,
-      finished: false,
-      loading: false,
-      // 预览图片
-      images: [],
-      noData: false
-    };
-  },
-  props: ['i18nText', 'cid', 'userInfo', 'routeQuery', 'clientName', 'serviceName', 'sessionId', 'fromId', 'clientId', 'assemblyId', 'userId', 'source'],
-  computed: {
-    visible: {
-      get() {
-        return !!this.sessionId;
-      },
-      set() {
-        this.$emit('clearSessionId');
-      }
-    }
-  },
-  async created() {
-    // 聊天安全整改 增加权限校验
-    if (this.cid) {
-      await chatAuthentication(this.cid);
-    }
-    this.getMessageRecord();
-  },
-  methods: {
-    formatDate(date) {
-      return vexutils.formatDate(date, true);
-    },
-    handleParams() {
-      let params = {};
-      let id = this.messageList[this.messageList.length - 1]?.id;
-      if (this.source === 'modal') {
-        params = {
-          sessionId: this.sessionId,
-          id,
-          assemblyId: this.assemblyId,
-          orgId: this.userInfo?.sysParams?.orgId,
-          userId: this.userId,
-          mergeType: 1,
-          source: 1
-        };
-      } else if (this.routeQuery) {
-        let query = this.routeQuery;
-        params = Object.assign({}, query, { id });
-      }
-      return params;
-    },
-    handleCancel() {
-      this.$emit('clearSessionId');
-    },
-    getMessageRecord() {
-      if (this.finished) return;
-      this.loading = true;
-      let params = this.handleParams();
-      // 单独页面当作免登录处理
-      const url = `/chat/${this.source == 'modal' ? 'service' : 'access'}/getHistoryRecord`;
-      fetch
-        .get(url, {
-          params
-        })
-        .then(({ data }) => {
-          this.loading = false;
-          if (data.result === 'SUCCESS') {
-            this.noData = false;
-            if (data.list.length < 20 || (params.id && data.list.length === 0)) {
-              this.finished = true;
-            }
-            let list = data.list.reverse();
-            this.messageList = [...this.messageList, ...list];
-            this.images = this.messageList
-              .filter(v => !v.recallFlag && v.content.type == 1)
-              ?.map(v => v.content?.content);
-          } else {
-            this.noData = true;
-          }
-        })
-        .catch(() => {
-          this.noData = true;
-          this.loading = false;
-        });
-    },
-    handleInfiniteOnLoad() {
-      this.getMessageRecord();
-    },
-    getTemplateTitle(item) {
-      let content = JSON.parse(item.content.content);
-      return content.title;
-    },
-    showArrow(item) {
-      let content;
-      if (vexutils.isJSON(item.content.content)) {
-        content = JSON.parse(item.content.content);
-      } else {
-        content = item.content.content;
-      }
-      let { address } = content.customerSetting || {};
-      if (!address) return false;
-      return true;
-    },
-    getTemplateTitleIcon(item) {
-      let content = JSON.parse(item.content.content);
-      return content.icon;
-    },
-    getTemplateContent(item) {
-      let content = JSON.parse(item.content.content);
-      return content.content;
-    },
-    handleTemplateDetail(item) {
-      let content = JSON.parse(item.content.content);
-      let { targetType, address, params } = content.serverSetting;
-      if (!address) return;
-      if (targetType === 'LINK_ADDRESS') {
-        let urlParams = [];
-        params.forEach(({ p_name, p_value }) => {
-          urlParams.push(`${p_name}=${p_value}`);
-        });
-        if (address.includes('?')) {
-          address += `&${urlParams.join('&')}`;
-        } else {
-          address += `?${urlParams.join('&')}`;
-        }
-        window.open(address);
-      }
-    },
-    getTemplateButton(item) {
-      let content = JSON.parse(item.content.content);
-      return content.serverSetting.toolbar_button;
-    },
-    getSystemMsgContent(item) {
-      let content = JSON.parse(item.content.content);
-      let array = [];
-      try {
-        array = content.content.split('##');
-      } catch {
-        console.log(content, 'error');
-      }
-      return array.join('<br>');
-    },
-    isSystemMsg(item) {
-      let content = JSON.parse(item.content.content);
-      return content.styleId == '2';
-    },
-    isDescribeMsg(item) {
-      const content = JSON.parse(item.content.content);
-      return content.styleId == '3';
-    },
-    handleTemplateButton(btn) {
-      let { targetType, address, params = [] } = btn;
-      if (targetType === 'LINK_ADDRESS') {
-        let urlParams = [];
-        params.forEach(({ p_name, p_value }) => {
-          urlParams.push(`${p_name}=${p_value}`);
-        });
-        if (address.includes('?')) {
-          address += `&${urlParams.join('&')}`;
-        } else {
-          address += `?${urlParams.join('&')}`;
-        }
-        window.open(address);
-      }
-    },
-    getAvatar(item) {
-      if (item.content.source === 1) {
-        return require('../../img/system_message.png');
-      }
-      if (item.fromId === this.clientId) {
-        return require('../../img/default.png');
-      } else {
-        return require('../../img/customer_staff.png');
-      }
-    },
-    getName(item) {
-      if (item.content.source === 1) {
-        return this.i18nText('1.9.471');
-      }
-      if (item.fromId === this.clientId) {
-        return this.clientName;
-      } else {
-        return item.fromName;
-      }
-    },
-    inited(viewer) {
-      this.$viewer = viewer;
-    },
-    show(src) {
-      // this.images = vexutils.imgs2imgArr(src);
-      this.$viewer.view(this.images.findIndex(v => v === src));
-      this.$viewer.show();
-    }
-  },
-  directives: {
-    InfiniteScroll
-  }
-};
-</script>
-
-<style lang="less" scoped>
-.message-record {
-  width: 100%;
-  height: 100%;
-  .content {
-    text-align: left;
-  }
-}
-.message-record-modal {
-  min-height: 650px;
-  .message-list-wrapper {
-    height: 650px;
-  }
-  .message-list-nodata {
-    height: 650px;
-  }
-}
-.message-list-wrapper {
-  height: 100%;
-  overflow: auto;
-  &::-webkit-scrollbar {
-    width: 5px;
-  }
-  .immediate {
-    text-align: center;
-    line-height: 40px;
-  }
-  .loading-icon {
-    position: absolute;
-    top: 50%;
-    left: 50%;
-  }
-}
-.message-list-nodata {
-  height: 100%;
-  display: flex;
-  justify-content: center;
-  align-items: center;
-}
-.message-item {
-  display: flex;
-  align-items: center;
-  min-height: 55px;
-  padding: 10px;
-  border-bottom: 1px solid #eeeff0;
-  > img {
-    align-self: flex-start;
-  }
-  .message-content {
-    align-self: stretch;
-    flex: 1;
-    display: flex;
-    flex-direction: column;
-    justify-content: space-between;
-    margin-left: 8px;
-    overflow: hidden;
-    .name-time {
-      display: flex;
-      justify-content: space-between;
-      color: #969696;
-      margin-bottom: 10px;
-    }
-    .content {
-      word-wrap: break-word;
-    }
-  }
-}
-.msg-prescription {
-  border-top-left-radius: 0;
-}
-.system-msg {
-  text-align: left;
-  line-height: 20px;
-  word-wrap: break-word;
-  display: flex;
-  justify-content: center;
-  .system-icon {
-    font-size: 18px;
-    color: #ffc200;
-    vertical-align: middle;
-    margin-right: 10px;
-    margin-top: 1px;
-  }
-  .system-btn {
-    color: @primary-color;
-    margin-left: 8px;
-    cursor: pointer;
-    text-decoration: underline;
-  }
-}
-</style>

package/packages/multi-chat/setting/userConfig/index.vue

@@ -1,124 +0,0 @@
-<template>
-  <div class="user-config">
-    <div>
-      <div class="page-title">本机设备</div>
-      <div class="sip-info">
-        <div class="sip-label">当前音视频设备:</div>
-        <div>
-          <span class="sip-name">{{ sip ? sip.name : '本机设备' }}</span>
-          <span class="sip-btn" @click="setSip">
-            <a-icon type="swap" style="margin-right:6px" />
-            <span>切换</span>
-          </span>
-        </div>
-      </div>
-    </div>
-  </div>
-</template>
-<script>
-import { getCacheSIP, setCacheSip, openSipDialog } from '@/utils/sip-device';
-import fetch from '@/utils/chatFetch';
-import { Icon } from 'ant-design-vue';
-
-export default {
-  props: ['assemblyId'],
-  components: {
-    [Icon.name]: Icon
-  },
-  data() {
-    return {
-      localSip: 'local_sip',
-      sip: null,
-      list: []
-    };
-  },
-  mounted() {
-    this.queryList();
-  },
-  methods: {
-    queryList() {
-      fetch({
-        url: `/chat/service/getSipList`,
-        method: 'GET',
-        params: { assemblyId: this.assemblyId, pageSize: 100, pageNum: 1 }
-      }).then(res => {
-        if (res.data.result === 'SUCCESS') {
-          const list = res.data.map?.data || [];
-          list.unshift({
-            id: this.localSip,
-            name: '本机设备',
-            status: '1'
-          });
-          const sip = getCacheSIP();
-          this.list = Object.freeze(list);
-          const info = sip ? this.list.find(item => item.id === sip) : null;
-          this.sip = info;
-        }
-      });
-    },
-    setSip() {
-      const close = openSipDialog({
-        sip: this.sip?.id || this.localSip,
-        sips: this.list,
-        onOk: v => {
-          if (!v) {
-            this.$message.warning('请选择设备');
-          }
-          const id = v.id === this.localSip ? '' : v.id;
-          this.sip = id ? v : null;
-          setCacheSip(id);
-          close();
-        }
-      });
-    }
-  }
-};
-</script>
-<style lang="less" scoped>
-.user-config {
-  padding: 0 14px;
-}
-.page-title {
-  font-size: 16px;
-  color: #000000;
-  line-height: 22px;
-  padding: 10px 18px;
-  border-bottom: 1px solid #d5d5d5;
-  margin-bottom: 10px;
-  position: relative;
-  .icon {
-    position: absolute;
-    position: absolute;
-    right: 10px;
-    top: 50%;
-    transform: translateY(-50%);
-    cursor: pointer;
-  }
-  &::before {
-    content: '';
-    position: absolute;
-    left: 0;
-    top: 50%;
-    transform: translateY(-50%);
-    width: 4px;
-    height: 16px;
-    background: #2474ff;
-  }
-}
-.sip-info {
-  .sip-label {
-    color: rgba(0, 0, 0, 0.6);
-    line-height: 20px;
-    margin-bottom: 15px;
-  }
-  .sip-name {
-    color: #000000;
-    line-height: 22px;
-    margin-right: 30px;
-  }
-  .sip-btn {
-    color: #2474ff;
-    cursor: pointer;
-  }
-}
-</style>