yxq 3 weeks ago
parent
commit
061e888b93
7 changed files with 183 additions and 118 deletions
  1. +11
    -9
      monitorMobile/pages.json
  2. +62
    -38
      monitorMobile/pages/earlyWarning/components/inspectionCenter.vue
  3. +47
    -32
      monitorMobile/pages/earlyWarning/components/warningInfo.vue
  4. +62
    -38
      monitorMobile/pages/monitor/index.vue
  5. +1
    -1
      monitorMobile/pages/work/index.vue
  6. BIN
      monitorMobile/static/image/earlyWarning/group.png
  7. BIN
      monitorMobile/static/image/earlyWarning/group2.png

+ 11
- 9
monitorMobile/pages.json View File

@@ -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",


+ 62
- 38
monitorMobile/pages/earlyWarning/components/inspectionCenter.vue View File

@@ -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,


+ 47
- 32
monitorMobile/pages/earlyWarning/components/warningInfo.vue View File

@@ -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;


+ 62
- 38
monitorMobile/pages/monitor/index.vue View File

@@ -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
- 1
monitorMobile/pages/work/index.vue View File

@@ -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">


BIN
monitorMobile/static/image/earlyWarning/group.png View File

Before After
Width: 36  |  Height: 36  |  Size: 717 B

BIN
monitorMobile/static/image/earlyWarning/group2.png View File

Before After
Width: 36  |  Height: 36  |  Size: 736 B

Loading…
Cancel
Save