cnhis-design-vue 2.1.56 → 2.1.57

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

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