添加后台管理框架雏形

frontend/src/store/permiss.ts

@@ -0,0 +1,22 @@
+import { defineStore } from 'pinia';
+import send_request from '../utils/send_request';
+
+interface ObjectList {
+	[key: string]: string[];
+}
+
+export const usePermissStore = defineStore('permiss', {
+	state: () => {
+		const keys = localStorage.getItem('ms_keys');
+		const defaultList = localStorage.getItem('ms_default_list');
+		return {
+			key: keys ? JSON.parse(keys) : <string[]>[],
+			defaultList: JSON.stringify(defaultList)
+		};
+	},
+	actions: {
+		handleSet(val: string[]) {
+			this.key = val;
+		}
+	}
+});

frontend/src/store/sidebar.ts

@@ -0,0 +1,15 @@
+import { defineStore } from 'pinia';
+
+export const useSidebarStore = defineStore('sidebar', {
+	state: () => {
+		return {
+			collapse: false
+		};
+	},
+	getters: {},
+	actions: {
+		handleCollapse() {
+			this.collapse = !this.collapse;
+		}
+	}
+});

frontend/src/store/tags.ts

@@ -0,0 +1,53 @@
+import { defineStore } from 'pinia';
+
+interface ListItem {
+	name: string;
+	path: string;
+	title: string;
+}
+
+export const useTagsStore = defineStore('tags', {
+	state: () => {
+		return {
+			list: <ListItem[]>[]
+		};
+	},
+	getters: {
+		show: state => {
+			return state.list.length > 0;
+		},
+		nameList: state => {
+			return state.list.map(item => item.name);
+		}
+	},
+	actions: {
+		delTagsItem(index: number) {
+			this.list.splice(index, 1);
+		},
+		setTagsItem(data: ListItem) {
+			this.list.push(data);
+		},
+		clearTags() {
+			this.list = [];
+		},
+		closeTagsOther(data: ListItem[]) {
+			this.list = data;
+		},
+		closeCurrentTag(data: any) {
+			for (let i = 0, len = this.list.length; i < len; i++) {
+				const item = this.list[i];
+				if (item.path === data.$route.fullPath) {
+					if (i < len - 1) {
+						data.$router.push(this.list[i + 1].path);
+					} else if (i > 0) {
+						data.$router.push(this.list[i - 1].path);
+					} else {
+						data.$router.push('/');
+					}
+					this.list.splice(i, 1);
+					break;
+				}
+			}
+		}
+	}
+});