add：搭建后台

src/api/formworkErection.js

@@ -0,0 +1,41 @@
+import request from '@/utils/system/request'
+
+
+// 获取广告渠道列表
+export function channelList(data) {
+    return request({
+        url: '/agent-service/channel/list',
+        method: 'post',
+        data
+    })
+}
+
+// 新增广告渠道
+export function channelAddOne(data) {
+    return request({
+        url: '/agent-service/channel/addOne',
+        method: 'post',
+        data
+    })
+}
+
+// 修改广告渠道
+export function channelUpdateOne(data) {
+    return request({
+        url: '/agent-service/channel/updateOne',
+        method: 'post',
+        data
+    })
+}
+
+// 删除广告渠道
+export function channelDeleteOne(params) {
+    return request({
+        url: '/agent-service/channel/deleteOne',
+        method: 'get',
+        params
+    })
+}
+
+
+

src/router/modules/formworkErection.js

@@ -5,13 +5,26 @@ const route = [
     {
         path: '/formworkErection',
         component: Layout,
-        redirect: '/formworkErection/index',
+        redirect: '/formworkErection/agencyAdmin/index',
         meta: { title: '搭建模板', icon: 'sfont system-zidingyi' },
         children: [
             {
-                path: '/formworkErection/index',
-                component: createNameComponent(() => import('@/views/main/formworkErection/index.vue')),
-                meta: { title: '搭建模板' },
+                path: 'agencyAdmin/index',
+                name: 'agencyAdmin',
+                component: createNameComponent(() => import('@/views/main/formworkErection/agencyAdmin.vue')),
+                meta: { title: '代理管理' },
+            },
+            {
+                path: 'channelType/index',
+                name: 'channelType',
+                component: createNameComponent(() => import('@/views/main/formworkErection/channelType.vue')),
+                meta: { title: '渠道类型' },
+            },
+            {
+                path: 'channelAdmin/index',
+                name: 'channelAdmin',
+                component: createNameComponent(() => import('@/views/main/formworkErection/channelAdmin.vue')),
+                meta: { title: '渠道管理（APP出包）' },
             },
         ],
     }

src/router/permission/backConfig.js

@@ -1,7 +1,3 @@
-/*
- * @Date: 2023-03-10 19:34:30
- * @Description: 
- */
 import { createNameComponent } from '../createNode';
 
 /** 首页系列 */
@@ -11,7 +7,9 @@ const dashboard = {
 }
 
 const formworkErection = {
-  formworkErection: createNameComponent(() => import('@/views/main/formworkErection/index.vue')),
+  agencyAdmin: createNameComponent(() => import('@/views/main/formworkErection/agencyAdmin.vue')),
+  channelType: createNameComponent(() => import('@/views/main/formworkErection/channelType.vue')),
+  channelAdmin: createNameComponent(() => import('@/views/main/formworkErection/channelAdmin.vue')),
 }
 
 const userModule = {
@@ -22,7 +20,7 @@ const userModule = {
 }
 
 const withdrawModule = {
-  withdrawModule: createNameComponent(() => import('@/views/main/formworkErection/index.vue')),
+  withdrawModule: createNameComponent(() => import('@/views/main/withdrawModule/index.vue')),
 }
 
 const agentModule = {

src/router/permission/front.js

@@ -16,7 +16,7 @@ import RiskModule from '../modules/riskModule'
 /** 登录后需要动态加入的本地路由 */
 const FrontRoutes = [
   ...Dashboard,
-  // ...FormworkErection,
+  ...FormworkErection,
   ...UserModule,
   // ...WithdrawModule,
   // ...AgentModule,

src/views/main/formworkErection/agencyAdmin.vue

@@ -0,0 +1,334 @@
+<template>
+  <div class="layout-container">
+    <!-- 菜单栏 -->
+    <From :form-items="dynamicFormItems" @formSubmitted="handleFormSubmitted" @formReset="handleFormReset"
+      is_add_button="新增" @addForm="edit" />
+
+    <!-- 表格 -->
+    <div class="layout-container">
+      <Table @getTableData="changeTableData" v-model:page="page" ref="table" :data="tableData"
+        @selection-change="handleSelectionChange">
+        <el-table-column prop="channelId" label="渠道ID" width="200" />
+        <el-table-column prop="channelName" label="渠道名称" />
+        <el-table-column prop="channelStatus" label="渠道状态" width="100" />
+        <el-table-column prop="channelAccount" label="渠道账号" />
+        <el-table-column prop="channelPwd" label="渠道密码" width="100" />
+        <el-table-column prop="apiKey" label="请求秘钥" />
+        <el-table-column prop="apiSecret" label="请求密令" />
+        <el-table-column prop="loginType" label="登录类型" width="100">
+          <template #default="scope">
+            {{ scope.row.loginType === 1 ? "账号密码" : "微信" }}
+          </template>
+        </el-table-column>
+        <el-table-column prop="remark" label="备注" />
+
+        <el-table-column label="操作" width="150" fixed="right">
+          <template #default="scope">
+            <div class="button">
+              <el-button class="button-item" type="primary" style="margin-bottom: 5px" @click="edit(scope.row)">
+                编辑
+              </el-button>
+              <el-popconfirm placement="left" title="确认删除该用户?" @confirm="removeAgency(scope.row)">
+                <template #reference>
+                  <el-button class="button-item" style="margin-bottom: 5px" type="warning">删除代理</el-button>
+                </template>
+              </el-popconfirm>
+            </div>
+          </template>
+        </el-table-column>
+      </Table>
+    </div>
+
+    <!-- 操作弹窗 -->
+    <Layer :layer="layer" @confirm="submit(ruleForm)" @close="layer.show = false">
+      <el-form :model="formEdit" :rules="rules" ref="ruleForm" label-width="120px" style="margin-right: 30px">
+        <el-form-item label="请求秘钥：" required prop="apiKey">
+          <el-input v-model="formEdit.apiKey" type="number" placeholder="请输入" clearable />
+        </el-form-item>
+        <el-form-item label="请求密令：" required prop="apiSecret">
+          <el-input v-model="formEdit.apiSecret" placeholder="请输入" clearable />
+        </el-form-item>
+
+        <el-form-item label="渠道ID：" required prop="channelId">
+          <el-input v-model="formEdit.channelId" placeholder="请输入" clearable />
+        </el-form-item>
+        <el-form-item label="渠道名称：" required prop="channelName">
+          <el-input v-model="formEdit.channelName" placeholder="请输入" clearable />
+        </el-form-item>
+        <el-form-item label="渠道账号：" required prop="channelAccount">
+          <el-input v-model="formEdit.channelAccount" placeholder="请输入" clearable />
+        </el-form-item>
+        <el-form-item label="渠道密码：" required prop="channelPwd">
+          <el-input v-model="formEdit.channelPwd" placeholder="请输入" clearable />
+        </el-form-item>
+        <el-form-item label="渠道状态：" required prop="channelStatus">
+          <el-input v-model="formEdit.channelStatus" placeholder="请输入" clearable />
+        </el-form-item>
+        <el-form-item label="登录类型：" required prop="loginType">
+          <el-input v-model="formEdit.loginType" placeholder="请输入" clearable />
+        </el-form-item>
+        <el-form-item label="备注：" required prop="remark">
+          <el-input v-model="formEdit.remark" placeholder="请输入" clearable />
+        </el-form-item>
+      </el-form>
+    </Layer>
+  </div>
+</template>
+
+<script setup>
+  import { onBeforeMount, ref, reactive } from "vue";
+  import { ElMessage } from "element-plus";
+  import { useStore } from "vuex";
+  import { useGetDictList } from "@/hooks/useGetDictList.js";
+  import { channelList, channelAddOne, channelDeleteOne, channelUpdateOne, } from "@/api/formworkErection.js";
+  import From from "@/components/from/index.vue";
+  import Table from "@/components/table/index.vue";
+  import Layer from "@/components/layer/index.vue";
+
+  const store = useStore();
+  const { dictData, loadDictData, getOptions, getDictionaryName } = useGetDictList();
+  const form = ref(null);
+  const tableData = ref([]);
+
+  // 分页参数, 供table使用
+  const page = reactive({
+    pageNum: 1,
+    pageSize: 20,
+    limit: 20,
+    total: 0,
+  });
+
+  const formSearch = ref({
+    channelId: null, // 渠道ID
+    channelName: null, // 渠道名称
+    channelAccount: "", // 渠道账号
+    channelStatus: null, // 渠道状态
+    loginType: null, // 登录类型
+
+    limit: 20, // 当前页数量(查询量)
+    page: 1, // 当前页码
+    pageSizes: 20, // 总页数
+  });
+
+  const dynamicFormItems = ref([]);
+
+  onBeforeMount(() => {
+    settingData();
+    getList();
+  });
+
+  // 获取缓存数据设置筛选数据
+  const settingData = () => {
+    loadDictData().then(() => {
+      dynamicFormItems.value = [
+        {
+          label: "渠道ID",
+          prop: "channelId",
+          type: "input",
+        },
+        {
+          label: "渠道名称",
+          prop: "channelName",
+          type: "input",
+        },
+        {
+          label: "渠道账号",
+          prop: "channelAccount",
+          type: "input",
+        },
+        {
+          label: "渠道状态",
+          prop: "channelStatus",
+          type: "select",
+          options: [
+            {
+              label: "全部",
+              value: null,
+            },
+            {
+              label: "是",
+              value: 0,
+            },
+            {
+              label: "否",
+              value: 1,
+            },
+          ],
+        },
+        {
+          label: "登录类型",
+          prop: "loginType",
+          type: "select",
+          options: [
+            {
+              label: "全部",
+              value: null,
+            },
+            {
+              label: "账号密码",
+              value: 1,
+            },
+            {
+              label: "微信",
+              value: 2,
+            },
+          ],
+        },
+        // { label: '登录日期', prop: 'loginTime', type: 'daterange' },
+      ];
+    });
+  };
+
+  // 分页数据
+  const getList = async () => {
+    let res = await channelList({ ...formSearch.value });
+    tableData.value = res.data;
+    page.total = res.pageMeta.total;
+  };
+
+  const changeTableData = () => {
+    formSearch.value.pageNum = page.pageNum;
+    formSearch.value.pageSize = page.pageSize;
+    formSearch.value.limit = page.limit;
+    // 分页切换
+    getList();
+  };
+
+  // 搜索
+  const handleFormSubmitted = (formData) => {
+    // console.log("接收到子组件传递的数据", formData);
+    formSearch.value.page = 1;
+    formSearch.value.pageSizes = 20;
+    formSearch.value.limit = 20;
+
+    formSearch.value.channelId = formData.channelId;
+    formSearch.value.channelName = formData.channelName;
+    formSearch.value.channelAccount = formData.channelAccount;
+    formSearch.value.channelStatus = formData.channelStatus;
+    formSearch.value.loginType = formData.loginType;
+    formSearch
+
+    getList();
+  };
+
+  // 表单重置
+  const handleFormReset = () => {
+    formSearch.value = {
+      channelId: null, // 渠道ID
+      channelName: null, // 渠道名称
+      channelAccount: "", // 渠道账号
+      channelStatus: null, // 渠道状态
+      loginType: null, // 登录类型
+
+      limit: 20, // 当前页数量(查询量)
+      page: 1, // 当前页码
+      pageSizes: 20, // 总页数
+    };
+    getList();
+  };
+
+  // 选择监听器
+  const handleSelectionChange = (val) => {
+    context.emit("selection-change", val);
+  };
+
+  // 弹窗
+  const layer = ref({
+    show: false,
+    title: "新增代理",
+    showButton: true,
+    width: "50vw",
+    edit: false,
+  });
+
+  const formEdit = ref({
+    apiKey: "", //请求秘钥
+    apiSecret: "", //请求密令
+    channelAccount: "", //渠道账号
+    channelId: "", //渠道ID
+    channelName: "", //渠道名称
+    channelPwd: "", //渠道密码
+    channelStatus: 0, //渠道状态
+    loginType: 0, //登录类型 1-账号密码 2-微信
+    remark: "", //备注
+  });
+
+  const edit = (row) => {
+    ruleForm.value?.resetFields();
+    if (row) {
+      layer.value.title = "编辑代理";
+      layer.value.edit = true;
+      formEdit.value = row;
+    } else {
+      layer.value.title = "新增代理";
+      layer.value.edit = false;
+      formEdit.value = {};
+    }
+    layer.value.show = true;
+  };
+
+  const ruleForm = ref(null);
+
+  const rules = reactive({
+    /*  formEditbannedLimit: [
+               { required: true, message: "请输入封禁期限", trigger: "blur" },
+           ],
+           bannedReason: [
+               {
+                   required: true,
+                   message: "请输入封禁原因",
+                   trigger: "blur",
+               },
+           ], */
+  });
+
+  const submit = async (formEl) => {
+    await formEl.validate(async (valid, fields) => {
+      if (valid) {
+        // 提交内容
+        if (layer.value.edit) {
+          await channelUpdateOne({ ...formEdit.value });
+        } else {
+          await channelAddOne({ ...formEdit.value });
+        }
+        ElMessage.success("新增成功");
+        layer.value.show = false;
+      } else {
+        console.log("error submit!", fields);
+      }
+    });
+  };
+
+  // 删除
+  const removeAgency = async (row) => {
+    await channelDeleteOne({ channelId: row.channelId }).then((res) => {
+      ElMessage.success("删除成功");
+    });
+  };
+</script>
+
+<style scoped lang="scss">
+  .layout-container {
+    .card {
+      .title {
+        margin-bottom: 10px;
+        font-weight: 600;
+      }
+
+      display: flex;
+      flex-direction: column;
+      align-items: start;
+      width: calc(100% - 60px);
+      margin: 30px 30px 0;
+    }
+
+    .button {
+      display: flex;
+      flex-direction: column;
+
+      .button-item {
+        margin: 4px;
+      }
+    }
+  }
+</style>

src/views/main/formworkErection/channelAdmin.vue

@@ -0,0 +1,732 @@
+<template>
+  <div class="layout-container">
+    <!-- 菜单栏 -->
+    <From :form-items="dynamicFormItems" @formSubmitted="handleFormSubmitted" @formReset="handleFormReset"
+      is_add_button="新增" @addForm="edit" />
+
+    <!-- 表格 -->
+    <div class="layout-container">
+      <Table @getTableData="changeTableData" v-model:page="page" ref="table" :data="tableData"
+        @selection-change="handleSelectionChange">
+        <el-table-column prop="appId" label="渠道ID" width="150" />
+        <el-table-column prop="appName" label="渠道名称" width="100" />
+        <el-table-column prop="appType" label="渠道类型" width="100" />
+        <el-table-column prop="channelOrigin" label="所属代理" width="90">
+          <template #default="scope">
+            {{ getDictionaryName('channel_origin', scope.row.channelOrigin) }}
+          </template>
+        </el-table-column>
+        <el-table-column prop="channelType" label="游戏名字" width="100">
+          <template #default="scope">
+            {{ getDictionaryName('channel_type', Number(scope.row.channelType)) }}
+          </template>
+        </el-table-column>
+        <el-table-column prop="communicationOperator" label="APP应用" width="100" />
+        <el-table-column prop="deviceRepeatCount" label="游戏分类" width="110" />
+        <el-table-column prop="ipRepeatCount" label="APP包" width="100" />
+        <el-table-column prop="lastLoginIp" label="最低版本" width="150" />
+        <el-table-column prop="lastLoginTime" label="打包版本" width="160">
+          <template #default="scope">
+            {{ convertUTCToBeijing(scope.row.lastLoginTime) }}
+          </template>
+        </el-table-column>
+        <el-table-column prop="loginDays" label="打包code" width="100" />
+        <el-table-column prop="nickName" label="更新提示" width="90" />
+        <el-table-column prop="pointsBalance" label="更新方式" width="90" />
+        <el-table-column prop="pointsTotal" label="取回原数据" width="100" />
+        <el-table-column prop="redPacketAmount" label="分成" width="90" />
+        <el-table-column prop="redPacketBalance" label="显示提示语" width="100" />
+        <el-table-column prop="redPacketBalance" label="日志级别" width="90" />
+        <el-table-column prop="redPacketBalance" label="实名" width="90" />
+        <el-table-column prop="redPacketBalance" label="登录" width="90" />
+        <el-table-column prop="redPacketBalance" label="异常玩家登录" width="110" />
+        <el-table-column prop="redPacketBalance" label="使用巨量SDK" width="120" />
+        <el-table-column prop="redPacketBalance" label="使用快手SDK" width="120" />
+        <el-table-column prop="redPacketBalance" label="一级风控" width="90" />
+        <el-table-column prop="redPacketBalance" label="允许手机号登录" width="130" />
+        <el-table-column prop="redPacketBalance" label="微信登录" width="90" />
+        <el-table-column prop="redPacketBalance" label="游客登录" width="90" />
+        <el-table-column prop="redPacketBalance" label="限IMEI登录" width="100" />
+        <el-table-column prop="redPacketBalance" label="云机拦截" width="90" />
+        <el-table-column prop="redPacketBalance" label="全服任务开关" width="110" />
+        <el-table-column prop="redPacketBalance" label="提现加Q群" width="100" />
+        <el-table-column prop="redPacketBalance" label="提现校验" width="90" />
+        <el-table-column prop="redPacketBalance" label="展示底部导航" width="110" />
+        <el-table-column prop="redPacketBalance" label="显示提现入口" width="110" />
+        <el-table-column prop="redPacketBalance" label="显示QQ群" width="90" />
+        <el-table-column prop="redPacketBalance" label="显示邀新" width="90" />
+        <el-table-column prop="redPacketBalance" label="邀请方式" width="90" />
+        <el-table-column prop="redPacketBalance" label="邀请绑定方式" width="110" />
+        <el-table-column prop="redPacketBalance" label="显示积分" width="90" />
+        <el-table-column prop="redPacketBalance" label="启动模式" width="90" />
+        <el-table-column prop="redPacketBalance" label="是否跳过权限获取" width="140" />
+        <el-table-column prop="redPacketBalance" label="权限没有完全授予时允许登陆" width="220" />
+        <el-table-column prop="redPacketBalance" label="看广告" width="90" />
+        <el-table-column prop="redPacketBalance" label="异常玩家是否允许看广告" width="180" />
+        <el-table-column prop="redPacketBalance" label="获取定位" width="90" />
+        <el-table-column prop="redPacketBalance" label="读取应用列表" width="110" />
+        <el-table-column prop="redPacketBalance" label="读取sim卡状态" width="120" />
+        <el-table-column prop="redPacketBalance" label="读取定位信息" width="110" />
+        <el-table-column prop="redPacketBalance" label="读取storage信息" width="140" />
+        <el-table-column prop="redPacketBalance" label="读取host" width="90" />
+        <el-table-column prop="redPacketBalance" label="读取DNS" width="90" />
+        <el-table-column prop="redPacketBalance" label="读取无障碍服务" width="130" />
+        <el-table-column prop="redPacketBalance" label="读取VPN状态" width="110" />
+        <el-table-column prop="redPacketBalance" label="后台切前台是否检查" width="160" />
+        <el-table-column prop="redPacketBalance" label="是否开启短视频" width="130" />
+        <el-table-column prop="redPacketBalance" label="充值" width="90" />
+        <el-table-column prop="redPacketBalance" label="更换包名目标渠道" width="140" />
+        <el-table-column prop="redPacketBalance" label="兑换" width="90" />
+        <el-table-column prop="redPacketBalance" label="无操作X秒弹插屏" width="140" />
+        <el-table-column prop="redPacketBalance" label="每日最大广告数" width="140" />
+        <el-table-column prop="redPacketBalance" label="创建时间" width="90" />
+        <el-table-column prop="redPacketBalance" label="更新时间" width="90" />
+        <el-table-column prop="redPacketBalance" label="操作人" width="90" />
+
+        <el-table-column label="操作" width="150" fixed="right">
+          <template #default="scope">
+            <div class="button">
+              <el-button class="button-item" type="primary" style="margin-bottom: 5px;" @click="edit(scope.row)">
+                编辑
+              </el-button>
+              <el-button class="button-item" type="success" style="margin-bottom: 5px;" @click="lookDetails(scope.row)">
+                查看详情
+              </el-button>
+              <el-popconfirm placement="left" title="确认删除该用户?" @confirm="removeItem(scope.row)">
+                <template #reference>
+                  <el-button class="button-item" style="margin-bottom: 5px;" type="danger">删除</el-button>
+                </template>
+              </el-popconfirm>
+            </div>
+          </template>
+        </el-table-column>
+      </Table>
+    </div>
+
+    <!-- 操作弹窗 -->
+    <el-dialog v-model="layer.show" :title="layer.title" fullscreen :before-close="close">
+      <el-form :model="formEdit" :rules="rules" ref="ruleForm" label-width="240px" style="margin-right:30px;">
+        <div style="display: flex;width: 100%;">
+          <div style="flex: 1;">
+            <el-form-item label="渠道ID：" required prop="formEditbannedLimit">
+              <el-input v-model="formEdit.formEditbannedLimit" :disabled="layer.enabled" placeholder="请输入" clearable />
+            </el-form-item>
+            <el-form-item label="渠道名称：" required prop="bannedReason">
+              <el-input v-model="formEdit.bannedReason" :disabled="layer.enabled" placeholder="请输入" clearable />
+            </el-form-item>
+            <el-form-item label="渠道类型：" required prop="bannedReason">
+              <el-input v-model="formEdit.bannedReason" :disabled="layer.enabled" placeholder="请输入" clearable />
+            </el-form-item>
+            <el-form-item label="所属代理：" required prop="bannedReason">
+              <el-input v-model="formEdit.bannedReason" :disabled="layer.enabled" placeholder="请输入" clearable />
+            </el-form-item>
+            <el-form-item label="游戏名字：" required prop="bannedReason">
+              <el-input v-model="formEdit.bannedReason" :disabled="layer.enabled" placeholder="请输入" clearable />
+            </el-form-item>
+            <el-form-item label="APP应用：" required prop="bannedReason">
+              <el-input v-model="formEdit.bannedReason" :disabled="layer.enabled" placeholder="请输入" clearable />
+            </el-form-item>
+            <el-form-item label="游戏分类：" required prop="bannedReason">
+              <el-input v-model="formEdit.bannedReason" :disabled="layer.enabled" placeholder="请输入" clearable />
+            </el-form-item>
+            <el-form-item label="最低版本：" required prop="bannedReason">
+              <el-input v-model="formEdit.bannedReason" :disabled="layer.enabled" placeholder="请输入" clearable />
+            </el-form-item>
+            <el-form-item label="打包版本：" required prop="bannedReason">
+              <el-input v-model="formEdit.bannedReason" :disabled="layer.enabled" placeholder="请输入" clearable />
+            </el-form-item>
+            <el-form-item label="打包code：" required prop="bannedReason">
+              <el-input v-model="formEdit.bannedReason" :disabled="layer.enabled" placeholder="请输入" clearable />
+            </el-form-item>
+            <el-form-item label="更新方式：" required prop="bannedReason">
+              <el-switch v-model="formEdit.bannedReason" :disabled="layer.enabled" active-text="开启"
+                inactive-text="关闭" />
+            </el-form-item>
+            <el-form-item label="取回原数据：" required prop="bannedReason">
+              <el-switch v-model="formEdit.bannedReason" :disabled="layer.enabled" active-text="开启"
+                inactive-text="关闭" />
+            </el-form-item>
+            <el-form-item label="分成：" required prop="bannedReason">
+              <el-switch v-model="formEdit.bannedReason" :disabled="layer.enabled" active-text="开启"
+                inactive-text="关闭" />
+            </el-form-item>
+            <el-form-item label="显示提示语：" required prop="bannedReason">
+              <el-switch v-model="formEdit.bannedReason" :disabled="layer.enabled" active-text="开启"
+                inactive-text="关闭" />
+            </el-form-item>
+          </div>
+          <div style="flex: 1;">
+            <el-form-item label="日志级别：" required prop="bannedReason">
+              <el-select v-model="value" :disabled="layer.enabled" placeholder="请输入" style="width: 240px">
+                <el-option label="1" value="1" />
+                <el-option label="2" value="2" />
+                <el-option label="3" value="3" />
+              </el-select>
+            </el-form-item>
+            <el-form-item label="实名：" required prop="bannedReason">
+              <el-switch v-model="formEdit.bannedReason" :disabled="layer.enabled" active-text="开启"
+                inactive-text="关闭" />
+            </el-form-item>
+            <el-form-item label="登录：" required prop="bannedReason">
+              <el-switch v-model="formEdit.bannedReason" :disabled="layer.enabled" active-text="开启"
+                inactive-text="关闭" />
+            </el-form-item>
+            <el-form-item label="异常玩家登录：" required prop="bannedReason">
+              <el-switch v-model="formEdit.bannedReason" :disabled="layer.enabled" active-text="开启"
+                inactive-text="关闭" />
+            </el-form-item>
+            <el-form-item label="使用巨量SDK：" required prop="bannedReason">
+              <el-switch v-model="formEdit.bannedReason" :disabled="layer.enabled" active-text="开启"
+                inactive-text="关闭" />
+            </el-form-item>
+            <el-form-item label="使用快手SDK：" required prop="bannedReason">
+              <el-switch v-model="formEdit.bannedReason" :disabled="layer.enabled" active-text="开启"
+                inactive-text="关闭" />
+            </el-form-item>
+            <el-form-item label="一级风控：" required prop="bannedReason">
+              <el-switch v-model="formEdit.bannedReason" :disabled="layer.enabled" active-text="开启"
+                inactive-text="关闭" />
+            </el-form-item>
+            <el-form-item label="允许手机号登录：" required prop="bannedReason">
+              <el-switch v-model="formEdit.bannedReason" :disabled="layer.enabled" active-text="开启"
+                inactive-text="关闭" />
+            </el-form-item>
+            <el-form-item label="微信登录：" required prop="bannedReason">
+              <el-switch v-model="formEdit.bannedReason" :disabled="layer.enabled" active-text="开启"
+                inactive-text="关闭" />
+            </el-form-item>
+            <el-form-item label="游客登录：" required prop="bannedReason">
+              <el-switch v-model="formEdit.bannedReason" :disabled="layer.enabled" active-text="开启"
+                inactive-text="关闭" />
+            </el-form-item>
+            <el-form-item label="限IMEI登录：" required prop="bannedReason">
+              <el-switch v-model="formEdit.bannedReason" :disabled="layer.enabled" active-text="开启"
+                inactive-text="关闭" />
+            </el-form-item>
+            <el-form-item label="全服任务开关：" required prop="bannedReason">
+              <el-switch v-model="formEdit.bannedReason" :disabled="layer.enabled" active-text="开启"
+                inactive-text="关闭" />
+            </el-form-item>
+            <el-form-item label="提现加Q群：" required prop="bannedReason">
+              <el-switch v-model="formEdit.bannedReason" :disabled="layer.enabled" active-text="开启"
+                inactive-text="关闭" />
+            </el-form-item>
+            <el-form-item label="提现校验：" required prop="bannedReason">
+              <el-switch v-model="formEdit.bannedReason" :disabled="layer.enabled" active-text="开启"
+                inactive-text="关闭" />
+            </el-form-item>
+
+          </div>
+          <div style="flex: 1;">
+            <el-form-item label="展示底部导航：" required prop="bannedReason">
+              <el-switch v-model="formEdit.bannedReason" :disabled="layer.enabled" active-text="开启"
+                inactive-text="关闭" />
+            </el-form-item>
+            <el-form-item label="显示提现入口：" required prop="bannedReason">
+              <el-switch v-model="formEdit.bannedReason" :disabled="layer.enabled" active-text="开启"
+                inactive-text="关闭" />
+            </el-form-item>
+            <el-form-item label="显示QQ群：" required prop="bannedReason">
+              <el-switch v-model="formEdit.bannedReason" :disabled="layer.enabled" active-text="开启"
+                inactive-text="关闭" />
+            </el-form-item>
+            <el-form-item label="显示邀新：" required prop="bannedReason">
+              <el-switch v-model="formEdit.bannedReason" :disabled="layer.enabled" active-text="开启"
+                inactive-text="关闭" />
+            </el-form-item>
+            <el-form-item label="邀请方式：" required prop="bannedReason">
+              <el-switch v-model="formEdit.bannedReason" :disabled="layer.enabled" active-text="开启"
+                inactive-text="关闭" />
+            </el-form-item>
+            <el-form-item label="邀请绑定方式：" required prop="bannedReason">
+              <el-switch v-model="formEdit.bannedReason" :disabled="layer.enabled" active-text="开启"
+                inactive-text="关闭" />
+            </el-form-item>
+            <el-form-item label="显示积分：" required prop="bannedReason">
+              <el-switch v-model="formEdit.bannedReason" :disabled="layer.enabled" active-text="开启"
+                inactive-text="关闭" />
+            </el-form-item>
+            <el-form-item label="启动模式：" required prop="bannedReason">
+              <el-switch v-model="formEdit.bannedReason" :disabled="layer.enabled" active-text="开启"
+                inactive-text="关闭" />
+            </el-form-item>
+            <el-form-item label="是否跳过权限获取：" required prop="bannedReason">
+              <el-switch v-model="formEdit.bannedReason" :disabled="layer.enabled" active-text="开启"
+                inactive-text="关闭" />
+            </el-form-item>
+            <el-form-item label="权限没有完全授予时允许登陆：" required prop="bannedReason">
+              <el-switch v-model="formEdit.bannedReason" :disabled="layer.enabled" active-text="开启"
+                inactive-text="关闭" />
+            </el-form-item>
+            <el-form-item label="看广告：" required prop="bannedReason">
+              <el-switch v-model="formEdit.bannedReason" :disabled="layer.enabled" active-text="开启"
+                inactive-text="关闭" />
+            </el-form-item>
+            <el-form-item label="异常玩家是否允许看广告：" required prop="bannedReason">
+              <el-switch v-model="formEdit.bannedReason" :disabled="layer.enabled" active-text="开启"
+                inactive-text="关闭" />
+            </el-form-item>
+            <el-form-item label="获取定位：" required prop="bannedReason">
+              <el-switch v-model="formEdit.bannedReason" :disabled="layer.enabled" active-text="开启"
+                inactive-text="关闭" />
+            </el-form-item>
+            <el-form-item label="读取应用列表：" required prop="bannedReason">
+              <el-switch v-model="formEdit.bannedReason" :disabled="layer.enabled" active-text="开启"
+                inactive-text="关闭" />
+            </el-form-item>
+          </div>
+
+          <div style="flex: 1;">
+            <el-form-item label="读取sim卡状态：" required prop="bannedReason">
+              <el-switch v-model="formEdit.bannedReason" :disabled="layer.enabled" active-text="开启"
+                inactive-text="关闭" />
+            </el-form-item>
+            <el-form-item label="读取定位信息：" required prop="bannedReason">
+              <el-switch v-model="formEdit.bannedReason" :disabled="layer.enabled" active-text="开启"
+                inactive-text="关闭" />
+            </el-form-item>
+            <el-form-item label="读取storage信息：" required prop="bannedReason">
+              <el-switch v-model="formEdit.bannedReason" :disabled="layer.enabled" active-text="开启"
+                inactive-text="关闭" />
+            </el-form-item>
+            <el-form-item label="读取host：" required prop="bannedReason">
+              <el-switch v-model="formEdit.bannedReason" :disabled="layer.enabled" active-text="开启"
+                inactive-text="关闭" />
+            </el-form-item>
+            <el-form-item label="读取DNS：" required prop="bannedReason">
+              <el-switch v-model="formEdit.bannedReason" :disabled="layer.enabled" active-text="开启"
+                inactive-text="关闭" />
+            </el-form-item>
+            <el-form-item label="读取无障碍服务：" required prop="bannedReason">
+              <el-switch v-model="formEdit.bannedReason" :disabled="layer.enabled" active-text="开启"
+                inactive-text="关闭" />
+            </el-form-item>
+            <el-form-item label="读取VPN状态：" required prop="bannedReason">
+              <el-switch v-model="formEdit.bannedReason" :disabled="layer.enabled" active-text="开启"
+                inactive-text="关闭" />
+            </el-form-item>
+            <el-form-item label="后台切前台是否检查：" required prop="bannedReason">
+              <el-switch v-model="formEdit.bannedReason" :disabled="layer.enabled" active-text="开启"
+                inactive-text="关闭" />
+            </el-form-item>
+            <el-form-item label="是否开启短视频：" required prop="bannedReason">
+              <el-switch v-model="formEdit.bannedReason" :disabled="layer.enabled" active-text="开启"
+                inactive-text="关闭" />
+            </el-form-item>
+            <el-form-item label="兑换：" required prop="bannedReason">
+              <el-switch v-model="formEdit.bannedReason" :disabled="layer.enabled" active-text="开启"
+                inactive-text="关闭" />
+            </el-form-item>
+            <el-form-item label="充值：" required prop="bannedReason">
+              <el-select v-model="value" :disabled="layer.enabled" placeholder="请输入" style="width: 240px">
+                <el-option v-for="item in options" :key="item.value" :label="item.label" :value="item.value" />
+              </el-select>
+            </el-form-item>
+
+            <el-form-item label="无操作X秒弹插屏：" required prop="bannedReason">
+              <el-input v-model="formEdit.bannedReason" :disabled="layer.enabled" placeholder="请输入" clearable />
+            </el-form-item>
+            <el-form-item label="每日最大广告数：" required prop="bannedReason">
+              <el-input v-model="formEdit.bannedReason" :disabled="layer.enabled" placeholder="请输入" clearable />
+            </el-form-item>
+          </div>
+        </div>
+      </el-form>
+      <template #footer>
+        <div class="dialog-footer">
+          <el-button @click="layer.show = false">取消</el-button>
+          <el-button v-if="!layer.enabled" type="primary" @click="submit(ruleForm)">
+            确定
+          </el-button>
+          <el-button v-else type="primary" @click="edit(detailData)">
+            切换到编辑
+          </el-button>
+        </div>
+      </template>
+    </el-dialog>
+  </div>
+</template>
+
+<script setup>
+  import { onBeforeMount, ref, reactive } from "vue";
+  import From from "@/components/from/index.vue";
+  import Table from "@/components/table/index.vue";
+  import Layer from '@/components/layer/index.vue'
+  import { ElMessage } from 'element-plus'
+  import { getUserList, getStaticList, riskBannedUser, riskLockUser } from '@/api/userModule.js'
+  import { riskChangeUserStatus } from '@/api/riskModule.js'
+  import { convertUTCToBeijing } from '@/utils/index.js'
+  import { useGetDictList } from '@/hooks/useGetDictList.js'
+  import { useStore } from 'vuex'
+
+  const store = useStore()
+  const { dictData, loadDictData, getOptions, getDictionaryName } = useGetDictList();
+  const form = ref(null);
+  const tableData = ref([]);
+
+  // 分页参数, 供table使用
+  const page = reactive({
+    pageNum: 1,
+    pageSize: 20,
+    limit: 20,
+    total: 0,
+  });
+
+  const formSearch = ref({
+    channelOrigin: null,// 渠道来源
+    channelType: null,// 渠道类型
+    lastLoginTime: '',// 最新登录时间
+    limit: 20,// 当前页数量(查询量)
+    nickName: null,// 用户昵称
+    page: 1,// 当前页码
+    pageSizes: 20,// 总页数
+    registryTime: null,// 注册时间
+    total: null,// 总条数
+    userType: null,// 用户类型
+  });
+
+  const dynamicFormItems = ref([])
+
+  onBeforeMount(() => {
+    settingData()
+    getList();
+  });
+
+  // 获取缓存数据设置筛选数据
+  const settingData = () => {
+    loadDictData().then(() => {
+      dynamicFormItems.value = [
+        {
+          label: '渠道ID',
+          prop: 'nickName',
+          type: 'input',
+        },
+        {
+          label: '渠道名称',
+          prop: 'nickName',
+          type: 'input',
+        },
+        {
+          label: '游戏名字',
+          prop: 'nickName',
+          type: 'input',
+        },
+        {
+          label: '渠道类型',
+          prop: 'channelType',
+          type: 'select',
+          options: [
+            {
+              label: "全部",
+              value: null,
+            },
+            {
+              label: "是",
+              value: 0,
+            },
+            {
+              label: "否",
+              value: 1,
+            }
+          ]
+        },
+        {
+          label: '所属代理',
+          prop: 'channelType',
+          type: 'select',
+          options: [
+            {
+              label: "全部",
+              value: null,
+            },
+            {
+              label: "是",
+              value: 0,
+            },
+            {
+              label: "否",
+              value: 1,
+            }
+          ]
+        },
+        {
+          label: 'APP应用',
+          prop: 'channelType',
+          type: 'select',
+          options: [
+            {
+              label: "全部",
+              value: null,
+            },
+            {
+              label: "是",
+              value: 0,
+            },
+            {
+              label: "否",
+              value: 1,
+            }
+          ]
+        },
+        {
+          label: '游戏分类',
+          prop: 'channelType',
+          type: 'select',
+          options: [
+            {
+              label: "全部",
+              value: null,
+            },
+            {
+              label: "是",
+              value: 0,
+            },
+            {
+              label: "否",
+              value: 1,
+            }
+          ]
+        },
+        {
+          label: '邀请方式',
+          prop: 'channelType',
+          type: 'select',
+          options: [
+            {
+              label: "全部",
+              value: null,
+            },
+            {
+              label: "是",
+              value: 0,
+            },
+            {
+              label: "否",
+              value: 1,
+            }
+          ]
+        },
+        {
+          label: '邀请绑定方式',
+          prop: 'channelType',
+          type: 'select',
+          options: [
+            {
+              label: "全部",
+              value: null,
+            },
+            {
+              label: "是",
+              value: 0,
+            },
+            {
+              label: "否",
+              value: 1,
+            }
+          ]
+        },
+        {
+          label: '更换包名目标渠道',
+          prop: 'channelType',
+          type: 'select',
+          options: [
+            {
+              label: "全部",
+              value: null,
+            },
+            {
+              label: "是",
+              value: 0,
+            },
+            {
+              label: "否",
+              value: 1,
+            }
+          ]
+        },
+        // { label: '登录日期', prop: 'loginTime', type: 'daterange' },
+      ]
+    })
+  }
+
+  // 分页数据
+  const getList = async () => {
+    let res = await getUserList({ ...formSearch.value });
+    tableData.value = res.data;
+    page.total = res.pageMeta.total;
+  };
+
+  const changeTableData = () => {
+    formSearch.value.pageNum = page.pageNum;
+    formSearch.value.pageSize = page.pageSize;
+    formSearch.value.limit = page.limit;
+    // 分页切换
+    getList();
+  };
+
+  // 搜索
+  const handleFormSubmitted = (formData) => {
+    // console.log("接收到子组件传递的数据", formData);
+    formSearch.value.page = 1;
+    formSearch.value.pageSizes = 20;
+    formSearch.value.total = page.total;
+    formSearch.value.limit = 20;
+    formSearch.value.nickName = formData.nickName;
+    formSearch.value.channelOrigin = formData.channelOrigin;
+    formSearch.value.channelType = formData.channelType;
+    formSearch.value.userType = formData.userType;
+    formSearch.value.lastLoginTime = formData.lastLoginTime || null
+    formSearch.value.registryTime = formData.registryTime || null
+
+    getList();
+  };
+
+  // 表单重置
+  const handleFormReset = () => {
+    formSearch.value = {
+      channelOrigin: null,// 渠道来源
+      channelType: null,// 渠道类型
+      lastLoginTime: null,// 最新登录时间
+      limit: 20,// 当前页数量(查询量)
+      nickName: null,// 用户昵称
+      page: 1,// 当前页码
+      pageSizes: 20,// 总页数
+      registryTime: null,// 注册时间
+      total: null,// 总条数
+      userType: null,// 用户类型
+    };
+    getList();
+  };
+
+  // 选择监听器
+  const handleSelectionChange = (val) => {
+    context.emit("selection-change", val)
+  }
+
+  // 弹窗
+  const layer = ref({
+    show: false,
+    title: "新增渠道类型",
+    showButton: true,
+    width: '90vw',
+    enabled: false, //查看详情时关闭其他
+  });
+
+  const formEdit = ref({
+    bannedLimit: null, //封禁期限
+    bannedReason: '',//封禁原因
+    bannedTargetId: '',//封禁目标ID
+    bannedType: '',//封禁类型 1-渠道 2-平台
+    operator: '',//操作人
+    operatorName: '',//操作人名称
+    userId: '', //用户ID
+  })
+
+  const options = [
+    {
+      value: 'Option1',
+      label: 'Option1',
+    },
+    {
+      value: 'Option2',
+      label: 'Option2',
+    },
+    {
+      value: 'Option3',
+      label: 'Option3',
+    },
+    {
+      value: 'Option4',
+      label: 'Option4',
+    },
+    {
+      value: 'Option5',
+      label: 'Option5',
+    },
+  ]
+
+  const edit = (row) => {
+    ruleForm.value?.resetFields()
+    if (row) {
+      layer.value.title = '编辑渠道类型'
+    } else {
+      layer.value.title = '新增渠道类型'
+    }
+    layer.value.show = true
+    layer.value.enabled = false
+
+  }
+
+  const ruleForm = ref(null);
+
+  const rules = reactive({
+    formEditbannedLimit: [
+      { required: true, message: "请输入封禁期限", trigger: "blur" },
+    ],
+    bannedReason: [
+      {
+        required: true,
+        message: "请输入封禁原因",
+        trigger: "blur",
+      },
+    ],
+  });
+
+  const submit = async (formEl) => {
+    await formEl.validate(async (valid, fields) => {
+      if (valid) {
+        // 提交内容
+
+        layer.value.show = false
+      } else {
+        console.log("error submit!", fields);
+      }
+    })
+  }
+
+  const detailData = ref({})
+
+  const lookDetails = (row) => {
+    detailData.value = row
+    layer.value.show = true
+    layer.value.enabled = true
+    layer.value.title = `查看${row.appName}渠道详情`
+  }
+
+  const close = () => {
+    layer.value.show = false
+  }
+
+  // 删除
+  const removeItem = async (row) => {
+    console.log('删除', row)
+  }
+
+</script>
+
+<style scoped lang="scss">
+  .layout-container {
+
+    .card {
+      .title {
+        margin-bottom: 10px;
+        font-weight: 600;
+      }
+
+      display: flex;
+      flex-direction: column;
+      align-items: start;
+      width: calc(100% - 60px);
+      margin: 30px 30px 0;
+    }
+
+    .button {
+      display: flex;
+      flex-direction: column;
+
+      .button-item {
+        margin: 4px;
+      }
+    }
+  }
+</style>

src/views/main/formworkErection/channelType.vue

@@ -0,0 +1,362 @@
+<template>
+    <div class="layout-container">
+        <!-- 菜单栏 -->
+        <From :form-items="dynamicFormItems" @formSubmitted="handleFormSubmitted" @formReset="handleFormReset"
+            is_add_button="新增" @addForm="edit" />
+
+        <!-- 表格 -->
+        <div class="layout-container">
+            <Table @getTableData="changeTableData" v-model:page="page" ref="table" :data="tableData"
+                @selection-change="handleSelectionChange">
+                <el-table-column prop="appId" label="渠道类型" width="150" />
+                <el-table-column prop="appName" label="用途" width="100" />
+                <el-table-column prop="appType" label="所属代理" width="100" />
+                <el-table-column prop="channelOrigin" label="视频数" width="90">
+                    <template #default="scope">
+                        {{ getDictionaryName('channel_origin', scope.row.channelOrigin) }}
+                    </template>
+                </el-table-column>
+                <el-table-column prop="channelType" label="核减数" width="100">
+                    <template #default="scope">
+                        {{ getDictionaryName('channel_type', Number(scope.row.channelType)) }}
+                    </template>
+                </el-table-column>
+
+                <el-table-column prop="communicationOperator" label="签到前最小红包" width="130" />
+                <el-table-column prop="deviceRepeatCount" label="签到前最大红包" width="130" />
+                <el-table-column prop="ipRepeatCount" label="首包红包" width="100" />
+                <el-table-column prop="lastLoginIp" label="红包封顶最小值" width="130" />
+                <el-table-column prop="lastLoginTime" label="红包封顶最大值" width="130">
+                    <template #default="scope">
+                        {{ convertUTCToBeijing(scope.row.lastLoginTime) }}
+                    </template>
+                </el-table-column>
+                <el-table-column prop="loginDays" label="客服QQ号" width="100" />
+                <el-table-column prop="nickName" label="QQ群号" width="90" />
+                <el-table-column prop="pointsBalance" label="玩家类型" width="90" />
+
+                <el-table-column prop="pointsTotal" label="累计提现达到X显示QQ群弹窗" width="220" />
+                <el-table-column prop="redPacketAmount" label="累计笔数达到X显示QQ群弹窗" width="220" />
+
+                <el-table-column prop="redPacketBalance" label="apk版本" width="90" />
+                <el-table-column prop="redPacketBalance" label="apk版本code" width="110" />
+                <el-table-column prop="redPacketBalance" label="打包版本号" width="100" />
+                <el-table-column prop="redPacketBalance" label="创建时间" width="90" />
+                <el-table-column prop="redPacketBalance" label="更新时间" width="90" />
+                <el-table-column prop="redPacketBalance" label="操作人" width="90" />
+
+
+                <el-table-column label="操作" width="150" fixed="right">
+                    <template #default="scope">
+                        <div class="button">
+                            <el-button class="button-item" type="primary" style="margin-bottom: 5px;"
+                                @click="edit(scope.row)">
+                                编辑
+                            </el-button>
+                            <el-popconfirm placement="left" title="确认删除该用户?" @confirm="removeType(scope.row)">
+                                <template #reference>
+                                    <el-button class="button-item" style="margin-bottom: 5px;"
+                                        type="warning">删除类型</el-button>
+                                </template>
+                            </el-popconfirm>
+                        </div>
+                    </template>
+                </el-table-column>
+            </Table>
+        </div>
+
+        <!-- 操作弹窗 -->
+        <Layer :layer="layer" @confirm="submit(ruleForm)" @close="layer.show = false">
+            <el-form :model="formEdit" :rules="rules" ref="ruleForm" label-width="240px" style="margin-right:30px;">
+                <div style="display: flex;width: 100%;">
+                    <div style="flex: 1;">
+                        <el-form-item label="渠道类型：" required prop="formEditbannedLimit">
+                            <el-input v-model="formEdit.formEditbannedLimit" type="number" placeholder="请输入封禁期限"
+                                clearable />
+                        </el-form-item>
+                        <el-form-item label="用途：" required prop="bannedReason">
+                            <el-input v-model="formEdit.bannedReason" placeholder="请输入封禁原因" clearable />
+                        </el-form-item>
+                        <el-form-item label="所属代理：" required prop="bannedReason">
+                            <el-input v-model="formEdit.bannedReason" placeholder="请输入封禁原因" clearable />
+                        </el-form-item>
+                        <el-form-item label="视频数：" required prop="bannedReason">
+                            <el-input v-model="formEdit.bannedReason" placeholder="请输入封禁原因" clearable />
+                        </el-form-item>
+                        <el-form-item label="核减数：" required prop="bannedReason">
+                            <el-input v-model="formEdit.bannedReason" placeholder="请输入封禁原因" clearable />
+                        </el-form-item>
+                        <el-form-item label="签到前最小红包：" required prop="bannedReason">
+                            <el-input v-model="formEdit.bannedReason" placeholder="请输入封禁原因" clearable />
+                        </el-form-item>
+                        <el-form-item label="签到前最大红包：" required prop="bannedReason">
+                            <el-input v-model="formEdit.bannedReason" placeholder="请输入封禁原因" clearable />
+                        </el-form-item>
+                        <el-form-item label="首包红包：" required prop="bannedReason">
+                            <el-input v-model="formEdit.bannedReason" placeholder="请输入封禁原因" clearable />
+                        </el-form-item>
+                    </div>
+                    <div style="flex: 1;">
+                        <el-form-item label="红包封顶最小值：" required prop="bannedReason">
+                            <el-input v-model="formEdit.bannedReason" placeholder="请输入封禁原因" clearable />
+                        </el-form-item>
+                        <el-form-item label="红包封顶最大值：" required prop="bannedReason">
+                            <el-input v-model="formEdit.bannedReason" placeholder="请输入封禁原因" clearable />
+                        </el-form-item>
+                        <el-form-item label="客服QQ号：" required prop="bannedReason">
+                            <el-input v-model="formEdit.bannedReason" placeholder="请输入封禁原因" clearable />
+                        </el-form-item>
+
+                        <el-form-item label="累计提现达到X显示QQ群弹窗：" required prop="bannedReason">
+                            <el-input v-model="formEdit.bannedReason" placeholder="请输入封禁原因" clearable />
+                        </el-form-item>
+                        <el-form-item label="提现笔数达到X显示QQ群图标：" required prop="bannedReason">
+                            <el-input v-model="formEdit.bannedReason" placeholder="请输入封禁原因" clearable />
+                        </el-form-item>
+                        <el-form-item label="apk版本：" required prop="bannedReason">
+                            <el-input v-model="formEdit.bannedReason" placeholder="请输入封禁原因" clearable />
+                        </el-form-item>
+                        <el-form-item label="apk版本code：" required prop="bannedReason">
+                            <el-input v-model="formEdit.bannedReason" placeholder="请输入封禁原因" clearable />
+                        </el-form-item>
+                        <el-form-item label="打包版本号：" required prop="bannedReason">
+                            <el-input v-model="formEdit.bannedReason" placeholder="请输入封禁原因" clearable />
+                        </el-form-item>
+                    </div>
+                </div>
+            </el-form>
+        </Layer>
+    </div>
+</template>
+
+<script setup>
+    import { onBeforeMount, ref, reactive } from "vue";
+    import From from "@/components/from/index.vue";
+    import Table from "@/components/table/index.vue";
+    import Layer from '@/components/layer/index.vue'
+    import { ElMessage } from 'element-plus'
+    import { getUserList, getStaticList, riskBannedUser, riskLockUser } from '@/api/userModule.js'
+    import { riskChangeUserStatus } from '@/api/riskModule.js'
+    import { convertUTCToBeijing } from '@/utils/index.js'
+    import { useGetDictList } from '@/hooks/useGetDictList.js'
+    import { useStore } from 'vuex'
+
+    const store = useStore()
+    const { dictData, loadDictData, getOptions, getDictionaryName } = useGetDictList();
+    const form = ref(null);
+    const tableData = ref([]);
+
+    // 分页参数, 供table使用
+    const page = reactive({
+        pageNum: 1,
+        pageSize: 20,
+        limit: 20,
+        total: 0,
+    });
+
+    const formSearch = ref({
+        channelOrigin: null,// 渠道来源
+        channelType: null,// 渠道类型
+        lastLoginTime: '',// 最新登录时间
+        limit: 20,// 当前页数量(查询量)
+        nickName: null,// 用户昵称
+        page: 1,// 当前页码
+        pageSizes: 20,// 总页数
+        registryTime: null,// 注册时间
+        total: null,// 总条数
+        userType: null,// 用户类型
+    });
+
+    const dynamicFormItems = ref([])
+
+    onBeforeMount(() => {
+        settingData()
+        getList();
+    });
+
+    // 获取缓存数据设置筛选数据
+    const settingData = () => {
+        loadDictData().then(() => {
+            dynamicFormItems.value = [
+                {
+                    label: '渠道类型',
+                    prop: 'nickName',
+                    type: 'input',
+                },
+                {
+                    label: '所属代理',
+                    prop: 'channelType',
+                    type: 'select',
+                    options: [
+                        {
+                            label: "全部",
+                            value: null,
+                        },
+                        {
+                            label: "是",
+                            value: 0,
+                        },
+                        {
+                            label: "否",
+                            value: 1,
+                        }
+                    ]
+                },
+                {
+                    label: '客服QQ号',
+                    prop: 'name',
+                    type: 'input',
+                },
+                {
+                    label: 'QQ群号',
+                    prop: 'nickName1',
+                    type: 'input',
+                },
+                // { label: '登录日期', prop: 'loginTime', type: 'daterange' },
+            ]
+        })
+    }
+
+    // 分页数据
+    const getList = async () => {
+        let res = await getUserList({ ...formSearch.value });
+        tableData.value = res.data;
+        page.total = res.pageMeta.total;
+    };
+
+    const changeTableData = () => {
+        formSearch.value.pageNum = page.pageNum;
+        formSearch.value.pageSize = page.pageSize;
+        formSearch.value.limit = page.limit;
+        // 分页切换
+        getList();
+    };
+
+    // 搜索
+    const handleFormSubmitted = (formData) => {
+        // console.log("接收到子组件传递的数据", formData);
+        formSearch.value.page = 1;
+        formSearch.value.pageSizes = 20;
+        formSearch.value.total = page.total;
+        formSearch.value.limit = 20;
+        formSearch.value.nickName = formData.nickName;
+        formSearch.value.channelOrigin = formData.channelOrigin;
+        formSearch.value.channelType = formData.channelType;
+        formSearch.value.userType = formData.userType;
+        formSearch.value.lastLoginTime = formData.lastLoginTime || null
+        formSearch.value.registryTime = formData.registryTime || null
+
+        getList();
+    };
+
+    // 表单重置
+    const handleFormReset = () => {
+        formSearch.value = {
+            channelOrigin: null,// 渠道来源
+            channelType: null,// 渠道类型
+            lastLoginTime: null,// 最新登录时间
+            limit: 20,// 当前页数量(查询量)
+            nickName: null,// 用户昵称
+            page: 1,// 当前页码
+            pageSizes: 20,// 总页数
+            registryTime: null,// 注册时间
+            total: null,// 总条数
+            userType: null,// 用户类型
+        };
+        getList();
+    };
+
+    // 选择监听器
+    const handleSelectionChange = (val) => {
+        context.emit("selection-change", val)
+    }
+
+    // 弹窗
+    const layer = ref({
+        show: false,
+        title: "新增渠道类型",
+        showButton: true,
+        width: '70vw'
+    });
+
+    const formEdit = ref({
+        bannedLimit: null, //封禁期限
+        bannedReason: '',//封禁原因
+        bannedTargetId: '',//封禁目标ID
+        bannedType: '',//封禁类型 1-渠道 2-平台
+        operator: '',//操作人
+        operatorName: '',//操作人名称
+        userId: '', //用户ID
+    })
+
+    const edit = (row) => {
+        ruleForm.value?.resetFields()
+        if (row) {
+            layer.value.title = '编辑渠道类型'
+        } else {
+            layer.value.title = '新增渠道类型'
+        }
+        layer.value.show = true
+
+    }
+
+    const ruleForm = ref(null);
+
+    const rules = reactive({
+        formEditbannedLimit: [
+            { required: true, message: "请输入封禁期限", trigger: "blur" },
+        ],
+        bannedReason: [
+            {
+                required: true,
+                message: "请输入封禁原因",
+                trigger: "blur",
+            },
+        ],
+    });
+
+    const submit = async (formEl) => {
+        await formEl.validate(async (valid, fields) => {
+            if (valid) {
+                // 提交内容
+                
+                layer.value.show = false
+            } else {
+                console.log("error submit!", fields);
+            }
+        })
+    }
+
+    // 删除用户
+    const removeType = async (row) => {
+        console.log('删除', row)
+    }
+
+</script>
+
+<style scoped lang="scss">
+    .layout-container {
+
+        .card {
+            .title {
+                margin-bottom: 10px;
+                font-weight: 600;
+            }
+
+            display: flex;
+            flex-direction: column;
+            align-items: start;
+            width: calc(100% - 60px);
+            margin: 30px 30px 0;
+        }
+
+        .button {
+            display: flex;
+            flex-direction: column;
+
+            .button-item {
+                margin: 4px;
+            }
+        }
+    }
+</style>

src/views/main/formworkErection/index.vue

@@ -1,9 +0,0 @@
-<template>
-  <div class="layout-container">
-    搭建模板
-  </div>
-</template>
-
-<script setup></script>
-
-<style lang="scss" scoped></style>