修改渠道ChannelManage关联部门SystemDepart
This commit is contained in:
@@ -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'
|
||||
})
|
||||
}
|
||||
}
|
||||
|
||||
@@ -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' },
|
||||
|
||||
@@ -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()
|
||||
|
||||
@@ -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({
|
||||
|
||||
Reference in New Issue
Block a user