From 409a39e871f747c8163c73ab2a63ab1d7ca49024 Mon Sep 17 00:00:00 2001
From: wwp <782568523@qq.com>
Date: Wed, 28 Aug 2024 16:26:51 +0800
Subject: [PATCH] =?UTF-8?q?=E9=A1=B5=E9=9D=A2=E6=9E=84=E5=BB=BA?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit
---
monitorMobile/components/tki-tree/style.css | 151 +++++
.../components/tki-tree/tki-tree.vue | 302 +++++++++
monitorMobile/pages.json | 6 +
.../components/inspectionCenter.vue | 4 +-
.../earlyWarning/components/warningInfo.vue | 369 ++++++-----
monitorMobile/pages/earlyWarning/detail.vue | 4 +
.../earlyWarning/handlingSuggestions.vue | 11 +
monitorMobile/pages/earlyWarning/index.vue | 63 +-
monitorMobile/pages/monitor/index.vue | 600 ++++++++++++++++++
.../static/image/earlyWarning/arrow1.png | Bin 0 -> 372 bytes
.../static/image/earlyWarning/arrow2.png | Bin 0 -> 355 bytes
.../static/image/earlyWarning/back.png | Bin 0 -> 208263 bytes
.../static/image/earlyWarning/logo.png | Bin 0 -> 6737 bytes
.../static/image/earlyWarning/screen.png | Bin 570 -> 641 bytes
14 files changed, 1276 insertions(+), 234 deletions(-)
create mode 100644 monitorMobile/components/tki-tree/style.css
create mode 100644 monitorMobile/components/tki-tree/tki-tree.vue
create mode 100644 monitorMobile/pages/monitor/index.vue
create mode 100644 monitorMobile/static/image/earlyWarning/arrow1.png
create mode 100644 monitorMobile/static/image/earlyWarning/arrow2.png
create mode 100644 monitorMobile/static/image/earlyWarning/back.png
create mode 100644 monitorMobile/static/image/earlyWarning/logo.png
diff --git a/monitorMobile/components/tki-tree/style.css b/monitorMobile/components/tki-tree/style.css
new file mode 100644
index 0000000..cb997b8
--- /dev/null
+++ b/monitorMobile/components/tki-tree/style.css
@@ -0,0 +1,151 @@
+.tki-tree-mask {
+ position: fixed;
+ top: 0rpx;
+ right: 0rpx;
+ bottom: 0rpx;
+ left: 0rpx;
+ z-index: 9998;
+ background-color: rgba(0, 0, 0, 0.6);
+ opacity: 0;
+ transition: all 0.3s ease;
+ visibility: hidden;
+}
+.tki-tree-mask.show {
+ visibility: visible;
+ opacity: 1;
+}
+.tki-tree-cnt {
+ position: fixed;
+ top: 0rpx;
+ right: 0rpx;
+ bottom: 0rpx;
+ left: 0rpx;
+ z-index: 9999;
+ top: 160rpx;
+ transition: all 0.3s ease;
+ transform: translateY(100%);
+}
+.tki-tree-cnt.show {
+ transform: translateY(0);
+}
+.tki-tree-bar {
+ background-color: #fff;
+ height: 72rpx;
+ padding-left: 20rpx;
+ padding-right: 20rpx;
+ display: flex;
+ justify-content: space-between;
+ align-items: center;
+ box-sizing: border-box;
+ border-bottom-width: 1rpx !important;
+ border-bottom-style: solid;
+ border-bottom-color: #f5f5f5;
+ font-size: 32rpx;
+ color: #757575;
+ line-height: 1;
+}
+.tki-tree-bar-confirm {
+ color: #07bb07;
+}
+.tki-tree-view {
+ position: absolute;
+ top: 0rpx;
+ right: 0rpx;
+ bottom: 0rpx;
+ left: 0rpx;
+ top: 72rpx;
+ background-color: #fff;
+ padding-top: 20rpx;
+ padding-right: 20rpx;
+ padding-bottom: 20rpx;
+ padding-left: 20rpx;
+}
+.tki-tree-view-sc {
+ height: 100%;
+ overflow: hidden;
+}
+.tki-tree-item {
+ display: flex;
+ justify-content: space-between;
+ align-items: center;
+ font-size: 26rpx;
+ color: #757575;
+ line-height: 1;
+ height: 0;
+ opacity: 0;
+ transition: 0.2s;
+ position: relative;
+ overflow: hidden;
+}
+.tki-tree-item.show {
+ height: 80rpx;
+ opacity: 1;
+}
+.tki-tree-item.showchild:before {
+ transform: rotate(90deg);
+}
+.tki-tree-item.last:before {
+ opacity: 0;
+}
+.tki-tree-icon {
+ width: 26rpx;
+ height: 26rpx;
+ margin-right: 8rpx;
+}
+.tki-tree-label {
+ flex: 1;
+ display: flex;
+ align-items: center;
+ height: 100%;
+ line-height: 1.2;
+}
+.tki-tree-check {
+ width: 40px;
+ height: 40px;
+ display: flex;
+ justify-content: center;
+ align-items: center;
+}
+.tki-tree-check-yes,
+.tki-tree-check-no {
+ width: 20px;
+ height: 20px;
+ border-top-left-radius: 20%;
+ border-top-right-radius: 20%;
+ border-bottom-right-radius: 20%;
+ border-bottom-left-radius: 20%;
+ border-top-width: 1rpx;
+ border-left-width: 1rpx;
+ border-bottom-width: 1rpx;
+ border-right-width: 1rpx;
+ border-style: solid;
+ border-color: #07bb07;
+ display: flex;
+ justify-content: center;
+ align-items: center;
+ box-sizing: border-box;
+}
+.tki-tree-check-yes-b {
+ width: 12px;
+ height: 12px;
+ border-top-left-radius: 20%;
+ border-top-right-radius: 20%;
+ border-bottom-right-radius: 20%;
+ border-bottom-left-radius: 20%;
+ background-color: #07bb07;
+}
+.tki-tree-check .radio {
+ border-top-left-radius: 50%;
+ border-top-right-radius: 50%;
+ border-bottom-right-radius: 50%;
+ border-bottom-left-radius: 50%;
+}
+.tki-tree-check .radio .tki-tree-check-yes-b {
+ border-top-left-radius: 50%;
+ border-top-right-radius: 50%;
+ border-bottom-right-radius: 50%;
+ border-bottom-left-radius: 50%;
+}
+.hover-c {
+ opacity: 0.6;
+}
diff --git a/monitorMobile/components/tki-tree/tki-tree.vue b/monitorMobile/components/tki-tree/tki-tree.vue
new file mode 100644
index 0000000..b3905f2
--- /dev/null
+++ b/monitorMobile/components/tki-tree/tki-tree.vue
@@ -0,0 +1,302 @@
+
+
+
+
+
+ 取消
+ {{title}}
+ 确定
+
+
+
+
+
+
+
+ {{item.name}}
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/monitorMobile/pages.json b/monitorMobile/pages.json
index 98047c7..b7c700b 100644
--- a/monitorMobile/pages.json
+++ b/monitorMobile/pages.json
@@ -128,6 +128,12 @@
"navigationBarTitleText": "处理结果"
}
},
+ {
+ "path": "pages/monitor/index",
+ "style": {
+ "navigationBarTitleText": "监控管理"
+ }
+ },
// 我的
{
"path": "pages/my/index",
diff --git a/monitorMobile/pages/earlyWarning/components/inspectionCenter.vue b/monitorMobile/pages/earlyWarning/components/inspectionCenter.vue
index bd6fb87..c62ce7d 100644
--- a/monitorMobile/pages/earlyWarning/components/inspectionCenter.vue
+++ b/monitorMobile/pages/earlyWarning/components/inspectionCenter.vue
@@ -460,7 +460,7 @@
padding: 10px;
box-sizing: border-box;
// height: 600px;
- padding-bottom: 50px;
+ padding-bottom: 30px;
.liBox {
@@ -547,7 +547,7 @@
margin-top: 18rpx;
.txt {
- font-size: 28rpx;
+ font-size: 26rpx;
color: #333333;
}
}
diff --git a/monitorMobile/pages/earlyWarning/components/warningInfo.vue b/monitorMobile/pages/earlyWarning/components/warningInfo.vue
index 2c00a03..7425049 100644
--- a/monitorMobile/pages/earlyWarning/components/warningInfo.vue
+++ b/monitorMobile/pages/earlyWarning/components/warningInfo.vue
@@ -2,14 +2,14 @@
-
+
@@ -17,6 +17,13 @@
+ 筛选
+ 周界入侵,未处理,2024-8-24 18:06:12 - 2024-8-24 18:06:12
+
+
+
+
+
@@ -85,88 +92,70 @@
+
-
-
- 学校名称学校名称学校名称学校名称
-
-
- {{item.warnHand == 1 ? '已处理' : '未处理'}}
-
-
-
-
-
- 警告类型:周界入侵
-
-
-
-
-
- 警告摄像头:厨房(良景)
-
-
+
+
+
+ 姓名:杨云
+
+
+
+
+ 系部:安环部
+
+
+
+
+
+
+ 专业:环艺
+
+
+
+
+ 班级:第二班
+
+
+
+
-
-
-
- 姓名:杨云
-
-
-
-
- 系部:安环部
-
-
-
-
-
-
- 专业:环艺
-
-
-
-
- 班级:第二班
-
-
-
-
-
-
- 时间:2024-08-15 11:59:12
-
-
-
-
-
-
-
+
+
- 查看
+ 警告类型:周界入侵
-
-
-
-
-
- 处理
+
+
+
+ 警告摄像头:厨房(良景)
-
-
+
+
+
+
+ 时间:2024-08-15 11:59:12
+
+
- 删除
+ 查看
@@ -175,12 +164,6 @@
-
-
- 是否确定删除该预警吗?
-
-
\ No newline at end of file
diff --git a/monitorMobile/pages/earlyWarning/index.vue b/monitorMobile/pages/earlyWarning/index.vue
index 1dce995..57e850d 100644
--- a/monitorMobile/pages/earlyWarning/index.vue
+++ b/monitorMobile/pages/earlyWarning/index.vue
@@ -2,23 +2,29 @@