cnhis-design-vue 0.2.63-beta → 0.3.1-beta

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

@@ -1,156 +0,0 @@
-<template>
-  <div class="chat-customer-service">
-    <div>
-      <a-input-search :placeholder="i18nText('1.9.432')" v-model="keyword" allowClear @search="handleSearch" enter-button> </a-input-search>
-      <a-button v-show="roleId" type="primary" @click="openRoleSetting">权限管理</a-button>
-    </div>
-    <a-table
-      bordered
-      rowKey="roleId"
-      :columns="columns"
-      :dataSource="tableData"
-      :pagination="pagination"
-      :customRow="customRow"
-      :rowClassName="rowClassName"
-      :scroll="{ y: 665 }"
-      @change="handlePageChange"
-    >
-    </a-table>
-    <RoleSetting v-model="visible" :assemblyId="assemblyId" :roleId="roleId" />
-  </div>
-</template>
-
-<script>
-import RoleSetting from './roleSetting.vue';
-import fetch from '@/utils/chatFetch';
-import { Button, Input, Table } from 'ant-design-vue';
-
-export default {
-  components: {
-    [Input.Search.name]: Input.Search,
-    [Table.name]: Table,
-    [Button.name]: Button,
-    RoleSetting
-  },
-  props: ['assemblyId', 'i18nText'],
-  data() {
-    return {
-      visible: false,
-      roleId: '',
-      keyword: '',
-      pagination: {
-        pageSize: 20,
-        current: 1,
-        showSizeChanger: true,
-        showQuickJumper: true,
-        total: 0,
-        showTotal: total => `共 ${total} 条`
-      },
-      columns: [
-        {
-          title: '角色ID',
-          dataIndex: 'roleId',
-          key: 'roleId',
-          align: 'center',
-          width: 250
-        },
-        {
-          title: '角色名称',
-          dataIndex: 'roleName',
-          key: 'roleName',
-          align: 'center'
-        },
-        {
-          title: '备注',
-          dataIndex: 'roleDesc',
-          key: 'roleDesc',
-          align: 'center'
-        }
-      ],
-      tableData: []
-    };
-  },
-  created() {
-    this.getTableData();
-  },
-  methods: {
-    rowClassName(record) {
-      return record.roleId === this.roleId ? 'ant-table-row-selected' : '';
-    },
-    customRow(record) {
-      return {
-        on: {
-          click: () => {
-            this.roleId = record.roleId;
-          }
-        }
-      };
-    },
-    getTableData() {
-      fetch
-        .get('/user/getAllRole', {
-          params: {
-            keyword: this.keyword,
-            page: this.pagination.current,
-            pageSize: this.pagination.pageSize
-          }
-        })
-        .then(({ data }) => {
-          if (data.result === 'SUCCESS') {
-            const { totalCount, data: list = [] } = data.obj;
-            this.pagination.total = totalCount || 0;
-            this.tableData = list;
-            this.roleId = '';
-          } else {
-            this.$message.warning(data.resultMsg);
-          }
-        });
-    },
-    handleSearch() {
-      this.pagination.current = 1;
-      this.getTableData();
-    },
-    /* 分页查询 */
-    handlePageChange(pagination) {
-      Object.assign(this.pagination, pagination);
-      this.getTableData();
-    },
-    openRoleSetting() {
-      if (this.roleId) {
-        this.visible = true;
-      }
-    }
-  }
-};
-</script>
-
-<style lang="less" scoped>
-.chat-customer-service {
-  padding: 15px;
-  /deep/ .ant-input-search {
-    width: 200px;
-    margin-right: 8px;
-    .ant-input-group-addon {
-      border: none !important;
-      padding: 0;
-    }
-  }
-  /deep/ .ant-table-wrapper {
-    margin-top: 16px;
-    .ant-table-tbody > tr.ant-table-row-selected td {
-      background-color: #f5f7fa;
-    }
-  }
-  /deep/ .ant-table-thead > tr > th,
-  /deep/ .ant-table-tbody > tr > td {
-    padding: 5px 10px;
-  }
-  /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;
-  }
-}
-</style>

package/packages/multi-chat/setting/authority/roleSetting.vue

@@ -1,204 +0,0 @@
-<template>
-  <a-modal :visible="value" width="520px" :closable="false" class="standard-modal standard-modal-white" :destroyOnClose="true" @change="handleInput" @ok="handleSave">
-    <template #title>
-      权限管理
-      <div class="svg-wrap">
-        <svg-icon :icon-class="'xitongtubiaodaohangtubiaoguanbi'" @click="handleCancel"></svg-icon>
-      </div>
-    </template>
-    <div class="user-role-wrapper">
-      <div class="wrapper-item">
-        <div v-show="toolbarPC.length" class="setting-item">
-          <div class="setting-label">PC:</div>
-          <div class="setting-content">
-            <a-checkbox v-model="pcChecked" key="pc_all_checked">全选</a-checkbox>
-            <br />
-
-            <a-checkbox v-for="(item, i) in toolbarPC" :key="i" v-model="item.isChecked">
-              {{ item.name }}
-            </a-checkbox>
-          </div>
-        </div>
-        <div v-show="toolbarMobile.length" class="setting-item">
-          <div class="setting-label">MOBILE:</div>
-          <div class="setting-content">
-            <a-checkbox v-model="mobileChecked" key="mobile_all_checked">全选</a-checkbox>
-            <br />
-            <a-checkbox v-for="(item, i) in toolbarMobile" :key="i" v-model="item.isChecked">
-              {{ item.name }}
-            </a-checkbox>
-          </div>
-        </div>
-        <NoData v-if="!toolbarPC.length && !toolbarMobile.length" :emptyRender="emptyRender" noDataTip="暂无可配置权限"></NoData>
-      </div>
-    </div>
-  </a-modal>
-</template>
-<script>
-import fetch, { qs } from '@/utils/chatFetch';
-import Empty from '../../components/empty.vue';
-import { Checkbox, Modal } from 'ant-design-vue';
-import SvgIcon from '@/component/svg/index.vue';
-
-export default {
-  inject: ['emptyRender'],
-  components: {
-    [Checkbox.name]: Checkbox,
-    AModal: Modal,
-    NoData: Empty,
-    SvgIcon
-  },
-  props: {
-    value: {
-      type: Boolean,
-      default: false
-    },
-    assemblyId: {
-      type: String
-    },
-    roleId: {
-      type: [String, Number]
-    }
-  },
-  data() {
-    return {
-      sbLoading: false,
-      toolbarPC: [],
-      toolbarMobile: []
-    };
-  },
-  computed: {
-    pcChecked: {
-      get() {
-        const toolbar = this.toolbarPC;
-        return toolbar.length > 0 && toolbar.every(item => item.isChecked);
-      },
-      set(v) {
-        const toolbar = this.toolbarPC;
-        toolbar.forEach(item => (item.isChecked = v));
-      }
-    },
-    mobileChecked: {
-      get() {
-        const toolbar = this.toolbarMobile;
-        return toolbar.length > 0 && toolbar.every(item => item.isChecked);
-      },
-      set(v) {
-        const toolbar = this.toolbarMobile;
-        toolbar.forEach(item => (item.isChecked = v));
-      }
-    }
-  },
-  watch: {
-    value(v) {
-      if (v) {
-        this.sbLoading = false;
-        this.getConfig();
-      }
-    }
-  },
-  methods: {
-    handleInput(v) {
-      this.$emit('input', v);
-    },
-    // 查询设置项
-    getConfig() {
-      fetch
-        .get('/chat/event/getToolbarPermission', {
-          params: {
-            assemblyId: this.assemblyId,
-            roleId: this.roleId
-          }
-        })
-        .then(({ data }) => {
-          if (data.result === 'SUCCESS') {
-            const toolbar = data.map.toolbar;
-            const pc = [];
-            const mobile = [];
-            if (Array.isArray(toolbar)) {
-              toolbar.forEach(item => {
-                const { name, source, isChecked } = item;
-                const value = { name, source, isChecked: isChecked === 'Y' };
-                source === 'PC' ? pc.push(value) : mobile.push(value);
-              });
-            }
-            this.toolbarPC = pc;
-            this.toolbarMobile = mobile;
-          }
-        });
-    },
-    // 保存
-    handleSave() {
-      const toolbarList = this.toolbarPC.concat(this.toolbarMobile);
-      if (toolbarList.length < 1) {
-        this.$message.warning('暂无可配置权限');
-        return;
-      }
-      if (this.sbLoading) return;
-      this.sbLoading = true;
-      const toolbar = toolbarList.reduce((bar, item) => {
-        if (item.isChecked) {
-          bar.push({
-            name: item.name,
-            source: item.source
-          });
-        }
-        return bar;
-      }, []);
-      const data = {
-        assemblyId: this.assemblyId,
-        roleId: this.roleId,
-        toolbar: JSON.stringify({ toolbar })
-      };
-      fetch
-        .post('/chat/event/saveToolbarPermission', qs.stringify(data))
-        .then(res => {
-          if (res.data.result === 'SUCCESS') {
-            this.$message.success('设置成功');
-            this.handleCancel();
-          } else {
-            this.$message.error(res.data.resultMsg || '保存失败');
-          }
-        })
-        .finally(() => {
-          this.sbLoading = false;
-        });
-    },
-    handleCancel() {
-      this.handleInput(false);
-    }
-  }
-};
-</script>
-<style lang="less" scoped>
-.user-role-wrapper {
-  display: flex;
-  min-height: 240px;
-  .wrapper-item {
-    padding: 15px;
-    flex: 1;
-    overflow-y: auto;
-    & + .wrapper-item {
-      border-left: 1px solid #ccc;
-    }
-  }
-}
-.setting-item {
-  display: flex;
-  line-height: 20px;
-  padding: 4px 0;
-  .setting-label {
-    width: 70px;
-    padding-right: 10px;
-    text-align: right;
-  }
-  .setting-content {
-    flex: 1;
-    overflow: hidden;
-    min-height: 20px;
-    .ant-checkbox-wrapper {
-      margin-bottom: 6px;
-    }
-  }
-}
-</style>