mojiahui/webman-buildadmin
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

修复框架权限鉴权报错

Browse Source
This commit is contained in:
zhenhui
2026-04-02 11:04:57 +08:00
parent 2e6e5105cf
commit 9786dab979
8 changed files with 940 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

164
web/src/views/backend/game/config/index.vue Normal file
View File

@@ -0,0 +1,164 @@
<template>
<div class="default-main ba-table-box">
<el-alert class="ba-table-alert" v-if="baTable.table.remark" :title="baTable.table.remark" type="info" show-icon />
<!-- 表格顶部菜单 -->
<!-- 自定义按钮请使用插槽，甚至公共搜索也可以使用具名插槽渲染，参见文档 -->
<TableHeader
:buttons="['refresh', 'add', 'edit', 'delete', 'comSearch', 'quickSearch', 'columnDisplay']"
:quick-search-placeholder="t('Quick search placeholder', { fields: t('game.config.quick Search Fields') })"
></TableHeader>
<!-- 表格 -->
<!-- 表格列有多种自定义渲染方式，比如自定义组件、具名插槽等，参见文档 -->
<!-- 要使用 el-table 组件原有的属性，直接加在 Table 标签上即可 -->
<Table ref="tableRef"></Table>
<!-- 表单 -->
<PopupForm />
</div>
</template>
<script setup lang="ts">
import { onMounted, provide, useTemplateRef } from 'vue'
import { useI18n } from 'vue-i18n'
import PopupForm from './popupForm.vue'
import GameConfigValueCell from './GameConfigValueCell.vue'
import { baTableApi } from '/@/api/common'
import { defaultOptButtons } from '/@/components/table'
import TableHeader from '/@/components/table/header/index.vue'
import Table from '/@/components/table/index.vue'
import baTableClass from '/@/utils/baTable'
defineOptions({
name: 'game/config',
})
const { t } = useI18n()
const tableRef = useTemplateRef('tableRef')
const optButtons: OptButton[] = defaultOptButtons(['edit', 'delete'])
/**
* baTable 内包含了表格的所有数据且数据具备响应性，然后通过 provide 注入给了后代组件
*/
const baTable = new baTableClass(
new baTableApi('/admin/game.Config/'),
{
pk: 'ID',
column: [
{ type: 'selection', align: 'center', operator: false },
{ label: t('game.config.ID'), prop: 'ID', align: 'center', width: 70, operator: 'RANGE', sortable: 'custom' },
// {
// label: t('game.config.channel_id'),
// prop: 'channel_id',
// align: 'center',
// show: false,
// enableColumnDisplayControl: false,
// operatorPlaceholder: t('Fuzzy query'),
// render: 'tags',
// operator: 'LIKE',
// comSearchRender: 'string',
// },
{
label: t('game.config.channel__name'),
prop: 'channel.name',
align: 'center',
minWidth: 100,
operatorPlaceholder: t('Fuzzy query'),
render: 'tags',
operator: 'LIKE',
comSearchRender: 'string',
},
{
label: t('game.config.group'),
prop: 'group',
align: 'center',
operatorPlaceholder: t('Fuzzy query'),
sortable: false,
operator: 'LIKE',
},
{
label: t('game.config.name'),
prop: 'name',
align: 'center',
minWidth: 180,
operatorPlaceholder: t('Fuzzy query'),
render: 'tag',
sortable: false,
operator: 'LIKE',
},
{
label: t('game.config.title'),
prop: 'title',
align: 'center',
minWidth: 85,
operatorPlaceholder: t('Fuzzy query'),
sortable: false,
operator: 'LIKE',
},
{
label: t('game.config.value'),
prop: 'value',
align: 'center',
minWidth: 220,
sortable: false,
operator: 'LIKE',
comSearchRender: 'string',
render: 'customRender',
customRender: GameConfigValueCell,
},
{
label: t('game.config.instantiation'),
prop: 'instantiation',
align: 'center',
operator: 'RANGE',
sortable: false,
render: 'tag',
replaceValue: { '0': t('game.config.instantiation 0'), '1': t('game.config.instantiation 1') },
},
{ label: t('game.config.sort'), prop: 'sort', align: 'center', sortable: false, operator: 'RANGE' },
{
label: t('game.config.create_time'),
prop: 'create_time',
align: 'center',
render: 'datetime',
operator: 'RANGE',
comSearchRender: 'datetime',
sortable: 'custom',
width: 160,
timeFormat: 'yyyy-mm-dd hh:MM:ss',
},
{
label: t('game.config.update_time'),
prop: 'update_time',
align: 'center',
render: 'datetime',
operator: 'RANGE',
comSearchRender: 'datetime',
sortable: 'custom',
width: 160,
timeFormat: 'yyyy-mm-dd hh:MM:ss',
},
{ label: t('Operate'), align: 'center', width: 100, render: 'buttons', buttons: optButtons, operator: false },
],
dblClickNotEditColumn: [undefined, 'instantiation'],
defaultOrder: { prop: 'group', order: 'desc' },
},
{
defaultItems: { sort: 100 },
}
)
provide('baTable', baTable)
onMounted(() => {
baTable.table.ref = tableRef.value
baTable.mount()
baTable.getData()?.then(() => {
baTable.initSort()
baTable.dragSort()
})
})
</script>
<style scoped lang="scss"></style>

375
web/src/views/backend/game/config/popupForm.vue Normal file
View File

@@ -0,0 +1,375 @@
<template>
<!-- 对话框表单 -->
<!-- 建议使用 Prettier 格式化代码 -->
<!-- el-form 内可以混用 el-form-item、FormItem、ba-input 等输入组件 -->
<el-dialog
class="ba-operate-dialog"
:close-on-click-modal="false"
:model-value="['Add', 'Edit'].includes(baTable.form.operate!)"
@close="baTable.toggleForm"
>
<template #header>
<div class="title" v-drag="['.ba-operate-dialog', '.el-dialog__header']" v-zoom="'.ba-operate-dialog'">
{{ baTable.form.operate ? t(baTable.form.operate) : '' }}
</div>
</template>
<el-scrollbar v-loading="baTable.form.loading" class="ba-table-form-scrollbar">
<div
class="ba-operate-form"
:class="'ba-' + baTable.form.operate + '-form'"
:style="config.layout.shrink ? '' : 'width: calc(100% - ' + baTable.form.labelWidth! / 2 + 'px)'"
>
<el-form
v-if="!baTable.form.loading"
ref="formRef"
@submit.prevent=""
@keyup.enter="baTable.onSubmit(formRef)"
:model="baTable.form.items"
:label-position="config.layout.shrink ? 'top' : 'right'"
:label-width="baTable.form.labelWidth + 'px'"
:rules="rules"
>
<FormItem
:label="t('game.config.channel_id')"
type="remoteSelect"
v-model="baTable.form.items!.channel_id"
prop="channel_id"
:input-attr="{ ...channelRemoteAttr, disabled: metaFieldsDisabled }"
:placeholder="t('Please select field', { field: t('game.config.channel_id') })"
/>
<FormItem
:label="t('game.config.group')"
type="select"
v-model="baTable.form.items!.group"
prop="group"
:input-attr="{ content: groupSelectContentFiltered, disabled: metaFieldsDisabled }"
:placeholder="t('Please select field', { field: t('game.config.group') })"
/>
<FormItem
:label="t('game.config.name')"
type="string"
v-model="baTable.form.items!.name"
prop="name"
:input-attr="{ disabled: metaFieldsDisabled }"
:placeholder="t('Please input field', { field: t('game.config.name') })"
/>
<FormItem
:label="t('game.config.title')"
type="string"
v-model="baTable.form.items!.title"
prop="title"
:input-attr="{ disabled: metaFieldsDisabled }"
:placeholder="t('Please input field', { field: t('game.config.title') })"
/>
<!-- game_weight：数组形式编辑，存库仍为 JSON 字符串 -->
<el-form-item v-if="isGameWeight" :label="t('game.config.value')" prop="value">
<div class="weight-value-editor">
<div v-for="(row, idx) in weightRows" :key="idx" class="weight-value-row">
<el-input
v-model="row.key"
class="weight-key"
:readonly="weightKeyReadonly"
:clearable="!weightKeyReadonly"
:placeholder="t('Please input field', { field: t('game.config.weight key') })"
@input="onWeightRowChange"
/>
<span class="weight-sep">:</span>
<el-input
v-model="row.val"
class="weight-val"
:placeholder="t('Please input field', { field: t('game.config.weight value') })"
clearable
@input="onWeightRowChange"
/>
<el-button v-if="canEditWeightStructure" type="danger" link @click="removeWeightRow(idx)">
{{ t('Delete') }}
</el-button>
</div>
<el-button v-if="canEditWeightStructure" type="primary" link @click="addWeightRow">{{ t('Add') }}</el-button>
</div>
</el-form-item>
<FormItem
v-else
:label="t('game.config.value')"
type="textarea"
v-model="baTable.form.items!.value"
prop="value"
:input-attr="{ rows: 3 }"
@keyup.enter.stop=""
@keyup.ctrl.enter="baTable.onSubmit(formRef)"
:placeholder="t('Please input field', { field: t('game.config.value') })"
/>
<FormItem
:label="t('game.config.sort')"
type="number"
v-model="baTable.form.items!.sort"
prop="sort"
:input-attr="{ step: 1 }"
:placeholder="t('Please input field', { field: t('game.config.sort') })"
/>
<FormItem
:label="t('game.config.instantiation')"
type="switch"
v-model="baTable.form.items!.instantiation"
prop="instantiation"
:input-attr="{ content: { '0': t('game.config.instantiation 0'), '1': t('game.config.instantiation 1') } }"
/>
</el-form>
</div>
</el-scrollbar>
<template #footer>
<div :style="'width: calc(100% - ' + baTable.form.labelWidth! / 1.8 + 'px)'">
<el-button @click="baTable.toggleForm()">{{ t('Cancel') }}</el-button>
<el-button v-blur :loading="baTable.form.submitLoading" @click="baTable.onSubmit(formRef)" type="primary">
{{ baTable.form.operateIds && baTable.form.operateIds.length > 1 ? t('Save and edit next item') : t('Save') }}
</el-button>
</div>
</template>
</el-dialog>
</template>
<script setup lang="ts">
import type { FormItemRule } from 'element-plus'
import { computed, inject, reactive, ref, useTemplateRef, watch } from 'vue'
import { useI18n } from 'vue-i18n'
import FormItem from '/@/components/formItem/index.vue'
import { useConfig } from '/@/stores/config'
import { useAdminInfo } from '/@/stores/adminInfo'
import type baTableClass from '/@/utils/baTable'
import { buildValidatorData } from '/@/utils/validate'
const config = useConfig()
const formRef = useTemplateRef('formRef')
const baTable = inject('baTable') as baTableClass
const adminInfo = useAdminInfo()
const { t } = useI18n()
const isSuperAdmin = computed(() => adminInfo.super === true)
/** 编辑且非超级管理员：渠道、分组、配置标识、配置名称不可改 */
const metaFieldsDisabled = computed(() => !isSuperAdmin.value && baTable.form.operate === 'Edit')
const channelRemoteAttr = {
pk: 'game_channel.id',
field: 'name',
remoteUrl: '/admin/game.Channel/index',
}
const groupSelectBase = {
game_config: 'game_config',
game_weight: 'game_weight',
}
/** 非超级管理员新增时不可选 game_weight（需先由超级管理员建好键结构） */
const groupSelectContentFiltered = computed(() => {
if (!isSuperAdmin.value && baTable.form.operate === 'Add') {
return { game_config: groupSelectBase.game_config }
}
return groupSelectBase
})
/** game_weight：编辑或非超管时键只读；仅超管新增时可增删行、改键 */
const weightKeyReadonly = computed(() => {
if (!isGameWeight.value) return false
if (baTable.form.operate === 'Edit') return true
return !isSuperAdmin.value
})
const canEditWeightStructure = computed(() => isGameWeight.value && baTable.form.operate === 'Add' && isSuperAdmin.value)
type WeightRow = { key: string; val: string }
const weightRows = ref<WeightRow[]>([{ key: '', val: '' }])
const WEIGHT_SUM100_NAMES = ['default_tier_weight', 'default_kill_score_weight']
const isGameWeight = computed(() => baTable.form.items?.group === 'game_weight')
function parseValueToWeightRows(raw: unknown): WeightRow[] {
if (raw === null || raw === undefined || raw === '') {
return [{ key: '', val: '' }]
}
if (typeof raw === 'string') {
const s = raw.trim()
if (!s) return [{ key: '', val: '' }]
try {
const parsed = JSON.parse(s)
return arrayToWeightRows(parsed)
} catch {
return [{ key: '', val: '' }]
}
}
if (Array.isArray(raw)) {
return arrayToWeightRows(raw)
}
return [{ key: '', val: '' }]
}
function arrayToWeightRows(arr: unknown): WeightRow[] {
if (!Array.isArray(arr)) {
return [{ key: '', val: '' }]
}
const out: WeightRow[] = []
for (const item of arr) {
if (item !== null && typeof item === 'object' && !Array.isArray(item)) {
for (const [k, v] of Object.entries(item)) {
out.push({ key: k, val: v === null || v === undefined ? '' : String(v) })
}
}
}
return out.length ? out : [{ key: '', val: '' }]
}
function weightRowsToJsonString(rows: WeightRow[]): string {
const pairs: Record<string, string>[] = []
for (const r of rows) {
const k = r.key.trim()
if (k === '') continue
const one: Record<string, string> = {}
one[k] = r.val
pairs.push(one)
}
return JSON.stringify(pairs)
}
function syncWeightRowsToFormValue() {
const items = baTable.form.items
if (!items) return
items.value = weightRowsToJsonString(weightRows.value)
}
function onWeightRowChange() {
if (isGameWeight.value) {
syncWeightRowsToFormValue()
}
}
function addWeightRow() {
if (!canEditWeightStructure.value) return
weightRows.value.push({ key: '', val: '' })
syncWeightRowsToFormValue()
}
function removeWeightRow(idx: number) {
if (!canEditWeightStructure.value) return
if (weightRows.value.length <= 1) {
weightRows.value = [{ key: '', val: '' }]
} else {
weightRows.value.splice(idx, 1)
}
syncWeightRowsToFormValue()
}
function hydrateWeightRowsFromForm() {
if (!isGameWeight.value) return
weightRows.value = parseValueToWeightRows(baTable.form.items?.value)
}
watch(isGameWeight, (gw) => {
if (gw) {
hydrateWeightRowsFromForm()
}
})
watch(
() => baTable.form.loading,
(loading) => {
if (loading === false && baTable.form.items?.group === 'game_weight') {
hydrateWeightRowsFromForm()
}
}
)
watch(
() => baTable.form.items?.group,
() => {
if (baTable.form.items?.group === 'game_weight') {
hydrateWeightRowsFromForm()
}
}
)
function validateGameWeightRules(): string | undefined {
if (baTable.form.items?.group !== 'game_weight') {
return undefined
}
const name = baTable.form.items?.name ?? ''
const nums: number[] = []
for (const r of weightRows.value) {
const k = r.key.trim()
if (k === '') continue
const vs = r.val.trim()
if (vs === '') {
return t('Please input field', { field: t('game.config.weight value') })
}
const n = Number(vs)
if (!Number.isFinite(n)) {
return t('game.config.weight value numeric')
}
if (n > 100) {
return t('game.config.weight each max 100')
}
nums.push(n)
}
if (nums.length === 0) {
return t('Please input field', { field: t('game.config.value') })
}
if (WEIGHT_SUM100_NAMES.includes(name)) {
let sum = 0
for (const x of nums) {
sum += x
}
if (Math.abs(sum - 100) > 0.000001) {
return t('game.config.weight sum must 100')
}
}
return undefined
}
const rules: Partial<Record<string, FormItemRule[]>> = reactive({
group: [buildValidatorData({ name: 'required', title: t('game.config.group') })],
name: [buildValidatorData({ name: 'required', title: t('game.config.name') })],
title: [buildValidatorData({ name: 'required', title: t('game.config.title') })],
sort: [buildValidatorData({ name: 'number', title: t('game.config.sort') })],
instantiation: [buildValidatorData({ name: 'number', title: t('game.config.instantiation') })],
value: [
{
validator: (_rule, _val, callback) => {
const err = validateGameWeightRules()
if (err) {
callback(new Error(err))
return
}
callback()
},
trigger: ['blur', 'change'],
},
],
create_time: [buildValidatorData({ name: 'date', title: t('game.config.create_time') })],
update_time: [buildValidatorData({ name: 'date', title: t('game.config.update_time') })],
})
</script>
<style scoped lang="scss">
.weight-value-editor {
width: 100%;
}
.weight-value-row {
display: flex;
align-items: center;
gap: 8px;
margin-bottom: 8px;
}
.weight-key {
max-width: 140px;
}
.weight-val {
flex: 1;
min-width: 80px;
}
.weight-sep {
flex-shrink: 0;
color: var(--el-text-color-secondary);
}
</style>