Commit 57f9f83c by 潘建波

提交展示页

1 parent 63f4224b
<template>
<el-row :gutter="10" style="padding: 10px 0 10px 10px;width: 100%;overflow:hidden">
<el-col :span="13" >
<div id="map" class="maps">
<showmap></showmap>
<div class="eventlist-box">
<devInfo></devInfo>
</div>
</div>
<div style="clear: both;"></div>
</el-col>
<el-col :span="11">
<div class="video-box">
<videoPlay ref="ocx"></videoPlay>
</div>
<div class="collect-box">
<div class="header-title">今日抓拍量</div>
<div class="collect-content">
<el-col :span="6" class="content-item">
<div class="item-num">{{snapData.day_total_snap_num}}</div>
<div>事件检测总量</div>
</el-col>
<el-col :span="6" class="content-item">
<div class="item-num">{{snapData.day_single_snap_num}}</div>
<div>单项总量</div>
</el-col>
<el-col :span="6" class="content-item">
<div class="item-num">{{snapData.month_total_snap_num}}</div>
<div>本月事件检测总量</div>
</el-col>
<el-col :span="6" class="content-item">
<div class="item-num">{{snapData.month_single_snap_num}}</div>
<div>本月单项总量</div>
</el-col>
</div>
</div>
<div style="clear: both;"></div>
</el-col>
<el-col :span="24" class="clearpright">
<el-row :gutter="10" class="bottom-box">
<el-col :span="8">
<div class="bottom-item-box">
<behaviortrend></behaviortrend>
</div>
</el-col>
<el-col :span="5">
<div class="bottom-item-box">
<behaviordis></behaviordis>
</div>
</el-col>
<el-col :span="11" class="clearpright">
<div class="bottom-item-box">
<div class="title">实时事件</div>
<alarmEvent></alarmEvent>
</div>
</el-col>
</el-row>
</el-col>
</el-row>
<el-row
:gutter="10"
style="padding: 10px 0 10px 10px;width: 100%;overflow:hidden"
>
<el-col :span="13">
<div id="map" class="maps">
<showmap></showmap>
<div class="eventlist-box">
<devInfo></devInfo>
</div>
</div>
<div style="clear: both;"></div>
</el-col>
<el-col :span="11">
<div class="video-box">
<videoPlay ref="ocx"></videoPlay>
</div>
<div class="collect-box">
<div class="header-title">今日抓拍量</div>
<div class="collect-content">
<el-col :span="6" class="content-item">
<div class="item-num">{{ snapData.day_total_snap_num }}</div>
<div>事件检测总量</div>
</el-col>
<el-col :span="6" class="content-item">
<div class="item-num">{{ snapData.day_single_snap_num }}</div>
<div>单项总量</div>
</el-col>
<el-col :span="6" class="content-item">
<div class="item-num">{{ snapData.month_total_snap_num }}</div>
<div>本月事件检测总量</div>
</el-col>
<el-col :span="6" class="content-item">
<div class="item-num">{{ snapData.month_single_snap_num }}</div>
<div>本月单项总量</div>
</el-col>
</div>
</div>
<div style="clear: both;"></div>
</el-col>
<el-col :span="24" class="clearpright">
<el-row :gutter="10" class="bottom-box">
<el-col :span="8">
<div class="bottom-item-box">
<behaviortrend></behaviortrend>
</div>
</el-col>
<el-col :span="5">
<div class="bottom-item-box">
<behaviordis></behaviordis>
</div>
</el-col>
<el-col :span="11" class="clearpright">
<div class="bottom-item-box">
<div class="title">实时事件</div>
<alarmEvent></alarmEvent>
</div>
</el-col>
</el-row>
</el-col>
</el-row>
</template>
<script>
import showmap from './map'
import videoPlay from '../public/videoPlay'
import behaviortrend from './behaviortrend'
import behaviordis from './behaviordis'
import eventList from './eventList'
import alarmEvent from './alarmEvent'
import devInfo from './devInfo'
export default{
data(){
return{
collects:{},
typeList:[],
tableData:[],
eventTypeList:[],
illageList:[],
setShow:false,
archiveUnid:0,
snap_num:0,
audit_num:0,
snapData:{
day_total_snap_num:0,
day_single_snap_num:0,
month_total_snap_num:0,
month_single_snap_num:0
}
}
},
components:{
showmap,
videoPlay,
behaviortrend,
behaviordis,
alarmEvent,
eventList,
devInfo
},
mounted(){
import showmap from "./map";
import videoPlay from "../public/videoPlay";
import behaviortrend from "./behaviortrend";
import behaviordis from "./behaviordis";
import eventList from "./eventList";
import alarmEvent from "./alarmEvent";
import devInfo from "./devInfo";
export default {
data() {
return {
collects: {},
typeList: [],
tableData: [],
eventTypeList: [],
illageList: [],
setShow: false,
archiveUnid: 0,
snap_num: 0,
audit_num: 0,
snapData: {
day_total_snap_num: 0,
day_single_snap_num: 0,
month_total_snap_num: 0,
month_single_snap_num: 0
}
};
},
components: {
showmap,
videoPlay,
behaviortrend,
behaviordis,
alarmEvent,
eventList,
devInfo
},
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);
},
},
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(){
this.$api.show.getBehaviorSna().then(res => {
this.snapData = res;
})
}
},
created(){
this.getBehaviorSnap()
}
}
getBehaviorSnap() {
this.$api.show.getBehaviorSna().then(res => {
this.snapData = res;
});
}
},
created() {
this.getBehaviorSnap();
}
};
</script>
<style scoped="scoped" lang="stylus">
......@@ -203,7 +203,7 @@ import devInfo from './devInfo'
display:none!important;
background:red!important
}
.pop-info{
float: left;
padding-left: 20px;
......@@ -254,7 +254,7 @@ import devInfo from './devInfo'
margin-bottom: 8px;
position: relative;
}
.el-table__body tr{
background: #FFFFFF!important;
}
......@@ -318,5 +318,4 @@ import devInfo from './devInfo'
top 10px
z-index 1000
}
</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!