|
@@ -9,10 +9,34 @@
|
|
|
<!-- 搜索区 tableSearch -->
|
|
<!-- 搜索区 tableSearch -->
|
|
|
<template #tableSearch>
|
|
<template #tableSearch>
|
|
|
<a-col :sm="8" :xs="24">
|
|
<a-col :sm="8" :xs="24">
|
|
|
- <a-form-item label="游戏名" field="game_name">
|
|
|
|
|
|
|
+ <a-form-item label="游戏" field="game_id">
|
|
|
|
|
+ <a-tree-select
|
|
|
|
|
+ v-model="searchForm.game_id"
|
|
|
|
|
+ :data="gameListTree"
|
|
|
|
|
+ tree-checked-strategy="child"
|
|
|
|
|
+ :tree-checkable="false"
|
|
|
|
|
+ :max-tag-count="2"
|
|
|
|
|
+ :fieldNames="{ title: 'name', key: 'id' }"
|
|
|
|
|
+ allow-search
|
|
|
|
|
+ allow-clear
|
|
|
|
|
+ placeholder="请选择游戏"
|
|
|
|
|
+ />
|
|
|
|
|
+ </a-form-item>
|
|
|
|
|
+ </a-col>
|
|
|
|
|
+ <a-col :sm="8" :xs="24">
|
|
|
|
|
+ <a-form-item label="渠道ID" field="agent_id">
|
|
|
<a-input
|
|
<a-input
|
|
|
- v-model="searchForm.game_name"
|
|
|
|
|
- placeholder="请输入游戏名"
|
|
|
|
|
|
|
+ v-model="searchForm.agent_id"
|
|
|
|
|
+ placeholder="请输入渠道ID"
|
|
|
|
|
+ allow-clear
|
|
|
|
|
+ />
|
|
|
|
|
+ </a-form-item>
|
|
|
|
|
+ </a-col>
|
|
|
|
|
+ <a-col :sm="8" :xs="24">
|
|
|
|
|
+ <a-form-item label="广告位ID" field="site_id">
|
|
|
|
|
+ <a-input
|
|
|
|
|
+ v-model="searchForm.site_id"
|
|
|
|
|
+ placeholder="请输入广告位ID"
|
|
|
allow-clear
|
|
allow-clear
|
|
|
/>
|
|
/>
|
|
|
</a-form-item>
|
|
</a-form-item>
|
|
@@ -40,11 +64,13 @@ import { onMounted, ref, reactive } from "vue";
|
|
|
import { Message } from "@arco-design/web-vue";
|
|
import { Message } from "@arco-design/web-vue";
|
|
|
import EditForm from "./edit.vue";
|
|
import EditForm from "./edit.vue";
|
|
|
import api from "../../api/gameLog/gamePackageLog";
|
|
import api from "../../api/gameLog/gamePackageLog";
|
|
|
|
|
+import commonApi from "../../api/common";
|
|
|
|
|
|
|
|
// 引用定义
|
|
// 引用定义
|
|
|
const crudRef = ref();
|
|
const crudRef = ref();
|
|
|
const editRef = ref();
|
|
const editRef = ref();
|
|
|
const viewRef = ref();
|
|
const viewRef = ref();
|
|
|
|
|
+const gameListTree = ref([]);
|
|
|
|
|
|
|
|
// 搜索表单
|
|
// 搜索表单
|
|
|
const searchForm = ref({
|
|
const searchForm = ref({
|
|
@@ -88,7 +114,8 @@ const options = reactive({
|
|
|
const columns = reactive([
|
|
const columns = reactive([
|
|
|
{ title: "广告位ID", dataIndex: "site_id", width: 120 },
|
|
{ title: "广告位ID", dataIndex: "site_id", width: 120 },
|
|
|
{ title: "渠道ID", dataIndex: "agent_id", width: 120 },
|
|
{ title: "渠道ID", dataIndex: "agent_id", width: 120 },
|
|
|
- { title: "母包名称", dataIndex: "package_name", width: 240 },
|
|
|
|
|
|
|
+ { title: "游戏", dataIndex: "game_name", width: 160 },
|
|
|
|
|
+
|
|
|
{ title: "目录", dataIndex: "letter", width: 180 },
|
|
{ title: "目录", dataIndex: "letter", width: 180 },
|
|
|
{ title: "icon", dataIndex: "icon", type: "image", width: 120 },
|
|
{ title: "icon", dataIndex: "icon", type: "image", width: 120 },
|
|
|
{
|
|
{
|
|
@@ -103,7 +130,16 @@ const columns = reactive([
|
|
|
]);
|
|
]);
|
|
|
|
|
|
|
|
// 页面数据初始化
|
|
// 页面数据初始化
|
|
|
-const initPage = async () => {};
|
|
|
|
|
|
|
+const initPage = async () => {
|
|
|
|
|
+ await getGameListTree();
|
|
|
|
|
+};
|
|
|
|
|
+
|
|
|
|
|
+const getGameListTree = async () => {
|
|
|
|
|
+ const resp = await commonApi.getGameListTreeApi({ single: true });
|
|
|
|
|
+ if (resp.code === 200) {
|
|
|
|
|
+ gameListTree.value = resp.data;
|
|
|
|
|
+ }
|
|
|
|
|
+};
|
|
|
|
|
|
|
|
// SaTable 数据请求
|
|
// SaTable 数据请求
|
|
|
const refresh = async () => {
|
|
const refresh = async () => {
|