feat: 统一角色枚举 (meetingExecutor/supervisor) + 子账号数据隔离 + Login 读取后端 role_type

后端:
- SysUser 加 roleType 字段 (entity + mapper selectUserVo + service 接口/实现)
- SysUserMapper 新增 selectUserIdsByParent (按 parent_user_id 取子账号列表)
- BizPersonController.list 自动注入 MAIN 业务用户可见性: 仅查 user_id IN (子账号列表)
- BizPersonMapper 加 params.subUserIds foreach 过滤
- BizPerson/BizPersonServiceImpl 配合 getParams().put

前端:
- Login.vue 改用后端 sys_user.roleType 替代 username 前缀 autoRole, 修复 exe01 错入 leader 菜单
- utils/roleMap.js 新增: meetingExecutor->会议执行, supervisor->监察员
- executor/People.vue / sponsor/NewPerson.vue / sponsor/Projects.vue / sponsor/SponsorProjects.vue /
  manager/ManagerProjectDetail.vue / manager/{Executor,Sponsor}PersonNew.vue /
  admin/{Executor,Sponsor}PersonNew.vue 全部改为 enum key

SQL:
- migration_unify_role_type_2026_08_16.sql 清洗 biz_person.role 从中文到 enum key
This commit is contained in:
郭庆泰
2026-08-16 13:41:42 +08:00
parent cf5790229a
commit c612d4297a
22 changed files with 1211 additions and 112 deletions
+174
View File
@@ -0,0 +1,174 @@
<template>
<!--
角色: 🟨 执行方 新建/编辑人员 (executor/people/new, executor/people/edit/:id)
结构 1:1 对齐 proto new-person.html (但用 page-card 整页包裹, 不用 main.content):
page-card (整页面板)
page-header (标题区: h1 + 副标题)
h1.page-title
p.page-sub
el-form.card
7 字段 form-row
form-actions (保存/取消)
-->
<div class="page-card new-person">
<!-- 面包屑 -->
<div class="breadcrumb">
<a href="javascript:void(0)" @click="goHome">首页</a>
<span class="sep">/</span>
<a href="javascript:void(0)" @click="goBack">人员管理</a>
<span class="sep">/</span>
<span>{{ isEdit ? '编辑人员' : '新建人员' }}</span>
</div>
<!-- 表单 (1 page-card , 无大标题) -->
<el-form ref="formRef" :model="form" :rules="rules" class="person-form" label-width="100px">
<el-form-item label="用户名" prop="userName">
<el-input v-model="form.userName" placeholder="请输入登录用户名" maxlength="50" />
</el-form-item>
<el-form-item label="姓名" prop="name">
<el-input v-model="form.name" placeholder="请输入姓名" maxlength="20" />
</el-form-item>
<el-form-item label="手机号" prop="phone">
<el-input v-model="form.phone" placeholder="请输入手机号" maxlength="11" />
</el-form-item>
<el-form-item label="所属公司" prop="orgName">
<el-input v-model="form.orgName" placeholder="请输入所属公司" maxlength="200" />
</el-form-item>
<el-form-item label="部门" prop="department">
<el-input v-model="form.department" placeholder="请输入部门" maxlength="50" />
</el-form-item>
<el-form-item label="职务" prop="position">
<el-input v-model="form.position" placeholder="请输入职务" maxlength="50" />
</el-form-item>
<el-form-item label="角色" prop="role">
<el-select v-model="form.role" placeholder="请选择角色" style="width:100%">
<el-option label="会议执行" value="meetingExecutor" />
</el-select>
</el-form-item>
<el-form-item label="状态" prop="status">
<el-select v-model="form.status" placeholder="请选择" style="width:100%">
<el-option label="正常" value="1" />
<el-option label="禁用" value="0" />
</el-select>
</el-form-item>
<!-- 按钮区 (在表单内底部) -->
<div class="form-actions">
<el-button type="primary" :loading="saving" @click="onSave">保存</el-button>
<el-button @click="goBack">取消</el-button>
</div>
</el-form>
</div>
</template>
<script setup>
import { ref, reactive, computed, onMounted } from 'vue'
import { useRoute, useRouter } from 'vue-router'
import { bizGet, bizAdd, bizUpdate } from '@/api/public'
import { ElMessage } from 'element-plus'
const route = useRoute()
const router = useRouter()
const isEdit = computed(() => !!route.params.id)
const personId = computed(() => route.params.id || null)
const formRef = ref()
const saving = ref(false)
const form = reactive({
userName: '',
name: '',
phone: '',
orgName: '',
department: '',
position: '',
role: 'meetingExecutor',
status: '1',
unitType: 'executor'
})
const rules = {
userName: [{ required: true, message: '请输入用户名', trigger: 'blur' }],
name: [{ required: true, message: '请输入姓名', trigger: 'blur' }],
phone: [
{ required: true, message: '请输入手机号', trigger: 'blur' },
{ pattern: /^1\d{10}$/, message: '手机号格式错误', trigger: 'blur' }
],
orgName: [{ required: true, message: '请输入所属公司', trigger: 'blur' }],
department: [{ required: true, message: '请输入部门', trigger: 'blur' }],
position: [{ required: true, message: '请输入职务', trigger: 'blur' }],
role: [{ required: true, message: '请选择角色', trigger: 'change' }],
status: [{ required: true, message: '请选择状态', trigger: 'change' }]
}
async function loadDetail() {
if (!isEdit.value) return
try {
const r = await bizGet('person', personId.value)
Object.assign(form, r.data || {})
form.status = String(form.status)
} catch (e) {
ElMessage.error('加载人员详情失败')
goBack()
}
}
async function onSave() {
try { await formRef.value.validate() } catch { return }
saving.value = true
try {
const payload = { ...form, unitType: 'executor' }
if (isEdit.value) {
await bizUpdate('person', { personId: personId.value, ...payload })
ElMessage.success('修改成功')
} else {
await bizAdd('person', payload)
ElMessage.success('新建成功')
}
goBack()
} catch (e) {
ElMessage.error(e?.msg || '保存失败')
} finally {
saving.value = false
}
}
function goBack() { router.push('/executor/people') }
function goHome() {
try { if (window.parent && window.parent.goHome) window.parent.goHome() } catch (e) {}
router.push('/executor/overview')
}
onMounted(loadDetail)
</script>
<style scoped>
/* 整页面板 (与 People.vue 风格一致) */
.executor-new-person { padding: 16px; }
.breadcrumb { font-size: 13px; color: #8c8c8c; margin-bottom: 20px; }
.breadcrumb a { color: var(--brand-primary); text-decoration: none; cursor: pointer; }
.breadcrumb a:hover { text-decoration: underline; }
.breadcrumb .sep { margin: 0 6px; color: #bfbfbf; }
/* 表单 */
.person-form { max-width: 720px; }
.person-form :deep(.el-form-item) { margin-bottom: 18px; }
.person-form :deep(.el-form-item__label) { font-size: 14px; color: #595959; }
/* 按钮区 */
.form-actions {
display: flex;
gap: 12px;
justify-content: center;
margin-top: 32px;
padding-top: 20px;
border-top: 1px solid #f0f0f0;
}
</style>
+17 -54
View File
@@ -17,7 +17,7 @@
<!-- ========== 批量按钮 (top=203: 新建人员 / 批量导入) ========== -->
<div class="batch-bar">
<el-button type="primary" @click="openAdd">新建人员</el-button>
<el-button type="primary" @click="goNew">新建人员</el-button>
<el-button @click="importOpen = true">批量导入</el-button>
<span class="filter-tip">*批量导入模板与列表表项一致</span>
</div>
@@ -31,7 +31,7 @@
<el-table-column prop="position" label="职务" min-width="100" />
<el-table-column prop="role" label="角色" width="100">
<template #default="{ row }">
<el-tag size="small" :type="row.role === '管理员' ? 'warning' : 'info'">{{ row.role || '监察员' }}</el-tag>
<el-tag size="small" :type="row.role === 'meetingExecutor' ? 'warning' : 'info'">{{ translatePersonRole(row.role) }}</el-tag>
</template>
</el-table-column>
<el-table-column prop="status" label="状态" width="100">
@@ -42,7 +42,7 @@
<el-table-column label="操作" width="220" fixed="right">
<template #default="{ row }">
<el-button size="small" link type="primary" @click="onView(row)">查看</el-button>
<el-button size="small" link type="primary" @click="onEdit(row)">编辑</el-button>
<el-button size="small" link type="primary" @click="goEdit(row)">编辑</el-button>
<el-button v-if="(row.status || '正常') === '正常'" size="small" link type="danger" @click="onToggleStatus(row, '禁用')">禁用</el-button>
<el-button v-else size="small" link type="success" @click="onToggleStatus(row, '恢复')">恢复</el-button>
</template>
@@ -54,29 +54,8 @@
@current-change="loadList" @size-change="loadList" />
</div>
<!-- ========== Dialog: 新增/编辑 ========== -->
<el-dialog v-model="formOpen" :title="form._id ? '编辑人员' : '新增人员'" width="520px">
<el-form :model="form" label-width="100px">
<el-form-item label="姓名"><el-input v-model="form.name" /></el-form-item>
<el-form-item label="手机号"><el-input v-model="form.phone" /></el-form-item>
<el-form-item label="所属公司">
<el-input v-model="form.orgName" placeholder="所属公司 (TODO: 改 biz_org 下拉)" />
</el-form-item>
<el-form-item label="部门"><el-input v-model="form.department" /></el-form-item>
<el-form-item label="职务"><el-input v-model="form.position" /></el-form-item>
<el-form-item label="角色">
<el-select v-model="form.role" style="width:100%" :disabled="userRole === '管理员'">
<el-option label="管理员" value="管理员" />
<el-option label="监察员" value="监察员" />
</el-select>
<span class="filter-tip">*新建时管理员只能新建监察员</span>
</el-form-item>
</el-form>
<template #footer>
<el-button @click="formOpen = false">取消</el-button>
<el-button type="primary" @click="save">保存</el-button>
</template>
</el-dialog>
<!-- 新增/编辑: 跳转独立页面 /executor/people/new /edit/:id, 不再是 dialog -->
<!-- (旧的 formOpen dialog 已删) -->
<!-- ========== Dialog: 批量导入 ========== -->
<el-dialog v-model="importOpen" title="批量导入" width="520px">
@@ -105,7 +84,7 @@
<el-descriptions-item label="所属公司" :span="2">{{ view.orgName }}</el-descriptions-item>
<el-descriptions-item label="部门">{{ view.department }}</el-descriptions-item>
<el-descriptions-item label="职务">{{ view.position }}</el-descriptions-item>
<el-descriptions-item label="角色">{{ view.role || '监察员' }}</el-descriptions-item>
<el-descriptions-item label="角色">{{ translatePersonRole(view.role) }}</el-descriptions-item>
<el-descriptions-item label="状态">{{ view.status || '正常' }}</el-descriptions-item>
</el-descriptions>
<template #footer><el-button @click="viewOpen = false">关闭</el-button></template>
@@ -115,18 +94,18 @@
<script setup>
import { ref, reactive, onMounted } from 'vue'
import { bizList, bizAdd, bizUpdate } from '@/api/public'
import { useRouter } from 'vue-router'
import { bizList, bizUpdate } from '@/api/public'
import { ElMessage, ElMessageBox } from 'element-plus'
import { translatePersonRole } from '@/utils/roleMap'
const userRole = '监察员' // 简化: 默认监察员
const router = useRouter()
const list = ref([])
const loading = ref(false)
const q = reactive({ name: '', phone: '', orgName: '', department: '', position: '' })
const page = reactive({ pageNum: 1, pageSize: 10, total: 0 })
const formOpen = ref(false)
const form = reactive({ _id: '', name: '', phone: '', orgName: '', department: '', position: '', role: '监察员' })
const importOpen = ref(false)
const view = ref({})
const viewOpen = ref(false)
@@ -134,37 +113,21 @@ const viewOpen = ref(false)
async function loadList() {
loading.value = true
try {
const r = await bizList('person', { pageNum: page.pageNum, pageSize: page.pageSize, ...q })
list.value = r.rows || []
page.total = r.total || 0
// request.js 拦截器已归一化为 {code, msg, data: {total, rows}}, 实际数据在 r.data
const r = await bizList('person', { pageNum: page.pageNum, pageSize: page.pageSize, ...q, unitType: 'executor' })
list.value = (r.data && r.data.rows) || r.rows || []
page.total = (r.data && r.data.total) || r.total || 0
} finally { loading.value = false }
}
function reset() { Object.assign(q, { name:'',phone:'',orgName:'',department:'',position:'' }); page.pageNum = 1; loadList() }
function openAdd() {
Object.assign(form, { _id:'', name:'', phone:'', orgName:'', department:'', position:'', role: '监察员' })
formOpen.value = true
}
// 新建/编辑走独立页面
function goNew() { router.push('/executor/people/new') }
function goEdit(row) { router.push(`/executor/people/edit/${row.personId}`) }
function onView(row) { view.value = row; viewOpen.value = true }
function onEdit(row) {
Object.assign(form, { _id: row.personId, name:row.name, phone:row.phone, orgName:row.orgName, department:row.department, position:row.position, role: row.role || '监察员' })
formOpen.value = true
}
async function save() {
if (!form.name) { ElMessage.error('请填写姓名'); return }
try {
if (form._id) await bizUpdate('person', { personId: form._id, ...form })
else await bizAdd('person', { ...form })
ElMessage.success('保存成功')
formOpen.value = false
loadList()
} catch (e) { ElMessage.error(e?.msg || '保存失败') }
}
async function onToggleStatus(row, action) {
try {
await ElMessageBox.confirm(`确定${action}${row.name}」吗?`, action, { type: 'warning' })