timi/gao-customer-h5
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

init project

Browse Source
This commit is contained in:
Timi
2026-08-01 18:01:23 +08:00
parent 286fa1ba56
commit 11c48bf00c
107 changed files with 19350 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/router/index.ts
+108
View File
@@ -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;
src/router/routes/chartRoutes.ts
+48
View File
@@ -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;
src/router/routes/customerRoutes.ts
+110
View File
@@ -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;
src/router/routes/managementRoutes.ts
+74
View File
@@ -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;
src/router/routes/permissionRoutes.ts
+139
View File
@@ -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;
src/router/routes/registrationRoutes.ts
+109
View File
@@ -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;
src/router/routes/tabRoutes.ts
+36
View File
@@ -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;
src/router/routes/userRoutes.ts
+80
View File
@@ -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;