[游戏管理]用户管理-优化表单样式
This commit is contained in:
@@ -1,249 +0,0 @@
|
||||
<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.user.quick Search Fields') })"
|
||||
></TableHeader>
|
||||
|
||||
<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 { 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/user',
|
||||
})
|
||||
|
||||
const { t } = useI18n()
|
||||
const tableRef = useTemplateRef('tableRef')
|
||||
const optButtons: OptButton[] = defaultOptButtons(['edit', 'delete'])
|
||||
|
||||
function formatCoin(_row: anyObj, _column: any, cellValue: unknown) {
|
||||
if (cellValue === null || cellValue === undefined || cellValue === '') {
|
||||
return '-'
|
||||
}
|
||||
const s = String(cellValue).trim().replace(',', '.')
|
||||
const n = parseFloat(s)
|
||||
if (!Number.isFinite(n)) {
|
||||
return String(cellValue)
|
||||
}
|
||||
return n.toFixed(4)
|
||||
}
|
||||
|
||||
/** 返回多标签文案数组，供 render: tags 使用 */
|
||||
function formatRiskFlags(row: anyObj, _column: any, cellValue: unknown) {
|
||||
const raw = cellValue !== undefined && cellValue !== null && cellValue !== '' ? cellValue : row.risk_flags
|
||||
const f = typeof raw === 'number' ? raw : parseInt(String(raw ?? '0'), 10) || 0
|
||||
const parts: string[] = []
|
||||
if (f & 1) parts.push(t('game.user.risk_no_login'))
|
||||
if (f & 2) parts.push(t('game.user.risk_no_bet'))
|
||||
if (f & 4) parts.push(t('game.user.risk_no_withdraw'))
|
||||
if (!parts.length) parts.push(t('game.user.risk_none'))
|
||||
return parts
|
||||
}
|
||||
|
||||
const baTable = new baTableClass(
|
||||
new baTableApi('/admin/game.User/'),
|
||||
{
|
||||
pk: 'id',
|
||||
column: [
|
||||
{ type: 'selection', align: 'center', operator: false },
|
||||
{ label: t('game.user.id'), prop: 'id', align: 'center', width: 70, operator: 'RANGE', sortable: 'custom' },
|
||||
{
|
||||
label: t('game.user.username'),
|
||||
prop: 'username',
|
||||
align: 'center',
|
||||
operatorPlaceholder: t('Fuzzy query'),
|
||||
sortable: false,
|
||||
operator: 'LIKE',
|
||||
},
|
||||
{ label: t('game.user.phone'), prop: 'phone', align: 'center', operatorPlaceholder: t('Fuzzy query'), sortable: false, operator: 'LIKE' },
|
||||
{
|
||||
label: t('game.user.email'),
|
||||
prop: 'email',
|
||||
align: 'center',
|
||||
minWidth: 120,
|
||||
showOverflowTooltip: true,
|
||||
operatorPlaceholder: t('Fuzzy query'),
|
||||
operator: 'LIKE',
|
||||
},
|
||||
{
|
||||
label: t('game.user.head_image'),
|
||||
prop: 'head_image',
|
||||
align: 'center',
|
||||
width: 72,
|
||||
operator: false,
|
||||
render: 'image',
|
||||
},
|
||||
{
|
||||
label: t('game.user.uuid'),
|
||||
prop: 'uuid',
|
||||
align: 'center',
|
||||
showOverflowTooltip: true,
|
||||
operatorPlaceholder: t('Fuzzy query'),
|
||||
sortable: false,
|
||||
operator: 'LIKE',
|
||||
},
|
||||
{
|
||||
label: t('game.user.register_invite_code'),
|
||||
prop: 'register_invite_code',
|
||||
align: 'center',
|
||||
minWidth: 100,
|
||||
showOverflowTooltip: true,
|
||||
operator: 'LIKE',
|
||||
},
|
||||
{ label: t('game.user.coin'), prop: 'coin', align: 'center', sortable: false, operator: 'RANGE', formatter: formatCoin },
|
||||
{
|
||||
label: t('game.user.total_deposit_coin'),
|
||||
prop: 'total_deposit_coin',
|
||||
align: 'center',
|
||||
minWidth: 110,
|
||||
sortable: false,
|
||||
operator: 'RANGE',
|
||||
formatter: formatCoin,
|
||||
},
|
||||
{
|
||||
label: t('game.user.total_valid_bet_coin'),
|
||||
prop: 'total_valid_bet_coin',
|
||||
align: 'center',
|
||||
minWidth: 110,
|
||||
sortable: false,
|
||||
operator: 'RANGE',
|
||||
formatter: formatCoin,
|
||||
},
|
||||
{
|
||||
label: t('game.user.risk_flags'),
|
||||
prop: 'risk_flags',
|
||||
align: 'center',
|
||||
render: 'tags',
|
||||
minWidth: 200,
|
||||
operator: false,
|
||||
formatter: formatRiskFlags,
|
||||
custom: {
|
||||
[t('game.user.risk_none')]: 'primary',
|
||||
[t('game.user.risk_no_login')]: 'danger',
|
||||
[t('game.user.risk_no_bet')]: 'danger',
|
||||
[t('game.user.risk_no_withdraw')]: 'danger',
|
||||
},
|
||||
},
|
||||
{ label: t('game.user.current_streak'), prop: 'current_streak', align: 'center', width: 90, operator: 'RANGE' },
|
||||
{
|
||||
label: t('game.user.last_bet_period_no'),
|
||||
prop: 'last_bet_period_no',
|
||||
align: 'center',
|
||||
minWidth: 120,
|
||||
showOverflowTooltip: true,
|
||||
operator: 'LIKE',
|
||||
},
|
||||
{
|
||||
label: t('game.user.status'),
|
||||
prop: 'status',
|
||||
align: 'center',
|
||||
operator: 'eq',
|
||||
sortable: false,
|
||||
render: 'switch',
|
||||
replaceValue: { '0': t('game.user.status 0'), '1': t('game.user.status 1') },
|
||||
},
|
||||
{
|
||||
label: t('game.user.channel__name'),
|
||||
prop: 'channel.name',
|
||||
align: 'center',
|
||||
minWidth: 100,
|
||||
operatorPlaceholder: t('Fuzzy query'),
|
||||
render: 'tags',
|
||||
operator: 'LIKE',
|
||||
comSearchRender: 'string',
|
||||
},
|
||||
{
|
||||
label: t('game.user.admin__username'),
|
||||
prop: 'admin.username',
|
||||
align: 'center',
|
||||
minWidth: 90,
|
||||
effect: 'plain',
|
||||
operatorPlaceholder: t('Fuzzy query'),
|
||||
render: 'tags',
|
||||
operator: 'LIKE',
|
||||
comSearchRender: 'string',
|
||||
customRenderAttr: {
|
||||
tag: () => ({
|
||||
color: '#e8f3ff',
|
||||
style: { color: '#1677ff', borderColor: '#91caff' },
|
||||
}),
|
||||
},
|
||||
},
|
||||
{
|
||||
label: t('game.user.remark'),
|
||||
prop: 'remark',
|
||||
align: 'center',
|
||||
minWidth: 100,
|
||||
showOverflowTooltip: true,
|
||||
operatorPlaceholder: t('Fuzzy query'),
|
||||
},
|
||||
{
|
||||
label: t('game.user.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.user.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: 80, render: 'buttons', buttons: optButtons, operator: false, fixed: 'right' },
|
||||
],
|
||||
dblClickNotEditColumn: [undefined, 'status'],
|
||||
},
|
||||
{
|
||||
defaultItems: {
|
||||
status: '1',
|
||||
coin: '0.0000',
|
||||
total_deposit_coin: '0.0000',
|
||||
total_valid_bet_coin: '0.0000',
|
||||
risk_flags: 0,
|
||||
current_streak: 0,
|
||||
last_bet_period_no: '',
|
||||
register_invite_code: '',
|
||||
email: '',
|
||||
head_image: '',
|
||||
},
|
||||
}
|
||||
)
|
||||
|
||||
provide('baTable', baTable)
|
||||
|
||||
onMounted(() => {
|
||||
baTable.table.ref = tableRef.value
|
||||
baTable.mount()
|
||||
baTable.getData()?.then(() => {
|
||||
baTable.initSort()
|
||||
baTable.dragSort()
|
||||
})
|
||||
})
|
||||
</script>
|
||||
|
||||
<style scoped lang="scss"></style>
|
||||
@@ -1,499 +0,0 @@
|
||||
<template>
|
||||
<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"
|
||||
>
|
||||
<!-- <el-alert class="game-user-form-tip" type="info" :closable="false" show-icon>-->
|
||||
<!-- {{ t('game.user.form_tip') }}-->
|
||||
<!-- </el-alert>-->
|
||||
|
||||
<el-divider content-position="left">{{ t('game.user.section_basic') }}</el-divider>
|
||||
<FormItem
|
||||
:label="t('game.user.username')"
|
||||
type="string"
|
||||
v-model="baTable.form.items!.username"
|
||||
prop="username"
|
||||
:placeholder="t('Please input field', { field: t('game.user.username') })"
|
||||
/>
|
||||
<FormItem
|
||||
:label="t('game.user.password')"
|
||||
type="password"
|
||||
v-model="baTable.form.items!.password"
|
||||
prop="password"
|
||||
:placeholder="t('Please input field', { field: t('game.user.password') })"
|
||||
/>
|
||||
<FormItem
|
||||
:label="t('game.user.phone')"
|
||||
type="string"
|
||||
v-model="baTable.form.items!.phone"
|
||||
prop="phone"
|
||||
:placeholder="t('Please input field', { field: t('game.user.phone') })"
|
||||
/>
|
||||
<FormItem
|
||||
:label="t('game.user.email')"
|
||||
type="string"
|
||||
v-model="baTable.form.items!.email"
|
||||
prop="email"
|
||||
:placeholder="t('game.user.email_placeholder')"
|
||||
/>
|
||||
<FormItem
|
||||
:label="t('game.user.head_image')"
|
||||
type="image"
|
||||
v-model="baTable.form.items!.head_image"
|
||||
prop="head_image"
|
||||
/>
|
||||
|
||||
<el-divider content-position="left">{{ t('game.user.section_admin_attribution') }}</el-divider>
|
||||
<el-form-item :label="t('game.user.admin_affiliation')" prop="admin_id">
|
||||
<el-tree-select
|
||||
v-model="baTable.form.items!.admin_id"
|
||||
class="w100"
|
||||
clearable
|
||||
filterable
|
||||
:data="adminScopeTree"
|
||||
:props="treeProps"
|
||||
:render-after-expand="false"
|
||||
:placeholder="t('game.user.admin_affiliation_placeholder')"
|
||||
@update:model-value="onAdminTreeChange"
|
||||
/>
|
||||
</el-form-item>
|
||||
<FormItem
|
||||
v-if="baTable.form.operate === 'Edit'"
|
||||
:label="t('game.user.uuid')"
|
||||
type="string"
|
||||
v-model="baTable.form.items!.uuid"
|
||||
prop="uuid"
|
||||
:input-attr="{ readonly: true, disabled: true }"
|
||||
/>
|
||||
|
||||
<el-divider content-position="left">{{ t('game.user.section_register') }}</el-divider>
|
||||
<FormItem
|
||||
:label="t('game.user.register_invite_code')"
|
||||
type="string"
|
||||
v-model="baTable.form.items!.register_invite_code"
|
||||
prop="register_invite_code"
|
||||
:input-attr="{ readonly: true }"
|
||||
:placeholder="t('game.user.register_invite_code_auto_placeholder')"
|
||||
/>
|
||||
|
||||
<el-divider content-position="left">{{ t('game.user.section_finance') }}</el-divider>
|
||||
<FormItem
|
||||
:label="t('game.user.coin')"
|
||||
type="number"
|
||||
v-model="baTable.form.items!.coin"
|
||||
prop="coin"
|
||||
:input-attr="{ step: 0.0001, min: 0, precision: 4 }"
|
||||
:placeholder="t('game.user.coin_placeholder')"
|
||||
/>
|
||||
<FormItem
|
||||
:label="t('game.user.total_deposit_coin')"
|
||||
type="number"
|
||||
v-model="baTable.form.items!.total_deposit_coin"
|
||||
prop="total_deposit_coin"
|
||||
:input-attr="{ step: 0.0001, min: 0, precision: 4 }"
|
||||
/>
|
||||
<FormItem
|
||||
:label="t('game.user.total_valid_bet_coin')"
|
||||
type="number"
|
||||
v-model="baTable.form.items!.total_valid_bet_coin"
|
||||
prop="total_valid_bet_coin"
|
||||
:input-attr="{ step: 0.0001, min: 0, precision: 4 }"
|
||||
/>
|
||||
|
||||
<el-divider content-position="left">{{ t('game.user.section_risk') }}</el-divider>
|
||||
<el-form-item :label="t('game.user.risk_flags')">
|
||||
<div class="risk-flag-row">
|
||||
<el-tag
|
||||
:type="riskBits.noLogin ? 'danger' : 'info'"
|
||||
:effect="riskBits.noLogin ? 'dark' : 'plain'"
|
||||
class="risk-flag-tag"
|
||||
@click="riskBits.noLogin = !riskBits.noLogin"
|
||||
>
|
||||
{{ t('game.user.risk_no_login') }}
|
||||
</el-tag>
|
||||
<el-tag
|
||||
:type="riskBits.noBet ? 'danger' : 'info'"
|
||||
:effect="riskBits.noBet ? 'dark' : 'plain'"
|
||||
class="risk-flag-tag"
|
||||
@click="riskBits.noBet = !riskBits.noBet"
|
||||
>
|
||||
{{ t('game.user.risk_no_bet') }}
|
||||
</el-tag>
|
||||
<el-tag
|
||||
:type="riskBits.noWithdraw ? 'danger' : 'info'"
|
||||
:effect="riskBits.noWithdraw ? 'dark' : 'plain'"
|
||||
class="risk-flag-tag"
|
||||
@click="riskBits.noWithdraw = !riskBits.noWithdraw"
|
||||
>
|
||||
{{ t('game.user.risk_no_withdraw') }}
|
||||
</el-tag>
|
||||
</div>
|
||||
</el-form-item>
|
||||
|
||||
<el-divider content-position="left">{{ t('game.user.section_streak') }}</el-divider>
|
||||
<FormItem
|
||||
:label="t('game.user.current_streak')"
|
||||
type="number"
|
||||
v-model="baTable.form.items!.current_streak"
|
||||
prop="current_streak"
|
||||
:input-attr="{ step: 1, min: 0, precision: 0 }"
|
||||
/>
|
||||
<FormItem
|
||||
:label="t('game.user.last_bet_period_no')"
|
||||
type="string"
|
||||
v-model="baTable.form.items!.last_bet_period_no"
|
||||
prop="last_bet_period_no"
|
||||
:placeholder="t('game.user.last_bet_period_no_placeholder')"
|
||||
/>
|
||||
|
||||
<el-divider content-position="left">{{ t('game.user.section_other') }}</el-divider>
|
||||
<FormItem
|
||||
:label="t('game.user.remark')"
|
||||
type="textarea"
|
||||
v-model="baTable.form.items!.remark"
|
||||
prop="remark"
|
||||
:input-attr="{ rows: 3 }"
|
||||
@keyup.enter.stop=""
|
||||
@keyup.ctrl.enter="baTable.onSubmit(formRef)"
|
||||
:placeholder="t('Please input field', { field: t('game.user.remark') })"
|
||||
/>
|
||||
<FormItem
|
||||
:label="t('game.user.status')"
|
||||
type="switch"
|
||||
v-model="baTable.form.items!.status"
|
||||
prop="status"
|
||||
:input-attr="{ content: { '0': t('game.user.status 0'), '1': t('game.user.status 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 { inject, nextTick, onMounted, reactive, ref, useTemplateRef, watch } from 'vue'
|
||||
import { useI18n } from 'vue-i18n'
|
||||
import FormItem from '/@/components/formItem/index.vue'
|
||||
import { useConfig } from '/@/stores/config'
|
||||
import type baTableClass from '/@/utils/baTable'
|
||||
import { buildValidatorData, regularPassword } from '/@/utils/validate'
|
||||
import createAxios from '/@/utils/axios'
|
||||
|
||||
const RISK_LOGIN = 1
|
||||
const RISK_BET = 2
|
||||
const RISK_WITHDRAW = 4
|
||||
|
||||
const config = useConfig()
|
||||
const formRef = useTemplateRef('formRef')
|
||||
const baTable = inject('baTable') as baTableClass
|
||||
|
||||
const { t } = useI18n()
|
||||
|
||||
type TreeNode = {
|
||||
value: string
|
||||
label: string
|
||||
disabled?: boolean
|
||||
children?: TreeNode[]
|
||||
channel_id?: number | null
|
||||
is_leaf?: boolean
|
||||
invite_code?: string
|
||||
}
|
||||
|
||||
const adminScopeTree = ref<TreeNode[]>([])
|
||||
const adminIdToChannelId = ref<Record<string, number>>({})
|
||||
const adminIdToInviteCode = ref<Record<string, string>>({})
|
||||
|
||||
const treeProps = {
|
||||
value: 'value',
|
||||
label: 'label',
|
||||
children: 'children',
|
||||
disabled: 'disabled',
|
||||
}
|
||||
|
||||
const riskBits = reactive({
|
||||
noLogin: false,
|
||||
noBet: false,
|
||||
noWithdraw: false,
|
||||
})
|
||||
|
||||
function syncRiskFromFlags(flags: unknown) {
|
||||
const f = typeof flags === 'number' ? flags : parseInt(String(flags ?? '0'), 10) || 0
|
||||
riskBits.noLogin = (f & RISK_LOGIN) !== 0
|
||||
riskBits.noBet = (f & RISK_BET) !== 0
|
||||
riskBits.noWithdraw = (f & RISK_WITHDRAW) !== 0
|
||||
}
|
||||
|
||||
function packRiskFlags(): number {
|
||||
let r = 0
|
||||
if (riskBits.noLogin) r |= RISK_LOGIN
|
||||
if (riskBits.noBet) r |= RISK_BET
|
||||
if (riskBits.noWithdraw) r |= RISK_WITHDRAW
|
||||
return r
|
||||
}
|
||||
|
||||
/** 识别管理员叶子：value 非 group_* 且无子节点（不依赖 is_leaf，避免 el-tree 丢弃自定义字段） */
|
||||
function isAdminTreeLeaf(n: TreeNode): boolean {
|
||||
const v = n.value
|
||||
if (v === undefined || v === null) return false
|
||||
if (String(v).startsWith('group_')) return false
|
||||
if (n.children && n.children.length > 0) return false
|
||||
return true
|
||||
}
|
||||
|
||||
function buildAdminMapsFromTree(nodes: TreeNode[]) {
|
||||
const mapCh: Record<string, number> = {}
|
||||
const mapInv: Record<string, string> = {}
|
||||
const walk = (arr: TreeNode[]) => {
|
||||
for (const n of arr) {
|
||||
if (n.children?.length) {
|
||||
walk(n.children)
|
||||
}
|
||||
if (!isAdminTreeLeaf(n)) {
|
||||
continue
|
||||
}
|
||||
const id = String(n.value)
|
||||
if (n.channel_id !== undefined && n.channel_id !== null && n.channel_id !== '') {
|
||||
mapCh[id] = typeof n.channel_id === 'number' ? n.channel_id : parseInt(String(n.channel_id), 10)
|
||||
}
|
||||
if (typeof n.invite_code === 'string') {
|
||||
mapInv[id] = n.invite_code
|
||||
} else if (n.invite_code !== undefined && n.invite_code !== null) {
|
||||
mapInv[id] = String(n.invite_code)
|
||||
} else {
|
||||
mapInv[id] = ''
|
||||
}
|
||||
}
|
||||
}
|
||||
walk(nodes)
|
||||
return { mapCh, mapInv }
|
||||
}
|
||||
|
||||
/** 映射未命中时从原始树查找（防止 props 裁剪或异步时序问题） */
|
||||
function findAdminMetaInTree(nodes: TreeNode[], adminId: string): { channel_id?: number; invite_code: string } | null {
|
||||
const target = String(adminId).trim()
|
||||
for (const n of nodes) {
|
||||
if (n.children?.length) {
|
||||
const nested = findAdminMetaInTree(n.children, adminId)
|
||||
if (nested) {
|
||||
return nested
|
||||
}
|
||||
}
|
||||
if (!isAdminTreeLeaf(n)) {
|
||||
continue
|
||||
}
|
||||
if (String(n.value) !== target) {
|
||||
continue
|
||||
}
|
||||
let channelId: number | undefined
|
||||
if (n.channel_id !== undefined && n.channel_id !== null && n.channel_id !== '') {
|
||||
channelId = typeof n.channel_id === 'number' ? n.channel_id : parseInt(String(n.channel_id), 10)
|
||||
}
|
||||
const invite =
|
||||
typeof n.invite_code === 'string' ? n.invite_code : n.invite_code != null ? String(n.invite_code) : ''
|
||||
return { channel_id: channelId, invite_code: invite }
|
||||
}
|
||||
return null
|
||||
}
|
||||
|
||||
const loadAdminScopeTree = async () => {
|
||||
const res = await createAxios({
|
||||
url: '/admin/game.User/adminScopeTree',
|
||||
method: 'get',
|
||||
})
|
||||
const list = (res.data?.list ?? []) as TreeNode[]
|
||||
adminScopeTree.value = list
|
||||
|
||||
const { mapCh, mapInv } = buildAdminMapsFromTree(list)
|
||||
adminIdToChannelId.value = mapCh
|
||||
adminIdToInviteCode.value = mapInv
|
||||
|
||||
await nextTick()
|
||||
const aid = baTable.form.items?.admin_id
|
||||
if (aid !== undefined && aid !== null && aid !== '') {
|
||||
onAdminTreeChange(aid as string | number)
|
||||
}
|
||||
}
|
||||
|
||||
const onAdminTreeChange = (val: string | number | null) => {
|
||||
if (!baTable.form.items) {
|
||||
return
|
||||
}
|
||||
if (val === null || val === undefined || val === '') {
|
||||
baTable.form.items.register_invite_code = ''
|
||||
return
|
||||
}
|
||||
const key = typeof val === 'number' ? String(val) : String(val).trim()
|
||||
|
||||
let channelId = adminIdToChannelId.value[key]
|
||||
let inv = adminIdToInviteCode.value[key]
|
||||
|
||||
if (channelId === undefined || inv === undefined) {
|
||||
const meta = findAdminMetaInTree(adminScopeTree.value, key)
|
||||
if (meta) {
|
||||
if (channelId === undefined && meta.channel_id !== undefined) {
|
||||
channelId = meta.channel_id
|
||||
}
|
||||
if (inv === undefined) {
|
||||
inv = meta.invite_code
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
if (channelId !== undefined) {
|
||||
baTable.form.items.channel_id = channelId
|
||||
}
|
||||
baTable.form.items.register_invite_code = inv !== undefined && inv !== null ? inv : ''
|
||||
}
|
||||
|
||||
onMounted(() => {
|
||||
loadAdminScopeTree()
|
||||
})
|
||||
|
||||
watch(
|
||||
() => baTable.form.items?.admin_id,
|
||||
(val) => {
|
||||
if (val === undefined || val === null || val === '') return
|
||||
onAdminTreeChange(val as any)
|
||||
}
|
||||
)
|
||||
|
||||
// 树数据异步加载完成后，根据已选管理员同步渠道与邀请码（编辑回显）
|
||||
watch(
|
||||
() => [baTable.form.items?.admin_id, adminScopeTree.value.length] as const,
|
||||
() => {
|
||||
const id = baTable.form.items?.admin_id
|
||||
if (id === undefined || id === null || id === '' || adminScopeTree.value.length === 0) {
|
||||
return
|
||||
}
|
||||
onAdminTreeChange(id as string | number)
|
||||
}
|
||||
)
|
||||
|
||||
watch(
|
||||
() => baTable.form.items?.risk_flags,
|
||||
(v) => {
|
||||
syncRiskFromFlags(v)
|
||||
}
|
||||
)
|
||||
|
||||
watch(
|
||||
riskBits,
|
||||
() => {
|
||||
if (!baTable.form.items) return
|
||||
baTable.form.items.risk_flags = packRiskFlags()
|
||||
},
|
||||
{ deep: true }
|
||||
)
|
||||
|
||||
watch(
|
||||
() => baTable.form.operate,
|
||||
(op) => {
|
||||
if (op === 'Add') {
|
||||
syncRiskFromFlags(0)
|
||||
}
|
||||
}
|
||||
)
|
||||
|
||||
// 与 el-tree-select 的 value（字符串）一致，避免编辑回显选不中
|
||||
watch(
|
||||
() => [baTable.form.operate, baTable.form.items?.id] as const,
|
||||
() => {
|
||||
const items = baTable.form.items
|
||||
if (!items || baTable.form.operate !== 'Edit') {
|
||||
return
|
||||
}
|
||||
if (items.admin_id !== undefined && items.admin_id !== null && items.admin_id !== '') {
|
||||
items.admin_id = String(items.admin_id) as any
|
||||
}
|
||||
}
|
||||
)
|
||||
|
||||
const validatorGameUserPassword = (rule: any, val: string, callback: (error?: Error) => void) => {
|
||||
const operate = baTable.form.operate
|
||||
const v = typeof val === 'string' ? val.trim() : ''
|
||||
|
||||
if (operate === 'Add') {
|
||||
if (!v) return callback(new Error(t('Please input field', { field: t('game.user.password') })))
|
||||
if (!regularPassword(v)) return callback(new Error(t('validate.Please enter the correct password')))
|
||||
return callback()
|
||||
}
|
||||
|
||||
if (!v) return callback()
|
||||
if (!regularPassword(v)) return callback(new Error(t('validate.Please enter the correct password')))
|
||||
return callback()
|
||||
}
|
||||
|
||||
const decimalRule = (fieldTitle: string): FormItemRule => ({
|
||||
trigger: 'blur',
|
||||
validator: (_rule, val, callback) => {
|
||||
if (val === null || val === undefined || val === '') {
|
||||
return callback()
|
||||
}
|
||||
const n = typeof val === 'number' ? val : parseFloat(String(val).trim().replace(',', '.'))
|
||||
if (!Number.isFinite(n) || n < 0) {
|
||||
return callback(new Error(t('Please enter the correct field', { field: fieldTitle })))
|
||||
}
|
||||
return callback()
|
||||
},
|
||||
})
|
||||
|
||||
const rules: Partial<Record<string, FormItemRule[]>> = reactive({
|
||||
username: [buildValidatorData({ name: 'required', title: t('game.user.username') })],
|
||||
password: [{ validator: validatorGameUserPassword, trigger: 'blur' }],
|
||||
phone: [buildValidatorData({ name: 'required', title: t('game.user.phone') })],
|
||||
coin: [decimalRule(t('game.user.coin'))],
|
||||
total_deposit_coin: [decimalRule(t('game.user.total_deposit_coin'))],
|
||||
total_valid_bet_coin: [decimalRule(t('game.user.total_valid_bet_coin'))],
|
||||
admin_id: [buildValidatorData({ name: 'required', title: t('game.user.admin_affiliation') })],
|
||||
create_time: [buildValidatorData({ name: 'date', title: t('game.user.create_time') })],
|
||||
update_time: [buildValidatorData({ name: 'date', title: t('game.user.update_time') })],
|
||||
})
|
||||
</script>
|
||||
|
||||
<style scoped lang="scss">
|
||||
.game-user-form-tip {
|
||||
margin-bottom: 12px;
|
||||
}
|
||||
.risk-flag-row {
|
||||
display: flex;
|
||||
flex-wrap: wrap;
|
||||
gap: 8px 10px;
|
||||
align-items: center;
|
||||
}
|
||||
.risk-flag-tag {
|
||||
cursor: pointer;
|
||||
user-select: none;
|
||||
}
|
||||
</style>
|
||||
Reference in New Issue
Block a user