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

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

@@ -1,372 +0,0 @@
-<template>
-  <div class="advanced-filter">
-    <a-modal :title="i18nText(`1.9.271`)" :visible="visible" :maskClosable="false" :mask="false" :footer="null" width="800px" :destroyOnClose="true" @cancel="handleCancel">
-      <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;" />
-        <!-- :placeholder="i18nText('1.9.337')" -->
-        <a-select
-          showSearch
-          :filterOption="filterOption"
-          :placeholder="'会话状态'"
-          style="width: 120px;margin-left: 10px;"
-          @change="handleOnlineTypeChange"
-          v-model="searchCondition.onlineType"
-          v-if="onlineTypeList && onlineTypeList.length"
-        >
-          <!-- :defaultValue="onlineTypeList[0] && onlineTypeList[0].value" -->
-          <a-select-option :value="item.value" v-for="(item, index) in onlineTypeList" :key="index">{{ item.label }}</a-select-option>
-        </a-select>
-        <a-select
-          allowClear
-          showSearch
-          :filterOption="filterOption"
-          :placeholder="i18nText('1.9.338')"
-          style="width: 120px;margin-left: 10px;"
-          @change="handleClassifyChange"
-          v-if="classifyList && classifyList.length"
-        >
-          <a-select-option :value="item.value" v-for="(item, index) in classifyList" :key="index">{{ item.label }}</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>
-    <MessageRecord
-      v-if="sessionId"
-      :userInfo="userInfo"
-      :clientName="clientName"
-      :clientId="toId"
-      :serviceName="serviceName"
-      :sessionId="sessionId"
-      :fromId="fromId"
-      :assemblyId="assemblyId"
-      :userId="fromUserId"
-      @clearSessionId="clearSessionId"
-    />
-  </div>
-</template>
-
-<script>
-import { Pagination, Table, Modal, Input, Select } from 'ant-design-vue';
-import { mapGetters } from '../store/helper';
-import fetch from '@/utils/chatFetch';
-import MessageRecord from './messageRecord';
-import vexutils, { formatReleaseTime } from '@/utils/vexutils';
-
-export default {
-  inject: ['store', 'i18nText'],
-  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
-        }
-      ],
-      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,
-      fromUserId: '',
-      onlineTypeLabel: {}
-    };
-  },
-  props: {
-    advancedFilterVisible: {
-      type: Boolean
-    }
-  },
-  computed: {
-    ...mapGetters(['userInfo']),
-    ...mapGetters(['assemblyId', 'assemblySetting', 'serviceId']),
-    visible: {
-      get() {
-        return this.advancedFilterVisible;
-      },
-      set() {
-        this.$emit('handleAdvancedFilterClose');
-      }
-    },
-    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);
-    },
-    onlineTypeList() {
-      let res = [];
-      let list = this.assemblySetting?.serverSetting?.serverInfo || [];
-      list = list.filter(item => {
-        if (this.assemblySetting?.type == 'staff') {
-          return item.key === 'ongoingTitle';
-        } else {
-          return item.key === 'ongoingTitle' || item.key === 'endTitle';
-        }
-      });
-      let keyMap = {
-        ongoingTitle: 1,
-        endTitle: 0
-      };
-      res = list.map(item => {
-        return {
-          label: item.value || item.title,
-          value: keyMap[item.key]
-        };
-      });
-      return res;
-    },
-    classifyList() {
-      let list = [];
-      if (this.assemblySetting.isListClassify === 'Y') {
-        list = this.assemblySetting.listClassify.map(item => ({
-          label: item.name,
-          value: item.classify
-        }));
-      }
-      return list;
-    }
-  },
-  created() {},
-  methods: {
-    filterOption(...args) {
-      return vexutils.filterOption.apply(this, args);
-    },
-    handleCancel() {
-      this.$emit('handleAdvancedFilterClose');
-    },
-    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
-      };
-      this.searchCondition.serviceId = this.userInfo?.sysParams?.userId;
-      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);
-        }
-      });
-    },
-    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];
-      // if (cellValue === 1) {
-      //   return this.i18nText("1.9.348");
-      // } else {
-      //   return this.i18nText("1.9.349");
-      // }
-    },
-    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;
-    },
-    clearSessionId() {
-      this.sessionId = null;
-    },
-    handleClassifyChange(val) {
-      this.searchCondition.classify = val;
-      this.getTableList();
-    },
-    handleOnlineTypeChange(val) {
-      this.searchCondition.onlineType = val;
-      this.getTableList();
-    }
-  },
-  watch: {
-    visible(val) {
-      if (!val) {
-        // this.getTableList();
-        for (let { key } of Object.entries(this.searchCondition)) {
-          this.searchCondition[key] = null;
-        }
-      }
-    },
-    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: {
-    [Pagination.name]: Pagination,
-    [Table.name]: Table,
-    AModal: Modal,
-    [Input.Search.name]: Input.Search,
-    [Select.Option.name]: Select.Option,
-    [Select.name]: Select,
-    MessageRecord
-  }
-};
-</script>
-
-<style lang="less" scoped>
-.search-wrapper {
-  display: flex;
-  margin-bottom: 16px;
-}
-.advance-table {
-  width: 100%;
-  margin-bottom: 16px;
-  /deep/ th,
-  /deep/ td {
-    padding: 10px 8px;
-  }
-}
-</style>