cnhis-design-vue 2.2.3 → 2.2.5

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

@@ -1,412 +0,0 @@
-<template>
-  <div class="session-list">
-    <div class="search-wrapper">
-      <a-input-search :placeholder="i18nText('2.12.7.5')" @search="getTableList" v-model="searchCondition.keyword" :enterButton="i18nText('2.2.2.14')" style="width: 250px;" />
-      <a-select :placeholder="'会话状态'" style="width: 120px;margin-left: 10px;" @change="handleOnlineTypeChange" showSearch :filterOption="filterOption" v-model="searchCondition.onlineType">
-        <a-select-option :value="item.value" v-for="(item, index) in onlineTypeList" :key="index">{{ item.label }}</a-select-option>
-      </a-select>
-      <a-select allowClear :placeholder="i18nText('1.9.338')" style="width: 120px;margin-left: 10px;" @change="handleClassifyChange" showSearch :filterOption="filterOption">
-        <a-select-option :value="item.value" v-for="(item, index) in classifyList" :key="index">{{ item.label }}</a-select-option>
-      </a-select>
-
-      <a-select allowClear showSearch :placeholder="i18nText('1.9.470')" style="width: 120px;margin-left: 10px;" @change="handleServiceIdChange" :filterOption="filterOption">
-        <a-select-option :value="item.userId" v-for="(item, index) in serviceList" :key="index">{{ item.userName }}</a-select-option>
-      </a-select>
-    </div>
-    <a-table class="advance-table" :data-source="tableData" :columns="columns" row-key="id" bordered :pagination="false" :scroll="{ x: 1260, y: 500 }">
-      <template slot="toName" slot-scope="scope, record">
-        <a @click="viewMessageRecord(record)">{{ record.toName }}</a>
-      </template>
-
-      <template slot="status" slot-scope="scope">
-        <div>{{ formatStatus(scope) }}</div>
-      </template>
-      <template slot="createdTime" slot-scope="scope">
-        <div>{{ formatTime(scope) }}</div>
-      </template>
-      <template slot="classify" slot-scope="scope">
-        <div>{{ formatClassify(scope) }}</div>
-      </template>
-    </a-table>
-    <a-pagination
-      @showSizeChange="handleSizeChange"
-      @change="handleCurrentChange"
-      :current="pagination.currentPage"
-      :pageSizeOptions="['5', '10', '15', '20']"
-      :pageSize="pagination.pageSize"
-      showSizeChanger
-      showQuickJumper
-      :total="pagination.total"
-    ></a-pagination>
-    <a-modal
-      :visible="visible"
-      :maskClosable="false"
-      :mask="false"
-      :footer="null"
-      width="800px"
-      :bodyStyle="{
-        boxSizing: 'content-box',
-        padding: '10px 10px 10px 24px'
-      }"
-      destroyOnClose
-      @cancel="handleCancel"
-    >
-      <div slot="title" style="display:flex;justify-content: center;">
-        <img src="../../img/default.png" width="24" style="margin-right: 6px;" />
-        {{ clientName }}
-      </div>
-      <MessageRecord
-        v-if="sessionId"
-        :i18nText="i18nText"
-        :source="'modal'"
-        :userInfo="userInfo"
-        :clientName="clientName"
-        :clientId="toId"
-        :serviceName="serviceName"
-        :sessionId="sessionId"
-        :fromId="fromId"
-        :assemblyId="assemblyId"
-        :userId="fromUserId"
-        @clearSessionId="clearSessionId"
-      />
-    </a-modal>
-  </div>
-</template>
-
-<script>
-import MessageRecord from './messageRecord';
-import fetch from '@/utils/chatFetch';
-import { formatReleaseTime } from '@/utils/vexutils';
-import { Input, Modal, Pagination, Select, Table } from 'ant-design-vue';
-
-export default {
-  inject: ['i18nText'],
-  props: ['assemblyId', 'userInfo'],
-  data() {
-    return {
-      columns: [
-        {
-          width: 170,
-          title: this.i18nText('1.9.339') + 'ID',
-          dataIndex: 'id',
-          key: 'id'
-        },
-        {
-          title: this.i18nText('1.1.6.3'),
-          dataIndex: 'toName',
-          key: 'toName',
-          scopedSlots: { customRender: 'toName' }
-        },
-        {
-          title: this.i18nText('1.9.340'),
-          dataIndex: 'fromName',
-          key: 'fromName'
-        },
-        {
-          title: this.i18nText('1.9.341'),
-          dataIndex: 'classify',
-          key: 'classify',
-          scopedSlots: { customRender: 'classify' }
-        },
-        {
-          title: '会话状态',
-          dataIndex: 'status',
-          key: 'status',
-          scopedSlots: { customRender: 'status' }
-        },
-        {
-          title: this.i18nText('1.9.343'),
-          dataIndex: 'toUserType',
-          key: 'toUserType'
-        },
-        {
-          title: this.i18nText('2.17.5.3'),
-          dataIndex: 'createdTime',
-          key: 'createdTime',
-          width: 150,
-          scopedSlots: { customRender: 'createdTime' }
-        },
-        {
-          title: this.i18nText('1.9.344'),
-          dataIndex: 'star',
-          key: 'star'
-        },
-        {
-          title: this.i18nText('1.9.345'),
-          dataIndex: 'starTitle',
-          key: 'starTitle'
-        },
-        {
-          title: this.i18nText('1.1.2'),
-          dataIndex: 'tags',
-          key: 'tags'
-        },
-        {
-          title: this.i18nText('1.9.346'),
-          dataIndex: 'score',
-          key: 'score'
-        },
-        {
-          title: this.i18nText('1.9.178'),
-          dataIndex: 'remark',
-          key: 'remark'
-        },
-        {
-          title: this.i18nText('1.9.347'),
-          dataIndex: 'solved',
-          key: 'solved',
-          width: 110
-        }
-      ],
-      assemblySetting: null,
-      tableData: [],
-      pagination: {
-        pageSize: 10,
-        currentPage: 1,
-        total: 0
-      },
-      searchCondition: {
-        keyword: null,
-        serviceId: null,
-        classify: null,
-        onlineType: null,
-        userType: null
-      },
-      clientName: '',
-      serviceName: '',
-      sessionId: null,
-      fromId: null,
-      toId: null,
-      // onlineTypeList: [
-      //   { label: this.i18nText("1.9.348"), value: 1 },
-      //   { label: this.i18nText("1.9.349"), value: 0 }
-      // ],
-      serviceList: [],
-      fromUserId: '',
-      visible: false,
-      onlineTypeLabel: {}
-    };
-  },
-  computed: {
-    isListClassify() {
-      return this.assemblySetting?.isListClassify === 'Y';
-    },
-    tableColumns() {
-      const disabled = [];
-      if (this.isListClassify) {
-        disabled.push('classify');
-      }
-      return disabled.length ? this.columns : this.columns.filter(item => disabled.indexOf(item.key) < 0);
-    },
-    classifyList() {
-      let list = [];
-      if (this.assemblySetting?.isListClassify === 'Y') {
-        list = this.assemblySetting.listClassify.map(item => ({
-          label: item.name,
-          value: item.classify
-        }));
-      }
-      return list;
-    },
-    onlineTypeList() {
-      let res = [];
-      let list = this.assemblySetting?.serverSetting?.serverInfo || [];
-      list = list.filter(item => item.key === 'ongoingTitle' || item.key === 'endTitle');
-      let keyMap = {
-        ongoingTitle: 1,
-        endTitle: 0
-      };
-      res = list.map(item => {
-        return {
-          label: item.value,
-          value: keyMap[item.key]
-        };
-      });
-      return res;
-    }
-  },
-  created() {
-    this.init();
-  },
-  methods: {
-    async init() {
-      await this.getAssemblySetting();
-      await this.getTableList();
-      await this.getServiceList();
-    },
-    getAssemblySetting() {
-      return fetch
-        .get('/chat/event/getSysBaseInformation', {
-          params: {
-            assemblyId: this.assemblyId,
-            type: 'BASE_INFORMATION'
-          }
-        })
-        .then(({ data }) => {
-          if (data.result === 'SUCCESS') {
-            let info = data.map.imformation[0];
-            if (info) {
-              this.assemblySetting = info.settingObj;
-            }
-          }
-        });
-    },
-    getServiceList() {
-      return fetch
-        .get('/chat/event/getSysBaseInformation', {
-          params: {
-            type: 'PERSONNEL_SERVICE',
-            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;
-            });
-          }
-        });
-    },
-    handleSizeChange(current, val) {
-      this.pagination.currentPage = current;
-      this.pagination.pageSize = val;
-      this.getTableList();
-    },
-    handleCurrentChange(val) {
-      this.pagination.currentPage = val;
-      this.getTableList();
-    },
-    getTableList() {
-      let params = {
-        assemblyId: this.assemblyId,
-        pageSize: this.pagination.pageSize,
-        pageNum: this.pagination.currentPage
-      };
-      Object.assign(params, this.searchCondition);
-      return fetch
-        .get('/chat/service/getSessionList', { params })
-        .then(({ data }) => {
-          if (data.result === 'SUCCESS') {
-            let list = data.obj?.list || [];
-            this.handleEvaluate(list);
-            this.tableData = list;
-            this.pagination.total = data.obj?.count || 0;
-            if (this.tableData.length === 0 && this.pagination.currentPage > 1) {
-              this.handleCurrentChange(1);
-            }
-          } else {
-            this.$message.error(data.resultMsg);
-          }
-        })
-        .catch(err => {
-          err.resultMsg && this.$message.error(err.resultMsg);
-        });
-    },
-    handleEvaluate(list) {
-      if (!list || list.length === 0) return [];
-      list.forEach(item => {
-        if (item.evaluation && Object.keys(item.evaluation).length > 0) {
-          item.star = item.evaluation.star + this.i18nText('1.9.350');
-          item.starTitle = item.evaluation.title;
-          item.tags = item.evaluation.tags.replace(/#_/, ',');
-          item.score = item.evaluation.score;
-          item.remark = item.evaluation.remark;
-          item.solved = item.evaluation.solved === 'Y' ? this.i18nText('1.2.5.10') : this.i18nText('1.1.8.4.18');
-        }
-      });
-    },
-    formatTime(cellValue) {
-      return formatReleaseTime('DATETIME', cellValue);
-    },
-    formatStatus(cellValue) {
-      return this.onlineTypeLabel[cellValue];
-    },
-    formatClassify(cellValue) {
-      return this.assemblySetting?.listClassify?.filter(item => item.classify === cellValue)[0]?.name;
-    },
-    viewMessageRecord(row) {
-      this.clientName = row.toName;
-      this.serviceName = row.fromName;
-      this.sessionId = row.id;
-      this.fromId = row.fromId;
-      this.toId = row.toId;
-      this.fromUserId = row.fromUserId;
-      this.visible = true;
-    },
-    clearSessionId() {
-      this.sessionId = null;
-    },
-    handleClassifyChange(val) {
-      this.searchCondition.classify = val;
-      this.getTableList();
-    },
-    handleOnlineTypeChange(val) {
-      this.searchCondition.onlineType = val;
-      this.getTableList();
-    },
-    handleServiceIdChange(val) {
-      this.searchCondition.serviceId = val;
-      this.getTableList();
-    },
-    filterOption(input, option) {
-      return option.componentOptions.children[0].text.toLowerCase().indexOf(input.toLowerCase()) >= 0;
-    },
-    handleCancel() {
-      this.sessionId = null;
-      this.visible = false;
-    }
-  },
-  watch: {
-    visible() {
-      // if (val) {
-      // this.getTableList();
-      // }
-    },
-    onlineTypeList: {
-      immediate: true,
-      deep: true,
-      handler(val) {
-        if (!val || !val.length) return;
-        this.searchCondition.onlineType = val[0].value;
-        val.forEach(item => {
-          this.onlineTypeLabel[item.value] = item.label;
-        });
-        this.getTableList();
-      }
-    }
-  },
-  components: {
-    [Input.Search.name]: Input.Search,
-    [Select.name]: Select,
-    [Select.Option.name]: Select.Option,
-    [Table.name]: Table,
-    [Pagination.name]: Pagination,
-    AModal: Modal,
-    MessageRecord
-  }
-};
-</script>
-
-<style lang="less" scoped>
-.search-wrapper {
-  display: flex;
-  margin-bottom: 16px;
-}
-.session-list {
-  margin-left: 20px;
-  padding-top: 16px;
-}
-.advance-table {
-  width: 100%;
-  margin-bottom: 16px;
-  /deep/ th,
-  /deep/ td {
-    padding: 10px 8px;
-  }
-}
-</style>