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;