视频监控路由

monitorMobile/pages.json

@@ -30,6 +30,13 @@
 		]
 	},
 	"pages": [ //pages数组中第一项表示应用启动页，参考：https://uniapp.dcloud.io/collocation/pages
+		// 预警
+		{
+			"path": "pages/earlyWarning/index",
+			"style": {
+				"navigationStyle": "custom"
+			}
+		},
 		// 工作台
 		{
 			"path": "pages/work/index",
@@ -100,11 +107,11 @@
 		        "enablePullDownRefresh": false
 		    }
 		},
-		// 预警巡警
+		// 巡警
 		{
-			"path": "pages/earlyWarning/index",
+			"path": "pages/monitor/index",
 			"style": {
-				"navigationStyle": "custom"
+				"navigationBarTitleText": "监控管理"
 			}
 		},
 		{
@@ -125,12 +132,7 @@
 				"navigationBarTitleText": "处理结果"
 			}
 		},
-		{
-			"path": "pages/monitor/index",
-			"style": {
-				"navigationBarTitleText": "监控管理"
-			}
-		},
+
 		// 我的
 		{
 			"path": "pages/my/index",

monitorMobile/pages/monitor/index.vue

@@ -1,23 +1,23 @@
 <template>
 	<view class="inspectionCenter">
 		<view class="searchBox">
-			<view class="searchLine">
-				<view class="leftSearchBox">
-					<view class="searchLabel">
-						筛选条件:
-					</view>
-					<view class="searchValue">
-
-					</view>
-				</view>
-				<view class="searchShow" @click="openSearch">
-					<image v-show="isShowSearch==false" style="width:20px;height:20px;"
-						src="@/static/image/earlyWarning/screen.png" mode="">
+			<view class="searchLine" @click="openSearch">
+				<!-- <view class="searchShow"> -->
+				<view class="searchLabels">
+					<image v-show="isShowSearch==false" src="@/static/image/earlyWarning/group.png" mode="">
 					</image>
-					<image v-show="isShowSearch" style="width:20px;height:20px;"
-						src="@/static/image/earlyWarning/screenActive.png" mode="">
+					<image v-show="isShowSearch" src="@/static/image/earlyWarning/group2.png" mode="">
 					</image>
+					<text class="labels">选择分组</text>
+					<view class="values">一号楼/厨房</view>
 				</view>
+
+				<view class="arrow">
+					<image v-show="isShowSearch==false" src="@/static/image/earlyWarning/arrow1.png" mode="">
+					</image>
+					<image v-show="isShowSearch" src="@/static/image/earlyWarning/arrow2.png" mode=""></image>
+				</view>
+				<!-- </view> -->
 			</view>
 			<view @click="isShowSearch=false" class="searchDialog" v-if="isShowSearch">
 				<view class="content" @click.stop="isSelect">
@@ -346,11 +346,56 @@
 		.searchLine {
 			height: 88rpx;
 			display: flex;
-			justify-content: space-between;
 			align-items: center;
+			justify-content: space-between;
 			padding: 0 15px;
 			box-sizing: border-box;
 			background: #fff;
+			font-size: 28rpx;
+
+			.searchLabels {
+				display: flex;
+				align-items: center;
+				width: calc(100% - 34rpx);
+
+				image {
+					width: 40rpx;
+					height: 40rpx;
+					flex-shrink: 1;
+				}
+
+				.labels {
+					width: 120rpx;
+					display: block;
+					color: #333333;
+					margin-left: 10rpx;
+					flex-shrink: 1;
+				}
+
+				.values {
+					width: calc(100% - 40rpx - 120rpx);
+					color: #2388FF;
+					font-weight: 700;
+					margin-left: 18rpx;
+					overflow: hidden;
+					word-wrap: break-word;
+					white-space: pre-wrap;
+					display: -webkit-box;
+					-webkit-box-orient: vertical;
+					-webkit-line-clamp: 1;
+				}
+			}
+
+
+			.arrow {
+				// text-align: right;
+				// flex-shrink: 1;
+
+				image {
+					width: 34rpx;
+					height: 34rpx;
+				}
+			}
 
 			.leftSearchBox {
 				display: flex;
@@ -370,7 +415,6 @@
 					overflow: hidden;
 					word-wrap: break-word;
 					white-space: pre-wrap;
-					// font-size: 14px;
 					display: -webkit-box;
 					-webkit-box-orient: vertical;
 					-webkit-line-clamp: 1;
@@ -391,6 +435,7 @@
 				background: #FFFFFF;
 				padding: 15px;
 				box-sizing: border-box;
+				border-top: 1px solid rgba(0, 0, 0, 0.1);
 
 				.demo-layout {
 					height: 80rpx;
@@ -477,7 +522,7 @@
 					position: relative;
 
 					image {
-						width: 310rpx;
+						width: 300rpx;
 						height: 220rpx;
 						border-radius: 4px;
 					}
@@ -517,27 +562,6 @@
 							-webkit-box-orient: vertical;
 							-webkit-line-clamp: 1;
 						}
-
-						.statusBox {
-							width: 140rpx;
-							flex-shrink: 1;
-							text-align: center;
-							height: 50rpx;
-							line-height: 50rpx;
-							font-size: 28rpx;
-							border-radius: 8rpx;
-							color: #fff;
-						}
-
-						.handle {
-							background: rgba(15, 175, 118, 0.1);
-							color: #0FAF76;
-						}
-
-						.nohandle {
-							background: rgba(239, 45, 45, 0.1);
-							color: rgba(239, 45, 45, 1);
-						}
 					}
 
 					.secondCard,

monitorMobile/pages/work/index.vue

@@ -28,7 +28,7 @@
 				</view>
 				<image src="/static/image/work/passengerFlow.png" class="modeLogo" mode=""></image>
 			</view>
-			<view class="card" @click="NAV_TO('/pages/work/rollCall/index')">
+			<view class="card" @click="NAV_TO('/pages/monitor/index')">
 				<view class="title">监控管理</view>
 				<view class="des">查看监控管理情况</view>
 				<view class="imgBox">