yxq vor 2 Monaten
Ursprung
Commit
061e888b93
7 geänderte Dateien mit 183 neuen und 118 gelöschten Zeilen
  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 Datei anzeigen

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


+ 62
- 38
monitorMobile/pages/earlyWarning/components/inspectionCenter.vue Datei anzeigen

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


+ 47
- 32
monitorMobile/pages/earlyWarning/components/warningInfo.vue Datei anzeigen

@@ -1,15 +1,7 @@
<template>
<view class="warningInfo">
<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">
<image v-show="isShowSearch==false" style="width:20px;height:20px;"
src="@/static/image/earlyWarning/screen.png" mode="">
@@ -25,6 +17,24 @@
<image v-show="isShowSearch" src="@/static/image/earlyWarning/arrow2.png" mode=""></image>
</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 @click="isShowSearch=false" class="searchDialog" v-if="isShowSearch">
<view class="content" @click.stop="isSelect">
@@ -352,28 +362,34 @@
.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;

.searchShow {
font-size: 28rpx;
.searchLabels {
display: flex;
align-items: center;
font-size: 28rpx;
width: 100%;

width: calc(100% - 34rpx);
image {
width: 40rpx;
height: 40rpx;
flex-shrink: 1;
}
.labels {
width: 90rpx;
width: 70rpx;
display: block;
color: #333333;
margin-left: 10rpx;
flex-shrink: 1;
}
.values {
// width: calc(100% - 30rpx - 34rpx);
width: calc(100% - 40rpx - 50rpx);
color: #2388FF;
font-weight: 700;
margin-left: 18rpx;
@@ -384,28 +400,30 @@
-webkit-box-orient: vertical;
-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 {
display: flex;
align-items: center;
width: calc(100% - 40px);
.searchLabel {
flex-shrink: 1;
color: #333333;
width: 80px;
}
.searchValue {
width: calc(100% - 60px);
margin-left: 10px;
@@ -413,7 +431,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;
@@ -429,8 +446,6 @@
height: calc(100vh - 375rpx - 60rpx);
font-size: 26rpx;
background: rgba(0, 0, 0, 0.2);


.content {
background: #FFFFFF;
padding: 15px;


+ 62
- 38
monitorMobile/pages/monitor/index.vue Datei anzeigen

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


+ 1
- 1
monitorMobile/pages/work/index.vue Datei anzeigen

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


BIN
monitorMobile/static/image/earlyWarning/group.png Datei anzeigen

Vorher Nachher
Breite: 36  |  Höhe: 36  |  Größe: 717 B

BIN
monitorMobile/static/image/earlyWarning/group2.png Datei anzeigen

Vorher Nachher
Breite: 36  |  Höhe: 36  |  Größe: 736 B

Laden…
Abbrechen
Speichern