diff --git a/.gitignore b/.gitignore new file mode 100644 index 0000000..8ee54e8 --- /dev/null +++ b/.gitignore @@ -0,0 +1,30 @@ +# Logs +logs +*.log +npm-debug.log* +yarn-debug.log* +yarn-error.log* +pnpm-debug.log* +lerna-debug.log* + +node_modules +.DS_Store +dist +dist-ssr +coverage +*.local + +/cypress/videos/ +/cypress/screenshots/ + +# Editor directories and files +.vscode/* +!.vscode/extensions.json +.idea +*.suo +*.ntvs* +*.njsproj +*.sln +*.sw? + +*.tsbuildinfo diff --git a/.vscode/extensions.json b/.vscode/extensions.json new file mode 100644 index 0000000..a7cea0b --- /dev/null +++ b/.vscode/extensions.json @@ -0,0 +1,3 @@ +{ + "recommendations": ["Vue.volar"] +} diff --git a/README.md b/README.md index e695f5c..b436c42 100644 --- a/README.md +++ b/README.md @@ -1,3 +1,266 @@ +<<<<<<< HEAD # local_alert -本地告警页面 \ No newline at end of file +本地告警页面 +======= +# alarm_managerment + +## Project Setup + +```sh +npm install +``` + +### Compile and Hot-Reload for Development + +```sh +npm run dev +``` + +### Type-Check, Compile and Minify for Production + +```sh +npm run build +``` + + + +## 依赖包 + +``` + "axios": "^1.7.3", + "echarts": "^5.5.1", + "element-plus": "^2.7.8", + "file-saver": "^2.0.5", + "http-proxy-middleware": "^3.0.0", + "jszip": "^3.10.1", + "qs": "^6.12.3", + "vue": "^3.4.29", + "vue-router": "^4.4.0" +``` + +> - axios:异步 +> - echarts:图标盘 +> - element-plus: 组件 +> - file-saver: 文件加载 +> - http-proxy-middleware: 请求跨域 +> - jszip:下载打包 +> - qs:静态资源请求 +> - vue:框架 +> - vue-router:路由 + + + + + +## 目录结构 + +``` +卷 文档 的文件夹 PATH 列表 +卷序列号为 8BA4-D80A +D:\JAVA\DEMO\TURING\ALARM\ALARM_DEV\ALARM_MANAGERMENT +│ .gitignore +│ dist.zip +│ env.d.ts +│ index.html +│ package-lock.json +│ package.json +│ README.md +│ tree.txt +│ tsconfig.app.json +│ tsconfig.json +│ tsconfig.node.json +│ vite.config.ts +│ vite.config.ts.timestamp-1722563872625-dafa6df9d3ee1.mjs +│ +├─.vscode +│ extensions.json +│ +├─dist +│ │ icon.ico +│ │ index.html +│ │ login-bg.jpg +│ │ logo.png +│ │ +│ └─assets +│ index-ChTHFsuW.css +│ index-DvIh3OSh.js +│ +├─node_modules +│ +├─public +│ icon.ico +│ login-bg.jpg +│ logo.png +│ +└─src + │ App.vue + │ main.ts + │ + ├─components + │ DemoPart.vue + │ Layout.vue + │ + ├─html + │ DeepFlow.vue + │ DemoToHK.vue + │ Flow.vue + │ Login.vue + │ PassFlow.vue + │ Point.vue + │ + ├─router + │ index.ts + │ + ├─static + │ login-bg.jpg + │ logo.png + │ + └─utils + axios-config.ts + misc.ts + store.ts + Superbox.ts + type.ts +``` + + + +## Src文件说明 + +### 目录分解 + +``` +└─src + │ App.vue + │ main.ts + │ + ├─components + │ DemoPart.vue + │ Layout.vue + │ + ├─html + │ DeepFlow.vue + │ DemoToHK.vue + │ Flow.vue + │ Login.vue + │ PassFlow.vue + │ Point.vue + │ + ├─router + │ index.ts + │ + ├─static + │ login-bg.jpg + │ logo.png + │ + └─utils + axios-config.ts + misc.ts + store.ts + Superbox.ts + type.ts +``` + + + +### 根目录 + +``` +└─src + │ App.vue + │ main.ts + ├─components + ├─html + ├─router + ├─static + └─utils +``` + +#### App.vue(关键) + +- 在index.html中可见 + +``` +
+``` + +> 页面的app为页面主体框架结构,所有组件仿照类似嵌套方式申明和使用,其下囊括页面布局的其他页面和子页面组件 +> 相当于整体布局的一个载体(根父组件) + +``` + +告警编号: {{ selectedRow.id }}
+告警类型: {{ typeMapping[selectedRow.types] }}
+告警位置: {{ selectedRow.camera.name }}
+告警时间: {{ selectedRow.formatted_started_at }}
+告警状态:
摄像头编号: {{ selectedRow.camera_id }}
+持续时间: {{ duration }}
+备注: {{ selectedRow.note }}
+告警关联视频
+ +告警关联图片
+