@@ -30,6 +30,13 @@ | |||||
] | ] | ||||
}, | }, | ||||
"pages": [ //pages数组中第一项表示应用启动页,参考:https://uniapp.dcloud.io/collocation/pages | "pages": [ //pages数组中第一项表示应用启动页,参考:https://uniapp.dcloud.io/collocation/pages | ||||
// 预警 | |||||
{ | |||||
"path": "pages/earlyWarning/index", | |||||
"style": { | |||||
"navigationStyle": "custom" | |||||
} | |||||
}, | |||||
// 工作台 | // 工作台 | ||||
{ | { | ||||
"path": "pages/work/index", | "path": "pages/work/index", | ||||
@@ -100,11 +107,11 @@ | |||||
"enablePullDownRefresh": false | "enablePullDownRefresh": false | ||||
} | } | ||||
}, | }, | ||||
// 预警巡警 | |||||
// 巡警 | |||||
{ | { | ||||
"path": "pages/earlyWarning/index", | |||||
"path": "pages/monitor/index", | |||||
"style": { | "style": { | ||||
"navigationStyle": "custom" | |||||
"navigationBarTitleText": "监控管理" | |||||
} | } | ||||
}, | }, | ||||
{ | { | ||||
@@ -125,12 +132,7 @@ | |||||
"navigationBarTitleText": "处理结果" | "navigationBarTitleText": "处理结果" | ||||
} | } | ||||
}, | }, | ||||
{ | |||||
"path": "pages/monitor/index", | |||||
"style": { | |||||
"navigationBarTitleText": "监控管理" | |||||
} | |||||
}, | |||||
// 我的 | // 我的 | ||||
{ | { | ||||
"path": "pages/my/index", | "path": "pages/my/index", | ||||
@@ -1,23 +1,23 @@ | |||||
<template> | <template> | ||||
<view class="inspectionCenter"> | <view class="inspectionCenter"> | ||||
<view class="searchBox"> | <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> | ||||
<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> | </image> | ||||
<text class="labels">选择分组</text> | |||||
<view class="values">一号楼/厨房</view> | |||||
</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> | ||||
<view @click="isShowSearch=false" class="searchDialog" v-if="isShowSearch"> | <view @click="isShowSearch=false" class="searchDialog" v-if="isShowSearch"> | ||||
<view class="content" @click.stop="isSelect"> | <view class="content" @click.stop="isSelect"> | ||||
@@ -346,11 +346,56 @@ | |||||
.searchLine { | .searchLine { | ||||
height: 88rpx; | height: 88rpx; | ||||
display: flex; | display: flex; | ||||
justify-content: space-between; | |||||
align-items: center; | align-items: center; | ||||
justify-content: space-between; | |||||
padding: 0 15px; | padding: 0 15px; | ||||
box-sizing: border-box; | box-sizing: border-box; | ||||
background: #fff; | 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 { | .leftSearchBox { | ||||
display: flex; | display: flex; | ||||
@@ -370,7 +415,6 @@ | |||||
overflow: hidden; | overflow: hidden; | ||||
word-wrap: break-word; | word-wrap: break-word; | ||||
white-space: pre-wrap; | white-space: pre-wrap; | ||||
// font-size: 14px; | |||||
display: -webkit-box; | display: -webkit-box; | ||||
-webkit-box-orient: vertical; | -webkit-box-orient: vertical; | ||||
-webkit-line-clamp: 1; | -webkit-line-clamp: 1; | ||||
@@ -391,6 +435,7 @@ | |||||
background: #FFFFFF; | background: #FFFFFF; | ||||
padding: 15px; | padding: 15px; | ||||
box-sizing: border-box; | box-sizing: border-box; | ||||
border-top: 1px solid rgba(0, 0, 0, 0.1); | |||||
.demo-layout { | .demo-layout { | ||||
height: 80rpx; | height: 80rpx; | ||||
@@ -477,7 +522,7 @@ | |||||
position: relative; | position: relative; | ||||
image { | image { | ||||
width: 310rpx; | |||||
width: 300rpx; | |||||
height: 220rpx; | height: 220rpx; | ||||
border-radius: 4px; | border-radius: 4px; | ||||
} | } | ||||
@@ -517,27 +562,6 @@ | |||||
-webkit-box-orient: vertical; | -webkit-box-orient: vertical; | ||||
-webkit-line-clamp: 1; | -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, | .secondCard, | ||||
@@ -1,15 +1,7 @@ | |||||
<template> | <template> | ||||
<view class="warningInfo"> | <view class="warningInfo"> | ||||
<view class="searchBox"> | <view class="searchBox"> | ||||
<view class="searchLine"> | |||||
<!-- <view class="leftSearchBox"> | |||||
<view class="searchLabel"> | |||||
筛选条件: | |||||
</view> | |||||
<view class="searchValue"> | |||||
</view> | |||||
</view> --> | |||||
<!-- <view class="searchLine"> | |||||
<view class="searchShow" @click="openSearch"> | <view class="searchShow" @click="openSearch"> | ||||
<image v-show="isShowSearch==false" style="width:20px;height:20px;" | <image v-show="isShowSearch==false" style="width:20px;height:20px;" | ||||
src="@/static/image/earlyWarning/screen.png" mode=""> | src="@/static/image/earlyWarning/screen.png" mode=""> | ||||
@@ -25,6 +17,24 @@ | |||||
<image v-show="isShowSearch" src="@/static/image/earlyWarning/arrow2.png" mode=""></image> | <image v-show="isShowSearch" src="@/static/image/earlyWarning/arrow2.png" mode=""></image> | ||||
</view> | </view> | ||||
</view> | </view> | ||||
</view> --> | |||||
<view class="searchLine" @click="openSearch"> | |||||
<!-- <view class="searchShow"> --> | |||||
<view class="searchLabels"> | |||||
<image v-show="isShowSearch==false" src="@/static/image/earlyWarning/screen.png" mode=""> | |||||
</image> | |||||
<image v-show="isShowSearch" src="@/static/image/earlyWarning/screenActive.png" mode=""> | |||||
</image> | |||||
<text class="labels">筛选</text> | |||||
<view class="values">周界入侵,未处理,2024-8-24 18:06:12 - 2024-8-24 18:06:12</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> | ||||
<view @click="isShowSearch=false" class="searchDialog" v-if="isShowSearch"> | <view @click="isShowSearch=false" class="searchDialog" v-if="isShowSearch"> | ||||
<view class="content" @click.stop="isSelect"> | <view class="content" @click.stop="isSelect"> | ||||
@@ -352,28 +362,34 @@ | |||||
.searchLine { | .searchLine { | ||||
height: 88rpx; | height: 88rpx; | ||||
display: flex; | display: flex; | ||||
justify-content: space-between; | |||||
align-items: center; | align-items: center; | ||||
justify-content: space-between; | |||||
padding: 0 15px; | padding: 0 15px; | ||||
box-sizing: border-box; | box-sizing: border-box; | ||||
background: #fff; | background: #fff; | ||||
.searchShow { | |||||
font-size: 28rpx; | |||||
.searchLabels { | |||||
display: flex; | display: flex; | ||||
align-items: center; | align-items: center; | ||||
font-size: 28rpx; | |||||
width: 100%; | |||||
width: calc(100% - 34rpx); | |||||
image { | |||||
width: 40rpx; | |||||
height: 40rpx; | |||||
flex-shrink: 1; | |||||
} | |||||
.labels { | .labels { | ||||
width: 90rpx; | |||||
width: 70rpx; | |||||
display: block; | display: block; | ||||
color: #333333; | color: #333333; | ||||
margin-left: 10rpx; | margin-left: 10rpx; | ||||
flex-shrink: 1; | flex-shrink: 1; | ||||
} | } | ||||
.values { | .values { | ||||
// width: calc(100% - 30rpx - 34rpx); | |||||
width: calc(100% - 40rpx - 50rpx); | |||||
color: #2388FF; | color: #2388FF; | ||||
font-weight: 700; | font-weight: 700; | ||||
margin-left: 18rpx; | margin-left: 18rpx; | ||||
@@ -384,28 +400,30 @@ | |||||
-webkit-box-orient: vertical; | -webkit-box-orient: vertical; | ||||
-webkit-line-clamp: 1; | -webkit-line-clamp: 1; | ||||
} | } | ||||
.arrow { | |||||
text-align: right; | |||||
image { | |||||
width: 34rpx; | |||||
height: 34rpx; | |||||
} | |||||
} | |||||
.arrow { | |||||
// text-align: right; | |||||
// flex-shrink: 1; | |||||
image { | |||||
width: 34rpx; | |||||
height: 34rpx; | |||||
} | } | ||||
} | } | ||||
.leftSearchBox { | .leftSearchBox { | ||||
display: flex; | display: flex; | ||||
align-items: center; | align-items: center; | ||||
width: calc(100% - 40px); | width: calc(100% - 40px); | ||||
.searchLabel { | .searchLabel { | ||||
flex-shrink: 1; | flex-shrink: 1; | ||||
color: #333333; | color: #333333; | ||||
width: 80px; | width: 80px; | ||||
} | } | ||||
.searchValue { | .searchValue { | ||||
width: calc(100% - 60px); | width: calc(100% - 60px); | ||||
margin-left: 10px; | margin-left: 10px; | ||||
@@ -413,7 +431,6 @@ | |||||
overflow: hidden; | overflow: hidden; | ||||
word-wrap: break-word; | word-wrap: break-word; | ||||
white-space: pre-wrap; | white-space: pre-wrap; | ||||
// font-size: 14px; | |||||
display: -webkit-box; | display: -webkit-box; | ||||
-webkit-box-orient: vertical; | -webkit-box-orient: vertical; | ||||
-webkit-line-clamp: 1; | -webkit-line-clamp: 1; | ||||
@@ -429,8 +446,6 @@ | |||||
height: calc(100vh - 375rpx - 60rpx); | height: calc(100vh - 375rpx - 60rpx); | ||||
font-size: 26rpx; | font-size: 26rpx; | ||||
background: rgba(0, 0, 0, 0.2); | background: rgba(0, 0, 0, 0.2); | ||||
.content { | .content { | ||||
background: #FFFFFF; | background: #FFFFFF; | ||||
padding: 15px; | padding: 15px; | ||||
@@ -1,23 +1,23 @@ | |||||
<template> | <template> | ||||
<view class="inspectionCenter"> | <view class="inspectionCenter"> | ||||
<view class="searchBox"> | <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> | ||||
<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> | </image> | ||||
<text class="labels">选择分组</text> | |||||
<view class="values">一号楼/厨房</view> | |||||
</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> | ||||
<view @click="isShowSearch=false" class="searchDialog" v-if="isShowSearch"> | <view @click="isShowSearch=false" class="searchDialog" v-if="isShowSearch"> | ||||
<view class="content" @click.stop="isSelect"> | <view class="content" @click.stop="isSelect"> | ||||
@@ -346,11 +346,56 @@ | |||||
.searchLine { | .searchLine { | ||||
height: 88rpx; | height: 88rpx; | ||||
display: flex; | display: flex; | ||||
justify-content: space-between; | |||||
align-items: center; | align-items: center; | ||||
justify-content: space-between; | |||||
padding: 0 15px; | padding: 0 15px; | ||||
box-sizing: border-box; | box-sizing: border-box; | ||||
background: #fff; | 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 { | .leftSearchBox { | ||||
display: flex; | display: flex; | ||||
@@ -370,7 +415,6 @@ | |||||
overflow: hidden; | overflow: hidden; | ||||
word-wrap: break-word; | word-wrap: break-word; | ||||
white-space: pre-wrap; | white-space: pre-wrap; | ||||
// font-size: 14px; | |||||
display: -webkit-box; | display: -webkit-box; | ||||
-webkit-box-orient: vertical; | -webkit-box-orient: vertical; | ||||
-webkit-line-clamp: 1; | -webkit-line-clamp: 1; | ||||
@@ -391,6 +435,7 @@ | |||||
background: #FFFFFF; | background: #FFFFFF; | ||||
padding: 15px; | padding: 15px; | ||||
box-sizing: border-box; | box-sizing: border-box; | ||||
border-top: 1px solid rgba(0, 0, 0, 0.1); | |||||
.demo-layout { | .demo-layout { | ||||
height: 80rpx; | height: 80rpx; | ||||
@@ -477,7 +522,7 @@ | |||||
position: relative; | position: relative; | ||||
image { | image { | ||||
width: 310rpx; | |||||
width: 300rpx; | |||||
height: 220rpx; | height: 220rpx; | ||||
border-radius: 4px; | border-radius: 4px; | ||||
} | } | ||||
@@ -517,27 +562,6 @@ | |||||
-webkit-box-orient: vertical; | -webkit-box-orient: vertical; | ||||
-webkit-line-clamp: 1; | -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, | .secondCard, | ||||
@@ -28,7 +28,7 @@ | |||||
</view> | </view> | ||||
<image src="/static/image/work/passengerFlow.png" class="modeLogo" mode=""></image> | <image src="/static/image/work/passengerFlow.png" class="modeLogo" mode=""></image> | ||||
</view> | </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="title">监控管理</view> | ||||
<view class="des">查看监控管理情况</view> | <view class="des">查看监控管理情况</view> | ||||
<view class="imgBox"> | <view class="imgBox"> | ||||