Commit 57f9f83c by 潘建波

提交展示页

1 parent 63f4224b
<template> <template>
<el-row :gutter="10" style="padding: 10px 0 10px 10px;width: 100%;overflow:hidden"> <el-row
<el-col :span="13" > :gutter="10"
style="padding: 10px 0 10px 10px;width: 100%;overflow:hidden"
<div id="map" class="maps"> >
<showmap></showmap> <el-col :span="13">
<div class="eventlist-box"> <div id="map" class="maps">
<devInfo></devInfo> <showmap></showmap>
</div> <div class="eventlist-box">
</div> <devInfo></devInfo>
<div style="clear: both;"></div> </div>
</el-col> </div>
<el-col :span="11"> <div style="clear: both;"></div>
<div class="video-box"> </el-col>
<videoPlay ref="ocx"></videoPlay> <el-col :span="11">
</div> <div class="video-box">
<div class="collect-box"> <videoPlay ref="ocx"></videoPlay>
<div class="header-title">今日抓拍量</div> </div>
<div class="collect-content"> <div class="collect-box">
<el-col :span="6" class="content-item"> <div class="header-title">今日抓拍量</div>
<div class="item-num">{{snapData.day_total_snap_num}}</div> <div class="collect-content">
<div>事件检测总量</div> <el-col :span="6" class="content-item">
</el-col> <div class="item-num">{{ snapData.day_total_snap_num }}</div>
<el-col :span="6" class="content-item"> <div>事件检测总量</div>
<div class="item-num">{{snapData.day_single_snap_num}}</div> </el-col>
<div>单项总量</div> <el-col :span="6" class="content-item">
</el-col> <div class="item-num">{{ snapData.day_single_snap_num }}</div>
<el-col :span="6" class="content-item"> <div>单项总量</div>
<div class="item-num">{{snapData.month_total_snap_num}}</div> </el-col>
<div>本月事件检测总量</div> <el-col :span="6" class="content-item">
</el-col> <div class="item-num">{{ snapData.month_total_snap_num }}</div>
<el-col :span="6" class="content-item"> <div>本月事件检测总量</div>
<div class="item-num">{{snapData.month_single_snap_num}}</div> </el-col>
<div>本月单项总量</div> <el-col :span="6" class="content-item">
</el-col> <div class="item-num">{{ snapData.month_single_snap_num }}</div>
</div> <div>本月单项总量</div>
</div> </el-col>
<div style="clear: both;"></div> </div>
</el-col> </div>
<el-col :span="24" class="clearpright"> <div style="clear: both;"></div>
<el-row :gutter="10" class="bottom-box"> </el-col>
<el-col :span="8"> <el-col :span="24" class="clearpright">
<div class="bottom-item-box"> <el-row :gutter="10" class="bottom-box">
<behaviortrend></behaviortrend> <el-col :span="8">
</div> <div class="bottom-item-box">
</el-col> <behaviortrend></behaviortrend>
<el-col :span="5"> </div>
<div class="bottom-item-box"> </el-col>
<behaviordis></behaviordis> <el-col :span="5">
</div> <div class="bottom-item-box">
</el-col> <behaviordis></behaviordis>
<el-col :span="11" class="clearpright"> </div>
<div class="bottom-item-box"> </el-col>
<div class="title">实时事件</div> <el-col :span="11" class="clearpright">
<alarmEvent></alarmEvent> <div class="bottom-item-box">
</div> <div class="title">实时事件</div>
</el-col> <alarmEvent></alarmEvent>
</el-row> </div>
</el-col> </el-col>
</el-row> </el-row>
</el-col>
</el-row>
</template> </template>
<script> <script>
import showmap from './map' import showmap from "./map";
import videoPlay from '../public/videoPlay' import videoPlay from "../public/videoPlay";
import behaviortrend from './behaviortrend' import behaviortrend from "./behaviortrend";
import behaviordis from './behaviordis' import behaviordis from "./behaviordis";
import eventList from './eventList' import eventList from "./eventList";
import alarmEvent from './alarmEvent' import alarmEvent from "./alarmEvent";
import devInfo from './devInfo' import devInfo from "./devInfo";
export default{ export default {
data(){ data() {
return{ return {
collects:{}, collects: {},
typeList:[], typeList: [],
tableData:[], tableData: [],
eventTypeList:[], eventTypeList: [],
illageList:[], illageList: [],
setShow:false, setShow: false,
archiveUnid:0, archiveUnid: 0,
snap_num:0, snap_num: 0,
audit_num:0, audit_num: 0,
snapData:{ snapData: {
day_total_snap_num:0, day_total_snap_num: 0,
day_single_snap_num:0, day_single_snap_num: 0,
month_total_snap_num:0, month_total_snap_num: 0,
month_single_snap_num:0 month_single_snap_num: 0
} }
} };
}, },
components:{ components: {
showmap, showmap,
videoPlay, videoPlay,
behaviortrend, behaviortrend,
behaviordis, behaviordis,
alarmEvent, alarmEvent,
eventList, eventList,
devInfo devInfo
}, },
mounted(){ mounted() {},
methods: {
editVideo(index, row) {
this.setShow = true;
this.archiveUnid = row.archive_unid;
},
delFun(index, row) {
this.$api.map.delEvent({}, row.archive_unid).then(res => {
console.log(res);
});
console.log(row);
},
}, getBehaviorSnap() {
methods:{ this.$api.show.getBehaviorSna().then(res => {
editVideo(index,row){ this.snapData = res;
this.setShow=true; });
this.archiveUnid=row.archive_unid; }
}, },
delFun(index,row){ created() {
this.$api.map.delEvent({},row.archive_unid).then((res)=>{ this.getBehaviorSnap();
console.log(res) }
}) };
console.log(row)
},
getBehaviorSnap(){
this.$api.show.getBehaviorSna().then(res => {
this.snapData = res;
})
}
},
created(){
this.getBehaviorSnap()
}
}
</script> </script>
<style scoped="scoped" lang="stylus"> <style scoped="scoped" lang="stylus">
...@@ -203,7 +203,7 @@ import devInfo from './devInfo' ...@@ -203,7 +203,7 @@ import devInfo from './devInfo'
display:none!important; display:none!important;
background:red!important background:red!important
} }
.pop-info{ .pop-info{
float: left; float: left;
padding-left: 20px; padding-left: 20px;
...@@ -254,7 +254,7 @@ import devInfo from './devInfo' ...@@ -254,7 +254,7 @@ import devInfo from './devInfo'
margin-bottom: 8px; margin-bottom: 8px;
position: relative; position: relative;
} }
.el-table__body tr{ .el-table__body tr{
background: #FFFFFF!important; background: #FFFFFF!important;
} }
...@@ -318,5 +318,4 @@ import devInfo from './devInfo' ...@@ -318,5 +318,4 @@ import devInfo from './devInfo'
top 10px top 10px
z-index 1000 z-index 1000
} }
</style> </style>
This diff could not be displayed because it is too large.
Markdown is supported
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!