|
@@ -31,12 +31,12 @@
|
|
|
<div class="i-list-con h-29-5">
|
|
|
<div class="d-l-con">
|
|
|
<div class="event-count">
|
|
|
- <div class="count-number">0</div>
|
|
|
- <div class="count-number">0</div>
|
|
|
- <div class="count-number">0</div>
|
|
|
- <div class="count-number">1</div>
|
|
|
- <div class="count-number">3</div>
|
|
|
- <div class="count-number">8</div>
|
|
|
+ <div class="count-number">{{ totalStr.charAt(0) }}</div>
|
|
|
+ <div class="count-number">{{ totalStr.charAt(1) }}</div>
|
|
|
+ <div class="count-number">{{ totalStr.charAt(2) }}</div>
|
|
|
+ <div class="count-number">{{ totalStr.charAt(3) }}</div>
|
|
|
+ <div class="count-number">{{ totalStr.charAt(4) }}</div>
|
|
|
+ <div class="count-number">{{ totalStr.charAt(5) }}</div>
|
|
|
<dv-decoration-5
|
|
|
style="width:81%;height:15px;position: absolute; top:4.2rem;z-index: 0; " />
|
|
|
</div>
|
|
@@ -45,28 +45,28 @@
|
|
|
<div class="icon-con w-33 flex-d t-a-center">
|
|
|
<dv-decoration-9
|
|
|
style="width: 5.5rem;height: 5.5rem; color:#16e29e;font-size: 1rem;font-weight: bolder;">
|
|
|
- 40%</dv-decoration-9>
|
|
|
+ {{ newReport_pre }}%</dv-decoration-9>
|
|
|
<div class="e-state"
|
|
|
:style="{'background-image':`url(${require('@/assets/images/integrated/state-bg.png')})`}">
|
|
|
- <span>新上报</span> <span>1000</span>
|
|
|
+ <span>新上报</span> <span>{{newReport}}</span>
|
|
|
</div>
|
|
|
</div>
|
|
|
<div class="icon-con w-33 flex-d t-a-center">
|
|
|
<dv-decoration-9
|
|
|
style="width: 5.5rem;height: 5.5rem; color:#f18425;font-size: 1rem;font-weight: bolder;">
|
|
|
- 30%</dv-decoration-9>
|
|
|
+ {{ readySure_pre }}%</dv-decoration-9>
|
|
|
<div class="e-state"
|
|
|
:style="{'background-image':`url(${require('@/assets/images/integrated/state-bg.png')})`}">
|
|
|
- <span>已确认</span> <span>12000</span>
|
|
|
+ <span>已确认</span> <span>{{ readySure }}</span>
|
|
|
</div>
|
|
|
</div>
|
|
|
<div class="icon-con w-33 flex-d t-a-center">
|
|
|
<dv-decoration-9
|
|
|
style="width: 5.5rem;height: 5.5rem; color:#9179f1;font-size: 1rem;font-weight: bolder;">
|
|
|
- 30%</dv-decoration-9>
|
|
|
+ {{ readyFinish_pre }}%</dv-decoration-9>
|
|
|
<div class="e-state"
|
|
|
:style="{'background-image':`url(${require('@/assets/images/integrated/state-bg.png')})`}">
|
|
|
- <span>已完成</span> <span>10300</span>
|
|
|
+ <span>已完成</span> <span>{{ readyFinish }}</span>
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
@@ -88,9 +88,9 @@
|
|
|
<div class="d-l-con sj-collapse" :class="{on:listCurrentIndex1==item.deptId}"
|
|
|
v-on:click="selectCameraByDeptId(item.deptId)">
|
|
|
<div class="d-l-l-text">
|
|
|
- <h4 class="collapse-title">{{item.name}}</h4>
|
|
|
+ <h4 class="collapse-title">{{item.deptName}}</h4>
|
|
|
</div>
|
|
|
- <div class="d-l-l-count">{{item.count}}</div>
|
|
|
+ <div class="d-l-l-count">{{item.eventCount}}</div>
|
|
|
</div>
|
|
|
</template>
|
|
|
</el-collapse-item>
|
|
@@ -262,10 +262,6 @@
|
|
|
|
|
|
</div>
|
|
|
<vBottomMenu ref="bottomMenu"></vBottomMenu>
|
|
|
- <!-- <el-tooltip :content="indentText" placement="top" :disabled="indentdisabled">
|
|
|
- <div class="mascot" ref="mascot" :class="indentStyle" @click="indent"><img
|
|
|
- src="@/assets/images/mascot.png" /></div>
|
|
|
- </el-tooltip> -->
|
|
|
</div>
|
|
|
<!--事件弹层-->
|
|
|
<div class="event-info">
|
|
@@ -581,24 +577,9 @@
|
|
|
/** ----------------------------------weosocket结束------------------------------------- */
|
|
|
|
|
|
import {
|
|
|
- getTodayEvent,
|
|
|
- getEventStatusList,
|
|
|
- getEventSourceList,
|
|
|
- getEventListByDeptIdList,
|
|
|
- updateCentereventTForestfireStatus,
|
|
|
- getForest
|
|
|
- } from '@/api/event'
|
|
|
- import {
|
|
|
getBaseInfo,
|
|
|
- selectByeventCode,
|
|
|
- getWarm,
|
|
|
- updateDeptEventStatus,
|
|
|
- listByEventCode,
|
|
|
- selectCentereventTLogListPC,
|
|
|
- selectCameraEventByCameraId,
|
|
|
- listCenterdataTAttachByBusId,
|
|
|
- selectchannelCodeByCameraId,
|
|
|
- selectFjsxt
|
|
|
+ getTodayEvents,
|
|
|
+ getDeptEventCount,
|
|
|
} from '@/api/forest'
|
|
|
import supermap from '@/components/supermap' //超图
|
|
|
import supermapNotProcessed from '@/components/supermap' //超图
|
|
@@ -645,22 +626,31 @@
|
|
|
},
|
|
|
mounted() {
|
|
|
this.getBaseInfo()
|
|
|
- this.getTodayEvent()
|
|
|
- this.eventChartAi()
|
|
|
-
|
|
|
+ this.getTodayEvents("2022-08-29")
|
|
|
+ this.getDeptEventCount("2022-08-29")
|
|
|
/** ----------------------------------weosocket开始------------------------------------- */
|
|
|
this.initWebSocket()
|
|
|
/** ----------------------------------weosocket结束------------------------------------- */
|
|
|
},
|
|
|
data() {
|
|
|
return {
|
|
|
- eventSearch:'',//事件列表搜索
|
|
|
- iconCurrentIndex0: '',
|
|
|
- iconCurrentIndex1: '',
|
|
|
- iconCurrentIndex2: '',
|
|
|
- listCurrentIndex: '',
|
|
|
+ forestInfo: '', //基本情况
|
|
|
+ totalStr:'',//左侧获取事件信息统计
|
|
|
+ aiTotal:'',//左侧获取事件信息统计
|
|
|
+ newReport:'',//左侧获取事件信息统计
|
|
|
+ otherTotal:'',//左侧获取事件信息统计
|
|
|
+ readyFinish:'',//左侧获取事件信息统计
|
|
|
+ readySure:'',//左侧获取事件信息统计
|
|
|
+ total:'',//左侧获取事件信息统计
|
|
|
+ aiTotal_pre:'',//左侧获取事件信息统计
|
|
|
+ newReport_pre:'',//左侧获取事件信息统计
|
|
|
+ otherTotal_pre:'',//左侧获取事件信息统计
|
|
|
+ readyFinish_pre:'',//左侧获取事件信息统计
|
|
|
+ readySure_pre:'',//左侧获取事件信息统计
|
|
|
+ forestFarm: [],//左侧部门事件数量
|
|
|
+
|
|
|
+ eventSearch:'',//事件列表搜索
|
|
|
listCurrentIndex1: '',
|
|
|
- showChild: false,
|
|
|
// ----------------------------------事件分类柱状----------------------------------------
|
|
|
eventKind:{
|
|
|
data: [
|
|
@@ -736,26 +726,11 @@
|
|
|
/** ----------------------------------摄像头预览结束------------------------------------- */
|
|
|
markersList: [], //点位列表
|
|
|
cameraList: [], //摄像头列表
|
|
|
- visuForestCloudMapDeviceBOList: [], //设备列表
|
|
|
- visuForestCloudRYBO: [], //人员类型列表
|
|
|
- sourceData: [],
|
|
|
- todayEventCountList: [], //今日事件列表
|
|
|
- todayEventSourcetList: [], //今日事件列表
|
|
|
- todayEventCountDeptList: [], //事件分布
|
|
|
- todayEventCountTypeList: [], //事件分类
|
|
|
- eventChartData: [], //右侧eachar图表数据
|
|
|
- zrs: 0, //总人数
|
|
|
- zxrs: 0, //在线人数
|
|
|
- iframeBoo: true,
|
|
|
- open: false,
|
|
|
- iframeVue: null,
|
|
|
eventInfoVisible_notProcessed: false,
|
|
|
eventInfoVisible_Processed: false,
|
|
|
- eventInfoVisible2: false,
|
|
|
activeName: 'info',
|
|
|
radio: '1',
|
|
|
- forestInfo: '', //基本情况
|
|
|
- /** ----------------------------------事件弹窗开始------------------------------------- */
|
|
|
+ /** ----------------------------------事件弹窗开始------------------------------------- */
|
|
|
listEventPic: [], //事件图片
|
|
|
url: '',
|
|
|
id: '',
|
|
@@ -795,49 +770,6 @@
|
|
|
zt: null,
|
|
|
fireReport: false,
|
|
|
optionsProcessed: [],
|
|
|
- forestFarm: [{
|
|
|
- name: '双辽市',
|
|
|
- count: 5,
|
|
|
- child: [{
|
|
|
- name: '叶赫林场',
|
|
|
- id: ''
|
|
|
- },
|
|
|
- {
|
|
|
- name: '石岭子林场',
|
|
|
- id: ''
|
|
|
- }
|
|
|
- ]
|
|
|
-
|
|
|
- },
|
|
|
- {
|
|
|
- name: '梨树县',
|
|
|
- count: 5,
|
|
|
- },
|
|
|
- {
|
|
|
- name: '伊通县',
|
|
|
- count: 5,
|
|
|
- },
|
|
|
- {
|
|
|
- name: '铁东区',
|
|
|
- count: 5,
|
|
|
- },
|
|
|
- {
|
|
|
- name: '铁西区',
|
|
|
- count: 5,
|
|
|
- },
|
|
|
- {
|
|
|
- name: '铁西区1',
|
|
|
- count: 5,
|
|
|
- },
|
|
|
- {
|
|
|
- name: '铁西区2',
|
|
|
- count: 5,
|
|
|
- },
|
|
|
- {
|
|
|
- name: '铁西区3',
|
|
|
- count: 5,
|
|
|
- }
|
|
|
- ],
|
|
|
// 弹出层 基本信息
|
|
|
information: [{
|
|
|
name: '标题',
|
|
@@ -991,10 +923,9 @@
|
|
|
|
|
|
|
|
|
//事件数量统计chart 样例地址http://192.144.199.210:8080/editor/index.html?chart_id=jTXf0Rv4A3oiBONB
|
|
|
- eventChartAi() {
|
|
|
+ eventChartAi(data) {
|
|
|
// 基于准备好的dom,初始化echarts实例
|
|
|
let myChart = echarts.init(document.getElementById('chart-event-ai'))
|
|
|
- let data = 80;
|
|
|
myChart.setOption({
|
|
|
tooltip: {
|
|
|
trigger: 'none'
|
|
@@ -1168,215 +1099,6 @@
|
|
|
|
|
|
},
|
|
|
|
|
|
-
|
|
|
- //态势感知chart
|
|
|
- cameraChat() {
|
|
|
- // 基于准备好的dom,初始化echarts实例
|
|
|
- let myChart = echarts.init(document.getElementById('camera-chart'))
|
|
|
- // 绘制图表
|
|
|
- const dfColor = ['#92E1FF', '#0097FB', '#30ECA6', '#FFC227', '#FF4848']
|
|
|
- myChart.setOption({
|
|
|
- dataset: {
|
|
|
- source: this.sourceData
|
|
|
- },
|
|
|
- tooltip: {
|
|
|
- trigger: 'item'
|
|
|
-
|
|
|
- },
|
|
|
- grid: {
|
|
|
- top: '5%',
|
|
|
- left: '2%',
|
|
|
- // right: "4%",
|
|
|
- bottom: '-15%',
|
|
|
- width: '75%',
|
|
|
- containLabel: true
|
|
|
- },
|
|
|
- xAxis: {
|
|
|
- show: false,
|
|
|
- type: 'value'
|
|
|
- },
|
|
|
- yAxis: {
|
|
|
- type: 'category', // 不设置类目轴,抽离的dataset数据展示不出来
|
|
|
- inverse: true,
|
|
|
- axisLabel: {
|
|
|
- show: true,
|
|
|
- textStyle: {
|
|
|
- color: '#5deaff',
|
|
|
- fontSize: '12'
|
|
|
- }
|
|
|
- },
|
|
|
- splitLine: {
|
|
|
- show: false
|
|
|
- },
|
|
|
- axisTick: {
|
|
|
- show: false
|
|
|
- },
|
|
|
- axisLine: {
|
|
|
- show: false
|
|
|
- }
|
|
|
- },
|
|
|
-
|
|
|
- series: [{
|
|
|
-
|
|
|
- type: 'bar',
|
|
|
- animationCurve: 'easeOutBack',
|
|
|
- barWidth: 5,
|
|
|
- label: {
|
|
|
- show: true,
|
|
|
- position: 'right',
|
|
|
- offset: [0, 0],
|
|
|
- color: '#88dfd5',
|
|
|
- // fontSize: "12",
|
|
|
- style: {
|
|
|
- fill: '#fff'
|
|
|
- }
|
|
|
- },
|
|
|
- backgroundBar: {
|
|
|
- show: true,
|
|
|
- style: {
|
|
|
- fill: 'rgba(97,152,255,0.20)'
|
|
|
- }
|
|
|
- },
|
|
|
- barStyle: {
|
|
|
- stroke: 'rgba(41,244,236,1)'
|
|
|
- },
|
|
|
- gradient: {
|
|
|
- color: ['rgba(41,244,236,1)', 'rgba(41,244,236,0)']
|
|
|
- },
|
|
|
- itemStyle: {
|
|
|
- label: {
|
|
|
- show: true
|
|
|
- },
|
|
|
- labelLine: {
|
|
|
- show: false
|
|
|
- },
|
|
|
- color: new echarts.graphic.LinearGradient(0, 1, 0, 0, [{
|
|
|
- offset: 0,
|
|
|
- color: 'rgba(41,244,236,0)'
|
|
|
- },
|
|
|
- {
|
|
|
- offset: 1,
|
|
|
- color: 'rgba(41,244,236,.5)'
|
|
|
- }
|
|
|
- ]),
|
|
|
- borderColor: '#a2f9f7',
|
|
|
- shadowBlur: 16,
|
|
|
- shadowColor: '#a2f9f7'
|
|
|
- }
|
|
|
- }]
|
|
|
- })
|
|
|
-
|
|
|
- },
|
|
|
- //人员chart
|
|
|
- personnelChart() {
|
|
|
- // 基于准备好的dom,初始化echarts实例
|
|
|
- let myChart = echarts.init(document.getElementById('personnel-chart'))
|
|
|
- // 绘制图表
|
|
|
- const handred = this.zrs
|
|
|
- let point = this.zxrs
|
|
|
- myChart.setOption({
|
|
|
- title: [{
|
|
|
- text: '总人数:' + handred + '人' + '\n' + '\n' + '在线人数:' + point + '人',
|
|
|
- x: '48%',
|
|
|
- y: '25%',
|
|
|
- textStyle: {
|
|
|
- fontWeight: 'normal',
|
|
|
- color: '#02d6fc',
|
|
|
- fontSize: '14'
|
|
|
- }
|
|
|
- }],
|
|
|
- series: [{
|
|
|
- name: 'circle',
|
|
|
- type: 'pie',
|
|
|
- center: ['22%', '50%'],
|
|
|
- radius: ['60%', '70%'],
|
|
|
- clockWise: true,
|
|
|
- label: {
|
|
|
- normal: {
|
|
|
- position: 'center'
|
|
|
-
|
|
|
- }
|
|
|
- },
|
|
|
- itemStyle: {
|
|
|
- normal: {
|
|
|
- label: {
|
|
|
- show: false
|
|
|
- },
|
|
|
- labelLine: {
|
|
|
- show: false
|
|
|
- }
|
|
|
- }
|
|
|
- },
|
|
|
- data: [{
|
|
|
- value: point,
|
|
|
- name: '当前在线',
|
|
|
- label: {
|
|
|
- show: true, //单独显示该数据项
|
|
|
- formatter: '{c}人',
|
|
|
- labelLayout: {
|
|
|
- top: '50%'
|
|
|
- },
|
|
|
- textStyle: {
|
|
|
- color: '#02d6fc',
|
|
|
- fontSize: 14
|
|
|
- }
|
|
|
- },
|
|
|
- itemStyle: {
|
|
|
- normal: {
|
|
|
- color: { // 完成的圆环的颜色
|
|
|
- colorStops: [{
|
|
|
- offset: 0,
|
|
|
- color: '#02d6fc' // 0% 处的颜色
|
|
|
- }, {
|
|
|
- offset: 1,
|
|
|
- color: '#367bec' // 100% 处的颜色
|
|
|
- }]
|
|
|
- },
|
|
|
- label: {
|
|
|
- show: false
|
|
|
- },
|
|
|
- labelLine: {
|
|
|
- show: false
|
|
|
- }
|
|
|
- }
|
|
|
- }
|
|
|
- }, {
|
|
|
- value: handred - point,
|
|
|
- itemStyle: {
|
|
|
- color: '#666'
|
|
|
- }
|
|
|
- }]
|
|
|
- }]
|
|
|
- })
|
|
|
- },
|
|
|
- //事件chart
|
|
|
- eventChart() {
|
|
|
- // 基于准备好的dom,初始化echarts实例
|
|
|
- let myChart = echarts.init(document.getElementById('event-chart'))
|
|
|
- myChart.setOption({
|
|
|
- color: ['#2EACFF', '#FFA61C', '#2EC054', '#8C64D7'],
|
|
|
- tooltip: {
|
|
|
- trigger: 'item',
|
|
|
- formatter: '{a} <br/>{b} : {c} ({d}%)'
|
|
|
- },
|
|
|
- toolbox: {
|
|
|
- show: true
|
|
|
- },
|
|
|
- series: [{
|
|
|
- name: '事件分类',
|
|
|
- type: 'pie',
|
|
|
- roseType: true,
|
|
|
- radius: [30, 70],
|
|
|
- label: {
|
|
|
- show: true,
|
|
|
- formatter: '{b}\n{c} '
|
|
|
- },
|
|
|
- data: this.eventChartData
|
|
|
- }]
|
|
|
- })
|
|
|
-
|
|
|
- },
|
|
|
-
|
|
|
//吉祥物收起左右框
|
|
|
indent() {
|
|
|
let list = document.getElementsByClassName('el-tooltip__popper')
|
|
@@ -1502,7 +1224,7 @@
|
|
|
this.deptName = ''
|
|
|
this.eventInfoVisible_notProcessed = false
|
|
|
this.cancelEventShow()
|
|
|
- this.getTodayEvent()
|
|
|
+ this.getTodayEvents()
|
|
|
})
|
|
|
},
|
|
|
setXsYc() {
|
|
@@ -1602,20 +1324,6 @@
|
|
|
this.deptName = ''
|
|
|
this.eventStatus = ''
|
|
|
},
|
|
|
- updateEventStatusProcessed() {
|
|
|
- if (this.eventStatus == '') {
|
|
|
- this.$modal.msgError('请选择状态')
|
|
|
- return
|
|
|
- }
|
|
|
- updateCentereventTForestfireStatus(this.id, this.eventStatus).then(response => {
|
|
|
- this.$modal.msgSuccess(response.msg)
|
|
|
- this.eventStatus = ''
|
|
|
- this.eventInfoVisible_Processed = false
|
|
|
- this.cancelEventShow()
|
|
|
- this.getTodayEvent()
|
|
|
- })
|
|
|
-
|
|
|
- },
|
|
|
handleClickProcessed(tab, event) {
|
|
|
let that = this
|
|
|
if (tab.name == 'frame') {
|
|
@@ -1766,62 +1474,29 @@
|
|
|
/** ----------------------------------事件弹窗结束------------------------------------- */
|
|
|
getBaseInfo() {
|
|
|
let that = this
|
|
|
- that.sourceData = []
|
|
|
- //获取左侧菜单列表
|
|
|
+ //左侧获取部门信息
|
|
|
getBaseInfo().then(res => {
|
|
|
- console.log(res.data)
|
|
|
that.forestInfo = res.data.baseinfo.baseinfo //基本情况
|
|
|
that.cameraList = res.data.cameraList
|
|
|
- that.visuForestCloudMapDeviceBOList = res.data.visuForestCloudMapDeviceBOList
|
|
|
-
|
|
|
- if (res.data.VisuForestCloudTodaySjfbBO != null && res.data.VisuForestCloudTodaySjfbBO.length >
|
|
|
- 0) {
|
|
|
- for (let i = 0; i < res.data.VisuForestCloudTodaySjfbBO.length; i++) {
|
|
|
- let aa = [res.data.VisuForestCloudTodaySjfbBO[i].deptName, Number(res.data
|
|
|
- .VisuForestCloudTodaySjfbBO[i].deptCount)]
|
|
|
- that.sourceData.push(aa)
|
|
|
- }
|
|
|
- }
|
|
|
- that.visuForestCloudRYBO = res.data.visuForestCloudRYBO
|
|
|
- that.zrs = res.data.visuForestCloudRyZxBO.zrs
|
|
|
- that.zxrs = res.data.visuForestCloudRyZxBO.zxrs
|
|
|
- this.cameraChat()
|
|
|
- this.personnelChart()
|
|
|
})
|
|
|
},
|
|
|
- getTodayEvent() {
|
|
|
+ getTodayEvents(date) {
|
|
|
let that = this
|
|
|
- //获取右侧菜单列表
|
|
|
- getTodayEvent().then(res => {
|
|
|
- //今日事件
|
|
|
- that.todayEventCountList = res.data.eventcountStatus
|
|
|
- that.todayEventSourcetList = res.data.eventcountSource
|
|
|
- //插入图标
|
|
|
- res.data.eventcountStatus.forEach(function(data, index) {
|
|
|
- that.$set(that.todayEventCountList[0], 'icon', 'sj-icon-wcl')
|
|
|
- that.$set(that.todayEventCountList[1], 'icon', 'sj-icon-clz')
|
|
|
- that.$set(that.todayEventCountList[2], 'icon', 'sj-icon-ywc')
|
|
|
-
|
|
|
- })
|
|
|
- res.data.eventcountSource.forEach(function(data, index) {
|
|
|
- that.$set(that.todayEventSourcetList[0], 'icon', 'sj-icon-rg')
|
|
|
- that.$set(that.todayEventSourcetList[1], 'icon', 'sj-icon-hx')
|
|
|
- that.$set(that.todayEventSourcetList[2], 'icon', 'sj-icon-kk')
|
|
|
-
|
|
|
- })
|
|
|
- // 事件分布
|
|
|
- that.todayEventCountDeptList = res.data.eventcountDept
|
|
|
- // 事件分类
|
|
|
- that.todayEventCountTypeList = res.data.eventcountType
|
|
|
- this.eventChartData = []
|
|
|
- if (res.data.eventcountSource != null && res.data.eventcountSource.length > 0) {
|
|
|
- for (let i = 0; i < res.data.eventcountSource.length; i++) {
|
|
|
- let data = {}
|
|
|
- data.name = res.data.eventcountSource[i].eventSourceName
|
|
|
- data.value = res.data.eventcountSource[i].count
|
|
|
- this.eventChartData.push(data)
|
|
|
- }
|
|
|
- }
|
|
|
+ //左侧获取事件信息统计
|
|
|
+ getTodayEvents({ day:date }).then(res => {
|
|
|
+ this.aiTotal=res.data.aiTotal;
|
|
|
+ this.aiTotal_pre=res.data.aiTotal_pre;
|
|
|
+ this.newReport=res.data.newReport;
|
|
|
+ this.newReport_pre=res.data.newReport_pre;
|
|
|
+ this.otherTotal=res.data.otherTotal;
|
|
|
+ this.otherTotal_pre=res.data.otherTotal_pre;
|
|
|
+ this.readyFinish=res.data.readyFinish;
|
|
|
+ this.readyFinish_pre=res.data.readyFinish_pre;
|
|
|
+ this.readySure=res.data.readySure;
|
|
|
+ this.readySure_pre=res.data.readySure_pre;
|
|
|
+ this.totalStr=res.data.totalStr;
|
|
|
+ this.total=res.data.total;
|
|
|
+ this.eventChartAi(this.aiTotal_pre);
|
|
|
that.markersList = []
|
|
|
if (res.data.eventListAll != null && res.data.eventListAll.length > 0) {
|
|
|
for (let i = 0; i < res.data.eventListAll.length; i++) {
|
|
@@ -1894,278 +1569,13 @@
|
|
|
}
|
|
|
})
|
|
|
},
|
|
|
- todayEventCountSetMarkers(eventStatus) {
|
|
|
- this.iconCurrentIndex1 = eventStatus
|
|
|
- this.iconCurrentIndex2 = ''
|
|
|
- // if (eventStatus == "event_event_status_3") {
|
|
|
- // return
|
|
|
- // }
|
|
|
- //点击今日事件前三个按钮列表
|
|
|
- let that = this
|
|
|
- getEventStatusList(eventStatus).then(res => {
|
|
|
- that.eventList = []
|
|
|
- that.markersList = []
|
|
|
- if (res.data.eventList != null && res.data.eventList.length > 0) {
|
|
|
- for (let i = 0; i < res.data.eventList.length; i++) {
|
|
|
- let markersMap = {
|
|
|
- lng: 124.59,
|
|
|
- lat: 43.02,
|
|
|
- icon: 'marker',
|
|
|
- bindPopupHtml: '',
|
|
|
- click: '',
|
|
|
- parameter: '',
|
|
|
- keepBindPopup: false,
|
|
|
- isAggregation: false
|
|
|
- }
|
|
|
- if (res.data.eventList.length > 50) {
|
|
|
- markersMap.isAggregation = true
|
|
|
- }
|
|
|
- if (eventStatus == 'event_event_status_1_2_6') {
|
|
|
- markersMap.click = 'showEventInfo_Processed'
|
|
|
- markersMap.icon = 'sj-icon-map-clz'
|
|
|
- } else if (eventStatus == 'event_event_status_4') {
|
|
|
- markersMap.click = 'showEventInfo_notProcessed'
|
|
|
- markersMap.icon = 'sj-icon-map-wcl'
|
|
|
- } else {
|
|
|
- markersMap.click = 'showEventInfo_Processed'
|
|
|
- markersMap.icon = 'sj-icon-map-ywc'
|
|
|
- }
|
|
|
- markersMap.parameter = res.data.eventList[i].id
|
|
|
- markersMap.lng = res.data.eventList[i].longitude
|
|
|
- markersMap.lat = res.data.eventList[i].latitude
|
|
|
- markersMap.bindPopupHtml = '<div class="map-tip">' +
|
|
|
- '<span>' +
|
|
|
- ' <div class="d-l-con">' +
|
|
|
- ' <div class="d-l-l-text">' +
|
|
|
- ' <h4>经纬度:' + res.data.eventList[i].longitude + ',' + res.data
|
|
|
- .eventList[i]
|
|
|
- .latitude + '</h4>' +
|
|
|
- ' </div>' +
|
|
|
- ' </div>' +
|
|
|
- ' </span>' +
|
|
|
- '<span>' +
|
|
|
- ' <div class="d-l-con">' +
|
|
|
- ' <div class="d-l-l-text">' +
|
|
|
- ' <h4>事件名称:' + res.data.eventList[i].eventTitle + '</h4>' +
|
|
|
- ' </div>' +
|
|
|
- ' </div>' +
|
|
|
- ' </span>' +
|
|
|
- '<span>' +
|
|
|
- ' <div class="d-l-con">' +
|
|
|
- ' <div class="d-l-l-text">' +
|
|
|
- ' <h4>事件时间:' + res.data.eventList[i].reportTime + '</h4>' +
|
|
|
- ' </div>' +
|
|
|
- ' </div>' +
|
|
|
- ' </span>' +
|
|
|
- '</div>'
|
|
|
- that.markersList.push(markersMap)
|
|
|
- }
|
|
|
- that.eventList = res.data.eventList
|
|
|
- }
|
|
|
- setTimeout(() => {
|
|
|
- that.$refs.supermap.clearM(true)
|
|
|
- that.$refs.supermap.clearM(false)
|
|
|
- that.$refs.supermap.setMarkers(that.markersList)
|
|
|
- }, 500)
|
|
|
- })
|
|
|
- },
|
|
|
- todayEventSourcetSetMarkers(eventSource) {
|
|
|
- this.iconCurrentIndex2 = eventSource
|
|
|
- this.iconCurrentIndex1 = ''
|
|
|
- //点击今日事件后三个按钮列表
|
|
|
- let that = this
|
|
|
- getEventSourceList(eventSource).then(res => {
|
|
|
- that.markersList = []
|
|
|
- if (res.data.eventList != null && res.data.eventList.length > 0) {
|
|
|
- for (let i = 0; i < res.data.eventList.length; i++) {
|
|
|
- let markersMap = {
|
|
|
- lng: 124.59,
|
|
|
- lat: 43.02,
|
|
|
- icon: 'marker',
|
|
|
- bindPopupHtml: '',
|
|
|
- click: '',
|
|
|
- keepBindPopup: false,
|
|
|
- isAggregation: false
|
|
|
- }
|
|
|
- if (eventSource = 'event_source_1_3') {
|
|
|
- markersMap.icon = 'sj-icon-map-rg'
|
|
|
- } else if (eventSource = 'camera_type_1') {
|
|
|
- markersMap.icon = 'sj-icon-map-hx'
|
|
|
- } else {
|
|
|
- markersMap.icon = 'sj-icon-map-kk'
|
|
|
- }
|
|
|
- if (res.data.eventList.length > 50) {
|
|
|
- markersMap.isAggregation = true
|
|
|
- }
|
|
|
- if (res.data.eventList[i].eventStatus == 'event_event_status_1' || res.data.eventList[
|
|
|
- i].eventStatus == 'event_event_status_2' || res.data.eventList[i]
|
|
|
- .eventStatus == 'event_event_status_6') {
|
|
|
- markersMap.click = 'showEventInfo_Processed'
|
|
|
- } else if (res.data.eventList[i].eventStatus == 'event_event_status_4') {
|
|
|
- markersMap.click = 'showEventInfo_notProcessed'
|
|
|
- }
|
|
|
- markersMap.parameter = res.data.eventList[i].id
|
|
|
- markersMap.lng = res.data.eventList[i].longitude
|
|
|
- markersMap.lat = res.data.eventList[i].latitude
|
|
|
- markersMap.bindPopupHtml = '<div class="map-tip">' +
|
|
|
- '<span>' +
|
|
|
- ' <div class="d-l-con">' +
|
|
|
- ' <div class="d-l-l-text">' +
|
|
|
- ' <h4>经纬度:' + res.data.eventList[i].longitude + ',' + res.data
|
|
|
- .eventList[i]
|
|
|
- .latitude + '</h4>' +
|
|
|
- ' </div>' +
|
|
|
- ' </div>' +
|
|
|
- ' </span>' +
|
|
|
- '<span>' +
|
|
|
- ' <div class="d-l-con">' +
|
|
|
- ' <div class="d-l-l-text">' +
|
|
|
- ' <h4>事件名称:' + res.data.eventList[i].eventTitle + '</h4>' +
|
|
|
- ' </div>' +
|
|
|
- ' </div>' +
|
|
|
- ' </span>' +
|
|
|
- '<span>' +
|
|
|
- ' <div class="d-l-con">' +
|
|
|
- ' <div class="d-l-l-text">' +
|
|
|
- ' <h4>事件时间:' + res.data.eventList[i].reportTime + '</h4>' +
|
|
|
- ' </div>' +
|
|
|
- ' </div>' +
|
|
|
- ' </span>' +
|
|
|
- '</div>'
|
|
|
- that.markersList.push(markersMap)
|
|
|
- }
|
|
|
- }
|
|
|
- setTimeout(() => {
|
|
|
- that.$refs.supermap.clearM(true)
|
|
|
- that.$refs.supermap.clearM(false)
|
|
|
- that.$refs.supermap.setMarkers(that.markersList)
|
|
|
- }, 500)
|
|
|
- })
|
|
|
- },
|
|
|
- todayEventByDeptIdList(deptId) {
|
|
|
- //点击事件分类
|
|
|
- this.listCurrentIndex = deptId
|
|
|
+ getDeptEventCount(date) {
|
|
|
let that = this
|
|
|
- getEventListByDeptIdList(deptId).then(res => {
|
|
|
- that.eventList = []
|
|
|
- that.markersList = []
|
|
|
-
|
|
|
- if (res.data.eventList != null && res.data.eventList.length > 0) {
|
|
|
- for (let i = 0; i < res.data.eventList.length; i++) {
|
|
|
- let markersMap = {
|
|
|
- lng: 124.59,
|
|
|
- lat: 43.02,
|
|
|
- icon: 'marker',
|
|
|
- bindPopupHtml: '',
|
|
|
- click: '',
|
|
|
- keepBindPopup: false,
|
|
|
- isAggregation: false
|
|
|
- }
|
|
|
- if (res.data.eventList[i].eventStatus == 'event_event_status_1' || res.data.eventList[
|
|
|
- i].eventStatus == 'event_event_status_2' || res.data.eventList[i]
|
|
|
- .eventStatus == 'event_event_status_6') {
|
|
|
- markersMap.click = 'showEventInfo_Processed'
|
|
|
- markersMap.icon = 'sj-icon-map-clz'
|
|
|
- } else if (res.data.eventList[i].eventStatus == 'event_event_status_4') {
|
|
|
- markersMap.click = 'showEventInfo_notProcessed'
|
|
|
- markersMap.icon = 'sj-icon-map-wcl'
|
|
|
- } else {
|
|
|
- markersMap.icon = 'sj-icon-map-ywc'
|
|
|
- }
|
|
|
- if (res.data.eventList.length > 50) {
|
|
|
- markersMap.isAggregation = true
|
|
|
- }
|
|
|
- markersMap.lng = res.data.eventList[i].longitude
|
|
|
- markersMap.lat = res.data.eventList[i].latitude
|
|
|
- markersMap.bindPopupHtml = '<div class="map-tip">' +
|
|
|
- '<span>' +
|
|
|
- ' <div class="d-l-con">' +
|
|
|
- ' <div class="d-l-l-text">' +
|
|
|
- ' <h4>经纬度:' + res.data.eventList[i].longitude + ',' + res.data
|
|
|
- .eventList[i]
|
|
|
- .latitude + '</h4>' +
|
|
|
- ' </div>' +
|
|
|
- ' </div>' +
|
|
|
- ' </span>' +
|
|
|
- '<span>' +
|
|
|
- ' <div class="d-l-con">' +
|
|
|
- ' <div class="d-l-l-text">' +
|
|
|
- ' <h4>事件名称:' + res.data.eventList[i].eventTitle + '</h4>' +
|
|
|
- ' </div>' +
|
|
|
- ' </div>' +
|
|
|
- ' </span>' +
|
|
|
- '<span>' +
|
|
|
- ' <div class="d-l-con">' +
|
|
|
- ' <div class="d-l-l-text">' +
|
|
|
- ' <h4>事件时间:' + res.data.eventList[i].reportTime + '</h4>' +
|
|
|
- ' </div>' +
|
|
|
- ' </div>' +
|
|
|
- ' </span>' +
|
|
|
- '</div>'
|
|
|
- that.markersList.push(markersMap)
|
|
|
- }
|
|
|
- that.eventList = res.data.eventList
|
|
|
- }
|
|
|
- setTimeout(() => {
|
|
|
- that.$refs.supermap.clearM(true)
|
|
|
- that.$refs.supermap.clearM(false)
|
|
|
- that.$refs.supermap.setMarkers(that.markersList)
|
|
|
- }, 500)
|
|
|
+ //左侧获取事件部门数量
|
|
|
+ getDeptEventCount({ day:date }).then(res => {
|
|
|
+ this.forestFarm=res.data;
|
|
|
})
|
|
|
},
|
|
|
- showDevice(deviceType) {
|
|
|
- this.iconCurrentIndex0 = deviceType
|
|
|
- this.cameraMarkersList = []
|
|
|
- if (deviceType == 'sxt') {
|
|
|
- this.$refs.supermap.clearM(true)
|
|
|
- this.$refs.supermap.clearM(false)
|
|
|
- if (this.cameraList != null && this.cameraList.length > 0) {
|
|
|
-
|
|
|
- for (let i = 0; i < this.cameraList.length; i++) {
|
|
|
- let markersMap = {
|
|
|
- lng: 124.59,
|
|
|
- lat: 43.02,
|
|
|
- icon: 'camera',
|
|
|
- bindPopupHtml: '',
|
|
|
- click: 'preview',
|
|
|
- parameter: '',
|
|
|
- keepBindPopup: false,
|
|
|
- isAggregation: false
|
|
|
- }
|
|
|
- if (this.cameraList.length > 50) {
|
|
|
- markersMap.isAggregation = true
|
|
|
- }
|
|
|
- if (this.cameraList[i].channelCode != null) {
|
|
|
- markersMap.parameter = this.cameraList[i].channelCode.split(',')
|
|
|
- } else {
|
|
|
- markersMap.parameter = []
|
|
|
- }
|
|
|
- markersMap.lng = this.cameraList[i].longitude
|
|
|
- markersMap.lat = this.cameraList[i].latitude
|
|
|
- markersMap.bindPopupHtml = '<div class="map-tip">' +
|
|
|
- '<span>' +
|
|
|
- ' <div class="d-l-con">' +
|
|
|
- ' <div class="d-l-l-text">' +
|
|
|
- ' <h4>经纬度:' + this.cameraList[i].longitude + ',' + this.cameraList[i]
|
|
|
- .latitude + '</h4>' +
|
|
|
- ' </div>' +
|
|
|
- ' </div>' +
|
|
|
- ' </span>' +
|
|
|
- '<span>' +
|
|
|
- ' <div class="d-l-con">' +
|
|
|
- ' <div class="d-l-l-text">' +
|
|
|
- ' <h4>摄像头名称:' + this.cameraList[i].cameraName + '</h4>' +
|
|
|
- ' </div>' +
|
|
|
- ' </div>' +
|
|
|
- ' </span>' +
|
|
|
- '</div>'
|
|
|
- this.cameraMarkersList.push(markersMap)
|
|
|
- }
|
|
|
- this.$refs.supermap.setMarkers(this.cameraMarkersList)
|
|
|
- }
|
|
|
- }
|
|
|
-
|
|
|
- },
|
|
|
/** ----------------------------------摄像头预览开始------------------------------------- */
|
|
|
alertLogin: function() {
|
|
|
this.$modal.msg('登录中....')
|