| | |
| | | let expandedKeys = ref([]); |
| | | let selectedKeys = ref([]); |
| | | |
| | | const state = reactive({ |
| | | selectedRowKeys: [], |
| | | loading: false, |
| | | }); |
| | | |
| | | let tableData = ref([]); |
| | | getPage(); |
| | | |
| | |
| | | }, |
| | | ]; |
| | | |
| | | const state = reactive({ |
| | | selectedRowKeys: [], |
| | | loading: false, |
| | | }); |
| | | const hasSelected = computed(() => state.selectedRowKeys.length > 0); |
| | | const start = () => { |
| | | state.loading = true; |
| | |
| | | }; |
| | | |
| | | function getPage() { |
| | | state.loading = true; |
| | | |
| | | post('/api/role/page', { |
| | | current: currentPage, |
| | | pageSize: pageSize, |
| | |
| | | if (result.code == 200) { |
| | | let data = result.data; |
| | | tableData.value = data; |
| | | |
| | | state.loading = false; |
| | | } else if (result.code === 401) { |
| | | message.error(result.msg); |
| | | logout() |
| | |
| | | |
| | | } |
| | | |
| | | const treeLoading = ref(false) |
| | | const loadMenuTree = (param) => { |
| | | treeLoading.value = true; |
| | | treeData.value = []; |
| | | checkedKeys.value = []; |
| | | post('/api/menu/tree', {}).then(resp => { |
| | | let result = resp.data; |
| | | let data = result.data; |
| | | treeData.value = data; |
| | | |
| | | treeLoading.value = false; |
| | | }) |
| | | |
| | | get('/api/role/scope/list', { |
| | |
| | | <a-table :row-selection="{ selectedRowKeys: state.selectedRowKeys, onChange: onSelectChange }" |
| | | :data-source="tableData.records" :defaultExpandAllRows="false" :key="TABLE_KEY" rowKey="id" |
| | | :pagination="{ total: tableData.total, onChange: onPageChange }" |
| | | :scroll="{ y: 768, scrollToFirstRowOnChange: true }" :columns="columns"> |
| | | :scroll="{ y: 768, scrollToFirstRowOnChange: true }" :columns="columns" :loading="state.loading"> |
| | | <template #bodyCell="{ column, text, record }"> |
| | | <template v-if="column.dataIndex === 'oper'"> |
| | | <div style="display: flex;justify-content: space-evenly;"> |
| | |
| | | |
| | | <a-drawer :width="500" :title="formatMessage('page.assign.role', '分配权限') + ' - ' + currentDrawerData?.name" |
| | | placement="right" :open="openDrawer" @close="onCloseDrawer"> |
| | | <a-spin v-if="treeLoading" /> |
| | | <template #extra> |
| | | <a-button style="margin-right: 8px" @click="onCloseDrawer">{{ formatMessage('common.cancel', '取消') }}</a-button> |
| | | <a-button type="primary" @click="onSubmitDrawer">{{ formatMessage('common.submit', '提交') }}</a-button> |