cnhis-design-vue 2.2.3 → 2.2.5

package/packages/multi-chat/components/modal-sip.vue

@@ -1,160 +0,0 @@
-<template>
-  <div>
-    <a-modal
-      wrapClassName="standard-modal standard-modal-white has-mask"
-      title="请选择音视频设备"
-      :visible="visible"
-      :maskClosable="false"
-      :width="458"
-      destroyOnClose
-      @cancel="handleCancel"
-      @ok="handleOk"
-    >
-      <div>
-        <div class="search-header">
-          <a-select class="status-select" v-model="status" allowClear placeholder="全部">
-            <a-select-option v-for="item in statusList" :key="item.value">
-              {{ item.label }}
-            </a-select-option>
-          </a-select>
-          <a-input-search placeholder="输入关键字搜索" enter-button @search="onSearch" />
-        </div>
-        <div class="sip-title">音视频设备</div>
-        <div class="sip-list">
-          <div :class="{ 'is-busy': item.status == 2, 'sip-item': true }" v-for="item in sipList" :key="item.id" @click="handleChecked(item.id)">
-            <div class="sip-icon"></div>
-            <div class="sip-name">{{ item.name }}</div>
-            <div class="sip-status">
-              {{ item.status == 2 ? '使用中' : sipId === item.id ? '已选择' : '空闲' }}
-            </div>
-          </div>
-        </div>
-      </div>
-    </a-modal>
-  </div>
-</template>
-<script>
-import { Input, Modal, Select } from 'ant-design-vue';
-export default {
-  name: "c-chat-sip",
-  components: {
-    [Select.name]: Select,
-    [Select.Option.name]: Select.Option,
-    [Input.Search.name]: Input.Search,
-    AModal: Modal
-  },
-  data() {
-    return {
-      statusList: [
-        { value: 1, label: '空闲' },
-        { value: 2, label: '忙碌' }
-      ],
-      list: [],
-      status: undefined,
-      keyword: '',
-      sipId: '',
-      visible: false
-    };
-  },
-  computed: {
-    sipList() {
-      let { status, keyword, list } = this;
-      keyword = keyword ? keyword.replace(/^\s+|\s$/g, '') : '';
-      if (!keyword && !status) return list;
-      return list.filter(item => {
-        if (status && item.status != status) return false;
-        if (!keyword) return true;
-        const { username, name } = item;
-        const v = `${username}（${name}）`;
-        return v.includes(keyword);
-      });
-    }
-  },
-  methods: {
-    init({ sip, sips }) {
-      console.log(sip, sips);
-      this.sipId = sip;
-      this.list = sips;
-      this.keyword = '';
-      this.status = undefined;
-    },
-    handleChecked(v) {
-      this.sipId = v;
-    },
-    onSearch(v) {
-      this.keyword = v;
-    },
-    handleCancel() {
-      this.$emit('cancel');
-    },
-    handleOk() {
-      const sip = this.sipId;
-      const info = sip ? this.list.find(item => item.id === sip) : null;
-      if (!info) {
-        this.$message.warning('请选择音视频设备');
-        return;
-      }
-      if (info.status == 2) {
-        this.$message.warning('设备正在音视频中，请结束后再选择');
-        return;
-      }
-      this.$emit('ok', info);
-    }
-  }
-};
-</script>
-<style lang="less" scoped>
-.search-header {
-  display: flex;
-  .status-select {
-    width: 120px;
-    margin-right: 8px;
-  }
-}
-.sip-title {
-  font-size: 14px;
-  color: rgba(0, 0, 0, 0.6);
-  line-height: 20px;
-  padding: 16px 0 8px;
-}
-.sip-list {
-  max-height: 330px;
-  overflow-y: auto;
-  .sip-item {
-    display: flex;
-    align-items: center;
-    padding: 15px 6px;
-    cursor: pointer;
-    & + .sip-item {
-      border-top: 1px solid rgba(213, 213, 213, 0.6);
-    }
-    &.is-busy {
-      .sip-status {
-        color: #ff1818;
-      }
-      .sip-icon {
-        background-color: #ff1818;
-      }
-    }
-  }
-  .sip-icon {
-    width: 24px;
-    height: 24px;
-    border-radius: 50%;
-    overflow: hidden;
-    background: url('../img/video.png') no-repeat center;
-    background-size: 20px 18px;
-    background-color: #05c987;
-  }
-  .sip-name {
-    flex: 1;
-    overflow: hidden;
-    white-space: nowrap;
-    text-overflow: ellipsis;
-    padding: 0 16px;
-  }
-  .sip-status {
-    color: #05c987;
-  }
-}
-</style>

package/packages/multi-chat/components/modal-user-transfer.vue

@@ -1,98 +0,0 @@
-<template>
-  <a-modal :title="title" :visible="visible" :maskClosable="false" :mask="true" :width="400" destroyOnClose :okText="i18nText('1.9.326')" @cancel="handleCancel" @ok="handleOk">
-    <img src="../img/required.png" width="20" />
-    {{ i18nText('1.9.392') }}:
-    <br />
-    <a-select :placeholder="i18nText('1.9.327')" v-model="converUserId" style="width: 100%;margin: 10px 0;" showSearch :filterOption="filterOption">
-      <a-select-option :value="item.userId" v-for="(item, index) in serviceList" :key="index">{{ item.userName }}</a-select-option>
-    </a-select>
-    <br />
-    {{ i18nText('1.9.328') }}:
-    <a-textarea v-model="converMark" style="margin: 10px 0;"></a-textarea>
-  </a-modal>
-</template>
-<script>
-import { Modal, Select } from 'ant-design-vue';
-import fetch from '@/utils/chatFetch';
-
-export default {
-  inject: ['i18nText'],
-  components: {
-    AModal: Modal,
-    [Select.name]: Select,
-    [Select.Option.name]: Select.Option
-  },
-  props: {
-    assemblyId: {
-      type: [String, Number],
-      default: ''
-    },
-    title: {
-      type: String,
-      default: ''
-    },
-    visible: {
-      type: Boolean,
-      default: false
-    }
-  },
-  data() {
-    return {
-      converUserId: '',
-      converMark: '',
-      serviceList: []
-    };
-  },
-  watch: {
-    visible(v) {
-      if (v) {
-        this.converUserId = '';
-        this.converMark = '';
-        this.serviceList.length < 1 && this.queryServiceList();
-      }
-    }
-  },
-  methods: {
-    handleCancel() {
-      this.$emit('update:visible', false);
-      this.$emit('cancel');
-    },
-    handleOk() {
-      const userId = this.converUserId;
-      const user = this.serviceList.find(item => item.userId === userId);
-      const deptId = user?.settingObj?.deptId || '';
-      this.$emit('ok', {
-        deptId,
-        converUserId: userId,
-        converMark: this.converMark
-      });
-    },
-    queryServiceList() {
-      fetch
-        .get('/chat/event/getSysBaseInformation', {
-          params: {
-            type: 'PERSONNEL_SERVICE',
-            excludeSelf: true,
-            assemblyId: this.assemblyId
-          }
-        })
-        .then(({ data }) => {
-          if (data.result === 'SUCCESS') {
-            let { imformation } = data.map;
-            this.serviceList = imformation.map(item => {
-              let setting = JSON.parse(item.setting);
-              let { userName, userId } = setting;
-              item.userName = userName || '-';
-              item.userId = userId || '-';
-              return item;
-            });
-          }
-        });
-    },
-    filterOption(input, option) {
-      console.log(option);
-      return option.componentOptions.children[0].text.toLowerCase().indexOf(input.toLowerCase()) >= 0;
-    }
-  }
-};
-</script>

package/packages/multi-chat/components/msg-describe.vue

@@ -1,138 +0,0 @@
-<template>
-  <!-- 模板消息-描述样式 -->
-  <div class="msg-describe">
-    <div class="msg-describe__header">{{ content.title || '' }}</div>
-    <div class="msg-describe__content">
-      <div :class="isOpen ? '' : 'wrapper'" ref="wrapper">
-        <div class="desc-item" v-for="(item, i) in contentParams" :key="i">
-          <div class="desc-title">
-            {{ item.p_name }}
-          </div>
-          <div class="desc-txt">
-            {{ item.p_value }}
-          </div>
-        </div>
-      </div>
-      <div v-if="foldVisible" class="fold-btn" @click="toggleOpen">
-        {{ isOpen ? i18nText('1.4.9.33') : i18nText('1.10.233') + i18nText('1.10.149') }}
-        <a-icon :type="isOpen ? 'up' : 'down'" />
-      </div>
-    </div>
-  </div>
-</template>
-<script>
-import { Icon } from 'ant-design-vue';
-export default {
-  inject: ['i18nText'],
-  components: {
-    [Icon.name]: Icon
-  },
-  props: {
-    item: {
-      type: Object,
-      default: () => {
-        return {};
-      }
-    }
-  },
-  data() {
-    return {
-      foldVisible: false,
-      isOpen: false
-    };
-  },
-  computed: {
-    content() {
-      let content = this.item?.content?.content;
-      if (content) {
-        content = JSON.parse(content);
-        return content;
-      }
-      return content || {};
-    },
-    contentParams() {
-      return this.content.contentParams || [];
-    }
-  },
-  watch: {
-    contentParams: {
-      immediate: true,
-      handler() {
-        this.isOpen = false;
-        this.$nextTick(this.calcFlodBtnVisible);
-      }
-    }
-  },
-  methods: {
-    toggleOpen() {
-      this.isOpen = !this.isOpen;
-    },
-    calcFlodBtnVisible() {
-      if (this.contentParams.length) {
-        const { wrapper } = this.$refs;
-        if (wrapper) {
-          this.foldVisible = wrapper.offsetHeight < wrapper.scrollHeight;
-          return;
-        }
-      }
-      this.foldVisible = false;
-    }
-  }
-};
-</script>
-<style lang="less" scoped>
-.msg-describe {
-  width: 235px;
-  border-radius: 0px 8px;
-  overflow: hidden;
-  text-align: left;
-  background-color: #fff;
-  &__header {
-    background-color: @primary-color;
-    padding: 10px 16px;
-    font-size: 16px;
-    font-weight: 600;
-    color: #ffffff;
-    line-height: 22px;
-    word-break: break-word;
-  }
-  &__content {
-    padding: 10px 18px 8px;
-    border-radius: 0px 0 8px 8px;
-    word-break: break-word;
-    overflow: hidden;
-    border: 1px solid #e6e6e6;
-    border-top: 0;
-    .wrapper {
-      overflow: hidden;
-      max-height: 128px;
-    }
-  }
-  .desc-item + .desc-item {
-    margin-top: 8px;
-  }
-  .desc-title {
-    font-size: 14px;
-    color: #7a7a7a;
-    line-height: 20px;
-  }
-  .desc-txt {
-    font-size: 16px;
-    color: #212121;
-    line-height: 26px;
-    font-weight: 600;
-  }
-  .fold-btn {
-    display: inline-block;
-    font-size: 14px;
-    color: #7a7a7a;
-    line-height: 20px;
-    margin-top: 8px;
-    cursor: pointer;
-    i {
-      font-size: 12px;
-      margin-left: 4px;
-    }
-  }
-}
-</style>

package/packages/multi-chat/components/msg-picture.vue

@@ -1,68 +0,0 @@
-<script>
-// 图片消息
-import utils from '@/utils/vexutils';
-function noop() {}
-export default {
-  functional: true,
-  props: {
-    image: { type: String, default: "" }
-  },
-  render(_h, context) {
-    const { props, data, listeners } = context;
-    const imgs = utils.imgs2imgArr(props.image);
-    const len = imgs.length;
-    return len > 0 ? (
-      <div
-        class={["multichat-msg_picture", data.class, data.staticClass]}
-        style={[data.style, data.staticStyle]}
-        onClick={listeners.click || noop}
-      >
-        <img class="multichat-msg_picture-icon" src={imgs[0]} />
-        {len > 1 && <span class="multichat-msg_picture-static">共{len}张</span>}
-      </div>
-    ) : null;
-  }
-};
-</script>
-<style lang="less">
-.multichat-msg_picture {
-  position: relative;
-  min-width: 160px;
-  height: 160px;
-  background-color: #fff;
-  border-radius: 16px;
-  border: 12px solid transparent;
-  padding: 2px;
-  overflow: hidden;
-  &::before {
-    content: "";
-    position: absolute;
-    left: 0;
-    bottom: 0;
-    right: 0;
-    top: 0;
-    background-color: #fff;
-    border-radius: 6px;
-  }
-  &-icon {
-    max-width: 100%;
-    height: 100%;
-    display: block;
-    margin: 0 auto;
-    border-radius: 4px;
-    position: relative;
-  }
-  &-static {
-    color: #fff;
-    position: absolute;
-    bottom: 2px;
-    left: 2px;
-    right: 2px;
-    line-height: 22px;
-    background-color: rgba(#000, 0.6);
-    font-size: 12px;
-    text-align: center;
-    border-radius: 0 0 4px 4px;
-  }
-}
-</style>

package/packages/multi-chat/components/msg-prescription.vue

@@ -1,205 +0,0 @@
-<template>
-  <!-- 聊天模板消息-默认 -->
-  <div :class="['msg-prescription', theme]" @click="handleTemplateDetail">
-    <div class="prescription_header">
-      <span class="prescription_header-title">{{ content.title }}</span>
-      <span class="prescription_header-btn" v-if="topRightButton" @click.stop="handleTemplateButton($event, topRightButton)">
-        {{ topRightButton.title }}
-      </span>
-      <a-icon v-else-if="showArrow" type="right" color="#969696" />
-    </div>
-    <div class="prescription_wrapper">
-      <svg-icon v-if="content.icon" class="prescription_logo" :icon-class="content.icon"></svg-icon>
-      <img v-else-if="content.image" class="prescription_logo" :src="content.image" />
-      <bodyComp class="prescription_body" :body="body" />
-    </div>
-    <div v-if="toolbarButton.length" class="prescription_btn-group">
-      <a-button type="primary" shape="round" ghost v-for="(btn, index) in toolbarButton" @click.stop="handleTemplateButton($event, btn)" :key="index">
-        {{ btn.title }}
-      </a-button>
-    </div>
-    <div v-if="bottomButton" class="prescription_footer">
-      <span class="prescription_footer-btn" @click.stop="handleTemplateButton($event, bottomButton)">
-        {{ bottomButton.title }}
-      </span>
-    </div>
-  </div>
-</template>
-<script>
-import vexutils from '@/utils/vexutils';
-import { Button, Icon } from 'ant-design-vue';
-import SvgIcon from '@/component/svg/index.vue';
-
-export default {
-  components: {
-    [Button.name]: Button,
-    [Icon.name]: Icon,
-    SvgIcon,
-    bodyComp: {
-      functional: true,
-      props: {
-        body: {
-          type: Array,
-          default: () => []
-        }
-      },
-      render(_h, context) {
-        const { props, data } = context;
-        return (
-          <div class={data.staticClass || ''}>
-            {props.body.map(item => (
-              <div>{item}</div>
-            ))}
-          </div>
-        );
-      }
-    }
-  },
-  props: {
-    theme: {
-      type: String,
-      default: ''
-    },
-    data: {
-      type: Object,
-      default: () => ({})
-    },
-    isServer: {
-      type: Boolean,
-      default: false
-    }
-  },
-  computed: {
-    content() {
-      let content = this.data.content.content;
-      content = vexutils.isJSON(content) ? JSON.parse(content) : content;
-      return content || {};
-    },
-    body() {
-      const content = this.content.content || '';
-      return content.split('##').filter(v => v);
-    },
-    setting() {
-      const { isServer, content } = this;
-      const setting = isServer ? content.serverSetting : content.customerSetting;
-      return setting || {};
-    },
-    toolbarButton() {
-      return this.setting.toolbar_button || [];
-    },
-    topRightButton() {
-      const button = this.setting.topRightButton || [];
-      return button[0];
-    },
-    bottomButton() {
-      const button = this.setting.bottomButton || [];
-      return button[0];
-    },
-    showArrow() {
-      return this.setting.address || '';
-    }
-  },
-  methods: {
-    handleTemplateDetail() {
-      this.$emit('handleTemplateDetail', this.data);
-    },
-    handleTemplateButton($event, btn) {
-      this.$emit('handleTemplateButton', btn, $event);
-    }
-  }
-};
-</script>
-<style lang="less" scoped>
-@themeColor2: #21c17a;
-.msg-prescription {
-  text-align: left;
-  padding: 0 16px;
-  width: 230px;
-  background-color: #fff;
-  border-radius: 16px;
-  font-size: 14px;
-  border: 1px solid #ebebeb;
-  .prescription {
-    &_header {
-      padding: 8px 0;
-      display: flex;
-      align-items: center;
-      border-bottom: 1px solid #ebebeb;
-      &-title {
-        line-height: 22px;
-        height: 22px;
-        font-size: 16px;
-        color: #000000;
-        flex: 1;
-        overflow: hidden;
-        white-space: nowrap;
-        text-overflow: ellipsis;
-      }
-      &-btn {
-        height: 20px;
-        line-height: 20px;
-        max-width: 50%;
-        overflow: hidden;
-        cursor: pointer;
-        color: @primary-color;
-      }
-    }
-    &_wrapper {
-      display: flex;
-      padding: 10px 0;
-    }
-    &_logo {
-      width: 40px;
-      height: 40px;
-      margin-right: 12px;
-      &.img {
-        border-radius: 50%;
-      }
-    }
-    &_body {
-      flex: 1;
-      overflow: hidden;
-      color: #666666;
-      word-break: break-all;
-    }
-    &_btn-group {
-      margin-right: -8px;
-      text-align: center;
-      .ant-btn {
-        margin-bottom: 8px;
-        min-width: 61px;
-        max-width: 100%;
-        margin-right: 8px;
-        color: @primary-color;
-        border-color: @primary-color;
-      }
-    }
-    &_footer {
-      padding: 2px 0 10px;
-      line-height: 20px;
-      text-align: center;
-    }
-    &_footer-btn {
-      cursor: pointer;
-      display: inline-block;
-      vertical-align: top;
-      color: rgba(0, 0, 0, 0.45);
-      padding-right: 18px;
-      background: url('../img/exp.png') right center/18px no-repeat;
-    }
-  }
-  &.customer {
-    .prescription {
-      &_header-btn {
-        color: @themeColor2;
-      }
-      &_btn-group {
-        .ant-btn {
-          color: @themeColor2;
-          border-color: @themeColor2;
-        }
-      }
-    }
-  }
-}
-</style>