cnhis-design-vue 2.1.56 → 2.1.58

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

@@ -1,273 +1,273 @@
-<template>
-  <div class="chat-customer-service">
-    <h3 class="page-title">{{ isStaff ? '用户管理' : i18nText('1.9.431') }}</h3>
-    <template v-if="!noDataTip">
-      <a-select class="search-role" v-model="roleId" showSearch allowClear placeholder="全部角色" @change="handleSearch">
-        <a-select-option v-for="sea in roleList" :key="sea.roleId" :value="sea.roleId">
-          {{ sea.roleName }}
-        </a-select-option>
-      </a-select>
-      <a-input-search :placeholder="i18nText('1.9.432')" v-model="name" @search="handleSearch" size="default" allowClear>
-        <a-button slot="enterButton" type="primary">
-          <a-icon type="search" />
-          {{ i18nText('1.2.2.11') }}
-        </a-button>
-      </a-input-search>
-      <a-button @click="handleCustomerAdd">
-        <a-icon type="plus-circle" />
-        {{ i18nText('1.9.433') }}
-      </a-button>
-      <a-table bordered :columns="columns" :dataSource="tableData" :pagination="pagination" :rowKey="getRowkey" :scroll="{ y: 650 }" @change="handlePageChange">
-        <template slot="operation" slot-scope="text, record">
-          <a-popconfirm @confirm="() => confirmDelete(record)" :okText="i18nText('1.10.138')" :cancelText="i18nText('1.1.1.1.4')" style="width: 300px;">
-            <a-icon slot="icon" type="question-circle-o" style="color: red" />
-            <div slot="title">
-              <span>{{ i18nText('1.9.384') }}</span>
-              <br />
-              <span>{{ i18nText('1.9.434') }}?</span>
-            </div>
-            <a href="javascript:;" style="color: red;">
-              <a-icon type="delete" style="margin-right: 8px;" />
-              {{ i18nText('2.5.15') }}
-            </a>
-          </a-popconfirm>
-        </template>
-      </a-table>
-    </template>
-    <NoData v-else :noDataImg="noDataImg" :noDataTip="noDataTip" :emptyRender="emptyRender"></NoData>
-    <a-modal :title="customTitle" v-model="visible" @ok="handleCustomerAdd" :maskClosable="false" :destroyOnClose="true" width="720px" :footer="null" :bodyStyle="{ padding: 0, height: '600px' }">
-      <batch-select :assemblyId="assemblyId" @handleBatchResponse="handleBatchResponse"></batch-select>
-    </a-modal>
-  </div>
-</template>
-
-<script>
-import BatchSelect from './batchSelect';
-// import RoleSetting from "./roleSetting.vue";
-import NoDataJs from '../../chat/mixins/NoData';
-import { moment } from '@/utils/vexutils';
-import fetch, { qs } from '@/utils/chatFetch';
-import Empty from '../../components/empty.vue';
-import { Button, Icon, Input, Modal, Popconfirm, Select, Table } from 'ant-design-vue';
-
-export default {
-  name: 'customer-service',
-  mixins: [NoDataJs],
-  inject: ['emptyRender', 'i18nText'],
-  props: ['isStaff', 'assemblyId'],
-  data() {
-    return {
-      name: '',
-      visible: false,
-      roleId: void 0,
-      roleList: [],
-      pagination: {
-        pageSize: 10,
-        current: 1,
-        showSizeChanger: true,
-        showQuickJumper: true,
-        total: 0,
-        showTotal: total => `共 ${total} 条`
-      },
-      columns: [
-        {
-          title: this.i18nText('1.14.42'),
-          dataIndex: 'targetName',
-          key: 'targetName',
-          align: 'center',
-          width: 250
-        },
-        {
-          title: this.i18nText('1.9.435'),
-          dataIndex: 'userId',
-          key: 'userId',
-          align: 'center'
-        },
-        {
-          title: this.i18nText('1.10.98'),
-          dataIndex: 'deptName',
-          key: 'deptName',
-          align: 'center'
-        },
-        {
-          title: this.i18nText('1.7.2.25'),
-          dataIndex: 'roleName',
-          key: 'roleName',
-          align: 'center'
-        },
-        {
-          title: this.i18nText('1.14.30'),
-          dataIndex: 'FEcreatedTime',
-          key: 'FEcreatedTime',
-          align: 'center'
-        },
-        {
-          title: this.i18nText('1.1.3.2.4'),
-          dataIndex: 'operation',
-          scopedSlots: { customRender: 'operation' },
-          align: 'center'
-        }
-      ],
-      tableData: [],
-      customTitle: '聊天'
-    };
-  },
-
-  created() {
-    this.queyrAllRole();
-    this.getTableData();
-  },
-  methods: {
-    getTableData() {
-      fetch
-        .get('/chat/event/getSysBaseInformation', {
-          params: {
-            type: 'PERSONNEL_SERVICE',
-            roleId: this.roleId,
-            currPage: this.pagination.current,
-            pageSize: this.pagination.pageSize,
-            name: this.name,
-            assemblyId: this.assemblyId
-          }
-        })
-        .then(({ data }) => {
-          if (data.result === 'SUCCESS') {
-            this.resetNodata();
-            let { imformation, total, pageSize, currPage } = data.map;
-            this.pagination.total = total;
-            this.pagination.pageSize = pageSize;
-            this.pagination.current = currPage;
-            this.tableData = imformation.map(item => {
-              let setting = JSON.parse(item.setting);
-              let { deptName, userId, createdTime } = setting;
-              item.deptName = deptName || '-';
-              item.userId = userId || '-';
-
-              /** 时间改用 setting.createdTime */
-              let FEcreatedTime;
-              try {
-                FEcreatedTime = createdTime ? moment(createdTime).format('YYYY-MM-DD HH:mm:ss') : '';
-              } catch (error) {
-                FEcreatedTime = '';
-              }
-
-              this.$set(item, 'FEcreatedTime', FEcreatedTime || item.createdTime);
-              return item;
-            });
-          } else {
-            this.setNoData(data?.resultMsg, data?.result);
-          }
-        })
-        .catch(err => {
-          this.setNoData(err?.resultMsg, err?.result || 'Failure');
-        });
-    },
-    handleCustomerAdd() {
-      this.visible = true;
-    },
-    handleSearch() {
-      this.pagination.current = 1;
-      this.getTableData();
-    },
-    /* 分页查询 */
-    handlePageChange(pagination) {
-      Object.assign(this.pagination, pagination);
-      this.getTableData();
-    },
-    getRowkey(record) {
-      return record.id;
-    },
-    confirmDelete(record) {
-      this.handleUserDelete(record);
-    },
-    /* 删除用户 */
-    handleUserDelete({ id }) {
-      fetch
-        .post(
-          '/chat/event/deleteInformation',
-          qs.stringify({
-            id
-          })
-        )
-        .then(({ data }) => {
-          if (data.result === 'SUCCESS') {
-            this.$message.success(this.i18nText('1.6.7'));
-            this.getTableData();
-          }
-        });
-    },
-    /* batch-select回调 */
-    handleBatchResponse(type) {
-      this.visible = false;
-      if (type === 'ok') {
-        this.getTableData();
-      }
-    },
-    queyrAllRole() {
-      fetch.get('/user/getAllRole', { pageSize: 1000, page: 1 }).then(res => {
-        if (res.data.result === 'SUCCESS') {
-          const roleList = res.data.obj.data || [];
-          this.roleList = roleList.map(item => {
-            const { roleName, roleId } = item;
-            return { roleName, roleId };
-          });
-        }
-      });
-    }
-  },
-  components: {
-    [Select.name]: Select,
-    [Icon.name]: Icon,
-    [Button.name]: Button,
-    [Table.name]: Table,
-    [Popconfirm.name]: Popconfirm,
-    AModal: Modal,
-    [Input.Search.name]: Input.Search,
-    [Select.Option.name]: Select.Option,
-    NoData: Empty,
-    BatchSelect
-  }
-};
-</script>
-
-<style lang="less" scoped>
-.chat-customer-service {
-  padding: 15px;
-  .page-title {
-    font-weight: 500;
-    color: #2e2e2e;
-    font-size: 16px;
-  }
-  // .table-wrapper {
-  //   height: 700px;
-  // }
-  .search-role {
-    width: 160px;
-    margin-right: 8px;
-  }
-  /deep/ .ant-input-group-wrapper {
-    width: 340px;
-    margin-right: 8px;
-  }
-  /deep/ .ant-table-wrapper {
-    margin-top: 16px;
-  }
-  /deep/ .ant-table-wrapper {
-    margin-top: 16px;
-  }
-  /deep/ .ant-table-thead > tr > th,
-  /deep/ .ant-table-tbody > tr > td {
-    padding: 10px 16px;
-  }
-  /deep/ .ant-table-thead > tr > th {
-    font-weight: 700;
-    background-color: #f2f2f2;
-  }
-  /deep/ .ant-table-fixed-header .ant-table-scroll .ant-table-header {
-    overflow: hidden;
-  }
-  /deep/ .ant-input-group-addon {
-    padding: 0;
-  }
-}
-</style>
+<template>
+  <div class="chat-customer-service">
+    <h3 class="page-title">{{ isStaff ? '用户管理' : i18nText('1.9.431') }}</h3>
+    <template v-if="!noDataTip">
+      <a-select class="search-role" v-model="roleId" showSearch allowClear placeholder="全部角色" @change="handleSearch">
+        <a-select-option v-for="sea in roleList" :key="sea.roleId" :value="sea.roleId">
+          {{ sea.roleName }}
+        </a-select-option>
+      </a-select>
+      <a-input-search :placeholder="i18nText('1.9.432')" v-model="name" @search="handleSearch" size="default" allowClear>
+        <a-button slot="enterButton" type="primary">
+          <a-icon type="search" />
+          {{ i18nText('1.2.2.11') }}
+        </a-button>
+      </a-input-search>
+      <a-button @click="handleCustomerAdd">
+        <a-icon type="plus-circle" />
+        {{ i18nText('1.9.433') }}
+      </a-button>
+      <a-table bordered :columns="columns" :dataSource="tableData" :pagination="pagination" :rowKey="getRowkey" :scroll="{ y: 650 }" @change="handlePageChange">
+        <template slot="operation" slot-scope="text, record">
+          <a-popconfirm @confirm="() => confirmDelete(record)" :okText="i18nText('1.10.138')" :cancelText="i18nText('1.1.1.1.4')" style="width: 300px;">
+            <a-icon slot="icon" type="question-circle-o" style="color: red" />
+            <div slot="title">
+              <span>{{ i18nText('1.9.384') }}</span>
+              <br />
+              <span>{{ i18nText('1.9.434') }}?</span>
+            </div>
+            <a href="javascript:;" style="color: red;">
+              <a-icon type="delete" style="margin-right: 8px;" />
+              {{ i18nText('2.5.15') }}
+            </a>
+          </a-popconfirm>
+        </template>
+      </a-table>
+    </template>
+    <NoData v-else :noDataImg="noDataImg" :noDataTip="noDataTip" :emptyRender="emptyRender"></NoData>
+    <a-modal :title="customTitle" v-model="visible" @ok="handleCustomerAdd" :maskClosable="false" :destroyOnClose="true" width="720px" :footer="null" :bodyStyle="{ padding: 0, height: '600px' }">
+      <batch-select :assemblyId="assemblyId" @handleBatchResponse="handleBatchResponse"></batch-select>
+    </a-modal>
+  </div>
+</template>
+
+<script>
+import BatchSelect from './batchSelect';
+// import RoleSetting from "./roleSetting.vue";
+import NoDataJs from '../../chat/mixins/NoData';
+import { moment } from '@/utils/vexutils';
+import fetch, { qs } from '@/utils/chatFetch';
+import Empty from '../../components/empty.vue';
+import { Button, Icon, Input, Modal, Popconfirm, Select, Table } from 'ant-design-vue';
+
+export default {
+  name: 'customer-service',
+  mixins: [NoDataJs],
+  inject: ['emptyRender', 'i18nText'],
+  props: ['isStaff', 'assemblyId'],
+  data() {
+    return {
+      name: '',
+      visible: false,
+      roleId: void 0,
+      roleList: [],
+      pagination: {
+        pageSize: 10,
+        current: 1,
+        showSizeChanger: true,
+        showQuickJumper: true,
+        total: 0,
+        showTotal: total => `共 ${total} 条`
+      },
+      columns: [
+        {
+          title: this.i18nText('1.14.42'),
+          dataIndex: 'targetName',
+          key: 'targetName',
+          align: 'center',
+          width: 250
+        },
+        {
+          title: this.i18nText('1.9.435'),
+          dataIndex: 'userId',
+          key: 'userId',
+          align: 'center'
+        },
+        {
+          title: this.i18nText('1.10.98'),
+          dataIndex: 'deptName',
+          key: 'deptName',
+          align: 'center'
+        },
+        {
+          title: this.i18nText('1.7.2.25'),
+          dataIndex: 'roleName',
+          key: 'roleName',
+          align: 'center'
+        },
+        {
+          title: this.i18nText('1.14.30'),
+          dataIndex: 'FEcreatedTime',
+          key: 'FEcreatedTime',
+          align: 'center'
+        },
+        {
+          title: this.i18nText('1.1.3.2.4'),
+          dataIndex: 'operation',
+          scopedSlots: { customRender: 'operation' },
+          align: 'center'
+        }
+      ],
+      tableData: [],
+      customTitle: '聊天'
+    };
+  },
+
+  created() {
+    this.queyrAllRole();
+    this.getTableData();
+  },
+  methods: {
+    getTableData() {
+      fetch
+        .get('/chat/event/getSysBaseInformation', {
+          params: {
+            type: 'PERSONNEL_SERVICE',
+            roleId: this.roleId,
+            currPage: this.pagination.current,
+            pageSize: this.pagination.pageSize,
+            name: this.name,
+            assemblyId: this.assemblyId
+          }
+        })
+        .then(({ data }) => {
+          if (data.result === 'SUCCESS') {
+            this.resetNodata();
+            let { imformation, total, pageSize, currPage } = data.map;
+            this.pagination.total = total;
+            this.pagination.pageSize = pageSize;
+            this.pagination.current = currPage;
+            this.tableData = imformation.map(item => {
+              let setting = JSON.parse(item.setting);
+              let { deptName, userId, createdTime } = setting;
+              item.deptName = deptName || '-';
+              item.userId = userId || '-';
+
+              /** 时间改用 setting.createdTime */
+              let FEcreatedTime;
+              try {
+                FEcreatedTime = createdTime ? moment(createdTime).format('YYYY-MM-DD HH:mm:ss') : '';
+              } catch (error) {
+                FEcreatedTime = '';
+              }
+
+              this.$set(item, 'FEcreatedTime', FEcreatedTime || item.createdTime);
+              return item;
+            });
+          } else {
+            this.setNoData(data?.resultMsg, data?.result);
+          }
+        })
+        .catch(err => {
+          this.setNoData(err?.resultMsg, err?.result || 'Failure');
+        });
+    },
+    handleCustomerAdd() {
+      this.visible = true;
+    },
+    handleSearch() {
+      this.pagination.current = 1;
+      this.getTableData();
+    },
+    /* 分页查询 */
+    handlePageChange(pagination) {
+      Object.assign(this.pagination, pagination);
+      this.getTableData();
+    },
+    getRowkey(record) {
+      return record.id;
+    },
+    confirmDelete(record) {
+      this.handleUserDelete(record);
+    },
+    /* 删除用户 */
+    handleUserDelete({ id }) {
+      fetch
+        .post(
+          '/chat/event/deleteInformation',
+          qs.stringify({
+            id
+          })
+        )
+        .then(({ data }) => {
+          if (data.result === 'SUCCESS') {
+            this.$message.success(this.i18nText('1.6.7'));
+            this.getTableData();
+          }
+        });
+    },
+    /* batch-select回调 */
+    handleBatchResponse(type) {
+      this.visible = false;
+      if (type === 'ok') {
+        this.getTableData();
+      }
+    },
+    queyrAllRole() {
+      fetch.get('/user/getAllRole', { pageSize: 1000, page: 1 }).then(res => {
+        if (res.data.result === 'SUCCESS') {
+          const roleList = res.data.obj.data || [];
+          this.roleList = roleList.map(item => {
+            const { roleName, roleId } = item;
+            return { roleName, roleId };
+          });
+        }
+      });
+    }
+  },
+  components: {
+    [Select.name]: Select,
+    [Icon.name]: Icon,
+    [Button.name]: Button,
+    [Table.name]: Table,
+    [Popconfirm.name]: Popconfirm,
+    AModal: Modal,
+    [Input.Search.name]: Input.Search,
+    [Select.Option.name]: Select.Option,
+    NoData: Empty,
+    BatchSelect
+  }
+};
+</script>
+
+<style lang="less" scoped>
+.chat-customer-service {
+  padding: 15px;
+  .page-title {
+    font-weight: 500;
+    color: #2e2e2e;
+    font-size: 16px;
+  }
+  // .table-wrapper {
+  //   height: 700px;
+  // }
+  .search-role {
+    width: 160px;
+    margin-right: 8px;
+  }
+  /deep/ .ant-input-group-wrapper {
+    width: 340px;
+    margin-right: 8px;
+  }
+  /deep/ .ant-table-wrapper {
+    margin-top: 16px;
+  }
+  /deep/ .ant-table-wrapper {
+    margin-top: 16px;
+  }
+  /deep/ .ant-table-thead > tr > th,
+  /deep/ .ant-table-tbody > tr > td {
+    padding: 10px 16px;
+  }
+  /deep/ .ant-table-thead > tr > th {
+    font-weight: 700;
+    background-color: #f2f2f2;
+  }
+  /deep/ .ant-table-fixed-header .ant-table-scroll .ant-table-header {
+    overflow: hidden;
+  }
+  /deep/ .ant-input-group-addon {
+    padding: 0;
+  }
+}
+</style>