yxq 2 months ago
parent
commit
1493d5ba41
6 changed files with 90 additions and 107 deletions
  1. +12
    -8
      monitorMobile/components/tki-tree/style.css
  2. +1
    -1
      monitorMobile/components/tki-tree/tki-tree.vue
  3. +48
    -13
      monitorMobile/pages/earlyWarning/components/warningInfo.vue
  4. +8
    -7
      monitorMobile/pages/earlyWarning/detail.vue
  5. +3
    -65
      monitorMobile/pages/monitor/index.vue
  6. +18
    -13
      monitorMobile/uni_modules/uni-datetime-picker/components/uni-datetime-picker/calendar.vue

+ 12
- 8
monitorMobile/components/tki-tree/style.css View File

@@ -108,16 +108,16 @@
} }
.tki-tree-check-yes, .tki-tree-check-yes,
.tki-tree-check-no { .tki-tree-check-no {
width: 20px;
height: 20px;
width: 18px;
height: 18px;
border-top-left-radius: 20%; border-top-left-radius: 20%;
border-top-right-radius: 20%; border-top-right-radius: 20%;
border-bottom-right-radius: 20%; border-bottom-right-radius: 20%;
border-bottom-left-radius: 20%; border-bottom-left-radius: 20%;
border-top-width: 1rpx;
border-left-width: 1rpx;
border-bottom-width: 1rpx;
border-right-width: 1rpx;
border-top-width: 1px;
border-left-width: 1px;
border-bottom-width: 1px;
border-right-width: 1px;
border-style: solid; border-style: solid;
border-color: #2388FF; border-color: #2388FF;
display: flex; display: flex;
@@ -126,8 +126,8 @@
box-sizing: border-box; box-sizing: border-box;
} }
.tki-tree-check-yes-b { .tki-tree-check-yes-b {
width: 12px;
height: 12px;
width: 18px;
height: 18px;
border-top-left-radius: 20%; border-top-left-radius: 20%;
border-top-right-radius: 20%; border-top-right-radius: 20%;
border-bottom-right-radius: 20%; border-bottom-right-radius: 20%;
@@ -145,6 +145,10 @@
border-top-right-radius: 50%; border-top-right-radius: 50%;
border-bottom-right-radius: 50%; border-bottom-right-radius: 50%;
border-bottom-left-radius: 50%; border-bottom-left-radius: 50%;
color: #fff;
display: flex;
justify-content: center;
align-items: center;
} }
.hover-c { .hover-c {
opacity: 0.6; opacity: 0.6;


+ 1
- 1
monitorMobile/components/tki-tree/tki-tree.vue View File

@@ -27,7 +27,7 @@
</view> </view>
<view class="tki-tree-check" @tap.stop="_treeItemSelect(item, index)" v-if="selectParent?true:item.lastRank"> <view class="tki-tree-check" @tap.stop="_treeItemSelect(item, index)" v-if="selectParent?true:item.lastRank">
<view class="tki-tree-check-yes" v-if="item.checked" :class="{'radio':!multiple}" :style="{'border-color':confirmColor}"> <view class="tki-tree-check-yes" v-if="item.checked" :class="{'radio':!multiple}" :style="{'border-color':confirmColor}">
<view class="tki-tree-check-yes-b" :style="{'background-color':confirmColor}"></view>
<view class="tki-tree-check-yes-b" :style="{'background-color':confirmColor}"><u-icon name="checkbox-mark" color="#ffffff" size="16"></u-icon></view>
</view> </view>
<view class="tki-tree-check-no" v-else :class="{'radio':!multiple}" :style="{'border-color':confirmColor}"></view> <view class="tki-tree-check-no" v-else :class="{'radio':!multiple}" :style="{'border-color':confirmColor}"></view>
</view> </view>


+ 48
- 13
monitorMobile/pages/earlyWarning/components/warningInfo.vue View File

@@ -42,7 +42,7 @@
<u-col span="7"> <u-col span="7">
<view class="demo-layout" @click="toOpen"> <view class="demo-layout" @click="toOpen">
<view class="left-layout"> <view class="left-layout">
<text>{{searchForm.alarmType}}</text>
<text>{{searchForm.$alarmType || '警告类型'}}</text>
</view> </view>
<view class="right-layout"> <view class="right-layout">
<image style="width: 30rpx;height:30rpx;" <image style="width: 30rpx;height:30rpx;"
@@ -56,7 +56,7 @@
<u-col span="5"> <u-col span="5">
<view class="demo-layout" @click="toOpenSelect"> <view class="demo-layout" @click="toOpenSelect">
<view class="left-layout"> <view class="left-layout">
<text>{{searchForm.warnHand}}</text>
<text>{{searchForm.warnHand || '处理状态'}}</text>
</view> </view>
<view class="right-layout"> <view class="right-layout">
<image style="width: 30rpx;height:30rpx;" <image style="width: 30rpx;height:30rpx;"
@@ -70,11 +70,11 @@
<uni-datetime-picker v-model="searchForm.tick" type="datetimerange"> <uni-datetime-picker v-model="searchForm.tick" type="datetimerange">
<view class="demo-layout"> <view class="demo-layout">
<view class="startBox"> <view class="startBox">
{{searchForm.StartTick}}
{{searchForm.StartTick || '开始时间'}}
</view> </view>
<text>至</text> <text>至</text>
<view class="endBox"> <view class="endBox">
{{searchForm.EndTick}}
{{searchForm.EndTick || '结束时间'}}
</view> </view>
<view class="timeIcon"> <view class="timeIcon">
<image style="width: 30rpx;height:30rpx;" <image style="width: 30rpx;height:30rpx;"
@@ -86,10 +86,10 @@
</u-col> </u-col>
</u-row> </u-row>
<view class="btnBox"> <view class="btnBox">
<view class="leftBtn">
<view class="leftBtn" @click="clearform">
重置 重置
</view> </view>
<view class="rightBtn">
<view class="rightBtn" @click="onsubmit">
确认 确认
</view> </view>
</view> </view>
@@ -174,10 +174,10 @@
<u-loadmore :status="status" /> <u-loadmore :status="status" />
</u-list> </u-list>
</view> </view>
<selectSearch ref="selectSearchBox" :cellVisible="false" :value.sync="searchForm.alarmType"
:options="[{value:1,label:'qinshi1'},{value:2,label:'qinshi2'}]" title="预警类型" search-place-holder="预警类型" />
<selectSearch ref="selectSearchBox" :cellVisible="false" :v-model="searchForm.alarmType"
:options="warnOption" :title.sync="searchForm.$alarmType" placeholder="预警类型" search-placeholder="预警类型" />
<selectRadio ref="selectRadioBox" :cellVisible="false" :value.sync="searchForm.warnHand" <selectRadio ref="selectRadioBox" :cellVisible="false" :value.sync="searchForm.warnHand"
:options="[{value:1,label:'loudong1'},{value:2,label:'loudong2'}]" title="楼栋" />
:options="handOption" title="处理状态" />
</view> </view>
</template> </template>


@@ -193,12 +193,40 @@
return { return {
isShowSearch: false, isShowSearch: false,
searchForm: { searchForm: {
alarmType: '警告类型',
warnHand: '处理状态',
alarmType: '',
warnHand: '',
tick: [], tick: [],
StartTick: '开始时间',
EndTick: '结束时间',
StartTick: '',
EndTick: '',
}, },
warnOption: [
{
label: '人群聚集',
value: 1
},
{
label: '烟火警告',
value: 2
},
{
label: '未佩戴口罩检查',
value: 3
},
{
label: '周界入侵',
value: 4
},
],
handOption: [
{
label: '已处理',
value: 1
},
{
label: '未处理',
value: 2
},
],
warnList: [{ warnList: [{
warnHand: 1 warnHand: 1
}, { }, {
@@ -299,6 +327,13 @@
this.loadmore() this.loadmore()
}, },
methods: { methods: {
clearform() {
this.searchForm = {}
this.isShowSearch = false;
},
onsubmit() {
console.log(this.searchForm)
},
// 跳转详情页面 // 跳转详情页面
toDetail(row) { toDetail(row) {
uni.navigateTo({ uni.navigateTo({


+ 8
- 7
monitorMobile/pages/earlyWarning/detail.vue View File

@@ -3,7 +3,7 @@
<view class="title cli"> <view class="title cli">
周界入侵-2024-08-20 18:01:41 周界入侵-2024-08-20 18:01:41
</view> </view>
<image style="width: 100%;height:176rpx;" src="../../static/image/add.png" mode="aspectFit"></image>
<image style="width: 100%;height:422rpx;" src="../../static/image/add.png" mode="aspectFit"></image>
<view class="cli"> <view class="cli">
<view class="labelBox"> <view class="labelBox">
所属学校: 所属学校:
@@ -17,7 +17,7 @@
班级: 班级:
</view> </view>
<view class="valueBox"> <view class="valueBox">
暂无数据
班级
</view> </view>
</view> </view>
<view class="cli"> <view class="cli">
@@ -25,7 +25,7 @@
告警摄像头: 告警摄像头:
</view> </view>
<view class="valueBox"> <view class="valueBox">
演示学校
摄像头
</view> </view>
</view> </view>
<view class="cli"> <view class="cli">
@@ -33,7 +33,7 @@
告警类型: 告警类型:
</view> </view>
<view class="valueBox"> <view class="valueBox">
演示学校
类型
</view> </view>
</view> </view>
<view class="cli"> <view class="cli">
@@ -58,7 +58,7 @@
备注信息: 备注信息:
</view> </view>
<view class="valueBox"> <view class="valueBox">
11111111111111111111111111111111111111111111111aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa撒大大飒飒水水水水水水顶顶顶顶顶反对
暂无数据
</view> </view>
</view> </view>


@@ -67,7 +67,7 @@
处理意见: 处理意见:
</view> </view>
<view class="valueBox"> <view class="valueBox">
11111111111111111111111111111111111111111111111aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa撒大大飒飒水水水水水水顶顶顶顶顶反对
暂无数据
</view> </view>
</view> </view>
<u-popup :show="showVideo" :closeable="true" @close="close" @open="open" mode="center"> <u-popup :show="showVideo" :closeable="true" @close="close" @open="open" mode="center">
@@ -267,6 +267,7 @@
.valueBox { .valueBox {
color: #333333; color: #333333;
font-weight: 700; font-weight: 700;
} }
} }


@@ -282,7 +283,7 @@
margin-top: 20rpx; margin-top: 20rpx;
color: #333333; color: #333333;
font-weight: 700; font-weight: 700;
min-height: 100rpx;
min-height: 50rpx;
word-break: break-all; word-break: break-all;
} }
} }


+ 3
- 65
monitorMobile/pages/monitor/index.vue View File

@@ -1,9 +1,7 @@
<template> <template>
<view @touchmove.stop@touch.stop class="inspectionCenter"> <view @touchmove.stop@touch.stop class="inspectionCenter">
<!-- <web-view v-if="showVideo" :webview-styles="styles" src="/hybrid/html/players.html"></web-view> -->
<view v-show="showVideo" class="poupBox"> <view v-show="showVideo" class="poupBox">
<view class="contentBox"> <view class="contentBox">
<!-- <web-view :webview-styles="styles" src="/hybrid/html/players.html"></web-view> -->
<view id="url-player-test"></view> <view id="url-player-test"></view>
</view> </view>
<view class="bottom-content" @click="closeDialog"> <view class="bottom-content" @click="closeDialog">
@@ -12,7 +10,7 @@
</view> </view>
<view class="searchBox"> <view class="searchBox">
<view class="searchLine" @click="showTree"> <view class="searchLine" @click="showTree">
<!-- <view class="searchShow"> -->
<view class="searchLabels"> <view class="searchLabels">
<image v-show="isShowSearch==false" src="@/static/image/earlyWarning/group.png" mode=""> <image v-show="isShowSearch==false" src="@/static/image/earlyWarning/group.png" mode="">
</image> </image>
@@ -27,68 +25,7 @@
</image> </image>
<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 @click="isShowSearch=false" class="searchDialog" v-if="isShowSearch">
<view class="content" @click.stop="isSelect">
<u-row justify="space-between" gutter="10">
<u-col span="7">
<view class="demo-layout" @click="toOpen">
<view class="left-layout">
<text>{{searchForm.alarmType}}</text>
</view>
<view class="right-layout">
<image style="width: 30rpx;height:30rpx;"
src="@/static/image/earlyWarning/arrowRight.png" mode=""></image>
</view>
</view>

<!-- <jp-select-plus ref="selectPlus" :isShow="false" color="#2388FF" placeholder="请选择"
isSearch v-model="va3" :list="listc"></jp-select-plus> -->
</u-col>
<u-col span="5">
<view class="demo-layout" @click="toOpenSelect">
<view class="left-layout">
<text>{{searchForm.warnHand}}</text>
</view>
<view class="right-layout">
<image style="width: 30rpx;height:30rpx;"
src="@/static/image/earlyWarning/arrowRight.png" mode=""></image>
</view>
</view>
</u-col>
</u-row>
<u-row style="margin-top:10px;" justify="space-between" gutter="10">
<u-col span="12">
<uni-datetime-picker v-model="searchForm.tick" type="datetimerange">
<view class="demo-layout">
<view class="startBox">
{{searchForm.StartTick}}
</view>
<text>至</text>
<view class="endBox">
{{searchForm.EndTick}}
</view>
<view class="timeIcon">
<image style="width: 30rpx;height:30rpx;"
src="@/static/image/earlyWarning/calendar.png" mode=""></image>
</view>
</view>
</uni-datetime-picker>

</u-col>
</u-row>
<view class="btnBox">
<view class="leftBtn">
重置
</view>
<view class="rightBtn">
确认
</view>
</view>
</view>
</view>

</view> </view>
<view class="tableBox"> <view class="tableBox">
<u-empty marginTop="100rpx" :show="false" mode="warnList" text="暂无数据"></u-empty> <u-empty marginTop="100rpx" :show="false" mode="warnList" text="暂无数据"></u-empty>
@@ -448,7 +385,7 @@
// height: calc(100% - 375rpx); // height: calc(100% - 375rpx);
.inspectionCenter { .inspectionCenter {
width: 100%; width: 100%;
height: 100%;
height: calc(100% - 88rpx);
position: relative; position: relative;


.u-modal__title { .u-modal__title {
@@ -645,6 +582,7 @@
height: 100%; height: 100%;
padding: 0 30rpx; padding: 0 30rpx;
box-sizing: border-box; box-sizing: border-box;

.liBox { .liBox {
background: #fff; background: #fff;
padding: 24rpx 30rpx; padding: 24rpx 30rpx;


+ 18
- 13
monitorMobile/uni_modules/uni-datetime-picker/components/uni-datetime-picker/calendar.vue View File

@@ -6,9 +6,13 @@


<view v-if="insert || show" class="uni-calendar__content" <view v-if="insert || show" class="uni-calendar__content"
:class="{'uni-calendar--fixed':!insert,'uni-calendar--ani-show':aniMaskShow, 'uni-calendar__content-mobile': aniMaskShow}"> :class="{'uni-calendar--fixed':!insert,'uni-calendar--ani-show':aniMaskShow, 'uni-calendar__content-mobile': aniMaskShow}">
<!-- <view style="height: 66px;line-height: 66px;text-align: center;font-size: 17px;">
<view style="height: 40px;line-height: 55px;text-align: center;font-size: 17px;font-weight: 700;">
时间段选择 时间段选择
</view> -->
<view v-if="!insert" class="dialog-close" @click="maskClick">
<view class="dialog-close-plus" data-id="close"></view>
<view class="dialog-close-plus dialog-close-rotate" data-id="close"></view>
</view>
</view>
<view class="uni-calendar__header" :class="{'uni-calendar__header-mobile' :!insert}"> <view class="uni-calendar__header" :class="{'uni-calendar__header-mobile' :!insert}">


<view class="uni-calendar__header-btn-box" @click.stop="changeMonth('pre')"> <view class="uni-calendar__header-btn-box" @click.stop="changeMonth('pre')">
@@ -24,10 +28,10 @@
<view class="uni-calendar__header-btn uni-calendar--right"></view> <view class="uni-calendar__header-btn uni-calendar--right"></view>
</view> </view>


<view v-if="!insert" class="dialog-close" @click="maskClick">
<!-- <view v-if="!insert" class="dialog-close" @click="maskClick">
<view class="dialog-close-plus" data-id="close"></view> <view class="dialog-close-plus" data-id="close"></view>
<view class="dialog-close-plus dialog-close-rotate" data-id="close"></view> <view class="dialog-close-plus dialog-close-rotate" data-id="close"></view>
</view>
</view> -->
</view> </view>
<view class="uni-calendar__box"> <view class="uni-calendar__box">


@@ -104,16 +108,16 @@
<view class="uni-date-changed--time-start" style="width:40%;"> <view class="uni-date-changed--time-start" style="width:40%;">
<!-- <view class="uni-date-changed--time-date">{{tempRange.before ? tempRange.before : startDateText}} <!-- <view class="uni-date-changed--time-date">{{tempRange.before ? tempRange.before : startDateText}}
</view> --> </view> -->
<time-picker type="time" :start="timepickerStartTime" rangeName="开始时间" v-model="timeRange.startTime" :border="false"
<time-picker type="time" :start="timepickerStartTime" rangeName="选择开始时间" v-model="timeRange.startTime" :border="false"
:hide-second="hideSecond" :disabled="!tempRange.before" class="time-picker-style"> :hide-second="hideSecond" :disabled="!tempRange.before" class="time-picker-style">
</time-picker> </time-picker>
</view> </view>
<view style="line-height: 50px;color: #777;"> <view style="line-height: 50px;color: #777;">
- -
</view> </view>
<view class="uni-date-changed--time-end" style="width:40%;">
<view class="uni-date-changed--time-end" style="width:40%;margin-left: 20rpx;">
<!-- <view class="uni-date-changed--time-date">{{tempRange.after ? tempRange.after : endDateText}}</view> --> <!-- <view class="uni-date-changed--time-date">{{tempRange.after ? tempRange.after : endDateText}}</view> -->
<time-picker type="time" :end="timepickerEndTime" rangeName="结束时间" v-model="timeRange.endTime" :border="false"
<time-picker type="time" :end="timepickerEndTime" rangeName="选择结束时间" v-model="timeRange.endTime" :border="false"
:hide-second="hideSecond" :disabled="!tempRange.after" class="time-picker-style"> :hide-second="hideSecond" :disabled="!tempRange.after" class="time-picker-style">
</time-picker> </time-picker>
</view> </view>
@@ -744,9 +748,9 @@
display: flex; display: flex;
/* #endif */ /* #endif */
flex-direction: row; flex-direction: row;
justify-content: center;
justify-content: space-between;
align-items: center; align-items: center;
height: 50px;
height: 40px;
} }


.uni-calendar__header-mobile { .uni-calendar__header-mobile {
@@ -788,7 +792,7 @@
text-align: center; text-align: center;
width: 100px; width: 100px;
font-size: 15px; font-size: 15px;
color: #666;
color: #000;
} }


.uni-calendar__button-text { .uni-calendar__button-text {
@@ -815,10 +819,10 @@
.uni-calendar__header-btn { .uni-calendar__header-btn {
width: 9px; width: 9px;
height: 9px; height: 9px;
border-left-color: #808080;
border-left-color: #000;
border-left-style: solid; border-left-style: solid;
border-left-width: 1px; border-left-width: 1px;
border-top-color: #555555;
border-top-color: #000;
border-top-style: solid; border-top-style: solid;
border-top-width: 1px; border-top-width: 1px;
} }
@@ -947,6 +951,7 @@
} }


.dialog-close { .dialog-close {
height: 55px;
position: absolute; position: absolute;
top: 0; top: 0;
right: 0; right: 0;
@@ -957,7 +962,7 @@
flex-direction: row; flex-direction: row;
align-items: center; align-items: center;
padding: 0 25px; padding: 0 25px;
margin-top: 10px;
// margin-top: 10px;
} }


.dialog-close-plus { .dialog-close-plus {


Loading…
Cancel
Save