zsysview 0.0.6 → 0.0.7

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,95 @@
+import { createRouter, createWebHistory } 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: "/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/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,16 @@
 {
     "name": "zsysview",
-    "version": "0.0.6",
+    "version": "0.0.7",
     "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"
     }
 }

package/view/app.vue

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

package/view/backup/backup.vue

@@ -0,0 +1,308 @@
+<template>
+  <breadcrumb />
+  <div style="padding: 0px 20px">
+    <el-tabs v-model="activeName">
+      <el-tab-pane label="备份记录" name="list">
+        <el-alert
+          title="如需还原备份点，请联系技术人员。"
+          type="info"
+          show-icon
+          :closable="false"
+          style="width: 450px"
+        />
+        <zsyslist :config="listconfig" module="backup" style="margin-top: 10px">
+          <template #headermain>
+            <el-button class="main_btn" type="primary" @click="startBackup"
+              >立即备份</el-button
+            >
+          </template>
+          <template #content>
+            <el-table-column prop="item_name" label="备份点" min-width="240" />
+            <el-table-column prop="size_desc" label="大小" width="200" />
+            <!-- <el-table-column label="操作" width="60">
+              <template #default="{ row }">
+                <el-space>
+                  <el-link type="primary">删除</el-link> -->
+                  <!-- <el-link type="primary"
+                                        @click="view.edit_id = BigInt(row.position_id); view.edit_dialog_show = true;">修改</el-link> -->
+                  <!-- <zsys_delbutton :id="BigInt(row.position_id)"
+                                        :api_url="HttpApiV1.url_position_del" /> -->
+                <!-- </el-space>
+              </template>
+            </el-table-column> -->
+          </template>
+        </zsyslist>
+      </el-tab-pane>
+      <el-tab-pane label="设置" name="setting">
+        <el-form label-width="100px" style="margin-top: 10px">
+          <el-form-item label="自动备份">
+            <el-switch v-model="form.auto" />
+          </el-form-item>
+          <div v-if="form.auto">
+            <el-form-item label="备份频次">
+              <el-space>
+                <el-select v-model="form.plan" style="width: 150px">
+                  <el-option label="每天" value="Everyday" />
+                  <el-option label="每周一" value="Monday" />
+                  <el-option label="每月第一天" value="FirstDayOfMonth" />
+                </el-select>
+                <el-select v-model="form.hour" style="width: 100px">
+                  <el-option label="00点" value="00" />
+                  <el-option label="01点" value="01" />
+                  <el-option label="02点" value="02" />
+                  <el-option label="03点" value="03" />
+                  <el-option label="04点" value="04" />
+                  <el-option label="05点" value="05" />
+                  <el-option label="06点" value="06" />
+                  <el-option label="07点" value="07" />
+                  <el-option label="08点" value="08" />
+                  <el-option label="09点" value="09" />
+                  <el-option label="10点" value="10" />
+                  <el-option label="11点" value="11" />
+                  <el-option label="12点" value="12" />
+                  <el-option label="13点" value="13" />
+                  <el-option label="14点" value="14" />
+                  <el-option label="15点" value="15" />
+                  <el-option label="16点" value="16" />
+                  <el-option label="17点" value="17" />
+                  <el-option label="18点" value="18" />
+                  <el-option label="19点" value="19" />
+                  <el-option label="20点" value="20" />
+                  <el-option label="21点" value="21" />
+                  <el-option label="22点" value="22" />
+                  <el-option label="23点" value="23" />
+                </el-select>
+                <el-select v-model="form.minute" style="width: 100px">
+                  <el-option label="00分" value="00" />
+                  <el-option label="15分" value="15" />
+                  <el-option label="30分" value="30" />
+                  <el-option label="45分" value="45" />
+                </el-select>
+              </el-space>
+            </el-form-item>
+            <el-form-item label="备份路径">
+              <el-space direction="vertical" :size="2" alignment="stretch">
+                <el-input style="width: 500px" />
+                <el-text type="info"
+                  >如果您使用的是物理主机，并且不具备磁盘阵列功能，强烈建议备份路径设置到第二个硬盘/U盘</el-text
+                >
+              </el-space>
+            </el-form-item>
+            <el-form-item label="保存选项">
+              <el-select v-model="form.keep" style="width: 200px">
+                <el-option label="保留最近20个备份" value="lastkeep20" />
+                <el-option label="保留最近10个备份" value="lastkeep10" />
+              </el-select>
+            </el-form-item>
+            <el-divider content-position="left" style="width: 400px"
+              >上传FTP</el-divider
+            >
+
+            <el-form-item label="启用/关闭">
+              <el-switch v-model="form.use_ftp" />
+              <el-text type="info" style="margin-left: 10px"
+                >上传FTP可以解决本机备份空间不足的问题</el-text
+              >
+            </el-form-item>
+            <div v-if="form.use_ftp">
+              <el-form-item label="FTP主机地址">
+                <el-space>
+                  <el-input v-model="form.f_host" style="width: 300px" />
+                  <el-text>端口</el-text>
+                  <el-input-number
+                    v-model="form.f_port"
+                    :min="1"
+                    :max="65535"
+                    :value-on-clear="21"
+                    style="width: 120px"
+                    controls-position="right"
+                  />
+                  <!-- <el-input v-model="form.f_port" style="width: 80px;" /> -->
+                </el-space>
+              </el-form-item>
+              <el-form-item label="FTP用户">
+                <el-input v-model="form.f_u" style="width: 200px" />
+              </el-form-item>
+              <el-form-item label="FTP密码">
+                <el-space direction="vertical" :size="2" alignment="stretch">
+                  <el-input
+                    v-model="form.f_p"
+                    type="password"
+                    style="width: 200px"
+                  />
+                  <el-text type="info"
+                    >这里不显示保存的密码，要修改时才输入</el-text
+                  >
+                </el-space>
+              </el-form-item>
+              <el-form-item label="FTP目录名">
+                <el-space direction="vertical" :size="2" alignment="stretch">
+                  <el-input v-model="form.f_path" style="width: 200px" />
+                  <el-text type="info"
+                    >多台机器备份到同一个FTP时可按目录名区分</el-text
+                  >
+                </el-space>
+              </el-form-item>
+              <el-form-item label="TLS">
+                <el-switch v-model="form.f_tls" />
+              </el-form-item>
+            </div>
+          </div>
+          <el-form-item>
+            <el-button type="primary" @click="saveConfig">应用设置</el-button>
+          </el-form-item>
+        </el-form>
+      </el-tab-pane>
+    </el-tabs>
+  </div>
+
+  <department_edit_dialog :id="view.edit_id" v-model="view.edit_dialog_show" />
+</template>
+
+<script setup lang="ts">
+import breadcrumb from "../main/breadcrumb.vue";
+import { ref, reactive, onMounted } from "vue";
+import { HttpApiV1 as http, HttpApiV1 } from "../../core/httpapi/http_api_v1";
+// import zsys_delbutton from "@/components/zsys/zsys_delbutton.vue";
+import zsyslist from "../../components/list/zsyslist.vue";
+import { type ListConfig } from "../../components/list/zsyslist.vue";
+// import { zsysEventBus } from "@/utils/zsys_eventBus";
+import { ZSYSMessage } from "../../components/message";
+
+const activeName = ref("list");
+
+// const eventBus = zsysEventBus();
+
+//============列表控件===========================
+const listconfig: ListConfig = reactive({
+  ApiUrl: HttpApiV1.url_backup_list,
+  QuickConditionsGroups: [],
+  HideBottomToolbar: true,
+});
+
+const view = reactive({
+  edit_id: BigInt(0),
+  edit_dialog_show: false,
+});
+
+interface BackupConfig {
+  auto: number;
+  plan: string;
+  hour: string;
+  minute: string;
+  path: string;
+  keep: string;
+  use_ftp: number;
+  f_host: string;
+  f_port: number;
+  f_u: string;
+  f_p: string;
+  f_path: string;
+  f_tls: number;
+}
+
+const form = reactive({
+  auto: true,
+  plan: "Everyday",
+  hour: "01",
+  minute: "00",
+  path: "",
+  keep: "keep20",
+  use_ftp: false,
+  f_host: "",
+  f_port: 21,
+  f_u: "",
+  f_p: "",
+  f_path: "",
+  f_tls: true,
+});
+
+const startBackup = async () => {
+  try {
+    let res = await http.Post(http.url_backup_start, {});
+    if (res.IsSuccess) {
+      ZSYSMessage.ShowSuccess("开始备份");
+    } else {
+      ZSYSMessage.ShowError(res.message);
+    }
+  } catch (e) {
+    console.log(e);
+    ZSYSMessage.ShowError("启动备份失败");
+  }
+};
+
+async function saveConfig() {
+  try {
+    let data = {
+      auto: form.auto ? 1 : 0,
+      plan: form.plan,
+      hour: form.hour,
+      minute: form.minute,
+      path: form.path,
+      keep: form.keep,
+      use_ftp: form.use_ftp ? 1 : 0,
+      f_host: form.f_host,
+      f_port: form.f_port,
+      f_u: form.f_u,
+      f_p: form.f_p,
+      f_path: form.f_path,
+      f_tls: form.f_tls ? 1 : 0,
+    };
+    let res = await http.Post(http.url_backup_config_save, data);
+    if (res.IsSuccess) {
+      ZSYSMessage.ShowSuccess("保存成功");
+    } else {
+      ZSYSMessage.ShowError(res.message);
+    }
+  } catch (e) {
+    console.log(e);
+    ZSYSMessage.ShowError("保存配置失败");
+  }
+}
+
+async function getConfig() {
+  try {
+    let res = await HttpApiV1.Post(HttpApiV1.url_backup_config_get, {});
+    if (res.IsSuccess) {
+      let data = res.data as BackupConfig;
+      form.auto = data.auto == 1 ? true : false;
+      form.plan = data.plan;
+      form.hour = data.hour;
+      form.minute = data.minute;
+      form.path = data.path;
+      form.keep = data.keep;
+      form.use_ftp = data.use_ftp == 1 ? true : false;
+      form.f_host = data.f_host;
+      form.f_port = data.f_port;
+      form.f_u = data.f_u;
+      form.f_p = data.f_p;
+      form.f_path = data.f_path;
+      form.f_tls = data.f_tls == 1 ? true : false;
+    } else {
+      ZSYSMessage.ShowError("获取备份配置失败");
+    }
+  } catch (e) {
+    ZSYSMessage.ShowError("获取备份配置失败");
+    console.log(e);
+  }
+}
+
+// //====基础
+onMounted(() => {
+  getConfig();
+  // eventBus.on('aud', aud_event);
+});
+
+// onUnmounted(() => {
+//     eventBus.off('aud', aud_event);
+// })
+
+// // 处理aud事件
+// const aud_event = (payload: { module: string, id: bigint }) => {
+//     if (payload.module = 'department') {
+//         getData()
+//     }
+// };
+</script>
+
+<style scoped></style>

package/view/building.vue

@@ -0,0 +1,22 @@
+<template>
+    <breadcrumb />
+    <div style="padding: 0px 20px; margin-top: 20px;">
+        <el-result icon="info" title="该功能开发中">
+        <template #sub-title>
+          <p>请期待</p>
+        </template>
+        <!-- <template #extra>
+          <el-button type="primary">Back</el-button>
+        </template> -->
+      </el-result>
+    </div>
+</template>
+
+<script setup lang="ts">
+import breadcrumb from './breadcrumb.vue';
+
+</script>
+
+<style scoped>
+
+</style>