修改渠道ChannelManage关联部门SystemDepart

This commit is contained in:
2026-03-10 10:09:35 +08:00
parent e94ebd3fe6
commit a6d87d5c0d
8 changed files with 242 additions and 15 deletions

View File

@@ -11,7 +11,7 @@ export default {
*/
list(params: Record<string, any>) {
return request.get<Api.Common.ApiPage>({
url: '/channel/manage/ChannelManage/index',
url: '/core/channel/manage/ChannelManage/index',
params
})
},
@@ -23,7 +23,7 @@ export default {
*/
read(id: number | string) {
return request.get<Api.Common.ApiData>({
url: '/channel/manage/ChannelManage/read?id=' + id
url: '/core/channel/manage/ChannelManage/read?id=' + id
})
},
@@ -34,7 +34,7 @@ export default {
*/
save(params: Record<string, any>) {
return request.post<any>({
url: '/channel/manage/ChannelManage/save',
url: '/core/channel/manage/ChannelManage/save',
data: params
})
},
@@ -46,7 +46,7 @@ export default {
*/
update(params: Record<string, any>) {
return request.put<any>({
url: '/channel/manage/ChannelManage/update',
url: '/core/channel/manage/ChannelManage/update',
data: params
})
},
@@ -58,7 +58,7 @@ export default {
*/
delete(params: Record<string, any>) {
return request.del<any>({
url: '/channel/manage/ChannelManage/destroy',
url: '/core/channel/manage/ChannelManage/destroy',
data: params
})
},
@@ -68,18 +68,28 @@ export default {
*/
updateStatus(params: { id: number | string; status: number }) {
return request.put<any>({
url: '/channel/manage/ChannelManage/updateStatus',
url: '/core/channel/manage/ChannelManage/updateStatus',
data: params
})
},
/**
* 获取可操作部门列表(树形)
* @returns 部门树
*/
getDeptList() {
return request.get<Api.Common.ApiData>({
url: '/core/channel/manage/ChannelManage/getDeptList'
})
},
/**
* 获取管理员下拉列表SystemUser 的 id、username、realname
* @returns 管理员列表
*/
getAdminList() {
return request.get<Api.Common.ApiData>({
url: '/channel/manage/ChannelManage/getAdminList'
url: '/core/channel/manage/ChannelManage/getAdminList'
})
}
}

View File

@@ -1,7 +1,7 @@
<template>
<div class="art-full-height">
<!-- 搜索面板 -->
<TableSearch v-model="searchForm" @search="handleSearch" @reset="resetSearchParams" />
<TableSearch v-model="searchForm" @search="handleSearch" @reset="handleReset" />
<ElCard class="art-table-card" shadow="never">
<!-- 表格头部 -->
@@ -46,18 +46,20 @@
@pagination:size-change="handleSizeChange"
@pagination:current-change="handleCurrentChange"
>
<!-- 状态开关直接修改 -->
<!-- 状态开关直接修改仅渠道管理员和超管可操作 -->
<template #status="{ row }">
<ElSwitch
v-if="row.canOperate"
v-permission="'channel:manage:index:update'"
:model-value="row.status === 1"
:loading="row._statusLoading"
@change="(v: string | number | boolean) => handleStatusChange(row, v ? 1 : 0)"
/>
<span v-else>{{ row.status === 1 ? '启用' : '禁用' }}</span>
</template>
<!-- 操作列 -->
<!-- 操作列仅渠道管理员和超管可操作 -->
<template #operation="{ row }">
<div class="flex gap-2">
<div v-if="row.canOperate" class="flex gap-2">
<SaButton
v-permission="'channel:manage:index:update'"
type="secondary"
@@ -69,6 +71,7 @@
@click="deleteRow(row, api.delete, refreshData)"
/>
</div>
<span v-else class="text-gray-400">-</span>
</template>
</ArtTable>
</ElCard>
@@ -95,6 +98,7 @@
name: undefined,
title: undefined,
status: undefined,
department_id: undefined,
total_recharge: undefined,
total_withdrawal: undefined,
total_profit: undefined
@@ -106,6 +110,12 @@
getData()
}
// 重置时清空部门筛选
const handleReset = () => {
searchForm.value.department_id = undefined
resetSearchParams()
}
// 表格配置
const {
columns,
@@ -123,8 +133,14 @@
} = useTable({
core: {
apiFn: api.list,
apiParams: {
...searchForm.value
},
columnsFactory: () => [
{ type: 'selection' },
{
type: 'selection',
selectable: (row: Record<string, any>) => row.canOperate === true
},
{ prop: 'title', label: '标题' },
{ prop: 'status', label: '状态', useSlot: true },
{
@@ -138,6 +154,11 @@
)
}
},
{
prop: 'department_id',
label: '所属部门',
formatter: (row: Record<string, any>) => row.department?.name ?? row.department_id ?? '-'
},
{ prop: 'game_url', label: '游戏地址' },
{ prop: 'image', label: '图标', saiType: 'image' },
{ prop: 'agent', label: '代理agent' },

View File

@@ -34,6 +34,18 @@
/>
</el-select>
</el-form-item>
<el-form-item label="所属部门" prop="department_id">
<el-tree-select
v-model="formData.department_id"
:data="deptOptions"
:props="{ value: 'id', label: 'label' }"
placeholder="请选择部门"
clearable
check-strictly
:render-after-expand="false"
style="width: 100%"
/>
</el-form-item>
<el-form-item label="游戏地址" prop="game_url">
<el-input v-model="formData.game_url" placeholder="请输入游戏地址" />
</el-form-item>
@@ -105,6 +117,7 @@
title: '',
status: 1,
admin_id: null,
department_id: null,
game_url: '',
image: '',
ip_white: ''
@@ -131,6 +144,9 @@
const adminOptions = ref<Array<{ id: number; name: string }>>([])
const adminOptionsLoading = ref(false)
/** 部门下拉选项(树形) */
const deptOptions = ref<Array<{ id: number; label: string; children?: any[] }>>([])
const fetchAdminList = async () => {
adminOptionsLoading.value = true
try {
@@ -147,10 +163,19 @@
/**
* 初始化页面数据
*/
const fetchDeptList = async () => {
try {
const list = await api.getDeptList()
deptOptions.value = Array.isArray(list) ? list : []
} catch {
deptOptions.value = []
}
}
const initPage = async () => {
// 先重置为初始值
Object.assign(formData, initialFormData)
await fetchAdminList()
await Promise.all([fetchAdminList(), fetchDeptList()])
// 如果有数据,则填充数据
if (props.data) {
await nextTick()

View File

@@ -23,6 +23,20 @@
<el-input v-model="formData.status" placeholder="请输入状态" clearable />
</el-form-item>
</el-col>
<el-col v-bind="setSpan(6)">
<el-form-item label="所属部门" prop="department_id">
<el-tree-select
v-model="formData.department_id"
:data="deptOptions"
:props="{ value: 'id', label: 'label' }"
placeholder="请选择部门"
clearable
check-strictly
:render-after-expand="false"
style="width: 100%"
/>
</el-form-item>
</el-col>
<el-col v-bind="setSpan(6)">
<el-form-item label="总充值" prop="total_recharge">
<el-input v-model="formData.total_recharge" placeholder="请输入总充值" clearable />
@@ -42,6 +56,8 @@
</template>
<script setup lang="ts">
import api from '../../../api/manage/index'
interface Props {
modelValue: Record<string, any>
}
@@ -55,6 +71,17 @@
// 展开/收起
const isExpanded = ref<boolean>(false)
// 部门下拉选项(树形,后端返回 id/label/children
const deptOptions = ref<Array<{ id: number; label: string; children?: any[] }>>([])
onMounted(async () => {
try {
const list = await api.getDeptList()
deptOptions.value = Array.isArray(list) ? list : []
} catch {
deptOptions.value = []
}
})
// 表单数据双向绑定
const searchBarRef = ref()
const formData = computed({