+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/src/components/CodeScanner.vue b/src/components/CodeScanner.vue
new file mode 100644
index 0000000..b7063e1
--- /dev/null
+++ b/src/components/CodeScanner.vue
@@ -0,0 +1,529 @@
+
+
+
+
+
+
+
+
diff --git a/src/components/CustomerProfileCard.vue b/src/components/CustomerProfileCard.vue
new file mode 100644
index 0000000..ec729fd
--- /dev/null
+++ b/src/components/CustomerProfileCard.vue
@@ -0,0 +1,130 @@
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/src/components/CustomerSelector.vue b/src/components/CustomerSelector.vue
new file mode 100644
index 0000000..165f008
--- /dev/null
+++ b/src/components/CustomerSelector.vue
@@ -0,0 +1,288 @@
+
+
+
+
+
+ 选择客户
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/src/components/PhotoField.vue b/src/components/PhotoField.vue
new file mode 100644
index 0000000..af7a6fe
--- /dev/null
+++ b/src/components/PhotoField.vue
@@ -0,0 +1,144 @@
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/src/components/PhotoScroller.vue b/src/components/PhotoScroller.vue
new file mode 100644
index 0000000..fabe38a
--- /dev/null
+++ b/src/components/PhotoScroller.vue
@@ -0,0 +1,206 @@
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/src/components/RegistrationEventRecordCalendar.vue b/src/components/RegistrationEventRecordCalendar.vue
new file mode 100644
index 0000000..9af4e88
--- /dev/null
+++ b/src/components/RegistrationEventRecordCalendar.vue
@@ -0,0 +1,425 @@
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ 正在加载登记日历
+
+
+
+
+
+
+ 该日暂无登记事件记录
+
+
+
+
+ 登记事件筛选
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/src/components/SegmentedSlider.vue b/src/components/SegmentedSlider.vue
new file mode 100644
index 0000000..e8701ca
--- /dev/null
+++ b/src/components/SegmentedSlider.vue
@@ -0,0 +1,186 @@
+
+
+
+
+
+
+
diff --git a/src/layout/MainLayout.vue b/src/layout/MainLayout.vue
new file mode 100644
index 0000000..2a67630
--- /dev/null
+++ b/src/layout/MainLayout.vue
@@ -0,0 +1,251 @@
+
+ 暂无可用登记事件
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/src/layout/RootLayout.vue b/src/layout/RootLayout.vue
new file mode 100644
index 0000000..dd020cb
--- /dev/null
+++ b/src/layout/RootLayout.vue
@@ -0,0 +1,20 @@
+
+
+
+
+
+
+
+
diff --git a/src/main.ts b/src/main.ts
new file mode 100644
index 0000000..eb7ba86
--- /dev/null
+++ b/src/main.ts
@@ -0,0 +1,77 @@
+import {createApp} from "vue";
+import {createPinia} from "pinia";
+import router from "@/router";
+import Root from "@/Root.vue";
+
+import "tdesign-mobile-vue/es/style/index.css";
+import "timi-web/style.css";
+import "timi-tdesign-mobile/style.css";
+import "vue-virtual-scroller/dist/vue-virtual-scroller.css";
+import "@/styles/tdesign-custom.css";
+import "@/styles/global.less";
+import {configureUserStore, type ApiResponse, Network, useUserStore, VCan, VRole} from "timi-web";
+import {Toast} from "tdesign-mobile-vue";
+
+export const pinia = createPinia();
+const apiBaseURL = import.meta.env.VITE_API_BASE_URL as string | undefined;
+
+if (apiBaseURL) {
+ Network.axios.defaults.baseURL = apiBaseURL;
+}
+
+configureUserStore({
+ storageKey: "gao-customer-h5:user"
+});
+
+Network.setGlobalRequestInterceptor((config: any) => {
+ const userStore = useUserStore(pinia);
+ if (apiBaseURL && !config.baseURL) {
+ config.baseURL = apiBaseURL;
+ }
+
+ config.headers.set({
+ "Accept-Language": "zh-CN"
+ });
+
+ if (userStore.token) {
+ config.headers.set({
+ "Token": userStore.token
+ });
+ }
+ return config;
+});
+async function bootstrap(): Promise
+
+
+
+
+
+
+
+
+ 登录
+
+
+
+
+
+
+
+
diff --git a/src/pages/customer/QuickEntryPage.vue b/src/pages/customer/QuickEntryPage.vue
new file mode 100644
index 0000000..8127b0a
--- /dev/null
+++ b/src/pages/customer/QuickEntryPage.vue
@@ -0,0 +1,576 @@
+
+
+
+
+ 糕
+
+ 糕店客户管理
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ 选择
+
+
+
+
+
+
+
+
+
+
+
+
+ 提交
+
+
+
+
+
+
+
+
+
+
+
+
+ 登记
+
+
+ 扫出编码
+
+
+
+
+
+
+ 登记事件
+ 暂无可用登记事件
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/src/pages/management/CustomerDetail.vue b/src/pages/management/CustomerDetail.vue
new file mode 100644
index 0000000..d3f643d
--- /dev/null
+++ b/src/pages/management/CustomerDetail.vue
@@ -0,0 +1,564 @@
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ 请选择客户后查看专属图表
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/src/pages/management/CustomerEdit.vue b/src/pages/management/CustomerEdit.vue
new file mode 100644
index 0000000..7789398
--- /dev/null
+++ b/src/pages/management/CustomerEdit.vue
@@ -0,0 +1,541 @@
+
+
+ 调理部位
+
+
+
+
+
+
+
+
+
+
+
+
+
+ 邀请客户
+
+
+
+
+
+
+
+ 删除
+
+ 暂无邀请客户
+
+
+ 删除客户
+
+ 编辑客户
+
+
+
+
+
+ 扫码添加邀请客户
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ 男
+ 女
+ 未知
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/src/pages/management/CustomerList.vue b/src/pages/management/CustomerList.vue
new file mode 100644
index 0000000..e6b12b1
--- /dev/null
+++ b/src/pages/management/CustomerList.vue
@@ -0,0 +1,374 @@
+
+
+
+
+
+
+ 选择
+
+
+
+
+
+
+
+ 调理部位
+
+
+
+
+ 客户总数：
+
+
+
+
+
+
+
+
+
+
diff --git a/src/pages/management/ManagementDataCharts.vue b/src/pages/management/ManagementDataCharts.vue
new file mode 100644
index 0000000..1d6d006
--- /dev/null
+++ b/src/pages/management/ManagementDataCharts.vue
@@ -0,0 +1,521 @@
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/src/pages/management/ManagementPassword.vue b/src/pages/management/ManagementPassword.vue
new file mode 100644
index 0000000..a004f49
--- /dev/null
+++ b/src/pages/management/ManagementPassword.vue
@@ -0,0 +1,98 @@
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ 保存
+
+
+
+
+
+
diff --git a/src/pages/management/ManagementProfile.vue b/src/pages/management/ManagementProfile.vue
new file mode 100644
index 0000000..25112a1
--- /dev/null
+++ b/src/pages/management/ManagementProfile.vue
@@ -0,0 +1,279 @@
+
+
+
+
+
+
+
+
+
+
+
+ 男
+ 女
+ 未知
+
+
+
+
+
+
+
+
+ 保存
+ 退出登录
+
+
+
+
+
+
diff --git a/src/pages/management/ManagementQrCode.vue b/src/pages/management/ManagementQrCode.vue
new file mode 100644
index 0000000..a492ca8
--- /dev/null
+++ b/src/pages/management/ManagementQrCode.vue
@@ -0,0 +1,360 @@
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/src/pages/management/ManagementSettings.vue b/src/pages/management/ManagementSettings.vue
new file mode 100644
index 0000000..668e651
--- /dev/null
+++ b/src/pages/management/ManagementSettings.vue
@@ -0,0 +1,146 @@
+
+
+
+ 预览
+ +
+
+
+
+
+
+
+ 打印
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/src/pages/management/PermissionEdit.vue b/src/pages/management/PermissionEdit.vue
new file mode 100644
index 0000000..3d1cece
--- /dev/null
+++ b/src/pages/management/PermissionEdit.vue
@@ -0,0 +1,100 @@
+
+
+
+
+
+
+
diff --git a/src/pages/management/PermissionList.vue b/src/pages/management/PermissionList.vue
new file mode 100644
index 0000000..7154015
--- /dev/null
+++ b/src/pages/management/PermissionList.vue
@@ -0,0 +1,115 @@
+
+
+
+
+
+
+
diff --git a/src/pages/management/PermissionSettings.vue b/src/pages/management/PermissionSettings.vue
new file mode 100644
index 0000000..386a0d6
--- /dev/null
+++ b/src/pages/management/PermissionSettings.vue
@@ -0,0 +1,114 @@
+
+
+
+
+
+
+
diff --git a/src/pages/management/RegistrationEventEdit.vue b/src/pages/management/RegistrationEventEdit.vue
new file mode 100644
index 0000000..c434964
--- /dev/null
+++ b/src/pages/management/RegistrationEventEdit.vue
@@ -0,0 +1,314 @@
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ 有效
+ 无效
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ 保存
+
+
+
+
+
+
diff --git a/src/pages/management/RegistrationEventList.vue b/src/pages/management/RegistrationEventList.vue
new file mode 100644
index 0000000..4cce3fd
--- /dev/null
+++ b/src/pages/management/RegistrationEventList.vue
@@ -0,0 +1,297 @@
+
+
+ 可登记角色
+ 未选择角色时不限制角色
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/src/pages/management/RegistrationEventRecordDetail.vue b/src/pages/management/RegistrationEventRecordDetail.vue
new file mode 100644
index 0000000..98dac8a
--- /dev/null
+++ b/src/pages/management/RegistrationEventRecordDetail.vue
@@ -0,0 +1,138 @@
+
+ 暂无登记事件
+
+
+
+
+
+
+
+
+
+
+
diff --git a/src/pages/management/RegistrationEventRecordEdit.vue b/src/pages/management/RegistrationEventRecordEdit.vue
new file mode 100644
index 0000000..459a796
--- /dev/null
+++ b/src/pages/management/RegistrationEventRecordEdit.vue
@@ -0,0 +1,630 @@
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ 选择
+
+
+
+
+
+
+
+
+
+ 当前客户暂无事件记录
+
+
+
+
+
+
+
+
+
+
+
+ 删除
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ 保存
+
+
+
+
+
+
diff --git a/src/pages/management/RoleList.vue b/src/pages/management/RoleList.vue
new file mode 100644
index 0000000..f554e64
--- /dev/null
+++ b/src/pages/management/RoleList.vue
@@ -0,0 +1,89 @@
+
+
+ 子角色
+ 父角色会继承子角色权限
+
+
+
+
+ 删除
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/src/pages/management/RolePermissionAssign.vue b/src/pages/management/RolePermissionAssign.vue
new file mode 100644
index 0000000..ddffb83
--- /dev/null
+++ b/src/pages/management/RolePermissionAssign.vue
@@ -0,0 +1,290 @@
+
+
+
+
+
+
+
diff --git a/src/pages/management/UserDetail.vue b/src/pages/management/UserDetail.vue
new file mode 100644
index 0000000..0bb6395
--- /dev/null
+++ b/src/pages/management/UserDetail.vue
@@ -0,0 +1,240 @@
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ 编辑用户
+
+
+
+
+
+
diff --git a/src/pages/management/UserEdit.vue b/src/pages/management/UserEdit.vue
new file mode 100644
index 0000000..13e3443
--- /dev/null
+++ b/src/pages/management/UserEdit.vue
@@ -0,0 +1,147 @@
+
+ 可登记事件
+
+
+ 未配置
+
+
+
+
+
+
+
+
+
+ 保存
+
+
+
+
+
+
diff --git a/src/pages/management/UserList.vue b/src/pages/management/UserList.vue
new file mode 100644
index 0000000..b2fab42
--- /dev/null
+++ b/src/pages/management/UserList.vue
@@ -0,0 +1,195 @@
+
+
+
+
+
+
+
+
+
+
+
diff --git a/src/pages/management/UserRoleAssign.vue b/src/pages/management/UserRoleAssign.vue
new file mode 100644
index 0000000..c8b4dc4
--- /dev/null
+++ b/src/pages/management/UserRoleAssign.vue
@@ -0,0 +1,241 @@
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ 保存授权
+
+
+
+
+
+
+
diff --git a/src/pages/tabs/CustomerTab.vue b/src/pages/tabs/CustomerTab.vue
new file mode 100644
index 0000000..d172a39
--- /dev/null
+++ b/src/pages/tabs/CustomerTab.vue
@@ -0,0 +1,129 @@
+
+
+
+
+
+
+
+
+
+
diff --git a/src/pages/tabs/ManagementTab.vue b/src/pages/tabs/ManagementTab.vue
new file mode 100644
index 0000000..f6e123d
--- /dev/null
+++ b/src/pages/tabs/ManagementTab.vue
@@ -0,0 +1,233 @@
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/src/router/index.ts b/src/router/index.ts
new file mode 100644
index 0000000..356b533
--- /dev/null
+++ b/src/router/index.ts
@@ -0,0 +1,108 @@
+import { createRouter, createWebHistory } from "vue-router";
+import RootLayout from "@/layout/RootLayout.vue";
+import MainLayout from "@/layout/MainLayout.vue";
+import Login from "@/pages/Login.vue";
+import chartRoutes from "@/router/routes/chartRoutes";
+import customerRoutes from "@/router/routes/customerRoutes";
+import { managementAccountRoutes, managementSettingRoutes } from "@/router/routes/managementRoutes";
+import permissionRoutes from "@/router/routes/permissionRoutes";
+import registrationRoutes from "@/router/routes/registrationRoutes";
+import tabRoutes from "@/router/routes/tabRoutes";
+import userRoutes from "@/router/routes/userRoutes";
+import { useGlobalUIStore } from "@/store/globalUI";
+import { useUserStore } from "timi-web";
+
+const detailRoutes = [
+ ...customerRoutes,
+ ...userRoutes,
+ ...registrationRoutes,
+ ...managementSettingRoutes,
+ ...permissionRoutes,
+ ...chartRoutes,
+ ...managementAccountRoutes
+];
+
+const router = createRouter({
+ history: createWebHistory("/"),
+ scrollBehavior(_to, _from, savedPosition) {
+ if (savedPosition) {
+ return savedPosition;
+ }
+
+ return {
+ left: 0,
+ top: 0
+ };
+ },
+ routes: [
+ {
+ path: "/",
+ component: RootLayout,
+ children: [
+ {
+ path: "",
+ redirect: "/customers"
+ },
+ {
+ path: "login",
+ name: "Login",
+ component: Login,
+ meta: {
+ depth: 1,
+ navBarVisible: false,
+ tabBarVisible: false,
+ bodyBackground: "#F5F5F8",
+ darkBodyBackground: "#10161f"
+ }
+ },
+ {
+ path: "",
+ component: MainLayout,
+ meta: {
+ depth: 1,
+ navBarVisible: false,
+ tabBarVisible: false,
+ bodyBackground: "#F5F5F8",
+ darkBodyBackground: "#10161f"
+ },
+ children: [
+ ...tabRoutes,
+ ...detailRoutes
+ ]
+ }
+ ]
+ },
+ {
+ path: "/:pathMatch(.*)*",
+ redirect: "/customers"
+ }
+ ]
+});
+
+router.beforeEach((to) => {
+ const userStore = useUserStore();
+ if (to.path === "/login") {
+ return userStore.isLogged() ? "/management" : true;
+ }
+
+ if (!userStore.isLogged()) {
+ return {
+ path: "/login",
+ query: {
+ redirect: to.fullPath
+ }
+ };
+ }
+
+ return true;
+});
+
+router.afterEach((to) => {
+ const globalUIStore = useGlobalUIStore();
+ const isDarkMode = globalUIStore.themeMode === "dark";
+ const fallbackBackground = isDarkMode ? "#10161f" : "#F5F5F8";
+ const targetBackground = isDarkMode ? to.meta.darkBodyBackground : to.meta.bodyBackground;
+ globalUIStore.setBodyBackground(typeof targetBackground === "string" ? targetBackground : fallbackBackground);
+});
+
+export default router;
diff --git a/src/router/routes/chartRoutes.ts b/src/router/routes/chartRoutes.ts
new file mode 100644
index 0000000..2c4ee56
--- /dev/null
+++ b/src/router/routes/chartRoutes.ts
@@ -0,0 +1,48 @@
+import type { RouteRecordRaw } from "vue-router";
+
+const chartRoutes: RouteRecordRaw[] = [
+ {
+ path: "/management/data-charts",
+ name: "ManagementDataCharts",
+ component: () => import("@/pages/management/ManagementDataCharts.vue"),
+ meta: {
+ depth: 3,
+ navBarVisible: true,
+ navBarCanBack: true,
+ navBarTitle: "全局数据图表",
+ tabBarVisible: false,
+ bodyBackground: "#F5F5F8",
+ darkBodyBackground: "#10161f"
+ }
+ },
+ {
+ path: "/management/customer-data-charts",
+ name: "CustomerDataCharts",
+ component: () => import("@/pages/management/CustomerDataCharts.vue"),
+ meta: {
+ depth: 3,
+ navBarVisible: true,
+ navBarCanBack: true,
+ navBarTitle: "客户数据图表",
+ tabBarVisible: false,
+ bodyBackground: "#F5F5F8",
+ darkBodyBackground: "#10161f"
+ }
+ },
+ {
+ path: "/management/customers/:id/data-charts",
+ name: "CustomerDataChartsFromCustomer",
+ component: () => import("@/pages/management/CustomerDataCharts.vue"),
+ meta: {
+ depth: 5,
+ navBarVisible: true,
+ navBarCanBack: true,
+ navBarTitle: "客户数据图表",
+ tabBarVisible: false,
+ bodyBackground: "#F5F5F8",
+ darkBodyBackground: "#10161f"
+ }
+ }
+];
+
+export default chartRoutes;
diff --git a/src/router/routes/customerRoutes.ts b/src/router/routes/customerRoutes.ts
new file mode 100644
index 0000000..e5313fb
--- /dev/null
+++ b/src/router/routes/customerRoutes.ts
@@ -0,0 +1,110 @@
+import type { RouteRecordRaw } from "vue-router";
+import QuickEntryPage from "@/pages/customer/QuickEntryPage.vue";
+import QuickSignInPage from "@/pages/customer/QuickSignInPage.vue";
+import RegistrationEventRecordEdit from "@/pages/management/RegistrationEventRecordEdit.vue";
+import CustomerList from "@/pages/management/CustomerList.vue";
+import CustomerDetail from "@/pages/management/CustomerDetail.vue";
+import CustomerEdit from "@/pages/management/CustomerEdit.vue";
+
+const customerRoutes: RouteRecordRaw[] = [
+ {
+ path: "/customer/quick-entry",
+ name: "QuickEntryPage",
+ component: QuickEntryPage,
+ meta: {
+ depth: 3,
+ navBarVisible: true,
+ navBarCanBack: true,
+ navBarTitle: "快速补录登记",
+ tabBarVisible: false,
+ bodyBackground: "#F5F5F8",
+ darkBodyBackground: "#10161f"
+ }
+ },
+ {
+ path: "/customer/quick-sign-in",
+ name: "QuickSignInPage",
+ component: QuickSignInPage,
+ meta: {
+ depth: 3,
+ navBarVisible: true,
+ navBarCanBack: true,
+ navBarTitle: "快速扫码登记",
+ tabBarVisible: false,
+ bodyBackground: "#F5F5F8",
+ darkBodyBackground: "#10161f"
+ }
+ },
+ {
+ path: "/customer/registration",
+ name: "CustomerRegistrationEventRecordCreate",
+ component: RegistrationEventRecordEdit,
+ meta: {
+ depth: 3,
+ navBarVisible: true,
+ navBarCanBack: true,
+ navBarTitle: "登记",
+ tabBarVisible: false,
+ bodyBackground: "#F5F5F8",
+ darkBodyBackground: "#10161f"
+ }
+ },
+ {
+ path: "/management/customers",
+ name: "CustomerList",
+ component: CustomerList,
+ meta: {
+ depth: 3,
+ navBarVisible: true,
+ navBarCanBack: true,
+ navBarTitle: "客户管理",
+ tabBarVisible: false,
+ bodyBackground: "#F5F5F8",
+ darkBodyBackground: "#10161f"
+ }
+ },
+ {
+ path: "/management/customers/create",
+ name: "CustomerCreate",
+ component: CustomerEdit,
+ meta: {
+ depth: 4,
+ navBarVisible: true,
+ navBarCanBack: true,
+ navBarTitle: "新增客户",
+ tabBarVisible: false,
+ bodyBackground: "#F5F5F8",
+ darkBodyBackground: "#10161f"
+ }
+ },
+ {
+ path: "/management/customers/:id",
+ name: "CustomerDetail",
+ component: CustomerDetail,
+ meta: {
+ depth: 4,
+ navBarVisible: true,
+ navBarCanBack: true,
+ navBarTitle: "客户详情",
+ tabBarVisible: false,
+ bodyBackground: "#F5F5F8",
+ darkBodyBackground: "#10161f"
+ }
+ },
+ {
+ path: "/management/customers/:id/edit",
+ name: "CustomerEdit",
+ component: CustomerEdit,
+ meta: {
+ depth: 5,
+ navBarVisible: true,
+ navBarCanBack: true,
+ navBarTitle: "编辑客户",
+ tabBarVisible: false,
+ bodyBackground: "#F5F5F8",
+ darkBodyBackground: "#10161f"
+ }
+ }
+];
+
+export default customerRoutes;
diff --git a/src/router/routes/managementRoutes.ts b/src/router/routes/managementRoutes.ts
new file mode 100644
index 0000000..56cd7f9
--- /dev/null
+++ b/src/router/routes/managementRoutes.ts
@@ -0,0 +1,74 @@
+import type { RouteRecordRaw } from "vue-router";
+import ManagementSettings from "@/pages/management/ManagementSettings.vue";
+import ManagementProfile from "@/pages/management/ManagementProfile.vue";
+import ManagementPassword from "@/pages/management/ManagementPassword.vue";
+import ManagementQrCode from "@/pages/management/ManagementQrCode.vue";
+
+export const managementSettingRoutes: RouteRecordRaw[] = [
+ {
+ path: "/management/settings",
+ name: "ManagementSettings",
+ component: ManagementSettings,
+ meta: {
+ depth: 3,
+ navBarVisible: true,
+ navBarCanBack: true,
+ navBarTitle: "应用设置",
+ tabBarVisible: false,
+ bodyBackground: "#F5F5F8",
+ darkBodyBackground: "#10161f"
+ }
+ }
+];
+
+export const managementAccountRoutes: RouteRecordRaw[] = [
+ {
+ path: "/management/profile",
+ name: "ManagementProfile",
+ component: ManagementProfile,
+ meta: {
+ depth: 3,
+ navBarVisible: true,
+ navBarCanBack: true,
+ navBarTitle: "当前用户",
+ tabBarVisible: false,
+ bodyBackground: "#F5F5F8",
+ darkBodyBackground: "#10161f"
+ }
+ },
+ {
+ path: "/management/profile/password",
+ name: "ManagementPassword",
+ component: ManagementPassword,
+ meta: {
+ depth: 4,
+ navBarVisible: true,
+ navBarCanBack: true,
+ navBarTitle: "修改密码",
+ tabBarVisible: false,
+ bodyBackground: "#F5F5F8",
+ darkBodyBackground: "#10161f"
+ }
+ },
+ {
+ path: "/management/qr-code",
+ name: "ManagementQrCode",
+ component: ManagementQrCode,
+ meta: {
+ depth: 3,
+ navBarVisible: true,
+ navBarCanBack: true,
+ navBarTitle: "生成二维码",
+ tabBarVisible: false,
+ bodyBackground: "#F5F5F8",
+ darkBodyBackground: "#10161f"
+ }
+ }
+];
+
+const managementRoutes: RouteRecordRaw[] = [
+ ...managementSettingRoutes,
+ ...managementAccountRoutes
+];
+
+export default managementRoutes;
diff --git a/src/router/routes/permissionRoutes.ts b/src/router/routes/permissionRoutes.ts
new file mode 100644
index 0000000..78c9aed
--- /dev/null
+++ b/src/router/routes/permissionRoutes.ts
@@ -0,0 +1,139 @@
+import type { RouteRecordRaw } from "vue-router";
+import PermissionSettings from "@/pages/management/PermissionSettings.vue";
+import RoleList from "@/pages/management/RoleList.vue";
+import RoleEdit from "@/pages/management/RoleEdit.vue";
+import PermissionList from "@/pages/management/PermissionList.vue";
+import PermissionEdit from "@/pages/management/PermissionEdit.vue";
+import RolePermissionAssign from "@/pages/management/RolePermissionAssign.vue";
+import UserRoleAssign from "@/pages/management/UserRoleAssign.vue";
+
+const permissionRoutes: RouteRecordRaw[] = [
+ {
+ path: "/management/permissions",
+ name: "PermissionSettings",
+ component: PermissionSettings,
+ meta: {
+ depth: 3,
+ navBarVisible: true,
+ navBarCanBack: true,
+ navBarTitle: "权限设置",
+ tabBarVisible: false,
+ bodyBackground: "#F5F5F8",
+ darkBodyBackground: "#10161f"
+ }
+ },
+ {
+ path: "/management/permissions/roles",
+ name: "RoleList",
+ component: RoleList,
+ meta: {
+ depth: 4,
+ navBarVisible: true,
+ navBarCanBack: true,
+ navBarTitle: "角色管理",
+ tabBarVisible: false,
+ bodyBackground: "#F5F5F8",
+ darkBodyBackground: "#10161f"
+ }
+ },
+ {
+ path: "/management/permissions/roles/create",
+ name: "RoleCreate",
+ component: RoleEdit,
+ meta: {
+ depth: 5,
+ navBarVisible: true,
+ navBarCanBack: true,
+ navBarTitle: "新增角色",
+ tabBarVisible: false,
+ bodyBackground: "#F5F5F8",
+ darkBodyBackground: "#10161f"
+ }
+ },
+ {
+ path: "/management/permissions/roles/:id",
+ name: "RoleEdit",
+ component: RoleEdit,
+ meta: {
+ depth: 5,
+ navBarVisible: true,
+ navBarCanBack: true,
+ navBarTitle: "编辑角色",
+ tabBarVisible: false,
+ bodyBackground: "#F5F5F8",
+ darkBodyBackground: "#10161f"
+ }
+ },
+ {
+ path: "/management/permissions/items",
+ name: "PermissionList",
+ component: PermissionList,
+ meta: {
+ depth: 4,
+ navBarVisible: true,
+ navBarCanBack: true,
+ navBarTitle: "权限管理",
+ tabBarVisible: false,
+ bodyBackground: "#F5F5F8",
+ darkBodyBackground: "#10161f"
+ }
+ },
+ {
+ path: "/management/permissions/items/create",
+ name: "PermissionCreate",
+ component: PermissionEdit,
+ meta: {
+ depth: 5,
+ navBarVisible: true,
+ navBarCanBack: true,
+ navBarTitle: "新增权限",
+ tabBarVisible: false,
+ bodyBackground: "#F5F5F8",
+ darkBodyBackground: "#10161f"
+ }
+ },
+ {
+ path: "/management/permissions/items/:id",
+ name: "PermissionEdit",
+ component: PermissionEdit,
+ meta: {
+ depth: 5,
+ navBarVisible: true,
+ navBarCanBack: true,
+ navBarTitle: "编辑权限",
+ tabBarVisible: false,
+ bodyBackground: "#F5F5F8",
+ darkBodyBackground: "#10161f"
+ }
+ },
+ {
+ path: "/management/permissions/assign",
+ name: "RolePermissionAssign",
+ component: RolePermissionAssign,
+ meta: {
+ depth: 4,
+ navBarVisible: true,
+ navBarCanBack: true,
+ navBarTitle: "角色授权权限",
+ tabBarVisible: false,
+ bodyBackground: "#F5F5F8",
+ darkBodyBackground: "#10161f"
+ }
+ },
+ {
+ path: "/management/permissions/user-roles",
+ name: "UserRoleAssign",
+ component: UserRoleAssign,
+ meta: {
+ depth: 4,
+ navBarVisible: true,
+ navBarCanBack: true,
+ navBarTitle: "用户授权角色",
+ tabBarVisible: false,
+ bodyBackground: "#F5F5F8",
+ darkBodyBackground: "#10161f"
+ }
+ }
+];
+
+export default permissionRoutes;
diff --git a/src/router/routes/registrationRoutes.ts b/src/router/routes/registrationRoutes.ts
new file mode 100644
index 0000000..94bd9c1
--- /dev/null
+++ b/src/router/routes/registrationRoutes.ts
@@ -0,0 +1,109 @@
+import type { RouteRecordRaw } from "vue-router";
+import RegistrationEventEdit from "@/pages/management/RegistrationEventEdit.vue";
+import RegistrationEventList from "@/pages/management/RegistrationEventList.vue";
+import RegistrationEventRecordDetail from "@/pages/management/RegistrationEventRecordDetail.vue";
+import RegistrationEventRecordEdit from "@/pages/management/RegistrationEventRecordEdit.vue";
+import RegistrationEventRecordList from "@/pages/management/RegistrationEventRecordList.vue";
+
+const registrationRoutes: RouteRecordRaw[] = [
+ {
+ path: "/management/registration-events",
+ name: "RegistrationEventList",
+ component: RegistrationEventList,
+ meta: {
+ depth: 3,
+ navBarVisible: true,
+ navBarCanBack: true,
+ navBarTitle: "登记事件管理",
+ tabBarVisible: false,
+ bodyBackground: "#F5F5F8",
+ darkBodyBackground: "#10161f"
+ }
+ },
+ {
+ path: "/management/registration-events/create",
+ name: "RegistrationEventCreate",
+ component: RegistrationEventEdit,
+ meta: {
+ depth: 4,
+ navBarVisible: true,
+ navBarCanBack: true,
+ navBarTitle: "新增登记事件",
+ tabBarVisible: false,
+ bodyBackground: "#F5F5F8",
+ darkBodyBackground: "#10161f"
+ }
+ },
+ {
+ path: "/management/registration-events/:id/edit",
+ name: "RegistrationEventEdit",
+ component: RegistrationEventEdit,
+ meta: {
+ depth: 4,
+ navBarVisible: true,
+ navBarCanBack: true,
+ navBarTitle: "编辑登记事件",
+ tabBarVisible: false,
+ bodyBackground: "#F5F5F8",
+ darkBodyBackground: "#10161f"
+ }
+ },
+ {
+ path: "/management/registration-event-records",
+ name: "RegistrationEventRecordList",
+ component: RegistrationEventRecordList,
+ meta: {
+ depth: 3,
+ navBarVisible: true,
+ navBarCanBack: true,
+ navBarTitle: "登记事件记录管理",
+ tabBarVisible: false,
+ bodyBackground: "#F5F5F8",
+ darkBodyBackground: "#10161f"
+ }
+ },
+ {
+ path: "/management/registration-event-records/create",
+ name: "RegistrationEventRecordCreate",
+ component: RegistrationEventRecordEdit,
+ meta: {
+ depth: 4,
+ navBarVisible: true,
+ navBarCanBack: true,
+ navBarTitle: "新增登记事件记录",
+ tabBarVisible: false,
+ bodyBackground: "#F5F5F8",
+ darkBodyBackground: "#10161f"
+ }
+ },
+ {
+ path: "/management/registration-event-records/:id",
+ name: "RegistrationEventRecordDetail",
+ component: RegistrationEventRecordDetail,
+ meta: {
+ depth: 4,
+ navBarVisible: true,
+ navBarCanBack: true,
+ navBarTitle: "登记事件记录详情",
+ tabBarVisible: false,
+ bodyBackground: "#F5F5F8",
+ darkBodyBackground: "#10161f"
+ }
+ },
+ {
+ path: "/management/registration-event-records/:id/edit",
+ name: "RegistrationEventRecordEdit",
+ component: RegistrationEventRecordEdit,
+ meta: {
+ depth: 5,
+ navBarVisible: true,
+ navBarCanBack: true,
+ navBarTitle: "编辑登记事件记录",
+ tabBarVisible: false,
+ bodyBackground: "#F5F5F8",
+ darkBodyBackground: "#10161f"
+ }
+ }
+];
+
+export default registrationRoutes;
diff --git a/src/router/routes/tabRoutes.ts b/src/router/routes/tabRoutes.ts
new file mode 100644
index 0000000..7981e89
--- /dev/null
+++ b/src/router/routes/tabRoutes.ts
@@ -0,0 +1,36 @@
+import type { RouteRecordRaw } from "vue-router";
+import CustomerTab from "@/pages/tabs/CustomerTab.vue";
+import ManagementTab from "@/pages/tabs/ManagementTab.vue";
+
+const tabRoutes: RouteRecordRaw[] = [
+ {
+ path: "/customers",
+ name: "CustomerTab",
+ component: CustomerTab,
+ meta: {
+ depth: 2,
+ navBarVisible: true,
+ navBarCanBack: false,
+ navBarTitle: "客户",
+ tabBarVisible: true,
+ bodyBackground: "#F5F5F8",
+ darkBodyBackground: "#10161f"
+ }
+ },
+ {
+ path: "/management",
+ name: "ManagementTab",
+ component: ManagementTab,
+ meta: {
+ depth: 2,
+ navBarVisible: true,
+ navBarCanBack: false,
+ navBarTitle: "管理",
+ tabBarVisible: true,
+ bodyBackground: "#F5F5F8",
+ darkBodyBackground: "#10161f"
+ }
+ }
+];
+
+export default tabRoutes;
diff --git a/src/router/routes/userRoutes.ts b/src/router/routes/userRoutes.ts
new file mode 100644
index 0000000..ac2c916
--- /dev/null
+++ b/src/router/routes/userRoutes.ts
@@ -0,0 +1,80 @@
+import type { RouteRecordRaw } from "vue-router";
+import UserList from "@/pages/management/UserList.vue";
+import UserDetail from "@/pages/management/UserDetail.vue";
+import UserEdit from "@/pages/management/UserEdit.vue";
+import UserRoleAssign from "@/pages/management/UserRoleAssign.vue";
+
+const userRoutes: RouteRecordRaw[] = [
+ {
+ path: "/management/users",
+ name: "UserList",
+ component: UserList,
+ meta: {
+ depth: 3,
+ navBarVisible: true,
+ navBarCanBack: true,
+ navBarTitle: "用户管理",
+ tabBarVisible: false,
+ bodyBackground: "#F5F5F8",
+ darkBodyBackground: "#10161f"
+ }
+ },
+ {
+ path: "/management/users/create",
+ name: "UserCreatePage",
+ component: UserEdit,
+ meta: {
+ depth: 4,
+ navBarVisible: true,
+ navBarCanBack: true,
+ navBarTitle: "新增用户",
+ tabBarVisible: false,
+ bodyBackground: "#F5F5F8",
+ darkBodyBackground: "#10161f"
+ }
+ },
+ {
+ path: "/management/users/:id",
+ name: "UserDetail",
+ component: UserDetail,
+ meta: {
+ depth: 4,
+ navBarVisible: true,
+ navBarCanBack: true,
+ navBarTitle: "用户详情",
+ tabBarVisible: false,
+ bodyBackground: "#F5F5F8",
+ darkBodyBackground: "#10161f"
+ }
+ },
+ {
+ path: "/management/users/:id/edit",
+ name: "UserEdit",
+ component: UserEdit,
+ meta: {
+ depth: 5,
+ navBarVisible: true,
+ navBarCanBack: true,
+ navBarTitle: "编辑用户",
+ tabBarVisible: false,
+ bodyBackground: "#F5F5F8",
+ darkBodyBackground: "#10161f"
+ }
+ },
+ {
+ path: "/management/users/:id/roles",
+ name: "UserRoleAssignFromUser",
+ component: UserRoleAssign,
+ meta: {
+ depth: 5,
+ navBarVisible: true,
+ navBarCanBack: true,
+ navBarTitle: "配置角色",
+ tabBarVisible: false,
+ bodyBackground: "#F5F5F8",
+ darkBodyBackground: "#10161f"
+ }
+ }
+];
+
+export default userRoutes;
diff --git a/src/store/globalUI.ts b/src/store/globalUI.ts
new file mode 100644
index 0000000..3867558
--- /dev/null
+++ b/src/store/globalUI.ts
@@ -0,0 +1,41 @@
+import type { Pinia } from "pinia";
+import { defineStore } from "pinia";
+
+export const DEFAULT_BODY_BACKGROUND = "#FFF";
+const THEME_STORAGE_KEY = "gao-customer-h5:theme-mode";
+
+export type ThemeMode = "light" | "dark" | "system";
+
+function readStoredThemeMode(): ThemeMode {
+ const rawValue = localStorage.getItem(THEME_STORAGE_KEY);
+ if (rawValue === "light" || rawValue === "dark" || rawValue === "system") {
+ return rawValue;
+ }
+
+ return "system";
+}
+
+const store = defineStore("globalUI", () => {
+ const bodyBackground = ref