|
@@ -5,6 +5,7 @@
|
|
<a-tree
|
|
<a-tree
|
|
v-if="treeData.length > 0"
|
|
v-if="treeData.length > 0"
|
|
v-model:expandedKeys="defaultExpandedKeys"
|
|
v-model:expandedKeys="defaultExpandedKeys"
|
|
|
|
+ v-model:selectedKeys="selectedKeys"
|
|
:tree-data="treeData"
|
|
:tree-data="treeData"
|
|
:field-names="treeFieldNames"
|
|
:field-names="treeFieldNames"
|
|
@select="treeSelect"
|
|
@select="treeSelect"
|
|
@@ -106,7 +107,11 @@
|
|
<template v-if="column.dataIndex === 'action'">
|
|
<template v-if="column.dataIndex === 'action'">
|
|
<a @click="formRef.onOpen(record)" v-if="hasPerm('bizUserEdit')">{{ $t('common.editButton') }}</a>
|
|
<a @click="formRef.onOpen(record)" v-if="hasPerm('bizUserEdit')">{{ $t('common.editButton') }}</a>
|
|
<a-divider type="vertical" v-if="hasPerm(['bizUserEdit', 'bizUserDelete'], 'and')" />
|
|
<a-divider type="vertical" v-if="hasPerm(['bizUserEdit', 'bizUserDelete'], 'and')" />
|
|
- <a-popconfirm :title="$t('user.popconfirmDeleteUser')" @confirm="removeUser(record)">
|
|
|
|
|
|
+ <a-popconfirm
|
|
|
|
+ :title="$t('user.popconfirmDeleteUser')"
|
|
|
|
+ @confirm="removeUser(record)"
|
|
|
|
+ v-if="record.userStatus !== 'ENABLE'"
|
|
|
|
+ >
|
|
<a-button type="link" danger size="small" v-if="hasPerm('bizUserDelete')">{{
|
|
<a-button type="link" danger size="small" v-if="hasPerm('bizUserDelete')">{{
|
|
$t('common.removeButton')
|
|
$t('common.removeButton')
|
|
}}</a-button>
|
|
}}</a-button>
|
|
@@ -229,6 +234,10 @@
|
|
const selectedRecord = ref({})
|
|
const selectedRecord = ref({})
|
|
const loading = ref(false)
|
|
const loading = ref(false)
|
|
const cardLoading = ref(true)
|
|
const cardLoading = ref(true)
|
|
|
|
+ const selectedKeys = ref([]) //默认选中第一个节点
|
|
|
|
+ onMounted(() => {
|
|
|
|
+ loadTreeData()
|
|
|
|
+ })
|
|
// 表格查询 返回 Promise 对象
|
|
// 表格查询 返回 Promise 对象
|
|
const loadData = (parameter) => {
|
|
const loadData = (parameter) => {
|
|
return bizUserApi.userPage(Object.assign(parameter, searchFormState.value)).then((res) => {
|
|
return bizUserApi.userPage(Object.assign(parameter, searchFormState.value)).then((res) => {
|
|
@@ -240,33 +249,42 @@
|
|
searchFormRef.value.resetFields()
|
|
searchFormRef.value.resetFields()
|
|
tableRef.value.refresh(true)
|
|
tableRef.value.refresh(true)
|
|
}
|
|
}
|
|
- // 左侧树查询
|
|
|
|
- bizOrgApi
|
|
|
|
- .orgTree()
|
|
|
|
- .then((res) => {
|
|
|
|
- cardLoading.value = false
|
|
|
|
- if (res !== null) {
|
|
|
|
- treeData.value = res
|
|
|
|
- if (isEmpty(defaultExpandedKeys.value)) {
|
|
|
|
- // 默认展开2级
|
|
|
|
- treeData.value.forEach((item) => {
|
|
|
|
- // 因为0的顶级
|
|
|
|
- if (item.parentId === '0') {
|
|
|
|
- defaultExpandedKeys.value.push(item.id)
|
|
|
|
- // 取到下级ID
|
|
|
|
- if (item.children) {
|
|
|
|
- item.children.forEach((items) => {
|
|
|
|
- defaultExpandedKeys.value.push(items.id)
|
|
|
|
- })
|
|
|
|
|
|
+
|
|
|
|
+ // 加载左侧的树
|
|
|
|
+ const loadTreeData = () => {
|
|
|
|
+ bizOrgApi
|
|
|
|
+ .orgTree()
|
|
|
|
+ .then((res) => {
|
|
|
|
+ cardLoading.value = false
|
|
|
|
+ if (res !== null) {
|
|
|
|
+ treeData.value = res
|
|
|
|
+ if (isEmpty(defaultExpandedKeys.value)) {
|
|
|
|
+ // 默认展开2级
|
|
|
|
+ treeData.value.forEach((item) => {
|
|
|
|
+ // 因为0的顶级
|
|
|
|
+ if (item.parentId === '0') {
|
|
|
|
+ defaultExpandedKeys.value.push(item.id)
|
|
|
|
+ // 取到下级ID
|
|
|
|
+ if (item.children) {
|
|
|
|
+ item.children.forEach((items) => {
|
|
|
|
+ defaultExpandedKeys.value.push(items.id)
|
|
|
|
+ })
|
|
|
|
+ }
|
|
}
|
|
}
|
|
- }
|
|
|
|
- })
|
|
|
|
|
|
+ })
|
|
|
|
+ }
|
|
}
|
|
}
|
|
- }
|
|
|
|
- })
|
|
|
|
- .finally(() => {
|
|
|
|
- cardLoading.value = false
|
|
|
|
- })
|
|
|
|
|
|
+ })
|
|
|
|
+ .finally(() => {
|
|
|
|
+ cardLoading.value = false
|
|
|
|
+ // 设置默认选中第一个节点
|
|
|
|
+ if (treeData.value.length > 0) {
|
|
|
|
+ selectedKeys.value = [treeData.value[0].id] // 选中第一个节点
|
|
|
|
+ treeSelect(treeData.value[0].id) // 选中第一个节点
|
|
|
|
+ }
|
|
|
|
+ })
|
|
|
|
+ }
|
|
|
|
+
|
|
// 列表选择配置
|
|
// 列表选择配置
|
|
const options = {
|
|
const options = {
|
|
alert: {
|
|
alert: {
|