From 91cfc69b9239c0d9f30d46ef2a938be78d7bd145 Mon Sep 17 00:00:00 2001 From: "zyc@123456" <784479659@qq.com> Date: Thu, 25 May 2023 09:12:03 +0800 Subject: [PATCH] =?UTF-8?q?=E4=BF=AE=E6=94=B9=E9=A1=B5=E9=9D=A2=E4=BB=A3?= =?UTF-8?q?=E7=A0=81?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- src/views/dianzixungeng/dianzixungengL.vue | 238 ++++++++++-------- .../xiaofangbaojing/xiaofangbaojingL.vue | 234 ++++++++++------- 2 files changed, 278 insertions(+), 194 deletions(-) diff --git a/src/views/dianzixungeng/dianzixungengL.vue b/src/views/dianzixungeng/dianzixungengL.vue index e63312c..c84766d 100644 --- a/src/views/dianzixungeng/dianzixungengL.vue +++ b/src/views/dianzixungeng/dianzixungengL.vue @@ -49,108 +49,110 @@ --> -
- -
- -
-
-
-
-
-
-
-
-
-
-
-
- -
-
- -
-
-
-
- -
-

布防

-

撤防

-

报警确认

-

旁路

+
+
+ +
+ + +
+
+
+
+
+
+
+
+
+
+
+
+ +
+
+ +
+
+
+
+ +
+

布防

+

撤防

+

报警确认

+

旁路

+
-
- - -
-
- -
- -
- -
-

实时视频

-

回放视频

+ + +
+
+ +
+ +
+ +
+

实时视频

+

回放视频

+
+ +
+

设备名称：1号楼1F西侧走廊像机1

+

设备编号：HK023123

+

设备IP：192.168.1.2

+
- -
-

设备名称：1号楼1F西侧走廊像机1

-

设备编号：HK023123

-

设备IP：192.168.1.2

+ + +
+
+ +
+ +
+ +
+

开门

+
-
- - -
-
- -
- -
- -
-

开门

+ + +
+
+ +
+ +
+ +
+

布防

+

撤防

+

报警确认

+

旁路

+
+ +
- - -
-
- -
- -
- -
-

布防

-

撤防

-

报警确认

-

旁路

+ +
+ +
-
- - +
- -
- - -
-
-
@@ -579,15 +581,55 @@ export default { padding: 10px; } .tab-header{background-color: #fff;} - .shipinscon {margin: 20px 0 0 0; +.shipinscons {height: 95%;text-align: center; + margin: 20px auto 0; + text-align: center;position: relative; + padding: 20px 50px 20px 50px; + background-color: #fff;box-shadow:0px 0px 10px #E9E9E9;border-radius: 5px; +} +.shipinscon {width: 60%; + margin: 20px auto 0; + text-align: center;position: relative; + padding: 20px 50px 20px 50px; + +} +.shipinstu { + /* border:1px solid #0241c1; */ + position:absolute;left: 0; + margin: 0 auto;text-align: center; + + /* z-index: 0; + background: url("/image/cangkutu.png") center bottom no-repeat; + background-size: 100% 100%;min-height: 580px; + padding: 0 20px;position: relative; */ +} +.shipinstu img{margin: 0 auto;height: 550px;} +.shipinstu .ruqinbaojing{position:absolute;left: 0;top:0; + /* position:absolute; */ + /* border: #e20202 solid 2px; */ + width: 100%; + height: 100%; + /* float: left; + top:0; */ +} +.shipinstu .jingicon {cursor: pointer; + font-size: 22px !important; + border-radius: 40px !important; + width: 40px !important; + height: 40px !important;line-height: 40px; + padding: 0px;text-align: center; + + +} + /* .shipinscon {margin: 20px 0 0 0; padding: 20px 50px 20px 50px;background-color: #fff;box-shadow:0px 0px 10px #E9E9E9;border-radius: 5px; } .shipinstu {z-index: 0; background: url("/image/cangkutub.png") center bottom no-repeat; background-size: 100% 100%;min-height: 580px; padding: 0 20px;position: relative; -} -.shipinstu .jingicon {cursor: pointer; +} */ +/* .shipinstu .jingicon {cursor: pointer; font-size: 22px !important; border-radius: 40px !important; width: 40px !important; @@ -595,7 +637,7 @@ export default { padding: 0px;text-align: center; -} +} */ .redzibg { color: #fff; background: radial-gradient(circle, #8c0303, #e20202); diff --git a/src/views/xiaofangbaojing/xiaofangbaojingL.vue b/src/views/xiaofangbaojing/xiaofangbaojingL.vue index ad23739..903f3c7 100644 --- a/src/views/xiaofangbaojing/xiaofangbaojingL.vue +++ b/src/views/xiaofangbaojing/xiaofangbaojingL.vue @@ -49,108 +49,110 @@
-->
-
- -
- -
-
-
-
-
-
-
-
-
-
-
-
- - - -
-
-
-
- -
-

布防

-

撤防

-

报警确认

-

旁路

+
+
+ +
+ + +
+
+
+
+
+
+
+
+
+
+
+
+ + + +
+
+
+
+ +
+

布防

+

撤防

+

报警确认

+

旁路

+
-
- - -
-
- -
- -
- -
-

实时视频

-

回放视频

+ + +
+
+ +
+ +
+ +
+

实时视频

+

回放视频

+
+ +
+

设备名称：1号楼1F西侧走廊像机1

+

设备编号：HK023123

+

设备IP：192.168.1.2

+
- -
-

设备名称：1号楼1F西侧走廊像机1

-

设备编号：HK023123

-

设备IP：192.168.1.2

+ + +
+
+ +
+ +
+ +
+

开门

+
-
- - -
-
- -
- -
- -
-

开门

+ + +
+
+ +
+ +
+ +
+

布防

+

撤防

+

报警确认

+

旁路

+
+ +
- - -
-
- -
- -
- -
-

布防

-

撤防

-

报警确认

-

旁路

+ +
+ +
-
- - +
- -
- - -
-
-
@@ -579,7 +581,47 @@ export default { padding: 10px; } .tab-header{background-color: #fff;} - .shipinscon {margin: 20px 0 0 0; +.shipinscons {height: 95%;text-align: center; + margin: 20px auto 0; + text-align: center;position: relative; + padding: 20px 50px 20px 50px; + background-color: #fff;box-shadow:0px 0px 10px #E9E9E9;border-radius: 5px; +} +.shipinscon {width: 60%; + margin: 20px auto 0; + text-align: center;position: relative; + padding: 20px 50px 20px 50px; + +} +.shipinstu { + /* border:1px solid #0241c1; */ + position:absolute;left: 0; + margin: 0 auto;text-align: center; + + /* z-index: 0; + background: url("/image/cangkutu.png") center bottom no-repeat; + background-size: 100% 100%;min-height: 580px; + padding: 0 20px;position: relative; */ +} +.shipinstu img{margin: 0 auto;height: 550px;} +.shipinstu .ruqinbaojing{position:absolute;left: 0;top:0; + /* position:absolute; */ + /* border: #e20202 solid 2px; */ + width: 100%; + height: 100%; + /* float: left; + top:0; */ +} +.shipinstu .jingicon {cursor: pointer; + font-size: 22px !important; + border-radius: 40px !important; + width: 40px !important; + height: 40px !important;line-height: 40px; + padding: 0px;text-align: center; + + +} + /* .shipinscon {margin: 20px 0 0 0; padding: 20px 50px 20px 50px;background-color: #fff;box-shadow:0px 0px 10px #E9E9E9;border-radius: 5px; } .shipinstu {z-index: 0; @@ -595,7 +637,7 @@ export default { padding: 0px;text-align: center; -} +} */ .redzibg { color: #fff; background: radial-gradient(circle, #8c0303, #e20202);