feat: 全局跨域公司选择器 + 权限页crossDomain开关

- 新增CompanySelector组件: 仅crossDomain权限或SUPER_ADMIN可见
- 权限分配页: 全局系统特权下新增"允许全局跨域"操作权限checkbox
- 入库汇总/出库记录搜索栏嵌入CompanySelector
- PermissionConfig: transformData识别crossDomain为操作权限码
This commit is contained in:
yueli
2026-07-15 11:11:49 +08:00
parent e1417d740a
commit 8d78ed9306
4 changed files with 99 additions and 14 deletions

View File

@ -0,0 +1,55 @@
<template>
<el-select
v-if="hasCrossDomain"
:model-value="modelValue"
placeholder="全部部门/公司"
clearable
style="width: 180px;"
@update:model-value="$emit('update:modelValue', $event)"
@change="$emit('change', $event)"
>
<el-option label="全部部门/公司" value="" />
<el-option
v-for="c in companies"
:key="c"
:label="c"
:value="c"
/>
</el-select>
</template>
<script setup lang="ts">
import { ref, computed, onMounted } from 'vue'
import { useUserStore } from '@/stores/user'
import { getFilterOptions } from '@/api/inbound/buy'
const props = defineProps<{
modelValue?: string
}>()
defineEmits<{
'update:modelValue': [value: string]
change: [value: string]
}>()
const userStore = useUserStore()
const companies = ref<string[]>([])
const hasCrossDomain = computed(() => {
const role = (userStore.role || '').toUpperCase()
if (role === 'SUPER_ADMIN') return true
return userStore.hasPermission('crossDomain')
})
onMounted(async () => {
if (!hasCrossDomain.value) return
try {
const res: any = await getFilterOptions()
if (res.code === 200) {
companies.value = res.data.companies || []
}
} catch (e) {
console.error('获取公司列表失败', e)
}
})
</script>

View File

@ -1,6 +1,8 @@
<template>
<div class="app-container">
<div class="filter-container">
<CompanySelector v-model="listQuery.company" @change="fetchData" style="margin-right: 10px;" />
<el-input
v-model="listQuery.keyword"
placeholder="请输入关键词"
@ -135,6 +137,7 @@ import { ref, onMounted, reactive, onBeforeUnmount } from 'vue'
import { getOutboundList } from '@/api/outbound'
import { Picture } from '@element-plus/icons-vue'
import { useUserStore } from '@/stores/user'
import CompanySelector from '@/components/CompanySelector.vue'
const userStore = useUserStore()
@ -200,7 +203,8 @@ const listQuery = reactive({
limit: 10,
keyword: '',
search_type: 'all',
dateRange: []
dateRange: [],
company: '' as string
})
const fetchData = async () => {

View File

@ -1,6 +1,8 @@
<template>
<div v-if="userStore.hasPermission('inbound_summary:view')" class="app-container">
<div class="filter-container">
<CompanySelector v-model="listQuery.company" @change="handleFilter" style="margin-right: 10px;" />
<el-input
v-model="listQuery.keyword"
placeholder="SKU / 名称 / 规格 / 批次号 / 来源"
@ -107,6 +109,7 @@ import { ref, reactive, onMounted, onBeforeUnmount } from 'vue'
import { getInboundSummaryList, submitExportTask, checkExportStatus } from '@/api/inbound/inbound_summary'
import { useUserStore } from '@/stores/user'
import { ElMessage, ElLoading } from 'element-plus'
import CompanySelector from '@/components/CompanySelector.vue'
const userStore = useUserStore()
@ -120,7 +123,8 @@ const listQuery = reactive({
per_page: 20, // 默认每页20
keyword: '',
source_type: '',
dateRange: null as any
dateRange: null as any,
company: '' as string
})
const fetchData = async () => {
@ -132,7 +136,8 @@ const fetchData = async () => {
keyword: listQuery.keyword,
source_type: listQuery.source_type,
start_date: listQuery.dateRange ? listQuery.dateRange[0] : null,
end_date: listQuery.dateRange ? listQuery.dateRange[1] : null
end_date: listQuery.dateRange ? listQuery.dateRange[1] : null,
company: listQuery.company || undefined
}
const res = await getInboundSummaryList(params)
@ -175,7 +180,8 @@ const handleExport = () => {
keyword: listQuery.keyword,
source_type: listQuery.source_type,
start_date: listQuery.dateRange ? listQuery.dateRange[0] : null,
end_date: listQuery.dateRange ? listQuery.dateRange[1] : null
end_date: listQuery.dateRange ? listQuery.dateRange[1] : null,
company: listQuery.company || undefined
}
const loadingInstance = ElLoading.service({

View File

@ -120,11 +120,13 @@
<el-checkbox
v-if="row.operationCode"
v-model="row.hasWrite"
:disabled="!row.hasRead"
:disabled="!row.hasRead && row.operationCode !== 'crossDomain'"
@change="(val) => handleWriteChange(val, row)"
class="custom-checkbox"
>
<span :class="{ 'text-active': row.hasWrite, 'text-disabled': !row.hasRead }">可编辑 (Write)</span>
<span :class="{ 'text-active': row.hasWrite, 'text-disabled': !row.hasRead && row.operationCode !== 'crossDomain' }">
{{ row.operationCode === 'crossDomain' ? '允许全局跨域' : '可编辑 (Write)' }}
</span>
</el-checkbox>
<span v-else class="text-gray">-</span>
</div>
@ -239,10 +241,16 @@ const fetchTree = async () => {
code: 'global_privileges',
type: 'menu',
children: [
{
id: 999992,
name: '全局跨域访问',
code: 'crossDomain',
type: 'element'
},
{
id: 999991,
name: '跨组织/跨区域数据查询',
code: 'global:cross_company_op', // 加上 _op 让它显示在操作权限列
code: 'global:cross_company_op',
type: 'element'
}
]
@ -265,12 +273,16 @@ const transformData = (nodes: any[]): PermissionNode[] => {
// 找出所有子节点中的 element
const allChildren = node.children || []
// 1. 找操作列 (作为 Write 权限)
const opNode = allChildren.find((c: any) => c.type === 'element' && (c.code === 'operation' || c.code.endsWith(':operation') || c.code.endsWith('_op')))
// 1. 找操作列 (作为 Write 权限) — 含 crossDomain 等全局权限码
const opNode = allChildren.find((c: any) => c.type === 'element' && (
c.code === 'operation' || c.code.endsWith(':operation') || c.code.endsWith('_op') || c.code === 'crossDomain'
))
const operationCode = opNode ? opNode.code : null
// 2. 找普通列 (作为字段权限)
const columns = allChildren.filter((c: any) => c.type === 'element' && c.code !== 'operation' && !c.code.endsWith('_op') && !c.code.endsWith(':operation'))
// 2. 找普通列 (作为字段权限) — 排除操作权限码
const columns = allChildren.filter((c: any) => c.type === 'element'
&& c.code !== 'operation' && !c.code.endsWith('_op') && !c.code.endsWith(':operation')
&& c.code !== 'crossDomain')
// 3. 找子菜单 (如果有)
const subMenus = allChildren.filter((c: any) => c.type === 'menu')
@ -307,6 +319,7 @@ const handleRoleSelect = async (roleCode: string) => {
const res: any = await getRolePermissions(roleCode)
if (res.code === 200) {
const perms = new Set([...(res.data.menus || []), ...(res.data.elements || [])])
console.log('[权限加载] SUPERVISOR crossDomain 在权限中:', perms.has('crossDomain'))
// 递归设置表格每一行的状态
setRowStatus(tableData.value, perms)
}
@ -452,9 +465,11 @@ const handleSave = async () => {
permissions.push(row.code)
}
// 2. 操作权限 (只有当页面可读时才有效)
if (row.hasRead && row.hasWrite && row.operationCode) {
permissions.push(row.operationCode)
// 2. 操作权限 (crossDomain 不依赖页面可读)
if (row.hasWrite && row.operationCode) {
if (row.operationCode === 'crossDomain' || row.hasRead) {
permissions.push(row.operationCode)
}
}
// 3. 字段权限 (只有当页面可读时才有效)
@ -471,6 +486,11 @@ const handleSave = async () => {
collectPermissions(tableData.value)
// [调试] 打印 crossDomain 是否在提交列表中
console.log('[权限保存] 总权限数:', permissions.length)
console.log('[权限保存] crossDomain 在提交列表中:', permissions.includes('crossDomain'))
console.log('[权限保存] global:cross_company_op 在提交列表中:', permissions.includes('global:cross_company_op'))
saving.value = true
try {
const res: any = await saveRolePermissions({