cnhis-design-vue 2.1.56 → 2.1.57

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

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