build

src/api/parameter/card.ts

@@ -0,0 +1,59 @@
+import { loadEnv } from "@build/index";
+import { http } from "/@/utils/http";
+
+const { VITE_PROXY_DOMAIN_REAL } = loadEnv();
+
+// 添加
+export async function httpAdd(data: object = {}): Promise<DataType<any>> {
+  return http.request("post", `${VITE_PROXY_DOMAIN_REAL}admin/cardlist`, {
+    data
+  });
+}
+// 列表
+export async function httpList(data: object = {}): Promise<DataType<any>> {
+  return http.request("post", `${VITE_PROXY_DOMAIN_REAL}admin/cardlist`, {
+    data
+  });
+}
+// 详情
+export async function httpDetail(data: object = {}): Promise<DataType<any>> {
+  return http.request("post", `${VITE_PROXY_DOMAIN_REAL}admin/cardinfo`, {
+    data
+  });
+}
+// 更新
+export async function httpUpdate(data: object = {}): Promise<DataType<any>> {
+  return http.request("post", `${VITE_PROXY_DOMAIN_REAL}admin/cardsave`, {
+    data
+  });
+}
+// 状态
+export async function httpStatus(data: object = {}): Promise<DataType<any>> {
+  return http.request("post", `${VITE_PROXY_DOMAIN_REAL}admin/setstatus`, {
+    data
+  });
+}
+// 删除
+export async function httpDelete(data: object = {}): Promise<DataType<any>> {
+  return http.request("post", `${VITE_PROXY_DOMAIN_REAL}admin/menustatus`, {
+    data
+  });
+}
+// 重置密码
+export async function httpSetPwd(data: object = {}): Promise<DataType<any>> {
+  return http.request("post", `${VITE_PROXY_DOMAIN_REAL}admin/setpwd`, {
+    data
+  });
+}
+// 全部角色
+export async function httpRoleAll(data: object = {}): Promise<DataType<any>> {
+  return http.request("post", `${VITE_PROXY_DOMAIN_REAL}admin/roleall`, {
+    data
+  });
+}
+// 设置角色
+export async function httpSetRole(data: object = {}): Promise<DataType<any>> {
+  return http.request("post", `${VITE_PROXY_DOMAIN_REAL}admin/setrole`, {
+    data
+  });
+}

src/api/parameter/company.ts

@@ -0,0 +1,59 @@
+import { loadEnv } from "@build/index";
+import { http } from "/@/utils/http";
+
+const { VITE_PROXY_DOMAIN_REAL } = loadEnv();
+
+// 添加
+export async function httpAdd(data: object = {}): Promise<DataType<any>> {
+  return http.request("post", `${VITE_PROXY_DOMAIN_REAL}admin/cardlist`, {
+    data
+  });
+}
+// 列表
+export async function httpList(data: object = {}): Promise<DataType<any>> {
+  return http.request("post", `${VITE_PROXY_DOMAIN_REAL}admin/cardlist`, {
+    data
+  });
+}
+// 详情
+export async function httpDetail(data: object = {}): Promise<DataType<any>> {
+  return http.request("post", `${VITE_PROXY_DOMAIN_REAL}admin/cardinfo`, {
+    data
+  });
+}
+// 更新
+export async function httpUpdate(data: object = {}): Promise<DataType<any>> {
+  return http.request("post", `${VITE_PROXY_DOMAIN_REAL}admin/cardsave`, {
+    data
+  });
+}
+// 状态
+export async function httpStatus(data: object = {}): Promise<DataType<any>> {
+  return http.request("post", `${VITE_PROXY_DOMAIN_REAL}admin/setstatus`, {
+    data
+  });
+}
+// 删除
+export async function httpDelete(data: object = {}): Promise<DataType<any>> {
+  return http.request("post", `${VITE_PROXY_DOMAIN_REAL}admin/menustatus`, {
+    data
+  });
+}
+// 重置密码
+export async function httpSetPwd(data: object = {}): Promise<DataType<any>> {
+  return http.request("post", `${VITE_PROXY_DOMAIN_REAL}admin/setpwd`, {
+    data
+  });
+}
+// 全部角色
+export async function httpRoleAll(data: object = {}): Promise<DataType<any>> {
+  return http.request("post", `${VITE_PROXY_DOMAIN_REAL}admin/roleall`, {
+    data
+  });
+}
+// 设置角色
+export async function httpSetRole(data: object = {}): Promise<DataType<any>> {
+  return http.request("post", `${VITE_PROXY_DOMAIN_REAL}admin/setrole`, {
+    data
+  });
+}

src/api/system/setBtn.ts

@@ -1,30 +1,36 @@
-import { http } from "/@/utils/http";
 import { loadEnv } from "@build/index";
-const { VITE_PROXY_DOMAIN_REAL, VITE_PROXY_USER_REAL } = loadEnv();
-const userAPi = VITE_PROXY_DOMAIN_REAL;
-const yewuApi = VITE_PROXY_USER_REAL + "/admin/";
-interface ResponseType extends Promise<any> {
-  data?: object;
-  code?: number;
-  msg?: string;
-}
+import { http } from "/@/utils/http";
+
+const { VITE_PROXY_DOMAIN_REAL } = loadEnv();
 // 按钮列表
-export const httpList = (data: object): ResponseType => {
-  return http.request("post", `${yewuApi}menuaction`, { data });
-};
+export async function httpList(data: object): Promise<DataType<any[]>> {
+  return http.request("post", `${VITE_PROXY_DOMAIN_REAL}admin/menuAction`, {
+    data
+  });
+}
 // 按钮添加
-export const httpAdd = (data: object): ResponseType => {
-  return http.request("post", `${yewuApi}menuactionadd`, { data });
-};
+export async function httpAdd(data: object): Promise<DataType<any[]>> {
+  return http.request("post", `${VITE_PROXY_DOMAIN_REAL}admin/menuActionAdd`, {
+    data
+  });
+}
 // 按钮编辑
-export const httpUpdate = (data: object): ResponseType => {
-  return http.request("post", `${yewuApi}menuactionsave`, { data });
-};
+export async function httpUpdate(data: object): Promise<DataType<any[]>> {
+  return http.request("post", `${VITE_PROXY_DOMAIN_REAL}admin/menuActionSave`, {
+    data
+  });
+}
 // 按钮状态
-export const httpStatus = (data: object): ResponseType => {
-  return http.request("post", `${yewuApi}menuactionstatus`, { data });
-};
+export async function httpStatus(data: object): Promise<DataType<any[]>> {
+  return http.request(
+    "post",
+    `${VITE_PROXY_DOMAIN_REAL}admin/menuActionStatus`,
+    { data }
+  );
+}
 // 按钮删除
-export const httpDelete = (data: object): ResponseType => {
-  return http.request("post", `${yewuApi}menuactiondel`, { data });
-};
+export async function httpDelete(data: object): Promise<DataType<any[]>> {
+  return http.request("post", `${VITE_PROXY_DOMAIN_REAL}admin/menuActionDel`, {
+    data
+  });
+}

src/components/PageContainer/src/page-container.tsx

@@ -1,7 +1,7 @@
 import { defineComponent, inject, ref, watch, unref } from "vue";
 import { FormConfig, PageSearch } from "../../PageSearch";
 import type { Events, Hooks } from "./types";
-
+import { ActionType } from "/@/components/PageContent/src/types";
 import {
   ContentConfig,
   PageContent,
@@ -43,7 +43,6 @@ const PageContainer = defineComponent({
     const { permissions } = inject<AuthProvide>("Auth", {
       permissions: ref([])
     });
-
     function renderPageContent() {
       const { contentConfig, events } = props;
       const { content: contentEvents = {} } = events as any;
@@ -77,7 +76,6 @@ const PageContainer = defineComponent({
         />
       );
     }
-
     watch(
       () => innerContentRef,
       () => {

src/components/PageContent/src/actions/action-preview.tsx

@@ -2,7 +2,7 @@ import { defineComponent } from "vue";
 import { useRenderIcon } from "/@/components/ReIcon/src/hooks";
 
 const ActionPreview = defineComponent({
-  name: "ActionCreate",
+  name: "ActionPreview",
   props: {
     isInv: {
       type: Boolean

src/components/PageContent/src/page-content.tsx

@@ -6,6 +6,7 @@ import { createActionProps, createOperation } from "./utils/create-operation";
 import { useRequeset } from "./hooks/use-request";
 import { Operation } from "./actions";
 import { useSelection } from "./hooks/use-selection";
+import { POWERS } from "/@/config/status";
 import {
   ElButton,
   ElButtonGroup,
@@ -17,7 +18,7 @@ import {
 import { useColumns } from "./hooks/use-columns";
 import { useRenderIcon } from "../../ReIcon/src/hooks";
 import "./styles/index.scss";
-
+const powers = POWERS;
 const PageConent = defineComponent({
   name: "PageContent",
   props: pageContentProps,
@@ -31,6 +32,7 @@ const PageConent = defineComponent({
   setup(props, { expose, emit, slots }) {
     //根据传入的api决定表格需要的操作
     const action = createOperation(props.contentConfig.apis);
+    console.log(action);
 
     const tableRef = ref<InstanceType<typeof PureTable>>(null);
 
@@ -58,7 +60,10 @@ const PageConent = defineComponent({
      * 渲染需要的操作按钮
      */
     function renderOperation(row) {
-      const { contentConfig, powers } = props;
+      const {
+        contentConfig
+        // , powers
+      } = props;
       const {
         inv,
         apis,
@@ -117,7 +122,11 @@ const PageConent = defineComponent({
     }
 
     function renderButtons() {
-      const { contentConfig, powers } = props;
+      const {
+        contentConfig
+        // , powers
+      } = props;
+      console.log(powers);
       // const { columns } = contentConfig;
 
       return (
@@ -155,9 +164,7 @@ const PageConent = defineComponent({
         <div class="filter-columns__content">
           <div class="filter-columns_reset">
             列筛选
-            <ElButton type="text" onClick={() => reset()}>
-              重置
-            </ElButton>
+            <ElButton onClick={() => reset()}>重置</ElButton>
           </div>
 
           <ElScrollbar maxHeight={300}>

src/components/PageModal/src/hooks/use-page-modal.ts

@@ -47,7 +47,10 @@ export function usePageModal({
   }
 
   function handleConfrim(type: ActionType, data: any) {
+    console.log(type);
+    console.log(data);
     const result = confirmCallback ? confirmCallback(data) : {};
+    console.log(result);
     pageModalRef.value.confirmLoading = true;
 
     const params = {
@@ -55,7 +58,7 @@ export function usePageModal({
       ...(result ? result : {}),
       ...data
     };
-
+    console.log(params);
     pageContentRef.value.onBeforeAction(type, params, () => {
       pageModalRef.value.confirmLoading = false;
       pageModalRef.value.dialogVisible = false;

src/components/PageModal/src/page-modal.vue

@@ -50,7 +50,7 @@ watch(
 );
 
 function handleConfirmClick() {
-  formRef.value.vaildate(isVaild => {
+  formRef.value.validate(isVaild => {
     //表单校验通过派发事件
     isVaild && emit("confirmBtnClick", unref(type), unref(formData));
   });

src/components/PageSearch/src/page-search.vue

@@ -13,7 +13,7 @@ const { searchParams = {} } = useAppStoreHook();
 
 //初始表格数据
 const defaultFormData = createFormData(props.formConfig.formItems);
-
+const isHide = props.formConfig.isHide;
 const formData = ref({
   ...(searchParams.basic ? searchParams.basic : defaultFormData)
 });
@@ -50,24 +50,29 @@ if (searchParams.basic) {
 </script>
 
 <template>
-  <div class="bg-white w-99/100 pl-4 pt-4 page-search">
-    <BasicForm v-bind="formConfig" v-model:form-data="formData">
-      <template #action>
-        <div style="width: 100%" flex gap-2>
-          <el-button
-            type="primary"
-            :icon="useRenderIcon('search')"
-            @click="handleSearchClick"
-          >
-            搜索
-          </el-button>
+  <div class="w-99/100">
+    <div class="bg-white pl-4 pt-4 page-search" v-show="!isHide">
+      <BasicForm v-bind="formConfig" v-model:form-data="formData">
+        <template #action>
+          <div style="width: 100%" flex gap-2>
+            <el-button
+              type="primary"
+              :icon="useRenderIcon('search')"
+              @click="handleSearchClick"
+            >
+              搜索
+            </el-button>
 
-          <el-button :icon="useRenderIcon('refresh')" @click="handleResetClick">
-            重置
-          </el-button>
-          <slot name="action" />
-        </div>
-      </template>
-    </BasicForm>
+            <el-button
+              :icon="useRenderIcon('refresh')"
+              @click="handleResetClick"
+            >
+              重置
+            </el-button>
+            <slot name="action" />
+          </div>
+        </template>
+      </BasicForm>
+    </div>
   </div>
 </template>

src/components/PageSearch/src/types.ts

@@ -6,6 +6,7 @@ export interface FormConfig {
   colLayout?: any;
   itemStyle?: Record<string, string>;
   labelWidth?: string;
+  isHide?: boolean;
 }
 
 export const basicFormProps = {

src/config/status.ts

@@ -23,8 +23,8 @@ export const CG_ORDER_TYPE_OPTIONS = [
 ];
 
 export const STATUS_OPTIONS = [
-  { id: "1", label: "启用", type: "success" },
-  { id: "0", label: "禁用", type: "warning" }
+  { id: "1", label: "启用", value: "1", type: "success" },
+  { id: "0", label: "禁用", value: "0", type: "warning" }
 ];
 export const ACCOUNT_STATUS_OPTIONS = [
   { id: "0", label: "未激活", type: "warning" },
@@ -46,3 +46,19 @@ export const MENU_PRICATE_OPTIONS = [
   { id: "1", label: "显示", value: "1", type: "primary" },
   { id: "2", label: "隐藏", value: "2", type: "warning" }
 ];
+export const LEVEL_OPTIONS = [
+  { id: "1", label: "显示", value: "1", type: "primary" },
+  { id: "2", label: "隐藏", value: "2", type: "warning" }
+];
+export const POWERS = [
+  "001",
+  "002",
+  "003",
+  "004",
+  "005",
+  "006",
+  "007",
+  "008",
+  "009",
+  "010"
+];

src/hooks/response/use-response-handle.ts

@@ -1,6 +1,6 @@
 import { ref, reactive, unref } from "vue";
 import { ElMessage } from "element-plus";
-import { useNav } from "/@/layout/hooks/nav";
+import { useNav } from "/@/layout/hooks/useNav";
 
 type Params = {
   code: number;
@@ -43,7 +43,7 @@ export function useAsync<D = any>({
   success?: (data?: D) => void;
 } = {}) {
   const data = ref<D>(initalData);
-  const isError = ref(false)
+  const isError = ref(false);
   const loading = ref(false);
   const pagination = reactive(initalPagination || {});
   const responseHandle = useResponseHandle();
@@ -67,7 +67,7 @@ export function useAsync<D = any>({
 
       const { code: _code, message, data } = response;
 
-      if (String(_code) !== '0') isError.value = true;
+      if (String(_code) !== "0") isError.value = true;
 
       responseHandle({
         code: _code,
@@ -79,7 +79,7 @@ export function useAsync<D = any>({
           success && success(unref(data));
         }
       });
-    })
+    });
   }
 
   return {

src/router/index.ts

@@ -133,6 +133,7 @@ router.beforeEach((to: toRouteType, _from, next) => {
               });
             }
           }
+
           router.push(to.fullPath);
         });
       next();

src/router/utils.ts

@@ -14,6 +14,7 @@ import { useTimeoutFn } from "@vueuse/core";
 import { RouteConfigs } from "/@/layout/types";
 import { buildHierarchyTree, storageSession } from "@pureadmin/utils";
 import { usePermissionStoreHook } from "/@/store/modules/permission";
+import { POWERS } from "/@/config/status";
 const Layout = () => import("/@/layout/index.vue");
 
 const IFrame = () => import("/@/layout/frameView.vue");
@@ -122,7 +123,7 @@ function initRouter() {
       const { code, data } = result;
       if (Number(code) === 0) {
         const { routes, powers } = flattenRoutes(data);
-
+        console.log(powers);
         formatFlatteningRoutes(addAsyncRoutes(routes)).forEach(
           (v: RouteRecordRaw) => {
             // 防止重复添加路由
@@ -143,6 +144,7 @@ function initRouter() {
                 .find(n => n.path === "/");
               router.addRoute(flattenRouters);
             }
+            console.log(router);
             resolve(router);
           }
         );
@@ -179,7 +181,7 @@ function flattenRoutes(
       action
     } = item;
 
-    if (action) powers.set(menu_route, action);
+    if (POWERS) powers.set(menu_route, POWERS);
 
     const path = baseUrl ? `${baseUrl}/${menu_route}` : `/${menu_route}`;
 

src/utils/column-helper.ts

@@ -12,7 +12,7 @@ export function renderCategory(prop = "can") {
 export function renderStatus(options: any[], prop = "status") {
   return {
     cellRenderer({ row }) {
-      const item = options.find(s => s.id === row && String(row[prop]));
+      const item = options.find(s => s.id === String(row[prop]));
       return h(
         ElTag,
         {

src/views/interest/account/addEdit.vue

@@ -3,7 +3,7 @@ import { httpAdd, httpUpdate, httpRoleAll } from "/@/api/interest/account";
 import { ElMessage, FormInstance, FormRules } from "element-plus";
 import { reactive, ref, watch, nextTick } from "vue";
 import menuType from "./types";
-import { useNav } from "/@/layout/hooks/nav";
+import { useNav } from "/@/layout/hooks/useNav";
 import { isMobile } from "/@/utils/validate";
 const { logout } = useNav();
 const formSize = ref("default");

src/views/interest/account/columns.tsx

@@ -1,8 +1,7 @@
 import { ref } from "vue";
 import dayjs from "dayjs";
-import { statusList } from "/@/utils/status";
+import { STATUS_OPTIONS } from "/@/config/status";
 export function useColumns() {
-
   const columns = ref([
     {
       type: "selection",
@@ -40,12 +39,12 @@ export function useColumns() {
         <el-tag
           size={props.size}
           type={
-            (statusList.find(item => item.value == row.status + "") || {})
+            (STATUS_OPTIONS.find(item => item.value == row.status + "") || {})
               .type || "info"
           }
           effect="plain"
         >
-          {(statusList.find(item => item.value == row.status + "") || {})
+          {(STATUS_OPTIONS.find(item => item.value == row.status + "") || {})
             .label || "--"}
         </el-tag>
       )

src/views/interest/account/index.vue

@@ -6,8 +6,8 @@ import { type FormInstance } from "element-plus";
 import { TableProBar } from "/@/components/ReTable";
 import { type PaginationProps } from "@pureadmin/table";
 import { useRenderIcon } from "/@/components/ReIcon/src/hooks";
-import { useNav } from "/@/layout/hooks/nav";
-import { statusList } from "/@/utils/status";
+import { useNav } from "/@/layout/hooks/useNav";
+import { STATUS_OPTIONS } from "/@/config/status";
 import menuType from "./types";
 import addEdit from "./addEdit.vue";
 import resetPassword from "./resetPassword.vue";
@@ -170,10 +170,10 @@ onMounted(() => {
             clearable
           >
             <el-option
-              v-for="(si, sii) in statusList"
-              :key="'status' + si.value + sii"
+              v-for="(si, sii) in STATUS_OPTIONS"
+              :key="'status' + si.id + sii"
               :label="si.label"
-              :value="si.value"
+              :value="si.id"
             />
           </el-select>
         </el-form-item>

src/views/interest/account/resetPassword.vue

@@ -2,7 +2,7 @@
 import { httpSetPwd } from "/@/api/interest/account";
 import { ElMessage, FormInstance, FormRules } from "element-plus";
 import { reactive, ref, watch, nextTick } from "vue";
-import { useNav } from "/@/layout/hooks/nav";
+import { useNav } from "/@/layout/hooks/useNav";
 import { isAlphanumeric, isnumber, validAlphabets } from "/@/utils/validate";
 const { logout } = useNav();
 const formSize = ref("default");

src/views/interest/action/index.vue

@@ -8,7 +8,7 @@ import {
 import { reactive, ref, onMounted, computed, nextTick } from "vue";
 import { ElMessage } from "element-plus";
 import { useRenderIcon } from "/@/components/ReIcon/src/hooks";
-import { useNav } from "/@/layout/hooks/nav";
+import { useNav } from "/@/layout/hooks/useNav";
 import { responseHandle } from "/@/utils/responseHandle";
 import { useUserStoreHook } from "/@/store/modules/user";
 const { logout } = useNav();
@@ -345,7 +345,7 @@ let indeterminateField = computed(() => {
   };
 });
 onMounted(() => {
-  powers.value =  [
+  powers.value = [
     "001",
     "002",
     "003",

src/views/interest/role/addEdit.vue

@@ -8,8 +8,8 @@ import {
 import { ElMessage, FormInstance, FormRules } from "element-plus";
 import { reactive, ref, watch, nextTick, computed } from "vue";
 import menuType from "./types";
-import { useNav } from "/@/layout/hooks/nav";
-import { levelList } from "/@/utils/status";
+import { useNav } from "/@/layout/hooks/useNav";
+import { LEVEL_OPTIONS } from "/@/config/status";
 const { logout } = useNav();
 const formSize = ref("default");
 const ruleFormRef = ref<FormInstance>();
@@ -468,7 +468,7 @@ let indeterminateField = computed(() => {
               placeholder="菜单类型"
             >
               <el-option
-                v-for="(si, sii) in levelList"
+                v-for="(si, sii) in LEVEL_OPTIONS"
                 :key="'type' + si.value + sii"
                 :label="si.label"
                 :value="si.value"

src/views/interest/role/columns.tsx

@@ -1,6 +1,6 @@
 import { ref } from "vue";
 import dayjs from "dayjs";
-import { statusList, levelList } from "/@/utils/status";
+import { STATUS_OPTIONS, LEVEL_OPTIONS } from "/@/config/status";
 export function useColumns() {
   const columns = ref([
     {
@@ -26,13 +26,13 @@ export function useColumns() {
         <el-tag
           size={props.size}
           type={
-            (levelList.find(item => item.value == row.level + "") || {}).type ||
-            "info"
+            (LEVEL_OPTIONS.find(item => item.value == row.level + "") || {})
+              .type || "info"
           }
           effect="plain"
         >
-          {(levelList.find(item => item.value == row.level + "") || {}).label ||
-            "--"}
+          {(LEVEL_OPTIONS.find(item => item.value == row.level + "") || {})
+            .label || "--"}
         </el-tag>
       )
     },
@@ -43,12 +43,12 @@ export function useColumns() {
         <el-tag
           size={props.size}
           type={
-            (statusList.find(item => item.value == row.status + "") || {})
+            (STATUS_OPTIONS.find(item => item.id == row.status + "") || {})
               .type || "info"
           }
           effect="plain"
         >
-          {(statusList.find(item => item.value == row.status + "") || {})
+          {(STATUS_OPTIONS.find(item => item.id == row.status + "") || {})
             .label || "--"}
         </el-tag>
       )

src/views/interest/role/index.vue

@@ -7,8 +7,8 @@ import { ElMessage } from "element-plus";
 import { TableProBar } from "/@/components/ReTable";
 import { type PaginationProps } from "@pureadmin/table";
 import { useRenderIcon } from "/@/components/ReIcon/src/hooks";
-import { useNav } from "/@/layout/hooks/nav";
-import { statusList } from "/@/utils/status";
+import { useNav } from "/@/layout/hooks/useNav";
+import { STATUS_OPTIONS } from "/@/config/status";
 import { responseHandle } from "/@/utils/responseHandle";
 import { useUserStoreHook } from "/@/store/modules/user";
 import addEdit from "./addEdit.vue";
@@ -148,7 +148,7 @@ onMounted(() => {
             clearable
           >
             <el-option
-              v-for="(si, sii) in statusList"
+              v-for="(si, sii) in STATUS_OPTIONS"
               :key="'status' + si.value + sii"
               :label="si.label"
               :value="si.value"

src/views/mobile/order/config/content.config.ts

@@ -0,0 +1,62 @@
+import { isString } from "@pureadmin/utils";
+import { h } from "vue";
+import { ContentConfig } from "/@/components/PageContent";
+import { httpDelete, httpStatus, httpList } from "/@/api/mobile/order";
+import { renderStatus } from "/@/utils/column-helper";
+import { STATUS_OPTIONS } from "/@/config/status";
+import { ElTag } from "element-plus";
+
+const columns = [
+  {
+    type: "selection",
+    width: 55,
+    hide: ({ checkList }) => !checkList.includes("勾选列")
+  },
+  {
+    prop: "id",
+    label: "ID",
+    width: "70px"
+  },
+  {
+    prop: "status",
+    label: "状态",
+    minWidth: "90px",
+    ...renderStatus(STATUS_OPTIONS)
+  },
+  {
+    prop: "video_name",
+    label: "视频名称",
+    minWidth: "250px"
+  },
+  {
+    prop: "remark",
+    label: "视频描述"
+  },
+
+  {
+    prop: "addtime",
+    label: "创建时间",
+    minWidth: "160px"
+  },
+
+  {
+    label: "操作",
+    fixed: "right",
+    width: 120,
+    slot: "operation"
+  }
+];
+const contentConfig: ContentConfig = {
+  title: "账号管理",
+  columns,
+  apis: {
+    httpAdd: true,
+    httpDelete,
+    httpStatus,
+    httpList,
+    httpUpdate: true
+  },
+  notPreview: false
+};
+
+export default contentConfig;

src/views/mobile/order/config/modal.config.ts

@@ -0,0 +1,64 @@
+import { ModalConfig } from "/@/components/PageModal/src/types";
+import { isLicense } from "/@/utils/validate";
+
+const modalConfig: ModalConfig = {
+  title: "视频",
+  colLayout: { span: 24 },
+  itemStyle: {},
+  contact: "invoice_mobile",
+  formItems: [
+    {
+      field: "video_sn",
+      type: "input",
+      label: "视频编号",
+      isHidden: true,
+      labelWidth: "120px",
+      placeholder: "视频编号"
+    },
+
+    {
+      field: "nickname",
+      type: "input",
+      label: "视频名称",
+      labelWidth: "120px",
+      placeholder: "视频名称",
+      rules: [{ required: true, trigger: "change", message: "请输入视频名称" }]
+    },
+    {
+      field: "mobile",
+      type: "input",
+      label: "视频链接",
+      labelWidth: "120px",
+      placeholder: "视频链接",
+      rules: [{ required: true, trigger: "change", message: "请输入视频链接" }]
+    },
+    {
+      field: "remark",
+      type: "input",
+      label: "视频描述",
+      labelWidth: "120px",
+      placeholder: "视频描述",
+      rules: [{ required: true, trigger: "change", message: "请输入视频描述" }]
+    },
+    {
+      field: "video_img",
+      type: "img_upload",
+      label: "视频封面",
+      labelWidth: "120px",
+      placeholder: "视频封面",
+      rules: [
+        { required: true, trigger: "change", message: "请上传视频封面！" }
+      ]
+    },
+    {
+      field: "video_set",
+      type: "input",
+      label: "视频设置",
+      labelWidth: "120px",
+      isHidden: true,
+      placeholder: "视频设置"
+    }
+  ]
+};
+
+export default modalConfig;

src/views/mobile/order/config/search.config.ts

@@ -0,0 +1,31 @@
+import { FormConfig } from "/@/components/PageSearch";
+import { STATUS_OPTIONS } from "/@/config/status";
+import { convertOptions } from "/@/utils/column-helper";
+
+const searchFormConfig: FormConfig = {
+  formItems: [
+    {
+      field: "status",
+      type: "select",
+      placeholder: "视频状态",
+      options: convertOptions(STATUS_OPTIONS)
+    },
+    {
+      field: "video_name",
+      type: "input",
+      placeholder: "视频名称"
+    },
+    {
+      field: "video_url",
+      type: "input",
+      placeholder: "视频地址"
+    },
+    {
+      field: "video_sn",
+      type: "input",
+      placeholder: "视频编号"
+    }
+  ]
+};
+
+export default searchFormConfig;

src/views/mobile/order/index.vue

@@ -0,0 +1,53 @@
+<script setup lang="ts">
+import { usePageSearch } from "/@/components/PageSearch";
+import searchConfig from "./config/search.config";
+import contentConfig from "./config/content.config";
+import PageAuth from "/@/components/PageAuth";
+import { PageModal, usePageModal } from "/@/components/PageModal";
+import modalConfig from "./config/modal.config";
+import { useRouter } from "vue-router";
+import PageContainer, {
+  type Events,
+  type Hooks
+} from "/@/components/PageContainer";
+
+const pageName = "order";
+const basePath = "/sellOut/projectDetail";
+// , handleResetClick, handleSearchClick
+const { pageContentRef } = usePageSearch();
+const { push } = useRouter();
+const hooks: Hooks = {
+  pageSearchHook: () => usePageSearch(undefined, undefined, searchConfig)
+};
+const {
+  pageModalRef,
+  // handleUpdateData,
+  handleCreateData,
+  handlePreviewData,
+  handleConfrim,
+  defaultInfo
+} = usePageModal({ pageContentRef });
+const events: Events = {
+  content: {
+    preview: row => handlePreviewData(row),
+    create: row => handleCreateData(row)
+  }
+};
+</script>
+
+<template>
+  <PageAuth :pageName="pageName">
+    <PageContainer
+      :hooks="hooks"
+      :events="events"
+      :search-config="searchConfig"
+      :content-config="contentConfig"
+    />
+    <PageModal
+      ref="pageModalRef"
+      :modal-config="modalConfig"
+      :default-info="defaultInfo"
+      @confirm-btn-click="handleConfrim"
+    />
+  </PageAuth>
+</template>

src/views/mobile/park/config/content.config.ts

@@ -0,0 +1,70 @@
+import { isString } from "@pureadmin/utils";
+import { h } from "vue";
+import { ContentConfig } from "/@/components/PageContent";
+import { httpList } from "/@/api/mobile/park";
+import { renderStatus, timeInterval } from "/@/utils/column-helper";
+import { ACCOUNT_STATUS_OPTIONS } from "/@/config/status";
+import { ElTag } from "element-plus";
+
+const columns = [
+  {
+    type: "selection",
+    width: 55,
+    hide: ({ checkList }) => !checkList.includes("勾选列")
+  },
+  {
+    prop: "username",
+    label: "账号",
+    minWidth: "140px"
+  },
+  {
+    prop: "status",
+    label: "状态",
+    minWidth: "90px",
+    ...renderStatus(ACCOUNT_STATUS_OPTIONS)
+  },
+  {
+    prop: "nickname",
+    label: "客户姓名",
+    minWidth: "100px"
+  },
+  {
+    prop: "mobile",
+    label: "客户手机号",
+    minWidth: "110"
+  },
+  {
+    prop: "time",
+    minWidth: "310",
+    label: "账户有效期",
+    ...timeInterval("starttime", "expiretime")
+  },
+  {
+    prop: "activetime",
+    label: "账户激活时间",
+    minWidth: "160px"
+  },
+  {
+    prop: "addtime",
+    label: "创建时间",
+    minWidth: "160px"
+  },
+
+  {
+    label: "操作",
+    fixed: "right",
+    width: 120,
+    slot: "operation"
+  }
+];
+const contentConfig: ContentConfig = {
+  title: "视频管理",
+  columns,
+  apis: {
+    httpList,
+    httpUpdate: true
+  },
+  notPreview: false
+};
+
+export default contentConfig;

src/views/mobile/park/config/modal.config.ts

@@ -0,0 +1,114 @@
+import { ModalConfig } from "/@/components/PageModal/src/types";
+import { isLicense } from "/@/utils/validate";
+
+const modalConfig: ModalConfig = {
+  title: "账号",
+  colLayout: { span: 24 },
+  itemStyle: {},
+  contact: "invoice_mobile",
+  formItems: [
+    {
+      field: "username",
+      type: "input",
+      label: "账号",
+      labelWidth: "120px",
+      placeholder: "账号",
+      rules: [{ required: true, trigger: "change", message: "请输入账号" }]
+    },
+    //密码
+    //有效期
+    {
+      field: "date_picker",
+      type: "date_picker",
+      label: "有效期",
+      labelWidth: "120px",
+      otherOptions: {
+        type: "daterange",
+        startProp: "starttime",
+        endProp: "expiretime",
+        startPlaceholder: "开始时间",
+        endPlaceholder: "结束时间"
+      },
+      rules: [{ required: true, trigger: "change", message: "请输入账号" }]
+    },
+
+    {
+      field: "nickname",
+      type: "input",
+      label: "客户姓名",
+      labelWidth: "120px",
+      placeholder: "客户姓名",
+      rules: [{ required: true, trigger: "change", message: "请输入客户姓名" }]
+    },
+    {
+      field: "mobile",
+      type: "input",
+      label: "手机号",
+      labelWidth: "120px",
+      placeholder: "手机号",
+      rules: [{ required: true, trigger: "change", message: "请输入手机号" }]
+    },
+    {
+      field: "remark",
+      type: "input",
+      label: "备注",
+      labelWidth: "120px",
+      placeholder: "备注",
+      rules: [{ required: true, trigger: "change", message: "请输入备注" }]
+    }
+    // {
+    //   field: "invoice_addr",
+    //   type: "input",
+    //   labelWidth: "120px",
+    //   label: "有效期",
+    //   placeholder: "有效期",
+    //   rules: [{ required: true, trigger: "change", message: "请选择有效期" }]
+    // },
+    // {
+    //   field: "invoice_code",
+    //   type: "input",
+    //   labelWidth: "120px",
+    //   label: "纳税识别号",
+    //   placeholder: "纳税识别号",
+    //   rules: [
+    //     {
+    //       validator(_, value) {
+    //         return isLicense(value);
+    //       },
+    //       required: true,
+    //       message: "纳税人识别号格式不正确"
+    //     }
+    //   ]
+    // },
+    // {
+    //   field: "invoice_bank",
+    //   type: "input",
+    //   labelWidth: "120px",
+    //   label: "企业开户银行",
+    //   placeholder: "企业开户银行",
+    //   rules: [
+    //     { required: true, trigger: "change", message: "请输入企业开户银行" }
+    //   ]
+    // },
+    // {
+    //   field: "invoice_bankNo",
+    //   type: "input",
+    //   labelWidth: "120px",
+    //   label: "银行账户",
+    //   placeholder: "银行账户",
+    //   rules: [{ required: true, trigger: "change", message: "请输入银行账户" }]
+    // },
+    // {
+    //   field: "invoice_mobile",
+    //   type: "contact",
+    //   label: "企业联系方式",
+    //   labelWidth: "120px",
+    //   placeholder: "企业联系方式",
+    //   rules: [
+    //     { required: true, trigger: "change", message: "请输入企业联系方式" }
+    //   ]
+    // }
+  ]
+};
+
+export default modalConfig;

src/views/mobile/park/config/search.config.ts

@@ -0,0 +1,31 @@
+import { FormConfig } from "/@/components/PageSearch";
+import { ACCOUNT_STATUS_OPTIONS } from "/@/config/status";
+import { convertOptions } from "/@/utils/column-helper";
+
+const searchFormConfig: FormConfig = {
+  formItems: [
+    {
+      field: "status",
+      type: "select",
+      placeholder: "账号状态",
+      options: convertOptions(ACCOUNT_STATUS_OPTIONS)
+    },
+    {
+      field: "username",
+      type: "input",
+      placeholder: "账号"
+    },
+    {
+      field: "nickname",
+      type: "input",
+      placeholder: "客户姓名"
+    },
+    {
+      field: "mobile",
+      type: "input",
+      placeholder: "客户手机号"
+    }
+  ]
+};
+
+export default searchFormConfig;

src/views/mobile/park/index.vue

@@ -0,0 +1,53 @@
+<script setup lang="ts">
+import { usePageSearch } from "/@/components/PageSearch";
+import searchConfig from "./config/search.config";
+import contentConfig from "./config/content.config";
+import PageAuth from "/@/components/PageAuth";
+import { PageModal, usePageModal } from "/@/components/PageModal";
+import modalConfig from "./config/modal.config";
+import { useRouter } from "vue-router";
+import PageContainer, {
+  type Events,
+  type Hooks
+} from "/@/components/PageContainer";
+
+const pageName = "park";
+const basePath = "/sellOut/projectDetail";
+// , handleResetClick, handleSearchClick
+const { pageContentRef } = usePageSearch();
+const { push } = useRouter();
+const hooks: Hooks = {
+  pageSearchHook: () => usePageSearch(undefined, undefined, searchConfig)
+};
+const {
+  pageModalRef,
+  // handleUpdateData,
+  // handleCreateData,
+  handlePreviewData,
+  handleConfrim,
+  defaultInfo
+} = usePageModal({ pageContentRef });
+const events: Events = {
+  content: {
+    preview: row => handlePreviewData(row),
+    create: () => push(basePath)
+  }
+};
+</script>
+
+<template>
+  <!-- <PageAuth :pageName="pageName"> -->
+  <PageContainer
+    :hooks="hooks"
+    :events="events"
+    :search-config="searchConfig"
+    :content-config="contentConfig"
+  />
+  <PageModal
+    ref="pageModalRef"
+    :modal-config="modalConfig"
+    :default-info="defaultInfo"
+    @confirm-btn-click="handleConfrim"
+  />
+  <!-- </PageAuth> -->
+</template>

src/views/mobile/stock/config/content.config.ts

@@ -0,0 +1,61 @@
+import { isString } from "@pureadmin/utils";
+import { h } from "vue";
+import { ContentConfig } from "/@/components/PageContent";
+import { httpDelete, httpStatus, httpList } from "/@/api/mobile/stock";
+import { renderStatus } from "/@/utils/column-helper";
+import { STATUS_OPTIONS } from "/@/config/status";
+import { ElTag } from "element-plus";
+
+const columns = [
+  {
+    type: "selection",
+    width: 55,
+    hide: ({ checkList }) => !checkList.includes("勾选列")
+  },
+  {
+    prop: "id",
+    label: "ID",
+    width: "70px"
+  },
+  {
+    prop: "status",
+    label: "状态",
+    minWidth: "90px",
+    ...renderStatus(STATUS_OPTIONS)
+  },
+  {
+    prop: "video_name",
+    label: "视频名称",
+    minWidth: "250px"
+  },
+  {
+    prop: "remark",
+    label: "视频描述"
+  },
+
+  {
+    prop: "addtime",
+    label: "创建时间",
+    minWidth: "160px"
+  },
+
+  {
+    label: "操作",
+    fixed: "right",
+    width: 120,
+    slot: "operation"
+  }
+];
+const contentConfig: ContentConfig = {
+  title: "卡类型管理",
+  columns,
+  apis: {
+    httpAdd: true,
+    httpDelete,
+    httpStatus,
+    httpList,
+    httpUpdate: true
+  }
+};
+
+export default contentConfig;

src/views/mobile/stock/config/modal.config.ts

@@ -0,0 +1,64 @@
+import { ModalConfig } from "/@/components/PageModal/src/types";
+import { isLicense } from "/@/utils/validate";
+
+const modalConfig: ModalConfig = {
+  title: "视频",
+  colLayout: { span: 24 },
+  itemStyle: {},
+  contact: "invoice_mobile",
+  formItems: [
+    {
+      field: "video_sn",
+      type: "input",
+      label: "视频编号",
+      isHidden: true,
+      labelWidth: "120px",
+      placeholder: "视频编号"
+    },
+
+    {
+      field: "nickname",
+      type: "input",
+      label: "视频名称",
+      labelWidth: "120px",
+      placeholder: "视频名称",
+      rules: [{ required: true, trigger: "change", message: "请输入视频名称" }]
+    },
+    {
+      field: "mobile",
+      type: "input",
+      label: "视频链接",
+      labelWidth: "120px",
+      placeholder: "视频链接",
+      rules: [{ required: true, trigger: "change", message: "请输入视频链接" }]
+    },
+    {
+      field: "remark",
+      type: "input",
+      label: "视频描述",
+      labelWidth: "120px",
+      placeholder: "视频描述",
+      rules: [{ required: true, trigger: "change", message: "请输入视频描述" }]
+    },
+    {
+      field: "video_img",
+      type: "img_upload",
+      label: "视频封面",
+      labelWidth: "120px",
+      placeholder: "视频封面",
+      rules: [
+        { required: true, trigger: "change", message: "请上传视频封面！" }
+      ]
+    },
+    {
+      field: "video_set",
+      type: "input",
+      label: "视频设置",
+      labelWidth: "120px",
+      isHidden: true,
+      placeholder: "视频设置"
+    }
+  ]
+};
+
+export default modalConfig;

src/views/mobile/stock/config/search.config.ts

@@ -0,0 +1,31 @@
+import { FormConfig } from "/@/components/PageSearch";
+import { STATUS_OPTIONS } from "/@/config/status";
+import { convertOptions } from "/@/utils/column-helper";
+
+const searchFormConfig: FormConfig = {
+  formItems: [
+    {
+      field: "status",
+      type: "select",
+      placeholder: "视频状态",
+      options: convertOptions(STATUS_OPTIONS)
+    },
+    {
+      field: "video_name",
+      type: "input",
+      placeholder: "视频名称"
+    },
+    {
+      field: "video_url",
+      type: "input",
+      placeholder: "视频地址"
+    },
+    {
+      field: "video_sn",
+      type: "input",
+      placeholder: "视频编号"
+    }
+  ]
+};
+
+export default searchFormConfig;

src/views/mobile/stock/index.vue

@@ -0,0 +1,55 @@
+<script setup lang="ts">
+import { usePageSearch } from "/@/components/PageSearch";
+import searchConfig from "./config/search.config";
+import contentConfig from "./config/content.config";
+import PageAuth from "/@/components/PageAuth";
+import { PageModal, usePageModal } from "/@/components/PageModal";
+import modalConfig from "./config/modal.config";
+import { useRouter } from "vue-router";
+import PageContainer, {
+  type Events,
+  type Hooks
+} from "/@/components/PageContainer";
+
+const pageName = "stock";
+const basePath = "/sellOut/projectDetail";
+// , handleResetClick, handleSearchClick
+const { pageContentRef } = usePageSearch();
+const { push } = useRouter();
+const hooks: Hooks = {
+  pageSearchHook: () => usePageSearch(undefined, undefined, searchConfig)
+};
+const {
+  pageModalRef,
+  // handleUpdateData,
+  handleCreateData,
+  handlePreviewData,
+  handleConfrim,
+  defaultInfo
+} = usePageModal({ pageContentRef });
+const events: Events = {
+  content: {
+    preview: row => handlePreviewData(row),
+    create: () => {
+      console.log("1111");
+    }
+  }
+};
+</script>
+
+<template>
+  <!-- <PageAuth :pageName="pageName"> -->
+  <PageContainer
+    :hooks="hooks"
+    :events="events"
+    :search-config="searchConfig"
+    :content-config="contentConfig"
+  />
+  <PageModal
+    ref="pageModalRef"
+    :modal-config="modalConfig"
+    :default-info="defaultInfo"
+    @confirm-btn-click="handleConfrim"
+  />
+  <!-- </PageAuth> -->
+</template>

src/views/mobile/stock1/config/buttons.ts

@@ -0,0 +1,22 @@
+export const createActionButtons = (status: string) => [
+  {
+    label: "添加",
+    type: "success",
+    action: "create"
+  },
+  {
+    label: "修改",
+    type: "warning",
+    action: "update"
+  },
+  {
+    label: status === "1" ? "禁用" : "启用",
+    type: "primary",
+    action: "status"
+  },
+  {
+    label: "删除",
+    type: "danger",
+    action: "delete"
+  }
+];

src/views/mobile/stock1/config/requeset.ts

@@ -0,0 +1,15 @@
+import {
+  httpActionAdd,
+  httpActionStatus,
+  httpActionUpdate,
+  httpActionDel
+} from "/@/api/mobile/stock1";
+
+export const methods = {
+  action: {
+    add: httpActionAdd,
+    status: httpActionStatus,
+    del: httpActionDel,
+    update: httpActionUpdate
+  }
+};

src/views/mobile/stock1/cpns/action-modal.vue

@@ -0,0 +1,173 @@
+<script setup lang="ts">
+import { ref, reactive, computed } from "vue";
+import { btnList } from "/@/config/btnList";
+import { methods } from "./../config/requeset";
+import { ElForm } from "element-plus";
+import { useResponseHandle } from "/@/hooks/useAsync";
+
+const visible = ref(false);
+const data = ref<any>(null);
+const formRef = ref<InstanceType<typeof ElForm>>(null);
+const responseHandle = useResponseHandle();
+
+const emit = defineEmits(["node-update"]);
+
+const state = reactive({
+  isMenu: true,
+  action: ""
+});
+
+const title = computed(() => {
+  const { isMenu, action } = state;
+  const actionName = action === "create" ? "添加" : "修改";
+  const baseName = isMenu ? "二级菜单" : "按钮";
+  return `${actionName}${baseName}`;
+});
+
+function convertActionData(data: any) {
+  const { id, menuid, action_code, status } = data;
+  const { isMenu, action } = state;
+  const isActionUpdate = !isMenu && action === "update";
+
+  return {
+    ...(isActionUpdate ? { id } : {}),
+    ...{
+      menuid: menuid ? menuid : id,
+      status: status ? status : "1",
+      action_code
+    }
+  };
+}
+
+function convertMenuData(data: any) {
+  const _data = {
+    img: "",
+    is_display: "",
+    is_show: "",
+    name: "",
+    route: "datavSrc",
+    url: "",
+    weight: ""
+  };
+
+  return _data;
+}
+
+//生成按钮名称
+function createActionName(action_code: string) {
+  return {
+    name: btnList.find(({ code }) => code === action_code)?.name
+  };
+}
+
+function handleSave() {
+  formRef.value.validate(async isValid => {
+    if (!isValid) return;
+    const { isMenu, action } = state;
+
+    const apis = isMenu ? methods.action : methods.action;
+    const api = action === "update" ? apis.update : apis.add;
+
+    const { action_code } = data.value;
+    const isActionUpdate = !isMenu && action === "update";
+
+    const params = {
+      ...data.value,
+      //编辑操作按钮需要传入按钮名称
+      ...(isActionUpdate ? createActionName(action_code) : {})
+    };
+
+    const { code, message, data: _data } = await api(params);
+
+    responseHandle({
+      code,
+      message,
+      handler: () => {
+        emit(
+          "node-update",
+          params.menuid ? params.menuid : params.value,
+          isMenu
+        );
+        visible.value = false;
+      }
+    });
+  });
+}
+
+defineExpose({
+  onDisplay: (action: string, isMenu: boolean, _data: any) => {
+    data.value = isMenu ? convertMenuData(_data) : convertActionData(_data);
+    visible.value = true;
+    state.isMenu = isMenu;
+    state.action = action;
+  }
+});
+</script>
+
+<template>
+  <ElDialog :title="title" v-model="visible" center p-10>
+    <ElForm ref="formRef" :model="data" label-width="80px">
+      <!-- 按钮 -->
+      <div v-if="!state.isMenu">
+        <ElFormItem label="按钮标识" props="btn">
+          <ElSelect v-model="data.action_code">
+            <ElOption
+              v-for="btn in btnList"
+              :key="btn.code"
+              :label="btn.name"
+              :value="btn.code"
+            />
+          </ElSelect>
+        </ElFormItem>
+        <ElFormItem label="按钮标识" props="btn">
+          <ElRadioGroup v-model="data.status">
+            <ElRadio label="1">启用</ElRadio>
+            <ElRadio label="0">禁用</ElRadio>
+          </ElRadioGroup>
+        </ElFormItem>
+      </div>
+
+      <!-- 菜单 -->
+      <div v-else>
+        <ElFormItem label="名称">
+          <ElInput v-model="data.name" />
+        </ElFormItem>
+        <ElFormItem label="路由">
+          <ElInput v-model="data.route" />
+        </ElFormItem>
+        <ElFormItem label="页面路径">
+          <ElInput />
+        </ElFormItem>
+
+        <ElFormItem label="图标">
+          <ElInput v-model="data.img" />
+        </ElFormItem>
+
+        <ElFormItem label="页面状态">
+          <ElRadioGroup>
+            <ElRadio>启用</ElRadio>
+            <ElRadio>禁用</ElRadio>
+          </ElRadioGroup>
+        </ElFormItem>
+
+        <ElFormItem label="页面状态">
+          <ElRadioGroup>
+            <ElRadio>显示</ElRadio>
+            <ElRadio>隐藏</ElRadio>
+          </ElRadioGroup>
+        </ElFormItem>
+
+        <ElFormItem label="排序权重">
+          <ElInput />
+        </ElFormItem>
+      </div>
+
+      <ElFormItem>
+        <div class="w-full flex justify-end">
+          <ElButton type="primary" @click="() => handleSave()">保存</ElButton>
+          <ElButton @click="() => (visible = false)">取消</ElButton>
+        </div>
+      </ElFormItem>
+    </ElForm>
+  </ElDialog>
+</template>

src/views/mobile/stock1/index.vue

@@ -0,0 +1,186 @@
+<script setup lang="ts">
+import { ref } from "vue";
+import { ElMessageBox, ElTree } from "element-plus";
+import { httpActionList, httpList } from "/@/api/mobile/stock1";
+import { useAsync, useResponseHandle } from "/@/hooks/useAsync";
+import { createActionButtons } from "./config/buttons";
+import { methods } from "./config/requeset";
+import ActionModal from "./cpns/action-modal.vue";
+
+const expandedKeys = ref<string[]>([]);
+const treeRef = ref<InstanceType<typeof ElTree>>(null);
+const actionModalRef = ref<InstanceType<typeof ActionModal>>(null);
+
+const defaultProps = {
+  children: "child",
+  isLeaf: "isLeaf",
+  label: data => {
+    if (data.action_name) return data.action_name;
+    return data.menu_name;
+  }
+};
+
+const responseHandle = useResponseHandle();
+
+const { data, run, loading } = useAsync<Menu[]>({
+  initalData: [],
+  success: () => data.value.forEach(({ id }) => expandedKeys.value.push(id))
+});
+
+async function handleLoad({ data }: { data: Menu }, resolve: any) {
+  if (data.child) return resolve(data.child);
+  //加载action
+  const { id } = data;
+  if (!id) return;
+
+  const { data: _data, code, message } = await httpActionList({ id });
+
+  responseHandle({
+    code,
+    message,
+    handler: () => {
+      const nodes = _data.map(item => ({ ...item, isLeaf: true }));
+      resolve(nodes);
+    }
+  });
+}
+
+function handleDelOrStatus(action: string, data, isMenu: boolean) {
+  const apis = isMenu ? methods.action : methods.action;
+  const isDelete = action === "delete";
+  const api = isDelete ? apis.del : apis.status;
+  const status = data.status === "0" ? "1" : "0";
+  const statusText = status === "0" ? "禁用" : "启用";
+
+  ElMessageBox.confirm(`确定要${isDelete ? "删除" : statusText}?`).then(
+    async () => {
+      const { code, message } = await api({
+        ...{ id: data.value },
+        ...(isDelete ? {} : { status })
+      });
+
+      responseHandle({
+        code,
+        message,
+        handler: () =>
+          handleUpdateTreeNode(data.menuid ? data.menuid : data.value)
+      });
+    }
+  );
+}
+
+function handleAction(event: MouseEvent, action: string, data: any, node: any) {
+  event.stopPropagation();
+  const isMenu = !data.action_code;
+  const level = Number(node.level);
+
+  //删除禁用操作不打开模态框
+  if (["status", "delete"].includes(action)) {
+    return handleDelOrStatus(action, data, isMenu);
+  }
+
+  actionModalRef.value.onDisplay(
+    action,
+    level === 1 || (level === 2 && action === "update"),
+    data
+  );
+}
+
+async function handleUpdateTreeNode(id: string) {
+  const { data: _data, message, code } = await httpActionList({ id });
+
+  responseHandle({
+    code,
+    message,
+    handler: () => {
+      const nodes = _data.map(item => ({ ...item, isLeaf: true }));
+      treeRef.value.updateKeyChildren(id, nodes);
+    }
+  });
+}
+
+const requesetMenulist = () => run(httpList());
+
+requesetMenulist();
+</script>
+
+<template>
+  <div class="p-2">
+    <div
+      class="w-full flex justify-between bg-white px-[15px] pb-5 pt-3 align-bottom"
+    >
+      <h1 class="font-bold">菜单设置</h1>
+      <div>
+        <ElButton type="success">添加</ElButton>
+        <ElButton type="primary" @click="() => requesetMenulist()"
+          >刷新</ElButton
+        >
+      </div>
+    </div>
+
+    <ElTree
+      lazy
+      :load="handleLoad"
+      node-key="id"
+      ref="treeRef"
+      :data="data"
+      v-loading="loading"
+      :default-expanded-keys="expandedKeys"
+      :props="defaultProps"
+    >
+      <template #="{ node, data }">
+        <!-- 操作按钮 -->
+        <div class="mobile-tree-node" v-if="data.action_name">
+          <p>{{ data.action_name }}</p>
+          <div>
+            <ElButton
+              v-for="btn in createActionButtons(data.status).slice(1)"
+              size="small"
+              plain
+              :type="btn.type"
+              :key="btn.action"
+              @click="event => handleAction(event, btn.action, data, node)"
+              >{{ btn.label }}</ElButton
+            >
+          </div>
+        </div>
+
+        <!-- 菜单 -->
+        <div class="mobile-tree-node" v-else>
+          <p>{{ data.menu_name }}</p>
+          <div>
+            <ElButton
+              v-for="btn in createActionButtons(data.status)"
+              size="small"
+              plain
+              :type="btn.type"
+              :key="btn.action"
+              @click="event => handleAction(event, btn.action, data, node)"
+              >{{ btn.label }}</ElButton
+            >
+          </div>
+        </div>
+      </template>
+    </ElTree>
+
+    <ActionModal ref="actionModalRef" @node-update="handleUpdateTreeNode" />
+  </div>
+</template>
+
+<style lang="scss" scoped>
+:deep(.el-tree-node__label) {
+  flex: 1;
+}
+
+:deep(.el-tree-node__content) {
+  height: 35px;
+}
+
+.mobile-tree-node {
+  width: 100%;
+  display: flex;
+  justify-content: space-between;
+  padding-right: 15px;
+  align-items: center;
+}
+</style>

src/views/mobile/videos/config/content.config.ts

@@ -0,0 +1,62 @@
+import { isString } from "@pureadmin/utils";
+import { h } from "vue";
+import { ContentConfig } from "/@/components/PageContent";
+import { httpDelete, httpStatus, httpList } from "/@/api/mobile/videos";
+import { renderStatus } from "/@/utils/column-helper";
+import { STATUS_OPTIONS } from "/@/config/status";
+import { ElTag } from "element-plus";
+
+const columns = [
+  {
+    type: "selection",
+    width: 55,
+    hide: ({ checkList }) => !checkList.includes("勾选列")
+  },
+  {
+    prop: "id",
+    label: "ID",
+    width: "70px"
+  },
+  {
+    prop: "status",
+    label: "状态",
+    minWidth: "90px",
+    ...renderStatus(STATUS_OPTIONS)
+  },
+  {
+    prop: "video_name",
+    label: "视频名称",
+    minWidth: "250px"
+  },
+  {
+    prop: "remark",
+    label: "视频描述"
+  },
+
+  {
+    prop: "addtime",
+    label: "创建时间",
+    minWidth: "160px"
+  },
+
+  {
+    label: "操作",
+    fixed: "right",
+    width: 120,
+    slot: "operation"
+  }
+];
+const contentConfig: ContentConfig = {
+  title: "账号管理",
+  columns,
+  apis: {
+    httpAdd: true,
+    httpDelete,
+    httpStatus,
+    httpList,
+    httpUpdate: true
+  },
+  notPreview: false
+};
+
+export default contentConfig;

src/views/mobile/videos/config/modal.config.ts

@@ -0,0 +1,64 @@
+import { ModalConfig } from "/@/components/PageModal/src/types";
+import { isLicense } from "/@/utils/validate";
+
+const modalConfig: ModalConfig = {
+  title: "视频",
+  colLayout: { span: 24 },
+  itemStyle: {},
+  contact: "invoice_mobile",
+  formItems: [
+    {
+      field: "video_sn",
+      type: "input",
+      label: "视频编号",
+      isHidden: true,
+      labelWidth: "120px",
+      placeholder: "视频编号"
+    },
+
+    {
+      field: "nickname",
+      type: "input",
+      label: "视频名称",
+      labelWidth: "120px",
+      placeholder: "视频名称",
+      rules: [{ required: true, trigger: "change", message: "请输入视频名称" }]
+    },
+    {
+      field: "mobile",
+      type: "input",
+      label: "视频链接",
+      labelWidth: "120px",
+      placeholder: "视频链接",
+      rules: [{ required: true, trigger: "change", message: "请输入视频链接" }]
+    },
+    {
+      field: "remark",
+      type: "input",
+      label: "视频描述",
+      labelWidth: "120px",
+      placeholder: "视频描述",
+      rules: [{ required: true, trigger: "change", message: "请输入视频描述" }]
+    },
+    {
+      field: "video_img",
+      type: "img_upload",
+      label: "视频封面",
+      labelWidth: "120px",
+      placeholder: "视频封面",
+      rules: [
+        { required: true, trigger: "change", message: "请上传视频封面！" }
+      ]
+    },
+    {
+      field: "video_set",
+      type: "input",
+      label: "视频设置",
+      labelWidth: "120px",
+      isHidden: true,
+      placeholder: "视频设置"
+    }
+  ]
+};
+
+export default modalConfig;

src/views/mobile/videos/config/search.config.ts

@@ -0,0 +1,31 @@
+import { FormConfig } from "/@/components/PageSearch";
+import { STATUS_OPTIONS } from "/@/config/status";
+import { convertOptions } from "/@/utils/column-helper";
+
+const searchFormConfig: FormConfig = {
+  formItems: [
+    {
+      field: "status",
+      type: "select",
+      placeholder: "视频状态",
+      options: convertOptions(STATUS_OPTIONS)
+    },
+    {
+      field: "video_name",
+      type: "input",
+      placeholder: "视频名称"
+    },
+    {
+      field: "video_url",
+      type: "input",
+      placeholder: "视频地址"
+    },
+    {
+      field: "video_sn",
+      type: "input",
+      placeholder: "视频编号"
+    }
+  ]
+};
+
+export default searchFormConfig;

src/views/mobile/videos/index.vue

@@ -0,0 +1,53 @@
+<script setup lang="ts">
+import { usePageSearch } from "/@/components/PageSearch";
+import searchConfig from "./config/search.config";
+import contentConfig from "./config/content.config";
+import PageAuth from "/@/components/PageAuth";
+import { PageModal, usePageModal } from "/@/components/PageModal";
+import modalConfig from "./config/modal.config";
+import { useRouter } from "vue-router";
+import PageContainer, {
+  type Events,
+  type Hooks
+} from "/@/components/PageContainer";
+
+const pageName = "videos";
+const basePath = "/sellOut/projectDetail";
+// , handleResetClick, handleSearchClick
+const { pageContentRef } = usePageSearch();
+const { push } = useRouter();
+const hooks: Hooks = {
+  pageSearchHook: () => usePageSearch(undefined, undefined, searchConfig)
+};
+const {
+  pageModalRef,
+  // handleUpdateData,
+  handleCreateData,
+  handlePreviewData,
+  handleConfrim,
+  defaultInfo
+} = usePageModal({ pageContentRef });
+const events: Events = {
+  content: {
+    preview: row => handlePreviewData(row),
+    create: row => handleCreateData(row)
+  }
+};
+</script>
+
+<template>
+  <!-- <PageAuth :pageName="pageName"> -->
+  <PageContainer
+    :hooks="hooks"
+    :events="events"
+    :search-config="searchConfig"
+    :content-config="contentConfig"
+  />
+  <PageModal
+    ref="pageModalRef"
+    :modal-config="modalConfig"
+    :default-info="defaultInfo"
+    @confirm-btn-click="handleConfrim"
+  />
+  <!-- </PageAuth> -->
+</template>

src/views/parameter/card/config/content.config.ts

@@ -0,0 +1,75 @@
+import { httpAdd } from "/@/api/system/setBtn";
+import { h } from "vue";
+import { ContentConfig } from "/@/components/PageContent";
+import { httpList } from "/@/api/parameter/card";
+import { renderStatus } from "/@/utils/column-helper";
+import { STATUS_OPTIONS } from "/@/config/status";
+import { ElTag } from "element-plus";
+
+const columns = [
+  {
+    type: "selection",
+    width: 55,
+    hide: ({ checkList }) => !checkList.includes("勾选列")
+  },
+  {
+    prop: "nickname",
+    label: "真实姓名",
+    width: "110px"
+  },
+  {
+    prop: "role_name",
+    label: "角色名称",
+    width: "110px"
+  },
+  {
+    prop: "mobile",
+    label: "联系电话",
+    width: "180"
+  },
+  {
+    prop: "depart_info",
+    label: "所在部门",
+    width: "180",
+    cellRenderer({ row }) {
+      return h(ElTag, null, {
+        default: () =>
+          row.depart_info ? row.depart_info.map(item => item.join("/")) : "--"
+      });
+    }
+  },
+  {
+    prop: "email",
+    width: "180",
+    label: "邮箱"
+  },
+  {
+    prop: "status",
+    label: "状态",
+    width: "70px",
+    ...renderStatus(STATUS_OPTIONS)
+  },
+  {
+    prop: "addtime",
+    label: "创建时间",
+    sortable: true
+  },
+
+  {
+    label: "操作",
+    fixed: "right",
+    width: 60,
+    slot: "operation"
+  }
+];
+
+const contentConfig: ContentConfig = {
+  title: "账号管理",
+  columns,
+  apis: {
+    httpAdd: true,
+    httpList
+  }
+};
+
+export default contentConfig;

src/views/parameter/card/config/search.config.ts

@@ -0,0 +1,26 @@
+import { FormConfig } from "/@/components/PageSearch";
+import { STATUS_OPTIONS } from "/@/config/status";
+import { convertOptions } from "/@/utils/column-helper";
+
+const searchFormConfig: FormConfig = {
+  formItems: [
+    {
+      field: "status",
+      type: "select",
+      placeholder: "账号状态",
+      options: convertOptions(STATUS_OPTIONS)
+    },
+    {
+      field: "name",
+      type: "input",
+      placeholder: "业务员姓名"
+    },
+    {
+      field: "username",
+      type: "input",
+      placeholder: "手机号"
+    }
+  ]
+};
+
+export default searchFormConfig;

src/views/parameter/card/index.vue

@@ -0,0 +1,36 @@
+<script setup lang="ts">
+import { usePageSearch } from "/@/components/PageSearch";
+import searchConfig from "./config/search.config";
+import contentConfig from "./config/content.config";
+import PageContainer, {
+  type Events,
+  type Hooks
+} from "/@/components/PageContainer";
+import PageAuth from "/@/components/PageAuth";
+
+const pageName = "card";
+const basePath = "/interest/handoverDetail";
+const hooks: Hooks = {
+  pageSearchHook: () => usePageSearch(undefined, undefined, searchConfig)
+};
+const events: Events = {
+  content: {
+    preview: ({ id }) => push(`${basePath}?id=${id}`),
+    create: () => push(basePath),
+    // update: () => push(basePath),
+    // delete: () => push(basePath),
+    status: () => push(basePath)
+  }
+};
+</script>
+
+<template>
+  <!-- <PageAuth :pageName="pageName"> -->
+  <PageContainer
+    :hooks="hooks"
+    :events="events"
+    :search-config="searchConfig"
+    :content-config="contentConfig"
+  />
+  <!-- </PageAuth> -->
+</template>

src/views/parameter/company/config/content.config.ts

@@ -0,0 +1,73 @@
+import { h } from "vue";
+import { ContentConfig } from "/@/components/PageContent";
+import { httpList } from "/@/api/parameter/card";
+import { renderStatus } from "/@/utils/column-helper";
+import { STATUS_OPTIONS } from "/@/config/status";
+import { ElTag } from "element-plus";
+
+const columns = [
+  {
+    type: "selection",
+    width: 55,
+    hide: ({ checkList }) => !checkList.includes("勾选列")
+  },
+  {
+    prop: "nickname",
+    label: "真实姓名",
+    width: "110px"
+  },
+  {
+    prop: "role_name",
+    label: "角色名称",
+    width: "110px"
+  },
+  {
+    prop: "mobile",
+    label: "联系电话",
+    width: "180"
+  },
+  {
+    prop: "depart_info",
+    label: "所在部门",
+    width: "180",
+    cellRenderer({ row }) {
+      return h(ElTag, null, {
+        default: () =>
+          row.depart_info ? row.depart_info.map(item => item.join("/")) : "--"
+      });
+    }
+  },
+  {
+    prop: "email",
+    width: "180",
+    label: "邮箱"
+  },
+  {
+    prop: "status",
+    label: "状态",
+    width: "70px",
+    ...renderStatus(STATUS_OPTIONS)
+  },
+  {
+    prop: "addtime",
+    label: "创建时间",
+    sortable: true
+  },
+
+  {
+    label: "操作",
+    fixed: "right",
+    width: 60,
+    slot: "operation"
+  }
+];
+
+const contentConfig: ContentConfig = {
+  title: "账号管理",
+  columns,
+  apis: {
+    httpList
+  }
+};
+
+export default contentConfig;

src/views/parameter/company/config/search.config.ts

@@ -0,0 +1,26 @@
+import { FormConfig } from "/@/components/PageSearch";
+import { STATUS_OPTIONS } from "/@/config/status";
+import { convertOptions } from "/@/utils/column-helper";
+
+const searchFormConfig: FormConfig = {
+  formItems: [
+    {
+      field: "status",
+      type: "select",
+      placeholder: "账号状态",
+      options: convertOptions(STATUS_OPTIONS)
+    },
+    {
+      field: "name",
+      type: "input",
+      placeholder: "业务员姓名"
+    },
+    {
+      field: "username",
+      type: "input",
+      placeholder: "手机号"
+    }
+  ]
+};
+
+export default searchFormConfig;

src/views/parameter/company/index.vue

@@ -0,0 +1,23 @@
+<script setup lang="ts">
+import { usePageSearch } from "/@/components/PageSearch";
+import searchConfig from "./config/search.config";
+import contentConfig from "./config/content.config";
+import PageContainer, { type Hooks } from "/@/components/PageContainer";
+import PageAuth from "/@/components/PageAuth";
+
+const pageName = "card";
+
+const hooks: Hooks = {
+  pageSearchHook: () => usePageSearch(undefined, undefined, searchConfig)
+};
+</script>
+
+<template>
+  <PageAuth :pageName="pageName">
+    <PageContainer
+      :hooks="hooks"
+      :search-config="searchConfig"
+      :content-config="contentConfig"
+    />
+  </PageAuth>
+</template>

src/views/system/menuOperator/components/edit-dialog.vue

@@ -91,10 +91,21 @@ function show(node: any, id: string, isCreate: string) {
   currentNode.value = node;
   Object.keys(ruleForm.value).forEach(key => {
     if (key == "private") {
-      ruleForm.value[key] = isCreate === "create" ? "1" : node["private"] + "";
+      ruleForm.value[key] =
+        isCreate === "create"
+          ? "1"
+          : node["private"]
+          ? node["private"] + ""
+          : "";
     } else {
       ruleForm.value[key] =
-        isCreate === "create" ? initform[key] + "" : node[key] + "";
+        isCreate === "create"
+          ? initform[key]
+            ? initform[key] + ""
+            : ""
+          : node[key]
+          ? node[key] + ""
+          : "";
     }
   });
   if (id !== "" && isCreate === "create") {

src/views/system/menuOperator/types.ts

@@ -2,7 +2,7 @@ export interface menuType {
   addtime?: string;
   child?: any[];
   id?: string;
-  private?: number;
+  private?: string;
   menu_code?: string;
   menu_img?: string;
   menu_name?: string;
@@ -12,5 +12,5 @@ export interface menuType {
   pid?: string;
   status?: string;
   updatetime?: string;
-  weight?: number;
+  weight?: string;
 }

src/views/system/setBtn/config/content.config.ts

@@ -1,9 +1,14 @@
 import { h } from "vue";
 import { ContentConfig } from "/@/components/PageContent";
-import { httpList, httpAdd } from "/@/api/system/setBtn";
+import {
+  httpList,
+  httpAdd,
+  httpUpdate,
+  httpStatus,
+  httpDelete
+} from "/@/api/system/setBtn";
 import { renderStatus } from "/@/utils/column-helper";
 import { STATUS_OPTIONS } from "/@/config/status";
-import { ElTag } from "element-plus";
 
 const columns = [
   {
@@ -12,36 +17,14 @@ const columns = [
     hide: ({ checkList }) => !checkList.includes("勾选列")
   },
   {
-    prop: "nickname",
-    label: "真实姓名",
-    width: "110px"
+    prop: "action_name",
+    label: "按钮名称"
   },
   {
-    prop: "role_name",
-    label: "角色名称",
-    width: "110px"
-  },
-  {
-    prop: "mobile",
-    label: "联系电话",
-    width: "180"
-  },
-  {
-    prop: "depart_info",
-    label: "所在部门",
-    width: "180",
-    cellRenderer({ row }) {
-      return h(ElTag, null, {
-        default: () =>
-          row.depart_info ? row.depart_info.map(item => item.join("/")) : "--"
-      });
-    }
-  },
-  {
-    prop: "email",
-    width: "180",
-    label: "邮箱"
+    prop: "action_code",
+    label: "按钮编码"
   },
+
   {
     prop: "status",
     label: "状态",
@@ -50,14 +33,13 @@ const columns = [
   },
   {
     prop: "addtime",
-    label: "创建时间",
-    sortable: true
+    label: "创建时间"
   },
 
   {
     label: "操作",
     fixed: "right",
-    width: 60,
+    width: 160,
     slot: "operation"
   }
 ];
@@ -66,8 +48,11 @@ const contentConfig: ContentConfig = {
   title: "按钮管理",
   columns,
   apis: {
-    httpAdd: true,
-    httpList
+    httpAdd,
+    httpList,
+    httpUpdate,
+    httpStatus,
+    httpDelete
   }
 };
 

src/views/system/setBtn/config/modal.config.ts

@@ -1,15 +1,17 @@
 import { createOptions } from "../utils/create-options";
 import { ModalConfig } from "/@/components/PageModal/src/types";
+import { STATUS_OPTIONS } from "/@/config/status";
 const modalConfig: ModalConfig = {
   title: "按钮",
   colLayout: { span: 24 },
   itemStyle: {},
+  contact: "setBtn",
+  labelWidth: "100px",
   formItems: [
     {
       field: "action_code",
       type: "select",
       label: "按钮名称",
-      labelWidth: "120px",
       placeholder: "按钮名称",
       options: createOptions(),
       rules: [{ required: true, trigger: "change", message: "请选择按钮标识" }]
@@ -17,18 +19,8 @@ const modalConfig: ModalConfig = {
     {
       field: "status",
       type: "radio",
-      labelWidth: "120px",
       label: "按钮状态",
-      options: [
-        {
-          label: "启用",
-          value: "1"
-        },
-        {
-          label: "禁用",
-          value: "0"
-        }
-      ],
+      options: STATUS_OPTIONS,
       rules: [{ required: true, trigger: "change", message: "请选择按钮状态" }]
     }
   ]

src/views/system/setBtn/config/search.config.ts

@@ -1,24 +1,12 @@
 import { FormConfig } from "/@/components/PageSearch";
-import { STATUS_OPTIONS } from "/@/config/status";
-import { convertOptions } from "/@/utils/column-helper";
-
 const searchFormConfig: FormConfig = {
+  isHide: true,
   formItems: [
     {
-      field: "status",
-      type: "select",
-      placeholder: "账号状态",
-      options: convertOptions(STATUS_OPTIONS)
-    },
-    {
-      field: "name",
-      type: "input",
-      placeholder: "业务员姓名"
-    },
-    {
-      field: "username",
+      field: "menuid",
       type: "input",
-      placeholder: "手机号"
+      placeholder: "菜单ID",
+      isHidden: true
     }
   ]
 };

src/views/system/setBtn/index.vue

@@ -1,76 +1,79 @@
 <script setup lang="ts">
-import { usePageSearch } from "/@/components/PageSearch";
-import { ref, unref } from "vue";
+// import { usePageSearch } from "/@/components/PageSearch";
+import { ref, watch, watchEffect } from "vue";
 import TreeMenu from "./components/menu-tree.vue";
-// import { PageModal, usePageModal } from "/@/components/PageModal";
-// import { PageContent, PageContentInstance } from "/@/components/PageContent";
+import { PageModal, usePageModal } from "/@/components/PageModal";
 import contentConfig from "./config/content.config";
-// import modalConfig from "./config/modal.config";
-import { IMenuTree, MENU_TYPE } from "./types";
+import modalConfig from "./config/modal.config";
+import { PageContent } from "/@/components/PageContent";
+import { IMenuTree } from "./types";
 // import { btnList } from "/@/config/btnList";
-// import { usePermission } from "/@/hooks/usePermission";
-import PageContainer, { type Hooks } from "/@/components/PageContainer";
-import searchConfig from "./config/search.config";
+// import { usePermission PageContentInstance, } from "/@/hooks/usePermission";
+// import searchConfig from "./config/search.config";
+import type { PageContentInstance } from "/@/components/PageContent";
+const pageContentRef = ref<PageContentInstance | null>(null);
 const menuid = ref("");
-// const pageContentRef = ref<PageContentInstance>(null);
 const pageName = "setBtn";
-// const {
-//   pageModalRef,
-//   handleCreateData,
-//   handlePreviewData,
-//   handleUpdateData,
-//   handleConfrim,
-//   defaultInfo
-// } = usePageModal({
-//   pageContentRef,
-//   confirmCallback: ({ action_code }) => ({
-//     menuid: unref(menuid),
-//     action_name: btnList.find(b => b.code === action_code)?.name
-//   })
-// });
+const {
+  pageModalRef,
+  // handleUpdateData,
+  handleCreateData,
+  handlePreviewData,
+  handleConfrim,
+  defaultInfo
+} = usePageModal({
+  pageContentRef,
+  confirmCallback: () => ({ menuid: menuid.value })
+});
 
 //节点选择
 function handleTreeNodeSelect(node: IMenuTree) {
-  const { menu_type, id } = node;
-  const isPage = menu_type === MENU_TYPE.PAGE;
+  const { data } = node;
+  const { menu_type, id } = data;
+  const isPage = menu_type + "" === "2";
   if (!isPage) return;
   menuid.value = id;
-  // pageContentRef.value.getPageData({ id });
+  pageContentRef.value.getPageData({ menuid: id });
 }
 
 //初始化table
 function initTableData(id: string) {
   menuid.value = id;
-  // pageContentRef.value.getPageData({ id });
+  pageContentRef.value.getPageData({ menuid: id });
 }
-const hooks: Hooks = {
-  pageSearchHook: () => usePageSearch(undefined, undefined, searchConfig)
-};
-// usePermission("setBtn", "setBtn");
 </script>
 
 <template>
-  <!-- <PageAuth :pageName="pageName"> -->
-  <div class="main seBtn">
-    <el-row>
-      <el-col :span="5">
-        <TreeMenu
-          @tree-select-change="handleTreeNodeSelect"
-          @init-table-data="initTableData"
-      /></el-col>
-      <el-col :span="19" style="padding-left: 18px; background: transparent">
-        <PageContainer
-          :hooks="hooks"
-          :search-config="searchConfig"
-          :content-config="contentConfig"
-      /></el-col>
-    </el-row>
-    <!-- <PageModal
+  <PageAuth :pageName="pageName">
+    <div class="main seBtn">
+      <el-row>
+        <el-col :span="5">
+          <TreeMenu
+            @tree-select-change="handleTreeNodeSelect"
+            @init-table-data="initTableData"
+        /></el-col>
+        <el-col :span="19" style="padding-left: 18px; background: transparent">
+          <PageContent
+            ref="pageContentRef"
+            :content-config="contentConfig"
+            @create-btn-click="handleCreateData"
+          />
+          <!-- <PageContainer
+            ref="pageContentRef"
+            :hooks="hooks"
+            :events="events"
+            :search-config="searchConfig"
+            :content-config="contentConfig"
+            :getContentRef="ref => (contentRef = ref)"
+        /> -->
+        </el-col>
+      </el-row>
+      <PageModal
         ref="pageModalRef"
         :modal-config="modalConfig"
         :default-info="defaultInfo"
         @confirm-btn-click="handleConfrim"
-      /> -->
-  </div>
-  <!-- </PageAuth> -->
+      />
+    </div>
+  </PageAuth>
 </template>

src/views/system/setBtn/types.ts

@@ -1,15 +1,15 @@
 export interface IMenuTree {
-  id: string;
-  is_private: string;
-  is_show: string;
+  id: number | string;
+  is_private: number | string;
+  is_show: number | string;
   menu_img: string;
   menu_name: string;
   menu_route: string;
-  menu_type: "1" | "2";
+  menu_type: number | string;
   menu_url: string;
-  pid: string;
+  pid: number | string;
   status: string;
-  weight: string;
+  weight: number | string;
   children: Array<IMenuTree>;
 }