zsysview 0.0.6 → 0.0.8

package/core/httpapi/http_axios.ts

@@ -0,0 +1,54 @@
+import axios from 'axios'
+import {useTokenStore} from '../user_token'
+import type { HttpApiReturnData } from './http_api_return_data'
+import JSONbig from 'json-bigint';
+
+const store=useTokenStore()
+
+// let http_axios=axios
+let http_axios=axios.create({
+  transformResponse: [data => {
+    try {
+      // 使用 json-bigint 解析 JSON，它会自动处理大数字
+      return JSONbig.parse(data);
+    } catch (error) {
+      console.error('JSON parse error:', error);
+      throw error;
+    }
+    }],
+  transformRequest: [data => {
+      return JSONbig.stringify(data)
+    }],
+  // transformRequest: [(data) => {
+  //       return JSON.stringify(data, (_, value) => {
+  //           if (typeof value === 'bigint') {
+  //               return value.toString(); // 自动转换 BigInt
+  //           }
+  //           return value;
+  //       });
+  //   }],
+})
+// http_axios.defaults.baseURL='http://localhost:1788/'
+
+http_axios.interceptors.request.use(config=>{
+    console.log(store.token.value);
+    config.headers["authorization"]='Bearer '+store.token.value
+    return config
+})
+
+http_axios.interceptors.response.use(res=>{    
+    //登录信息错误,要求重新登录
+    let data=res.data as HttpApiReturnData
+    if(data.error_code==100){
+        store.saveToken('none')
+    }
+    //有token,保存
+    if (typeof res.headers["authorization"] !== 'undefined'){
+        store.saveToken(res.headers["authorization"])
+    }    
+    return res
+},err=>{
+    return Promise.reject(err)
+})
+
+export default http_axios

package/core/router copy.ts

@@ -0,0 +1,148 @@
+import { createRouter, createWebHistory } from 'vue-router/dist/vue-router.ts'//"vue-router"
+import { useTokenStore } from "./user_token"
+
+const routes = [
+	{
+		path: "/", //"/main"
+		redirect: '/main'
+		// component: () => import("../views/zsys_main/main.vue"),
+		// meta:{ requiresAuth: true},
+	},
+	{
+		path: "/test", //"/main"
+		component: () => import("../views/desktop/desktop.vue"),
+	},
+	{
+		path: "/main", //"/main"
+		component: () => import("../views/zsys_main/main.vue"),
+		meta: { requiresAuth: true, title: '主界面' },
+		children: [{
+			path: "/desktop",//首页
+			meta: { title: '首页' },
+			component: () => import("../views/desktop/desktop.vue"),
+		}, {
+			path: "/self",//个人中心
+			meta: { title: '个人中心' },
+			component: () => import("../views/zsys_main/zsys_self/self.vue"),
+		},
+		{
+			path: "/password",//修改密码
+			meta: { title: '修改密码' },
+			component: () => import("../views/zsys_main/zsys_self/change_password.vue"),
+		},
+		{
+			path: "/chart",
+			meta: { title: '数据看板' },
+			component: () => import("@/views/chart/chart.vue"),
+		}, {
+			path: "/eventgroup/event",
+			meta: { title: '事件' },
+			component: () => import("../views/event/event.vue"),
+		}, {
+			path: "/eventgroup/event_detail",
+			meta: { title: '事件详情' },
+			component: () => import("../views/event/event_detail.vue"),
+		},
+		{
+			path: "/eventgroup",
+			meta: { title: '事件管理' },
+			children: [{
+				path: "/user1",
+				meta: { title: '数据看板' },
+				component: () => import("@/views/chart/chart.vue"),
+			},
+			{
+				path: "/eventgroup/event",
+				meta: { title: '事件' },
+				component: () => import("../views/event/event.vue"),
+			}, {
+				path: "/eventgroup/event_detail",
+				meta: { title: '事件详情' },
+				component: () => import("../views/event/event_detail.vue"),
+			},]
+		},
+		{
+			path: "/engine",
+			meta: { title: '行为分析引擎' },
+			component: () => import("../views/engine/engine.vue"),
+		},
+		{
+			path: "/equipment",
+			meta: { title: '设备管理' },
+			component: () => import("../views/equipment/equipment.vue"),
+		},
+		{
+			path: "/area",
+			meta: { title: '区域管理' },
+			component: () => import("../views/area/area.vue"),
+		},
+		{
+			path: "/sys",//系统管理
+			meta: { title: '系统管理' },
+			//component: () => import("../views/zsys_main/zsys_self/self.vue"),
+			children: [{
+				path: "/user",
+				meta: { title: '用户管理' },
+				component: () => import("../views/zsys_main/zsys/user/user.vue"),
+			},
+			{
+				path: "/department",
+				meta: { title: '组织架构' },
+				component: () => import("@/views/zsys_main/zsys/department/department.vue"),
+			},
+			{
+				path: "/position",
+				meta: { title: '职务' },
+				component: () => import("../views/zsys_main/zsys/position/position.vue"),
+			},
+			{
+				path: "/role",
+				meta: { title: '角色权限' },
+				component: () => import("../views/zsys_main/zsys/role/role.vue"),
+			},
+			{
+				path: "/log",
+				meta: { title: '日志' },
+				component: () => import("../views/zsys_main/zsys/log/log.vue"),
+			},
+			{
+				path: "/backup",
+				meta: { title: '备份' },
+				component: () => import("../views/zsys_main/zsys/backup/backup.vue"),
+			},
+			{
+				path: "/maintenance",
+				meta: { title: '维护' },
+				component: () => import("@/views/zsys_main/zsys/maintenance/maintenance.vue"),
+			}]
+		}
+		]
+	},
+	{
+		path: "/login",
+		name: 'login',
+		component: () => import("../view/login.vue")
+	}
+]
+
+const router = createRouter({
+	history: createWebHistory(),
+	routes
+})
+
+router.beforeEach((to, _, next) => {
+	console.log('to', to.fullPath);
+	if (to.matched.some(r => r.meta?.requiresAuth)) {
+		let store = useTokenStore()
+		console.log('store.token.value', store.token.value);
+		if (!store.token.value || store.token.value == '') {
+			next({ name: 'login', query: { redirect: to.fullPath } })
+		} else {
+			next()
+		}
+	} else {
+		next()
+	}
+})
+
+export default router

package/core/router.ts

@@ -0,0 +1,149 @@
+import { createRouter, createWebHistory, type Router,type RouteRecordRaw } from "vue-router"
+import { useTokenStore } from "./user_token"
+
+const routes = [
+	{
+		path: "/", //"/main"
+		redirect: '/main'
+		// component: () => import("../views/zsys_main/main.vue"),
+		// meta:{ requiresAuth: true},
+	},
+	{
+		path: "/main", //"/main"
+		component: () => import("../view/main/main.vue"),
+		meta: { requiresAuth: true, title: '主界面' },
+		children: [
+			{
+				path: "/desktop",
+				meta: { title: '首页' },
+				component: () => import("../view/desktop/desktop.vue"),
+			},
+			{
+				path: "/self",//个人中心
+				meta: { title: '个人中心' },
+				component: () => import("../view/self/self.vue"),
+			},
+			{
+				path: "/password",//修改密码
+				meta: { title: '修改密码' },
+				component: () => import("../view/self/change_password.vue"),
+			},
+			{
+				path: "/sys",//系统管理
+				meta: { title: '系统管理' },
+				//component: () => import("../views/zsys_main/zsys_self/self.vue"),
+				children: [{
+					path: "/user",
+					meta: { title: '用户管理' },
+					component: () => import("../view/user/user.vue"),
+				},
+				{
+					path: "/department",
+					meta: { title: '组织架构' },
+					component: () => import("../view/department/department.vue"),
+				},
+				{
+					path: "/position",
+					meta: { title: '职务' },
+					component: () => import("../view/position/position.vue"),
+				},
+				{
+					path: "/role",
+					meta: { title: '角色权限' },
+					component: () => import("../view/role/role.vue"),
+				},
+				{
+					path: "/log",
+					meta: { title: '日志' },
+					component: () => import("../view/log/log.vue"),
+				},
+				{
+					path: "/backup",
+					meta: { title: '备份' },
+					component: () => import("../view/backup/backup.vue"),
+				},
+				{
+					path: "/sys",
+					meta: { title: '系统' },
+					component: () => import("../view/sys/sys.vue"),
+				}]
+			}
+		]
+	},
+	{
+		path: "/login",
+		name: 'login',
+		component: () => import("../view/login.vue")
+	}
+] as RouteRecordRaw[]
+
+const router = createRouter({
+	history: createWebHistory(),
+	routes
+})
+
+function addFrameRouter(r: RouteRecordRaw) {
+	try {
+    // 查找path为"/main"的路由
+    const mainRoute = routes.find(route => route.path === "/main");
+    
+    if (!mainRoute) {
+      console.error('未找到path为"/main"的路由');
+      return
+    }
+    
+    // 确保mainRoute有children数组
+    if (!mainRoute.children) {
+      mainRoute.children = [];
+    }
+    
+    // 检查是否已存在相同path的路由
+    const existingRouteIndex = mainRoute.children.findIndex(
+      child => child.path === r.path
+    );
+    
+    if (existingRouteIndex !== -1) {
+      // 如果已存在，替换该路由
+      mainRoute.children[existingRouteIndex] = r;
+      console.log(`已更新路由: ${r.path}`);
+    } else {
+      // 如果不存在，添加新路由
+      mainRoute.children.push(r);
+      console.log(`已添加新路由: ${r.path}`);
+    }
+    
+    // 重新创建router实例以确保路由更新生效
+    // 注意：在实际项目中可能需要更复杂的路由更新逻辑
+    // router.addRoute('main', r as RouteRecordRaw);
+    
+    return 1;
+  } catch (error) {
+    console.error('添加路由失败:', error);
+    return 0;
+  }
+}
+
+function initRouter(): Router {
+	return createRouter({
+		history: createWebHistory(),
+		routes
+	})
+}
+
+router.beforeEach((to, _, next) => {
+	console.log('to', to.fullPath);
+	if (to.matched.some(r => r.meta?.requiresAuth)) {
+		let store = useTokenStore()
+		console.log('store.token.value', store.token.value);
+		if (!store.token.value || store.token.value == '') {
+			next({ name: 'login', query: { redirect: to.fullPath } })
+		} else {
+			next()
+		}
+	} else {
+		next()
+	}
+})
+
+// export default router
+export { initRouter, addFrameRouter }

package/core/runtime.ts

@@ -0,0 +1,14 @@
+import type { App } from "vue";
+import { HttpApiV1 as http } from "./httpapi/http_api_v1";
+
+async function GetPublish(app:App){
+    let res=await http.Post(http.url_system_publish,{})
+    if(res.IsSuccess){
+        let data=res.data as {
+            app_name:string
+        }
+        app.config.globalProperties.$appName=data.app_name
+    }
+}
+
+export {GetPublish}

package/core/user_token.ts

@@ -0,0 +1,17 @@
+import { computed, ref } from "vue";
+import { defineStore } from "pinia";
+
+export const useTokenStore=defineStore("UseToken",()=>{
+    const token_data=ref("")
+    const token=computed(()=>{
+        return token_data
+    })
+    function saveToken(data:string){
+        token_data.value=data
+    }
+
+    return {token_data,token,saveToken}
+},{
+// 启用持久化
+    persist: true, 
+})

package/css/common.css

@@ -0,0 +1,16 @@
+#app {
+height: 100%; width: 100%;position: absolute;
+}
+
+body{
+    padding: 0px; margin: 0px;
+    /* background-image: url("/src/assets/zsys/login/bg.jpg"); */
+    /* background-size: 100% 100%;
+    background-position: revert; */
+    /* !!!background-size: cover; */
+    /* background-repeat: no-repeat; */
+}
+
+.main_btn{
+    width: 100px;
+}

package/package.json

@@ -1,12 +1,19 @@
 {
     "name": "zsysview",
-    "version": "0.0.6",
+    "version": "0.0.8",
     "description": "zsystem view",
     "author": {
         "name": "liuhaomiao"
     },
     "private": false,
     "dependencies": {
-        "element-plus": "^2.11.2"
+        "axios": "^1.12.2",
+        "element-plus": "^2.11.2",
+        "json-bigint": "^1.0.0",
+        "ts-md5": "^2.0.1",
+        "vue": "^3.5.18",
+        "vue-router": "^4.5.1",
+        "pinia": "^3.0.2",
+        "pinia-plugin-persistedstate": "^4.3.0"
     }
 }

package/view/app.vue

@@ -1,5 +1,4 @@
 <script setup lang="ts">
-// import HelloWorld from './components/HelloWorld.vue'
 </script>
 
 <template>