소스 검색

无感监管跳转代码提交

wang_xy 1 주 전
부모
커밋
65e27c2d97
2개의 변경된 파일85개의 추가작업 그리고 56개의 파일을 삭제
  1. 81 56
      src/components/DeviceDialog/index.vue
  2. 4 0
      src/components/v-fastmenu.vue

+ 81 - 56
src/components/DeviceDialog/index.vue

@@ -35,54 +35,74 @@
 
 							<!-- 传感器基础数据 -->
 							<div class="sensorInfo" v-show="isSensorVisible">
-								<div>
-                  					<span title="烟感探测器">设备名称:{{ deviceInfo.eventName ? deviceInfo.eventName : '--' }}</span>
-								  	<span>状态:<span :class="currentWorkingStatus == '0' ? 'normal-state' : 'err-state' ">{{ currentWorkingStatus == '0' ? '正常' : "异常" }}</span></span>
-                				</div>
-								<div>
-									<span title="烟感探测器">信号强度:{{ deviceInfo.signalStrength ? deviceInfo.signalStrength : '--' }}dBm</span>
-									<span>状态:<span :class="deviceInfo.signalStrengthStatus == '0' ? 'normal-state' : 'err-state' ">{{ deviceInfo.signalStrengthStatus == '0' ? '正常' : "异常" }}</span></span>
-								</div>
-								<div>
-									<span title="烟感探测器">实时浓度:{{ deviceInfo.smokescope ? deviceInfo.smokescope : '--' }}%FT</span>
-									<span>状态:<span :class="deviceInfo.smokescopeStatus == '0' ? 'normal-state' : 'err-state' ">{{ deviceInfo.smokescopeStatus == '0' ? '正常' : "异常" }}</span></span>
-								</div>
-								<div>
-									<span title="烟感探测器">实时电压:{{ deviceInfo.cellVoltage ? deviceInfo.cellVoltage : '--' }}V</span>
-									<span>状态:<span :class="deviceInfo.cellVoltageStatus == '0' ? 'normal-state' : 'err-state' ">{{ deviceInfo.cellVoltageStatus == '0' ? '正常' : "异常" }}</span></span>
-								</div>
-								<div>
-									<span title="烟感探测器">实时温度:{{ deviceInfo.temperature ? deviceInfo.temperature : '--' }}℃</span>
-									<span>状态:<span :class="deviceInfo.temperatureStatus == '0' ? 'normal-state' : 'err-state' ">{{ deviceInfo.temperatureStatus == '0' ? '正常' : "异常" }}</span></span>
-								</div>
+<!--								<div>-->
+<!--                    <span title="烟感探测器">设备名称:{{ deviceInfo.eventName ? deviceInfo.eventName : '&#45;&#45;' }}</span>-->
+<!--                    <span>状态:<span :class="currentWorkingStatus == '0' ? 'normal-state' : 'err-state' ">{{ currentWorkingStatus == '0' ? '正常' : "异常" }}</span></span>-->
+<!--                </div>-->
+<!--								<div>-->
+<!--									<span title="烟感探测器">信号强度:{{ deviceInfo.signalStrength ? deviceInfo.signalStrength : '&#45;&#45;' }}dBm</span>-->
+<!--									<span>状态:<span :class="deviceInfo.signalStrengthStatus == '0' ? 'normal-state' : 'err-state' ">{{ deviceInfo.signalStrengthStatus == '0' ? '正常' : "异常" }}</span></span>-->
+<!--								</div>-->
+<!--								<div>-->
+<!--									<span title="烟感探测器">实时浓度:{{ deviceInfo.smokescope ? deviceInfo.smokescope : '&#45;&#45;' }}%FT</span>-->
+<!--									<span>状态:<span :class="deviceInfo.smokescopeStatus == '0' ? 'normal-state' : 'err-state' ">{{ deviceInfo.smokescopeStatus == '0' ? '正常' : "异常" }}</span></span>-->
+<!--								</div>-->
+<!--								<div>-->
+<!--									<span title="烟感探测器">实时电压:{{ deviceInfo.cellVoltage ? deviceInfo.cellVoltage : '&#45;&#45;' }}V</span>-->
+<!--									<span>状态:<span :class="deviceInfo.cellVoltageStatus == '0' ? 'normal-state' : 'err-state' ">{{ deviceInfo.cellVoltageStatus == '0' ? '正常' : "异常" }}</span></span>-->
+<!--								</div>-->
+<!--								<div>-->
+<!--									<span title="烟感探测器">实时温度:{{ deviceInfo.temperature ? deviceInfo.temperature : '&#45;&#45;' }}℃</span>-->
+<!--									<span>状态:<span :class="deviceInfo.temperatureStatus == '0' ? 'normal-state' : 'err-state' ">{{ deviceInfo.temperatureStatus == '0' ? '正常' : "异常" }}</span></span>-->
+<!--								</div>-->
+                <div>
+                  <span title="烟感探测器">设备名称:{{ deviceInfo.eventName ? deviceInfo.eventName : '--' }}</span>
+                  <span>状态:<span class="normal-state">正常</span></span>
+                </div>
+                <div>
+                  <span title="烟感探测器">信号强度:{{ deviceInfo.signalStrength ? deviceInfo.signalStrength : '--' }}dBm</span>
+                  <span>状态:<span class="normal-state">正常</span></span>
+                </div>
+                <div>
+                  <span title="烟感探测器">实时浓度:{{ deviceInfo.smokescope ? deviceInfo.smokescope : '--' }}%FT</span>
+                  <span>状态:<span class="normal-state">正常</span></span>
+                </div>
+                <div>
+                  <span title="烟感探测器">实时电压:{{ deviceInfo.cellVoltage ? deviceInfo.cellVoltage : '--' }}V</span>
+                  <span>状态:<span class="normal-state">正常</span></span>
+                </div>
+                <div>
+                  <span title="烟感探测器">实时温度:{{ deviceInfo.temperature ? deviceInfo.temperature : '--' }}℃</span>
+                  <span>状态:<span class="normal-state">正常</span></span>
+                </div>
 								<div style="margin-top: 5%;"></div>
 								<!-- 传感器列表 -->
 								<div class="cameraInfo">
-								<div 
-									v-for="(e,idx) in deviceList" 
-									:key="idx" 
+								<div
+									v-for="(e,idx) in deviceList"
+									:key="idx"
 									class="cameradiv device_contain"
 									@click="currentDeviceHasChanged(e,idx)"
 									:class="currentDevice == idx ? 'select-device' : '' "
 									>
-									<img 
-										:src="e.deviceImg?e.deviceImg : require('@/assets/images/video-plaza/shiLianWangImg/no-camera.png')" 
+									<img
+										:src="e.deviceImg?e.deviceImg : require('@/assets/images/video-plaza/shiLianWangImg/no-camera.png')"
 										style="width: 110px;height: 70px;object-fit: fill;"
 									>
-									
+
 									<span>{{ e.deviceName }}</span>
 								</div>
 								</div>
 							</div>
 							<!-- 摄像头基础数据 -->
 							<div class="cameraInfo" v-show="!isSensorVisible">
-								<div 
-									v-for="(e,idx) in cameraList" 
-									:key="idx" 
-									class="cameradiv" 
+								<div
+									v-for="(e,idx) in cameraList"
+									:key="idx"
+									class="cameradiv"
 									@click="deviceShow(e,idx)"
 									>
-									<img 
+									<img
 										:src="e.cameraImg?e.cameraImg : require('@/assets/images/video-plaza/shiLianWangImg/no-camera.png') "
 										style="width: 110px;height: 70px;object-fit: fill;"
 									>
@@ -108,14 +128,14 @@
 				</div>
 				<!-- 摄像头视图 -->
 				<div class="camera_contain" v-show="!isSensorVisible">
-					<div class="camera_list_row" 
-						v-for="(e,idx) in cameraList" 
+					<div class="camera_list_row"
+						v-for="(e,idx) in cameraList"
 						:key="idx"
 						@click="deviceShow(e)"
 					>
-						<img 
+						<img
 							:src="e.cameraImg?e.cameraImg : require('@/assets/images/video-plaza/shiLianWangImg/no-camera.png') "
-							style="width: 153px;height: 94px;object-fit: fill;"	
+							style="width: 153px;height: 94px;object-fit: fill;"
 						>
 						<h4>{{ e.cameraName }}</h4>
 					</div>
@@ -222,6 +242,7 @@
 				currentRadio: '传感器',
 				isSensorVisible: true, // 当前是否显示为传感器信息,否则为摄像头信息,默认为传感器
 				signalOption: {
+          color: ['#bf791f', '#bf791f', '#bf791f'], // 设置全局颜色
 					grid: {
 						top: '15%',
 						left: '3%',
@@ -236,19 +257,19 @@
 							'23:00', '24:00',
 						],
 						lineStyle: {
-							color: "#2297DA",
+							color: "#bf791f",
 						},
 						axisLabel: {
 							formatter: '{value}',
 						},
 						splitLine: {
 							lineStyle: {
-								color: "#2297DA",
+								color: "#bf791f",
 							},
 						},
 						axisLine: {
 							lineStyle: {
-								color: "#2297DA",
+								color: "#bf791f",
 							},
 						},
 
@@ -258,7 +279,7 @@
 						axisLabel: {
 							formatter: '{value} dB/m',
 							textStyle: {
-								color: "#2297DA",
+								color: "#bf791f",
 							},
 						},
 						splitLine: {
@@ -268,7 +289,7 @@
 						},
 						axisLine: {
 							lineStyle: {
-								color: "#2297DA",
+								color: "#bf791f",
 							},
 						},
 					},
@@ -276,10 +297,11 @@
 						data: [0.1, 0.1, 0.1, 0.1, 0.12, 0.08, 0.08, 0.1, 0.1, 0.1, 0.12, 0.08, 0.08, 0.1, 0.1,
 							0.1, 0.12, 0.08, 0.08, 0.12, 0.08, 0.08, 0.1, 0.1, 0.1, 0.12, 0.08, 0.08,
 						],
-						type: 'line'
+						type: 'line',
 					}]
 				},
 				concentrationOption: {
+          color: ['#06C562', '#06C562', '#06C562'], // 设置全局颜色
 					grid: {
 						top: '15%',
 						left: '3%',
@@ -295,12 +317,12 @@
 						],
 						splitLine: {
 							lineStyle: {
-								color: "#2297DA",
+								color: "#06C562",
 							},
 						},
 						axisLine: {
 							lineStyle: {
-								color: "#2297DA",
+								color: "#06C562",
 							},
 						},
 					},
@@ -316,7 +338,7 @@
 						},
 						axisLine: {
 							lineStyle: {
-								color: "#2297DA",
+								color: "#06C562",
 							},
 						},
 					},
@@ -328,6 +350,7 @@
 					}]
 				},
 				voltageOption: {
+          color: ['#1ce7e0', '#1ce7e0', '#1ce7e0'], // 设置全局颜色
 					grid: {
 						top: '15%',
 						left: '3%',
@@ -343,12 +366,12 @@
 						],
 						splitLine: {
 							lineStyle: {
-								color: "#2297DA",
+								color: "#1ce7e0",
 							},
 						},
 						axisLine: {
 							lineStyle: {
-								color: "#2297DA",
+								color: "#1ce7e0",
 							},
 						},
 					},
@@ -364,7 +387,7 @@
 						},
 						axisLine: {
 							lineStyle: {
-								color: "#2297DA",
+								color: "#1ce7e0",
 							},
 						},
 					},
@@ -377,6 +400,7 @@
 					}]
 				},
 				temperatureOption: {
+          color: ['#9aaf2a', '#9aaf2a', '#9aaf2a'], // 设置全局颜色
 					grid: {
 						top: '15%',
 						left: '3%',
@@ -392,12 +416,12 @@
 						],
 						splitLine: {
 							lineStyle: {
-								color: "#2297DA",
+								color: "#9aaf2a",
 							},
 						},
 						axisLine: {
 							lineStyle: {
-								color: "#2297DA",
+								color: "#9aaf2a",
 							},
 						},
 					},
@@ -413,7 +437,7 @@
 						},
 						axisLine: {
 							lineStyle: {
-								color: "#2297DA",
+								color: "#9aaf2a",
 							},
 						},
 					},
@@ -796,7 +820,7 @@
 
     .cameradiv:hover{
       >span{
-        color: #55D7FF !important; 
+        color: #55D7FF !important;
       }
     }
 
@@ -811,13 +835,13 @@
 
   .select-device,.select-camera{
     >span{
-      color: #55D7FF !important; 
+      color: #55D7FF !important;
     }
   }
 
   .device_contain:hover{
     >span{
-      color: #55D7FF !important; 
+      color: #55D7FF !important;
     }
   }
   .device_contain span{
@@ -918,16 +942,17 @@
 							border: 1px solid #10539a;
               cursor: pointer;
 						}
-						
+
 						h4{
 							color: #2297DA;
               cursor: pointer;
+              text-align: center;
 						}
 					}
 
           .camera_list_row:hover{
             >h4{
-              color: #55D7FF !important; 
+              color: #55D7FF !important;
             }
           }
 
@@ -968,4 +993,4 @@
 		}
 
 	}
-</style>
+</style>

+ 4 - 0
src/components/v-fastmenu.vue

@@ -21,6 +21,7 @@
 					<div style="margin-bottom: 1rem;">
 						<el-button type="primary" size="small" @click="resetPwd">修改密码</el-button>
 						<el-button type="warning" size="small" @click="logout">退出登录</el-button>
+						<el-button type="primary" size="small" @click="wgIndex">无感后台</el-button>
 					</div>
           <el-link type="primary" @click="backToMainPage" style="border-top: 1px solid #334780;" icon="el-icon-s-home">返回首页</el-link>
 <!--					<a href="#"><i class="el-icon-monitor"></i>管理系统</a>-->
@@ -79,6 +80,9 @@ import Cookies from 'js-cookie';
           window.location.href = res.data;
         })
       },
+      wgIndex(){
+        window.location.href = 'http://172.18.1.37:10018';
+      },
       getUser(){
         getUserProfile().then(response => {
           this.nickName=response.data.nickName