zianxin/jh-military-admin
1
0 Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat:组织管理页面

Browse Source
This commit is contained in:
dzc committed 2025-07-11 18:02:12 +08:00
1 parent f72e14ff0e
commit 91d5bddb42
8 files changed
+596 -130
Download Patch File Download Diff File Expand all files Collapse all files

No files matched your search

dict.js
+35
View File
@@ -0,0 +1,35 @@
(function () {
const result = []
const dictId = "1943578448759869442"
const dictType = "dh_org_type"
let children = document.querySelector("#doc").children;
if (children) {
children = Array.from(children)
}
if (children && children.length) {
children.forEach((dom) => {
const tdList = dom.querySelectorAll("td")
const id = tdList[0]
const desc = tdList[1]
result.push({
id: id?.innerText,
desc: desc?.innerText
})
});
}
// 生产sql
let fullSql = ``
if (result && result.length) {
let sort = 10
for (const v of result) {
// 随机id 当前时间戳 + 6位数数字随机
const id = new Date().getTime() + Math.floor(Math.random() * 1000000)
const sql = `
INSERT INTO jhkjx.sys_dict_item (id, dict_id, item_value, label, dict_type, description, sort_order, create_by, update_by, create_time, update_time, remarks, del_flag, tenant_id) VALUES (${id}, ${dictId}, '${v.id}', '${v.desc}', '${dictType}', '${v.desc}', ${sort}, ' ', ' ', '2019-03-19 11:08:59', '2019-03-25 12:49:13', '', '0', 1);`
// 换行
fullSql = fullSql + sql + "\n"
sort += 10
}
}
console.log(fullSql);
})();
src/api/area/areaManage.ts
+41
View File
@@ -0,0 +1,41 @@
import request from "/@/utils/request"
export function fetchList(query?: Object) {
return request({
url: '/admin/areaManage/page',
method: 'get',
params: query
})
}
export function addObj(obj?: Object) {
return request({
url: '/admin/areaManage',
method: 'post',
data: obj
})
}
export function getObj(id?: string) {
return request({
url: '/admin/areaManage/' + id,
method: 'get'
})
}
export function delObjs(ids?: Object) {
return request({
url: '/admin/areaManage',
method: 'delete',
data: ids
})
}
export function putObj(obj?: Object) {
return request({
url: '/admin/areaManage',
method: 'put',
data: obj
})
}
src/api/sys/sysOrg.ts
+22
View File
@@ -1,5 +1,27 @@
import request from "/@/utils/request"
/**
* 获取组织数状结构
*/
export function getTree(query?: Object) {
return request({
url: '/admin/sysOrg/getTree',
method: 'get',
params: query
})
}
/**
* 获取顶级组织
*/
export function getTopOrg(query?: Object) {
return request({
url: '/admin/sysOrg/getTopOrg',
method: 'get',
params: query
})
}
export function fetchList(query?: Object) {
return request({
url: '/admin/sysOrg/page',
src/components/QueryTree/index.vue
+9 -20
View File
@@ -2,7 +2,8 @@
<div class="head-container">
<div class="head-container-header">
<div class="head-container-header-input">
<el-input v-model="searchName" suffix-icon="search" :placeholder="placeholder" clearable @change="getdeptTree" />
<el-input v-model="searchName" suffix-icon="search" :placeholder="placeholder" clearable
@change="getdeptTree" />
</div>
<div class="head-container-header-dropdown" v-if="showExpand">
<el-dropdown :hide-on-click="false">
@@ -12,13 +13,8 @@
<template #dropdown>
<el-dropdown-menu>
<el-dropdown-item>
<el-button
:class="buttonClass"
link
type="primary"
:icon="isExpand ? 'expand' : 'fold'"
@click="toggleRowExpansionAll(isExpand ? false : true)"
>
<el-button :class="buttonClass" link type="primary" :icon="isExpand ? 'expand' : 'fold'"
@click="toggleRowExpansionAll(isExpand ? false : true)">
{{ isExpand ? '折叠' : '展开' }}
</el-button>
</el-dropdown-item>
@@ -27,18 +23,9 @@
</el-dropdown>
</div>
</div>
<el-tree
class="mt20"
:data="state.List"
:props="props.props"
:expand-on-click-node="false"
ref="deptTreeRef"
:loading="state.localLoading"
node-key="id"
highlight-current
default-expand-all
@node-click="handleNodeClick"
>
<el-tree class="mt20" :data="state.List" :props="props.props" :expand-on-click-node="false" ref="deptTreeRef"
:loading="state.localLoading" node-key="id" highlight-current default-expand-all
@node-click="handleNodeClick">
<template #default="{ node, data }" v-if="$slots.default">
<slot :node="node" :data="data"></slot>
</template>
@@ -176,9 +163,11 @@ defineExpose({
&-header {
display: flex;
align-items: center;
&-input {
width: 90%;
}
&-dropdown {
flex: 1;
margin-left: 5%;
src/views/admin/system/user/index.vue
+49 -60
View File
@@ -4,12 +4,13 @@
<pane size="15">
<div class="layout-padding-auto layout-padding-view">
<el-scrollbar>
<query-tree :placeholder="$t('common.queryDeptTip')" :query="deptData.queryList" :show-expand="true" @node-click="handleNodeClick">
<query-tree :placeholder="$t('common.queryDeptTip')" :query="deptData.queryList"
:show-expand="true" @node-click="handleNodeClick">
<!-- 没有数据权限提示 -->
<template #default="{ node, data }">
<el-tooltip v-if="data.isLock" class="item" effect="dark" :content="$t('sysuser.noDataScopeTip')" placement="right-start">
<span
>{{ node.label }}
<el-tooltip v-if="data.isLock" class="item" effect="dark"
:content="$t('sysuser.noDataScopeTip')" placement="right-start">
<span>{{ node.label }}
<SvgIcon name="ele-Lock" />
</span>
</el-tooltip>
@@ -24,75 +25,68 @@
<el-row v-show="showSearch">
<el-form ref="queryRef" :inline="true" :model="state.queryForm" @keyup.enter="getDataList">
<el-form-item :label="$t('sysuser.username')" prop="username">
<el-input v-model="state.queryForm.username" :placeholder="$t('sysuser.inputUsernameTip')" clearable />
<el-input v-model="state.queryForm.username"
:placeholder="$t('sysuser.inputUsernameTip')" clearable />
</el-form-item>
<el-form-item :label="$t('sysuser.phone')" prop="phone">
<el-input v-model="state.queryForm.phone" :placeholder="$t('sysuser.inputPhoneTip')" clearable />
<el-input v-model="state.queryForm.phone" :placeholder="$t('sysuser.inputPhoneTip')"
clearable />
</el-form-item>
<el-form-item>
<el-button icon="Search" type="primary" @click="getDataList">{{ $t('common.queryBtn') }}</el-button>
<el-button icon="Search" type="primary" @click="getDataList">{{ $t('common.queryBtn')
}}</el-button>
<el-button icon="Refresh" @click="resetQuery">{{ $t('common.resetBtn') }}</el-button>
</el-form-item>
</el-form>
</el-row>
<el-row>
<div class="mb8" style="width: 100%">
<el-button v-auth="'sys_user_add'" icon="folder-add" type="primary" @click="userDialogRef.openDialog()">
<el-button v-auth="'sys_user_add'" icon="folder-add" type="primary"
@click="userDialogRef.openDialog()">
{{ $t('common.addBtn') }}
</el-button>
<el-button plain v-auth="'sys_user_add'" class="ml10" icon="upload-filled" type="primary" @click="excelUploadRef.show()">
<el-button plain v-auth="'sys_user_add'" class="ml10" icon="upload-filled" type="primary"
@click="excelUploadRef.show()">
{{ $t('common.importBtn') }}
</el-button>
<el-button
plain
v-auth="'sys_user_del'"
:disabled="multiple"
class="ml10"
icon="Delete"
type="primary"
@click="handleDelete(selectObjs)"
>
<el-button plain v-auth="'sys_user_del'" :disabled="multiple" class="ml10" icon="Delete"
type="primary" @click="handleDelete(selectObjs)">
{{ $t('common.delBtn') }}
</el-button>
<right-toolbar
v-model:showSearch="showSearch"
:export="'sys_user_export'"
@exportExcel="exportExcel"
@queryTable="getDataList"
class="ml10 mr20"
style="float: right"
/>
<right-toolbar v-model:showSearch="showSearch" :export="'sys_user_export'"
@exportExcel="exportExcel" @queryTable="getDataList" class="ml10 mr20"
style="float: right" />
</div>
</el-row>
<el-table
v-loading="state.loading"
:data="state.dataList"
@selection-change="handleSelectionChange"
row-key="userId"
border
:cell-style="tableStyle.cellStyle"
:header-cell-style="tableStyle.headerCellStyle"
>
<el-table v-loading="state.loading" :data="state.dataList" @selection-change="handleSelectionChange"
row-key="userId" border :cell-style="tableStyle.cellStyle"
:header-cell-style="tableStyle.headerCellStyle">
<el-table-column :selectable="handleSelectable" type="selection" width="40" />
<el-table-column :label="$t('sysuser.index')" type="index" width="60" fixed="left" />
<el-table-column :label="$t('sysuser.username')" prop="username" fixed="left" show-overflow-tooltip></el-table-column>
<el-table-column :label="$t('sysuser.name')" prop="name" show-overflow-tooltip></el-table-column>
<el-table-column :label="$t('sysuser.phone')" prop="phone" show-overflow-tooltip></el-table-column>
<el-table-column :label="$t('sysuser.username')" prop="username" fixed="left"
show-overflow-tooltip></el-table-column>
<el-table-column :label="$t('sysuser.name')" prop="name"
show-overflow-tooltip></el-table-column>
<el-table-column :label="$t('sysuser.phone')" prop="phone"
show-overflow-tooltip></el-table-column>
<el-table-column :label="$t('sysuser.post')" show-overflow-tooltip>
<template #default="scope">
<el-tag v-for="(item, index) in scope.row.postList" :key="index">{{ item.postName }}</el-tag>
<el-tag v-for="(item, index) in scope.row.postList" :key="index">{{ item.postName
}}</el-tag>
</template>
</el-table-column>
<el-table-column :label="$t('sysuser.role')" show-overflow-tooltip>
<template #default="scope">
<el-tag v-for="(item, index) in scope.row.roleList" :key="index">{{ item.roleName }}</el-tag>
<el-tag v-for="(item, index) in scope.row.roleList" :key="index">{{ item.roleName
}}</el-tag>
</template>
</el-table-column>
<el-table-column :label="$t('sysuser.lockFlag')" show-overflow-tooltip>
<template #default="scope">
<el-switch v-model="scope.row.lockFlag" @change="changeSwitch(scope.row)" active-value="0" inactive-value="9"></el-switch>
<el-switch v-model="scope.row.lockFlag" @change="changeSwitch(scope.row)"
active-value="0" inactive-value="9"></el-switch>
</template>
</el-table-column>
<el-table-column :label="$t('common.action')" width="200" fixed="right">
@@ -101,26 +95,24 @@
<!-- 重置密码 -->
<popover-input v-model="inputPassword" @confirm="changePassword(scope.row)">
<template #default>
<el-button v-auth="'sys_user_edit'" icon="RefreshLeft" text type="primary" class="mr-4">
<el-button v-auth="'sys_user_edit'" icon="RefreshLeft" text type="primary"
class="mr-4">
{{ $t('sysuser.passwordBtn') }}
</el-button>
</template>
</popover-input>
<!-- 修改信息 -->
<el-button v-auth="'sys_user_edit'" icon="edit-pen" text type="primary" @click="userDialogRef.openDialog(scope.row.userId)">
<el-button v-auth="'sys_user_edit'" icon="edit-pen" text type="primary"
@click="userDialogRef.openDialog(scope.row.userId)">
{{ $t('common.editBtn') }}
</el-button>
<!-- 删除用户 -->
<el-tooltip :content="$t('sysuser.deleteDisabledTip')" :disabled="scope.row.userId !== '1'" placement="top">
<el-tooltip :content="$t('sysuser.deleteDisabledTip')"
:disabled="scope.row.userId !== '1'" placement="top">
<span style="margin-left: 12px">
<el-button
icon="delete"
v-auth="'sys_user_del'"
:disabled="scope.row.username === 'admin'"
text
type="primary"
@click="handleDelete([scope.row.userId])"
>{{ $t('common.delBtn') }}
<el-button icon="delete" v-auth="'sys_user_del'"
:disabled="scope.row.username === 'admin'" text type="primary"
@click="handleDelete([scope.row.userId])">{{ $t('common.delBtn') }}
</el-button>
</span>
</el-tooltip>
@@ -128,20 +120,17 @@
</template>
</el-table-column>
</el-table>
<pagination v-bind="state.pagination" @current-change="currentChangeHandle" @size-change="sizeChangeHandle"> </pagination>
<pagination v-bind="state.pagination" @current-change="currentChangeHandle"
@size-change="sizeChangeHandle">
</pagination>
</div>
</pane>
</splitpanes>
<user-form ref="userDialogRef" @refresh="getDataList(false)" :deptId="state.queryForm.deptId" />
<upload-excel
ref="excelUploadRef"
:title="$t('sysuser.importUserTip')"
temp-url="/admin/sys-file/local/file/user.xlsx"
url="/admin/user/import"
@refreshDataList="getDataList"
/>
<upload-excel ref="excelUploadRef" :title="$t('sysuser.importUserTip')"
temp-url="/admin/sys-file/local/file/user.xlsx" url="/admin/user/import" @refreshDataList="getDataList" />
</div>
</template>
src/views/area/areaManage/form.vue
+131
View File
@@ -0,0 +1,131 @@
<template>
<el-dialog :title="form.id ? '编辑' : '新增'" v-model="visible" :close-on-click-modal="false" draggable>
<el-form ref="dataFormRef" :model="form" :rules="dataRules" formDialogRef label-width="90px" v-loading="loading">
<el-row :gutter="24">
<el-col :span="12" class="mb20">
<el-form-item label="空间唯一编码确定唯一性" prop="uniqueCode">
<el-input v-model="form.uniqueCode" placeholder="请输入空间唯一编码确定唯一性" />
</el-form-item>
</el-col>
<el-col :span="12" class="mb20">
<el-form-item label="空间名" prop="name">
<el-input v-model="form.name" placeholder="请输入空间名" />
</el-form-item>
</el-col>
<el-col :span="12" class="mb20">
<el-form-item label="空间类型(字典)" prop="bizType">
<el-input v-model="form.bizType" placeholder="请输入空间类型(字典)" />
</el-form-item>
</el-col>
<el-col :span="12" class="mb20">
<el-form-item label="建筑面积[平方米]" prop="area">
<el-input v-model="form.area" placeholder="请输入建筑面积[平方米]" />
</el-form-item>
</el-col>
<el-col :span="12" class="mb20">
<el-form-item label="空间备注" prop="memo">
<el-input v-model="form.memo" placeholder="请输入空间备注" />
</el-form-item>
</el-col>
<el-col :span="12" class="mb20">
<el-form-item label="排序" prop="sortOrder">
<el-input v-model="form.sortOrder" placeholder="请输入排序" />
</el-form-item>
</el-col>
</el-row>
</el-form>
<template #footer>
<span class="dialog-footer">
<el-button @click="visible = false">取消</el-button>
<el-button type="primary" @click="onSubmit" :disabled="loading">确认</el-button>
</span>
</template>
</el-dialog>
</template>
<script setup lang="ts" name="AreaManageDialog">
import { useDict } from '/@/hooks/dict';
import { useMessage } from "/@/hooks/message";
import { getObj, addObj, putObj } from '/@/api/area/areaManage'
import { rule } from '/@/utils/validate';
const emit = defineEmits(['refresh']);
// 定义变量内容
const dataFormRef = ref();
const visible = ref(false)
const loading = ref(false)
// 定义字典
// 提交表单数据
const form = reactive({
id: '',
uniqueCode: '',
name: '',
bizType: '',
area: '',
memo: '',
sortOrder: '',
});
// 定义校验规则
const dataRules = ref({
})
// 打开弹窗
const openDialog = (id: string) => {
visible.value = true
form.id = ''
// 重置表单数据
nextTick(() => {
dataFormRef.value?.resetFields();
});
// 获取areaManage信息
if (id) {
form.id = id
getareaManageData(id)
}
};
// 提交
const onSubmit = async () => {
const valid = await dataFormRef.value.validate().catch(() => { });
if (!valid) return false;
try {
loading.value = true;
form.id ? await putObj(form) : await addObj(form);
useMessage().success(form.id ? '修改成功' : '添加成功');
visible.value = false;
emit('refresh');
} catch (err: any) {
useMessage().error(err.msg);
} finally {
loading.value = false;
}
};
// 初始化表单数据
const getareaManageData = (id: string) => {
// 获取数据
loading.value = true
getObj(id).then((res: any) => {
Object.assign(form, res.data)
}).finally(() => {
loading.value = false
})
};
// 暴露变量
defineExpose({
openDialog
});
</script>
src/views/area/areaManage/index.vue
+117
View File
@@ -0,0 +1,117 @@
<template>
<div class="layout-padding">
<div class="layout-padding-auto layout-padding-view">
<el-row>
<div class="mb8" style="width: 100%">
<el-button icon="folder-add" type="primary" class="ml10" @click="formDialogRef.openDialog()"
v-auth="'admin_areaManage_add'">
新 增
</el-button>
<el-button plain :disabled="multiple" icon="Delete" type="primary" v-auth="'admin_areaManage_del'"
@click="handleDelete(selectObjs)">
删除
</el-button>
<right-toolbar v-model:showSearch="showSearch" :export="'admin_areaManage_export'" @exportExcel="exportExcel"
class="ml10 mr20" style="float: right;" @queryTable="getDataList"></right-toolbar>
</div>
</el-row>
<el-table :data="state.dataList" v-loading="state.loading" border :cell-style="tableStyle.cellStyle"
:header-cell-style="tableStyle.headerCellStyle" @selection-change="selectionChangHandle"
@sort-change="sortChangeHandle">
<el-table-column type="selection" width="40" align="center" />
<el-table-column type="index" label="#" width="40" />
<el-table-column prop="uniqueCode" label="空间唯一编码确定唯一性" show-overflow-tooltip />
<el-table-column prop="name" label="空间名" show-overflow-tooltip />
<el-table-column prop="bizType" label="空间类型(字典)" show-overflow-tooltip />
<el-table-column prop="area" label="建筑面积[平方米]" show-overflow-tooltip />
<el-table-column prop="memo" label="空间备注" show-overflow-tooltip />
<el-table-column prop="sortOrder" label="排序" show-overflow-tooltip />
<el-table-column label="操作" width="150">
<template #default="scope">
<el-button icon="edit-pen" text type="primary" v-auth="'admin_areaManage_edit'"
@click="formDialogRef.openDialog(scope.row.id)">编辑</el-button>
<el-button icon="delete" text type="primary" v-auth="'admin_areaManage_del'"
@click="handleDelete([scope.row.id])">删除</el-button>
</template>
</el-table-column>
</el-table>
<pagination @size-change="sizeChangeHandle" @current-change="currentChangeHandle" v-bind="state.pagination" />
</div>
<!-- 编辑、新增 -->
<form-dialog ref="formDialogRef" @refresh="getDataList(false)" />
</div>
</template>
<script setup lang="ts" name="systemAreaManage">
import { BasicTableProps, useTable } from "/@/hooks/table";
import { fetchList, delObjs } from "/@/api/area/areaManage";
import { useMessage, useMessageBox } from "/@/hooks/message";
import { useDict } from '/@/hooks/dict';
// 引入组件
const FormDialog = defineAsyncComponent(() => import('./form.vue'));
// 定义查询字典
// 定义变量内容
const formDialogRef = ref()
// 搜索变量
const queryRef = ref()
const showSearch = ref(true)
// 多选变量
const selectObjs = ref([]) as any
const multiple = ref(true)
const state: BasicTableProps = reactive<BasicTableProps>({
queryForm: {},
pageList: fetchList
})
// table hook
const {
getDataList,
currentChangeHandle,
sizeChangeHandle,
sortChangeHandle,
downBlobFile,
tableStyle
} = useTable(state)
// 清空搜索条件
const resetQuery = () => {
// 清空搜索条件
queryRef.value?.resetFields()
// 清空多选
selectObjs.value = []
getDataList()
}
// 导出excel
const exportExcel = () => {
downBlobFile('/admin/areaManage/export', Object.assign(state.queryForm, { ids: selectObjs }), 'areaManage.xlsx')
}
// 多选事件
const selectionChangHandle = (objs: { id: string }[]) => {
selectObjs.value = objs.map(({ id }) => id);
multiple.value = !objs.length;
};
// 删除操作
const handleDelete = async (ids: string[]) => {
try {
await useMessageBox().confirm('此操作将永久删除');
} catch {
return;
}
try {
await delObjs(ids);
getDataList();
useMessage().success('删除成功');
} catch (err: any) {
useMessage().error(err.msg);
}
};
</script>
src/views/sys/sysOrg/index.vue
+192 -50
View File
@@ -1,52 +1,76 @@
<template>
<div class="layout-padding">
<div class="layout-padding-auto layout-padding-view">
<el-row>
<div class="mb8" style="width: 100%">
<el-button icon="folder-add" type="primary" class="ml10" @click="formDialogRef.openDialog()"
v-auth="'admin_sysOrg_add'">
新 增
</el-button>
<el-button plain :disabled="multiple" icon="Delete" type="primary" v-auth="'admin_sysOrg_del'"
@click="handleDelete(selectObjs)">
删除
</el-button>
<right-toolbar v-model:showSearch="showSearch" :export="'admin_sysOrg_export'" @exportExcel="exportExcel"
class="ml10 mr20" style="float: right;" @queryTable="getDataList"></right-toolbar>
<div class="h-full flex flex-row gap-2">
<div class="w-[250px]">
<div class="layout-padding-auto layout-padding-view">
<div :class="data.selectTopIndex == i ? 'border-blue-400' : ''"
class="flex gap-4 items-center p-3 border-2 rounded-lg " v-for="(v, i) in data.topList">
<el-icon size="40">
<OfficeBuilding />
</el-icon>
<div class="flex flex-col gap-1">
<div>{{ v.orgName }}</div>
<dict-tag :options="dh_org_type" :value="v.orgType" />
</div>
</div>
</div>
</el-row>
<el-table :data="state.dataList" v-loading="state.loading" border :cell-style="tableStyle.cellStyle"
:header-cell-style="tableStyle.headerCellStyle" @selection-change="selectionChangHandle"
@sort-change="sortChangeHandle">
<el-table-column type="selection" width="40" align="center" />
<el-table-column type="index" label="#" width="40" />
<el-table-column prop="orgCode" label="组织编码" show-overflow-tooltip />
<el-table-column prop="orgName" label="组织名称" show-overflow-tooltip />
<el-table-column prop="orgSn" label="唯一标识码" show-overflow-tooltip />
<el-table-column prop="orgType" label="组织结构类型(字典)" show-overflow-tooltip />
<el-table-column prop="province" label="省" show-overflow-tooltip />
<el-table-column prop="city" label="市" show-overflow-tooltip />
<el-table-column prop="county" label="县" show-overflow-tooltip />
<el-table-column prop="domainId" label="域ID" show-overflow-tooltip />
<el-table-column prop="stat" label="状态" show-overflow-tooltip />
<el-table-column prop="sort" label="排序码" show-overflow-tooltip />
<el-table-column prop="allSort" label="所有组排序织" show-overflow-tooltip />
<el-table-column prop="service" label="子系统服务编码,默认evo-thirdParty" show-overflow-tooltip />
<el-table-column prop="forbidBindUser" label="禁止绑定用户 ：0-可绑定用户，1-不可绑定用户" show-overflow-tooltip />
<el-table-column prop="forbidBindService" label="禁止绑定用户服务" show-overflow-tooltip />
<el-table-column prop="isSync" label="是否为同步" show-overflow-tooltip />
<el-table-column label="操作" width="150">
<template #default="scope">
<el-button icon="edit-pen" text type="primary" v-auth="'admin_sysOrg_edit'"
@click="formDialogRef.openDialog(scope.row.id)">编辑</el-button>
<el-button icon="delete" text type="primary" v-auth="'admin_sysOrg_del'"
@click="handleDelete([scope.row.id])">删除</el-button>
</template>
</el-table-column>
</el-table>
<pagination @size-change="sizeChangeHandle" @current-change="currentChangeHandle" v-bind="state.pagination" />
</div>
</div>
<div class="w-[400px]">
<div class="layout-padding-auto layout-padding-view">
<div class="head-container">
<div class="head-container-header">
<div class="head-container-header-input">
<el-input v-model="data.treeSearchName" suffix-icon="search" placeholder="请输入组织名" clearable
@change="getTree" />
</div>
</div>
<div class="flex-1 overflow-hidden hover:overflow-auto">
<el-tree :data="data.treeList" :props="{
label: 'name',
children: 'children',
value: 'id',
}" :expand-on-click-node="false" ref="orgTreeRef" :loading="data.treeLoading" node-key="id"
highlight-current default-expand-all @node-click="handleNodeClick">
<template #default="{ node, data }" v-if="$slots.default">
<slot :node="node" :data="data"></slot>
</template>
</el-tree>
</div>
</div>
</div>
</div>
<div class="flex-1 overflow-hidden">
<div class="layout-padding-auto layout-padding-view">
<el-form ref="dataFormRef" :model="form" :rules="dataRules" formDialogRef label-width="90px"
v-loading="data.formLoading">
<el-col :span="24" class="mb20">
<el-form-item label="上级组织" prop="orgPreName">
<el-input v-model="form.orgPreName" disabled placeholder="" />
</el-form-item>
</el-col>
<el-col :span="24" class="mb20">
<el-form-item label="组织编码" prop="orgCode">
<el-input v-model="form.orgCode" placeholder="请输入组织编码" />
</el-form-item>
</el-col>
<el-col :span="24" class="mb20">
<el-form-item label="组织名称" prop="orgName">
<el-input v-model="form.orgName" placeholder="请输入组织名称" />
</el-form-item>
</el-col>
<el-col :span="24" class="mb20">
<el-form-item label="组织类型" prop="orgType">
<el-input v-model="form.orgType" placeholder="请选择组织类型" />
</el-form-item>
</el-col>
</el-form>
</div>
</div>
</div>
<!-- 编辑、新增 -->
<form-dialog ref="formDialogRef" @refresh="getDataList(false)" />
@@ -55,14 +79,16 @@
<script setup lang="ts" name="systemSysOrg">
import { BasicTableProps, useTable } from "/@/hooks/table";
import { fetchList, delObjs } from "/@/api/sys/sysOrg";
import * as SysOrgApi from "/@/api/sys/sysOrg";
import { useMessage, useMessageBox } from "/@/hooks/message";
import { useDict } from '/@/hooks/dict';
// 引入组件
const FormDialog = defineAsyncComponent(() => import('./form.vue'));
// 定义查询字典
const { dh_org_type } = useDict("dh_org_type")
const orgTreeRef = ref()
// 定义变量内容
const formDialogRef = ref()
// 搜索变量
@@ -72,9 +98,42 @@ const showSearch = ref(true)
const selectObjs = ref([]) as any
const multiple = ref(true)
onMounted(() => {
getTopOrg()
getTree()
})
const data = reactive<any>({
selectTopIndex: 0,
topList: [],
treeList: [],
treeSearchName: '',
treeLoading: false,
formLoading: false,
})
const form = reactive<any>({
})
const dataRules = {
orgPreName: [
{ required: true, message: '上级组织不能为空', trigger: 'blur' },
],
orgCode: [
{ required: true, message: '组织编码不能为空', trigger: 'blur' },
],
orgName: [
{ required: true, message: '组织名称不能为空', trigger: 'blur' },
],
orgType: [
{ required: true, message: '组织类型不能为空', trigger: 'blur' },
],
}
const state: BasicTableProps = reactive<BasicTableProps>({
queryForm: {},
pageList: fetchList
pageList: SysOrgApi.fetchList
})
// table hook
@@ -107,6 +166,48 @@ const selectionChangHandle = (objs: { id: string }[]) => {
multiple.value = !objs.length;
};
// 点击数
const handleNodeClick = () => {
}
// 获取顶级组织
const getTopOrg = async () => {
try {
const { code, data: orgData } = await SysOrgApi.getTopOrg();
if (code != 0) throw new Error()
data.topList = orgData
} catch (err: any) {
useMessage().error(err.msg);
}
}
// 获取组织树状结构
const getTree = async () => {
try {
const _data = {
orgName: data.treeSearchName
}
const { code, data: orgTree } = await SysOrgApi.getTree(_data);
if (code != 0) throw new Error()
data.treeList = orgTree
// 默认选择第一个
if (orgTree && orgTree.length) {
nextTick(() => {
orgTreeRef.value.setCurrentKey(orgTree[0].id)
})
// 查询详情
const res = await SysOrgApi.getObj(orgTree[0].primaryId)
if (res.code == 0) {
Object.assign(form, res.data)
if (!form.orgPreName) form.orgPreName = '无'
}
}
} catch (err: any) {
useMessage().error(err.msg);
}
}
// 删除操作
const handleDelete = async (ids: string[]) => {
try {
@@ -116,11 +217,52 @@ const handleDelete = async (ids: string[]) => {
}
try {
await delObjs(ids);
await SysOrgApi.delObjs(ids);
getDataList();
useMessage().success('删除成功');
} catch (err: any) {
useMessage().error(err.msg);
}
};
</script>
</script>
<style lang="scss" scoped>
.head-container {
display: flex;
flex-direction: column;
height: 100%;
&-header {
display: flex;
align-items: center;
margin-bottom: 10px;
&-input {
width: 90%;
}
&-dropdown {
flex: 1;
margin-left: 5%;
}
}
}
.splitpanes--vertical>.splitpanes__splitter {
background: var(--el-color-primary);
/* min-width: 2px; */
width: 2px;
transition: all 0.3s ease;
}
.splitpanes--vertical>.splitpanes__splitter:active {
background: var(--el-color-primary);
opacity: 0.6;
}
.splitpanes--vertical>.splitpanes__splitter:hover {
background: var(--el-color-primary);
opacity: 0.6;
}
</style>