|
|
@@ -7,97 +7,11 @@
|
|
|
<div class="visual-body">
|
|
|
<!-- 左侧 -->
|
|
|
<div class="leftbar" ref="left">
|
|
|
- <!-- 1 基本情况 -->
|
|
|
<div class="forthis">
|
|
|
<dv-border-box-13 backgroundColor="rgba(12, 19, 38, .90)" style="padding-bottom: 1rem;">
|
|
|
<img src="../assets/images/integrated/light.png" style="width: 100%; margin-top: .4rem;"/>
|
|
|
- <div class="this-title">
|
|
|
- <span>基本情况</span>
|
|
|
- <dv-decoration-3 style="width:150px;height:15px;margin-right: 1rem;"/>
|
|
|
- </div>
|
|
|
- <div class="i-list-con h-14">
|
|
|
- <div class="d-l-con no_hover">
|
|
|
- <div class="d-l-l-text w-100p no-weight">
|
|
|
- <h4 class="line-h-1 w-100p">{{ forestInfo }}</h4>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- </dv-border-box-13>
|
|
|
- </div>
|
|
|
- <!-- 2 事件统计-->
|
|
|
- <div class="forthis">
|
|
|
- <dv-border-box-13 backgroundColor="rgba(12, 19, 38, .90)" style="padding-bottom: 1rem;">
|
|
|
- <img src="../assets/images/integrated/light.png" style="width: 100%; margin-top: .4rem;"/>
|
|
|
- <div class="i-list-con h-29-5">
|
|
|
- <div class="d-l-con no_hover">
|
|
|
- <div class="event-count">
|
|
|
- <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>
|
|
|
- </div>
|
|
|
- <div class="d-l-con-icon">
|
|
|
- <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;">
|
|
|
- {{ newReport_pre }}%
|
|
|
- </dv-decoration-9>
|
|
|
- <div class="e-state"
|
|
|
- :style="{'background-image':`url(${require('@/assets/images/integrated/state-bg.png')})`}">
|
|
|
- <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;">
|
|
|
- {{ readySure_pre }}%
|
|
|
- </dv-decoration-9>
|
|
|
- <div class="e-state"
|
|
|
- :style="{'background-image':`url(${require('@/assets/images/integrated/state-bg.png')})`}">
|
|
|
- <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;">
|
|
|
- {{ readyFinish_pre }}%
|
|
|
- </dv-decoration-9>
|
|
|
- <div class="e-state"
|
|
|
- :style="{'background-image':`url(${require('@/assets/images/integrated/state-bg.png')})`}">
|
|
|
- <span>已完成</span> <span>{{ readyFinish }}</span>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- <div class="d-l-con no_hover">
|
|
|
- <div id="chart-event-ai" style="width: 100%;height:6vh;"></div>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- </dv-border-box-13>
|
|
|
- </div>
|
|
|
- <!-- 3 组织机构 -->
|
|
|
- <div class="forthis">
|
|
|
- <dv-border-box-13 backgroundColor="rgba(12, 19, 38, .90)" style="padding-bottom: 1rem;">
|
|
|
- <img src="../assets/images/integrated/light.png" style="width: 100%; margin-top: .4rem;"/>
|
|
|
- <div class="i-list-con h-27" style="padding-left: 1rem;">
|
|
|
- <el-collapse accordion>
|
|
|
- <el-collapse-item v-for="(item,index) in forestFarm" :key="index">
|
|
|
- <!-- deptId -->
|
|
|
- <template slot="title">
|
|
|
- <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.deptName }}</h4>
|
|
|
- </div>
|
|
|
- <div class="d-l-l-count">{{ item.eventCount }}</div>
|
|
|
- </div>
|
|
|
- </template>
|
|
|
- </el-collapse-item>
|
|
|
- </el-collapse>
|
|
|
+ <div class="i-list-con small-bottom-margin h-30">
|
|
|
+
|
|
|
</div>
|
|
|
</dv-border-box-13>
|
|
|
</div>
|
|
|
@@ -110,236 +24,6 @@
|
|
|
<!-- 右侧 -->
|
|
|
<div class="rightbar rightbar-index" ref="right">
|
|
|
<div class="right-item1">
|
|
|
- <!-- 天气 -->
|
|
|
- <div class="forthis">
|
|
|
- <dv-border-box-13 backgroundColor="rgba(12, 19, 38, .90)">
|
|
|
- <img src="../assets/images/integrated/light.png" style="width: 100%; margin-top: .4rem;"/>
|
|
|
- <div class="i-list-con small-bottom-margin h-18">
|
|
|
- <el-row :gutter="20" v-if="todatWeather">
|
|
|
- <el-col :span="9">
|
|
|
- <div class="weather-img">
|
|
|
- <img v-if="weatherinformationWeather==1" src="../assets/images/integrated/weather/qing-1.png">
|
|
|
- <img v-if="weatherinformationWeather==2" src="../assets/images/integrated/weather/duoyun-2.png">
|
|
|
- <img v-if="weatherinformationWeather==3" src="../assets/images/integrated/weather/yin-3.png">
|
|
|
- <img v-if="weatherinformationWeather==4" src="../assets/images/integrated/weather/zhenyu-4.png">
|
|
|
- <img v-if="weatherinformationWeather==5"
|
|
|
- src="../assets/images/integrated/weather/leizhenyu-5.png">
|
|
|
- <img v-if="weatherinformationWeather==6"
|
|
|
- src="../assets/images/integrated/weather/leizhenyubingbao-6.png">
|
|
|
- <img v-if="weatherinformationWeather==7" src="../assets/images/integrated/weather/yujiaxue-7.png">
|
|
|
- <img v-if="weatherinformationWeather==8" src="../assets/images/integrated/weather/xiaoyu-8.png">
|
|
|
- <img v-if="weatherinformationWeather==9||weatherinformationWeather==22"
|
|
|
- src="../assets/images/integrated/weather/zhongyu-9.png">
|
|
|
- <img v-if="weatherinformationWeather==10||weatherinformationWeather==23"
|
|
|
- src="../assets/images/integrated/weather/dayu-10.png">
|
|
|
- <img v-if="weatherinformationWeather==11||weatherinformationWeather==24"
|
|
|
- src="../assets/images/integrated/weather/baoyu-11.png">
|
|
|
- <img v-if="weatherinformationWeather==12||weatherinformationWeather==25"
|
|
|
- src="../assets/images/integrated/weather/dabaoyu-12.png">
|
|
|
- <img v-if="weatherinformationWeather==13||weatherinformationWeather==26"
|
|
|
- src="../assets/images/integrated/weather/tedabaoyu-13.png">
|
|
|
- <img v-if="weatherinformationWeather==14"
|
|
|
- src="../assets/images/integrated/weather/zhenxue-14.png">
|
|
|
- <img v-if="weatherinformationWeather==15"
|
|
|
- src="../assets/images/integrated/weather/xiaoxue-15.png">
|
|
|
- <img v-if="weatherinformationWeather==16||weatherinformationWeather==27"
|
|
|
- src="../assets/images/integrated/weather/zhongxue-16.png">
|
|
|
- <img v-if="weatherinformationWeather==17||weatherinformationWeather==28"
|
|
|
- src="../assets/images/integrated/weather/daxue-17.png">
|
|
|
- <img v-if="weatherinformationWeather==18||weatherinformationWeather==29"
|
|
|
- src="../assets/images/integrated/weather/baoxue-18.png">
|
|
|
- <img v-if="weatherinformationWeather==19" src="../assets/images/integrated/weather/wu-19.png">
|
|
|
- <img v-if="weatherinformationWeather==20" src="../assets/images/integrated/weather/dongyu-20.png">
|
|
|
- <img v-if="weatherinformationWeather==21"
|
|
|
- src="../assets/images/integrated/weather/shachenbao-21.png">
|
|
|
- <img v-if="weatherinformationWeather==30" src="../assets/images/integrated/weather/fuchen-30.png">
|
|
|
- <img v-if="weatherinformationWeather==31"
|
|
|
- src="../assets/images/integrated/weather/yangsha-31.png">
|
|
|
- <img v-if="weatherinformationWeather==32"
|
|
|
- src="../assets/images/integrated/weather/qiangshachenbao-32.png">
|
|
|
- <span v-if="weatherinformationWeather==1">晴</span>
|
|
|
- <span v-if="weatherinformationWeather==2">多云</span>
|
|
|
- <span v-if="weatherinformationWeather==3">阴</span>
|
|
|
- <span v-if="weatherinformationWeather==4">阵雨</span>
|
|
|
- <span v-if="weatherinformationWeather==5">雷阵雨</span>
|
|
|
- <span v-if="weatherinformationWeather==6">雷阵雨伴有冰雹</span>
|
|
|
- <span v-if="weatherinformationWeather==7">雨夹雪</span>
|
|
|
- <span v-if="weatherinformationWeather==8">小雨</span>
|
|
|
- <span v-if="weatherinformationWeather==9">中雨</span>
|
|
|
- <span v-if="weatherinformationWeather==10">大雨</span>
|
|
|
- <span v-if="weatherinformationWeather==11">暴雨</span>
|
|
|
- <span v-if="weatherinformationWeather==12">大暴雨</span>
|
|
|
- <span v-if="weatherinformationWeather==13">特大暴雨</span>
|
|
|
- <span v-if="weatherinformationWeather==14">阵雪</span>
|
|
|
- <span v-if="weatherinformationWeather==15">小雪</span>
|
|
|
- <span v-if="weatherinformationWeather==16">中雪</span>
|
|
|
- <span v-if="weatherinformationWeather==17">大雪</span>
|
|
|
- <span v-if="weatherinformationWeather==18">暴雪</span>
|
|
|
- <span v-if="weatherinformationWeather==19">雾</span>
|
|
|
- <span v-if="weatherinformationWeather==20">冻雨</span>
|
|
|
- <span v-if="weatherinformationWeather==21">沙尘暴</span>
|
|
|
- <span v-if="weatherinformationWeather==22">小雨—中雨</span>
|
|
|
- <span v-if="weatherinformationWeather==23">中雨—大雨</span>
|
|
|
- <span v-if="weatherinformationWeather==24">大雨—暴雨</span>
|
|
|
- <span v-if="weatherinformationWeather==25">暴雨—大暴雨</span>
|
|
|
- <span v-if="weatherinformationWeather==26">大暴雨—特大暴雨</span>
|
|
|
- <span v-if="weatherinformationWeather==27">小雪—中雪</span>
|
|
|
- <span v-if="weatherinformationWeather==28">中雪—大雪</span>
|
|
|
- <span v-if="weatherinformationWeather==29">大雪—暴雪</span>
|
|
|
- <span v-if="weatherinformationWeather==30">浮尘</span>
|
|
|
- <span v-if="weatherinformationWeather==31">扬沙</span>
|
|
|
- <span v-if="weatherinformationWeather==32">强沙尘暴</span>
|
|
|
- </div>
|
|
|
- </el-col>
|
|
|
- <el-col :span="15">
|
|
|
- <div class="weather-info">
|
|
|
- <ul>
|
|
|
- <li>风力：{{ weatherinformationPower }}级</li>
|
|
|
- <li>低温：{{ weatherinformationLow }}℃</li>
|
|
|
- <li v-if="weatherinformationDirection==1">风向：东风</li>
|
|
|
- <li v-if="weatherinformationDirection==2">风向：东南风</li>
|
|
|
- <li v-if="weatherinformationDirection==3">风向：南风</li>
|
|
|
- <li v-if="weatherinformationDirection==4">风向：西南风</li>
|
|
|
- <li v-if="weatherinformationDirection==5">风向：西风</li>
|
|
|
- <li v-if="weatherinformationDirection==6">风向：西北风</li>
|
|
|
- <li v-if="weatherinformationDirection==7">风向：北风</li>
|
|
|
- <li v-if="weatherinformationDirection==8">风向：东北风</li>
|
|
|
- <li>高温：{{ weatherinformationHigh }}℃</li>
|
|
|
- <li>火险：{{ weatherinformationLevelValue }}
|
|
|
- </li>
|
|
|
- <li>湿度：{{ weatherinformationTemperature }}</li>
|
|
|
- </ul>
|
|
|
- </div>
|
|
|
- </el-col>
|
|
|
- </el-row>
|
|
|
- <el-row :gutter="20" v-else>
|
|
|
- <el-col :span="24">
|
|
|
- <div class="weather-img">
|
|
|
- 暂无天气信息！
|
|
|
- </div>
|
|
|
- </el-col>
|
|
|
- </el-row>
|
|
|
- <div class="firestate" v-if="todatWeather">
|
|
|
- <div
|
|
|
- :class="weatherinformationLevel=='forest_weatherinformation_level_1'? 'state-block1 state-on':'state-block1'"></div>
|
|
|
- <div
|
|
|
- :class="weatherinformationLevel=='forest_weatherinformation_level_2'? 'state-block2 state-on':'state-block2'"></div>
|
|
|
- <div
|
|
|
- :class="weatherinformationLevel=='forest_weatherinformation_level_3'? 'state-block3 state-on':'state-block3'"></div>
|
|
|
- <div
|
|
|
- :class="weatherinformationLevel=='forest_weatherinformation_level_4'? 'state-block4 state-on':'state-block4'"></div>
|
|
|
- <div
|
|
|
- :class="weatherinformationLevel=='forest_weatherinformation_level_5'? 'state-block5 state-on':'state-block5'"></div>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- </dv-border-box-13>
|
|
|
- </div>
|
|
|
- <!-- 曝光台 -->
|
|
|
- <div class="forthis">
|
|
|
- <dv-border-box-13 backgroundColor="rgba(12, 19, 38, .90)" style="padding-bottom: 1rem;">
|
|
|
- <img src="../assets/images/integrated/light.png" style="width: 100%; margin-top: .4rem;"/>
|
|
|
- <div class="this-title">
|
|
|
- <span>曝光台</span>
|
|
|
- <dv-decoration-3 style="width:150px;height:15px;margin-right: 1rem;"/>
|
|
|
- </div>
|
|
|
- <div class="i-list-con small-bottom-margin h-18">
|
|
|
- <div class="d-l-con padding-box nowrap" v-for="(item,index) in exposureStageList">
|
|
|
- <div class="bgt-state">
|
|
|
- <div class="bgt-state-frequency">{{ item.urgeCount }}</div>
|
|
|
- <div class="bgt-state-minute">{{ item.timeDiff }}分钟</div>
|
|
|
- </div>
|
|
|
- <div class="bgt-info">
|
|
|
- <div class="bgt-info-name">{{ item.eventName }}</div>
|
|
|
- <div class="bgt-info-place">
|
|
|
- <ul>
|
|
|
- <li>{{ item.deptNames }}</li>
|
|
|
- </ul>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
-
|
|
|
- </div>
|
|
|
- </dv-border-box-13>
|
|
|
- </div>
|
|
|
- <!-- 事件列表 -->
|
|
|
- <div class="forthis">
|
|
|
- <dv-border-box-13 backgroundColor="rgba(12, 19, 38, .90)" style="padding-bottom: 1rem;">
|
|
|
- <img src="../assets/images/integrated/light.png" style="width: 100%; margin-top: .4rem;"/>
|
|
|
- <div class="this-title">
|
|
|
- <span>事件列表</span>
|
|
|
- <dv-decoration-3 style="width:150px;height:15px;margin-right: 1rem;"/>
|
|
|
- </div>
|
|
|
- <div class="i-list-con small-bottom-margin h-35">
|
|
|
- <div class="event-list-search">
|
|
|
- <el-input
|
|
|
- placeholder="请输入内容"
|
|
|
- prefix-icon="el-icon-search"
|
|
|
- v-model="eventSearch" @change="searchEvent(eventSearch)">
|
|
|
- </el-input>
|
|
|
- </div>
|
|
|
- <div class="d-l-con padding-box nowrap" v-for="(item,index) in eventList"
|
|
|
- @click="dropLocation(item.latitude,item.longitude)">
|
|
|
- <div class="bgt-img">
|
|
|
- <img v-if="item.picturePath!=null&&item.picturePath!=''&& isAssetTypeAnImage(item.picturePath)"
|
|
|
- :src="item.picturePath"
|
|
|
- style="width: 93px;height: 64px"/>
|
|
|
- <img v-else src="../assets/images/integrated/event-img-sub.png" style="width: 93px;height: 64px"/>
|
|
|
- </div>
|
|
|
- <div class="bgt-info">
|
|
|
- <div v-if="item.eventStatusValue=='forest_event_status_1'&&item.urgeCount==0"
|
|
|
- class="event-state-sb">
|
|
|
- <i class="el-icon-caret-left"></i>
|
|
|
- <div class="event-list-state-sb">
|
|
|
- 新上报
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- <div v-if="item.eventStatusValue=='forest_event_status_1'&&item.urgeCount>0" class="event-state-cb">
|
|
|
- <i class="el-icon-caret-left"></i>
|
|
|
- <div class="event-list-state-cb">
|
|
|
- 催办
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- <div v-if="item.eventStatusValue=='forest_event_status_2'" class="event-state-qs">
|
|
|
- <i class="el-icon-caret-left"></i>
|
|
|
- <div class="event-list-state-qs">
|
|
|
- 签收
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- <div v-if="item.eventStatusValue=='forest_event_status_3'" class="event-state-wb">
|
|
|
- <i class="el-icon-caret-left"></i>
|
|
|
- <div class="event-list-state-wb">
|
|
|
- 误报
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- <div v-if="item.eventStatusValue=='forest_event_status_4'" class="event-state-cf">
|
|
|
- <i class="el-icon-caret-left"></i>
|
|
|
- <div class="event-list-state-cf">
|
|
|
- 重复
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- <div v-if="item.eventStatusValue=='forest_event_status_5'" class="event-state-bj">
|
|
|
- <i class="el-icon-caret-left"></i>
|
|
|
- <div class="event-list-state-bj">
|
|
|
- 办结
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- <div v-if="item.eventStatusValue=='forest_event_status_6'" class="event-state-gd">
|
|
|
- <i class="el-icon-caret-left"></i>
|
|
|
- <div class="event-list-state-gd">
|
|
|
- 归档
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- <div class="bgt-info-name">{{ item.reportor }} {{ item.eventName }}</div>
|
|
|
- <div class="bgt-info-place">
|
|
|
- <ul>
|
|
|
- <li>{{ item.reportTime }}</li>
|
|
|
- </ul>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- </dv-border-box-13>
|
|
|
- </div>
|
|
|
</div>
|
|
|
<div class="right-item2">
|
|
|
<!-- 日历 -->
|
|
|
@@ -351,41 +35,13 @@
|
|
|
</div>
|
|
|
</dv-border-box-13>
|
|
|
</div>
|
|
|
- <!-- 事件分类 -->
|
|
|
- <div class="forthis">
|
|
|
- <dv-border-box-13 backgroundColor="rgba(12, 19, 38, .90)" style="padding-bottom: 1rem;">
|
|
|
- <img src="../assets/images/integrated/light.png" style="width: 100%; margin-top: .4rem;"/>
|
|
|
- <div class="this-title">
|
|
|
- <span>事件分类</span>
|
|
|
- <dv-decoration-3 style="width:150px;height:15px;margin-right: 1rem;"/>
|
|
|
- </div>
|
|
|
- <div class="i-list-con small-bottom-margin h-19">
|
|
|
- <dv-capsule-chart v-if="showEventKind" :config="eventKind"
|
|
|
- style="width: 90%;height: 18vh; padding:.5rem 1rem"/>
|
|
|
- </div>
|
|
|
- </dv-border-box-13>
|
|
|
- </div>
|
|
|
- <!-- 上报排行 -->
|
|
|
- <div class="forthis">
|
|
|
- <dv-border-box-13 backgroundColor="rgba(12, 19, 38, .90)" style="padding-bottom: 1rem;">
|
|
|
- <img src="../assets/images/integrated/light.png" style="width: 100%; margin-top: .4rem;"/>
|
|
|
- <div class="this-title">
|
|
|
- <span>上报排行</span>
|
|
|
- <dv-decoration-3 style="width:150px;height:15px;margin-right: 1rem;"/>
|
|
|
- </div>
|
|
|
- <div class="i-list-con small-bottom-margin h-19">
|
|
|
- <dv-scroll-ranking-board :config="reportList" style="width: 100%;height: 20vh; padding:.5rem 1rem"/>
|
|
|
- </div>
|
|
|
- </dv-border-box-13>
|
|
|
- </div>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
</div>
|
|
|
<vBottomMenu ref="bottomMenu"></vBottomMenu>
|
|
|
</div>
|
|
|
- <eventdetailsdialog ref="eventdetailsdialog" :calendarDay="calendarDay" @getEventList="getEventList"
|
|
|
- @getTodayEvents="getTodayEvents"></eventdetailsdialog>
|
|
|
+ <eventdetailsdialog ref="eventdetailsdialog" :calendarDay="calendarDay"></eventdetailsdialog>
|
|
|
<eventLocation ref="eventLocation"></eventLocation>
|
|
|
<TVWall ref="TVWall"></TVWall>
|
|
|
</div>
|
|
|
@@ -398,14 +54,7 @@ import Cookies from 'js-cookie'
|
|
|
/** ----------------------------------weosocket结束------------------------------------- */
|
|
|
|
|
|
import {
|
|
|
- getBaseInfo,
|
|
|
- getTodayEvents,
|
|
|
- getDeptEventCount,
|
|
|
- getWeather,
|
|
|
- getEventList,
|
|
|
- getEventByEventType,
|
|
|
- getEventByReportorOrder,
|
|
|
- getExposureStage
|
|
|
+ // getExposureStage
|
|
|
} from '@/api/forest'
|
|
|
import supermap from '@/components/supermap' //超图
|
|
|
import supermapNotProcessed from '@/components/supermap' //超图
|
|
|
@@ -450,14 +99,6 @@ export default {
|
|
|
/** ----------------------------------底部按钮公用组件结束------------------------------------- */
|
|
|
},
|
|
|
mounted() {
|
|
|
- this.getBaseInfo()
|
|
|
- this.getTodayEvents(this.getCurrentDataStr())
|
|
|
- this.getDeptEventCount(this.getCurrentDataStr())
|
|
|
- this.getWeather(this.getCurrentDataStr())
|
|
|
- this.getEventList(this.getCurrentDataStr())
|
|
|
- this.getEventByEventType(this.getCurrentDataStr())
|
|
|
- this.getEventByReportorOrder(this.getCurrentDataStr())
|
|
|
- this.getExposureStage(this.getCurrentDataStr())
|
|
|
/** ----------------------------------weosocket开始------------------------------------- */
|
|
|
// this.initWebSocket()
|
|
|
/** ----------------------------------weosocket结束------------------------------------- */
|
|
|
@@ -466,49 +107,7 @@ export default {
|
|
|
data() {
|
|
|
return {
|
|
|
calendarDay: this.getCurrentDataStr(),
|
|
|
- //基本情况
|
|
|
- forestInfo: '', //基本情况
|
|
|
- //左侧获取事件信息统计
|
|
|
- totalStr: '000000',
|
|
|
- aiTotal: '',
|
|
|
- newReport: '',
|
|
|
- otherTotal: '',
|
|
|
- readyFinish: '',
|
|
|
- readySure: '',
|
|
|
total: '',
|
|
|
- aiTotal_pre: '',
|
|
|
- newReport_pre: '',
|
|
|
- otherTotal_pre: '',
|
|
|
- readyFinish_pre: '',
|
|
|
- readySure_pre: '',
|
|
|
- //左侧部门事件数量
|
|
|
- forestFarm: [],
|
|
|
- //右侧天气
|
|
|
- todatWeather: false,
|
|
|
- weatherinformationDirection: '',
|
|
|
- weatherinformationHigh: '',
|
|
|
- weatherinformationLevel: '',
|
|
|
- weatherinformationLevelValue: '',//火险登记中文
|
|
|
- weatherinformationLow: '',
|
|
|
- weatherinformationPower: '',
|
|
|
- weatherinformationTemperature: '',
|
|
|
- weatherinformationTime: '',
|
|
|
- weatherinformationWeather: '',
|
|
|
- //右侧曝光台
|
|
|
- exposureStageList: [],
|
|
|
- //右侧事件列表
|
|
|
- eventList: [],
|
|
|
- eventListnew: [],
|
|
|
- eventListAll: [],
|
|
|
- eventSearch: '',//事件列表搜索
|
|
|
- listCurrentIndex1: '',
|
|
|
- // ----------------------------------事件分类柱状----------------------------------------
|
|
|
- eventKind: {},
|
|
|
- showEventKind: false,
|
|
|
- // ----------------------------------上报排行----------------------------------------
|
|
|
- reportList: {
|
|
|
- data: []
|
|
|
- },
|
|
|
/** ----------------------------------weosocket开始------------------------------------- */
|
|
|
weosocket: false,
|
|
|
websock: '',
|
|
|
@@ -534,103 +133,6 @@ export default {
|
|
|
},
|
|
|
/** ----------------------------------weosocket结束------------------------------------- */
|
|
|
methods: {
|
|
|
- searchEvent(eventSearch) {
|
|
|
- let that = this
|
|
|
- //事件列表搜索
|
|
|
- this.eventListnew = []
|
|
|
- if (eventSearch != null && eventSearch != '') {
|
|
|
- for (var i = 0; i < this.eventListAll.length; i++) {
|
|
|
- if (this.eventListAll[i].reportor.indexOf(eventSearch) > -1) {
|
|
|
- this.eventListnew.push(this.eventListAll[i])
|
|
|
- }
|
|
|
- }
|
|
|
- this.eventList = this.eventListnew
|
|
|
- } else {
|
|
|
- this.eventList = this.eventListAll
|
|
|
- }
|
|
|
- if (this.eventList != null && this.eventList.length > 0) {
|
|
|
- for (let i = 0; i < this.eventList.length; i++) {
|
|
|
- let markersMap = {
|
|
|
- lng: 124.59,
|
|
|
- lat: 43.02,
|
|
|
- icon: 'marker',
|
|
|
- bindPopupHtml: '',
|
|
|
- click: '',
|
|
|
- parameter: '',
|
|
|
- keepBindPopup: false,
|
|
|
- isAggregation: false
|
|
|
- }
|
|
|
- if (this.eventList.length > 50) {
|
|
|
- markersMap.isAggregation = true
|
|
|
- }
|
|
|
- if (this.eventList[i].eventStatusValue == 'forest_event_status_1' && this.eventList[i].urgeCount == 0) {
|
|
|
- markersMap.click = 'showEventDialog'
|
|
|
- markersMap.icon = 'sj-icon-map-xinshangbao'
|
|
|
- markersMap.isAggregation = false
|
|
|
- }
|
|
|
- if (this.eventList[i].eventStatusValue == 'forest_event_status_1' && this.eventList[i].urgeCount > 0) {
|
|
|
- markersMap.click = 'showEventDialog'
|
|
|
- markersMap.icon = 'sj-icon-map-cuiban'
|
|
|
- markersMap.isAggregation = false
|
|
|
- } else if (this.eventList[i].eventStatusValue == 'forest_event_status_2') {
|
|
|
- markersMap.click = 'showEventDialog'
|
|
|
- markersMap.icon = 'sj-icon-map-qianshou'
|
|
|
- } else if (this.eventList[i].eventStatusValue == 'forest_event_status_5') {
|
|
|
- markersMap.click = 'showEventDialog'
|
|
|
- markersMap.icon = 'sj-icon-map-banjie'
|
|
|
- } else if (this.eventList[i].eventStatusValue == 'forest_event_status_6') {
|
|
|
- markersMap.click = 'showEventDialog'
|
|
|
- markersMap.icon = 'sj-icon-map-guidang'
|
|
|
- }
|
|
|
- markersMap.parameter = this.eventList[i].eventCode
|
|
|
- markersMap.lng = this.eventList[i].longitude
|
|
|
- markersMap.lat = this.eventList[i].latitude
|
|
|
- markersMap.bindPopupHtml = '<div class="map-tip">' +
|
|
|
- '<span>' +
|
|
|
- ' <div class="d-l-con">' +
|
|
|
- ' <div class="d-l-l-text">' +
|
|
|
- ' <h4>经纬度：' + this.eventList[i].longitude + ',' + this.eventList[i].latitude + '</h4>' +
|
|
|
- ' </div>' +
|
|
|
- ' </div>' +
|
|
|
- ' </span>' +
|
|
|
- '<span>' +
|
|
|
- ' <div class="d-l-con">' +
|
|
|
- ' <div class="d-l-l-text">' +
|
|
|
- ' <h4>事件名称：' + this.eventList[i].eventName + '</h4>' +
|
|
|
- ' </div>' +
|
|
|
- ' </div>' +
|
|
|
- ' </span>' +
|
|
|
- '<span>' +
|
|
|
- ' <div class="d-l-con">' +
|
|
|
- ' <div class="d-l-l-text">' +
|
|
|
- ' <h4>事件时间：' + this.eventList[i].reportTime + '</h4>' +
|
|
|
- ' </div>' +
|
|
|
- ' </div>' +
|
|
|
- ' </span>'
|
|
|
- if (this.eventList[i].picturePath != null && this.eventList[i].picturePath != '' && this.isAssetTypeAnImage(this.eventList[i].picturePath)) {
|
|
|
- markersMap.bindPopupHtml += '<span>' +
|
|
|
- ' <div class="d-l-con">' +
|
|
|
- ' <div class="d-l-l-text">' +
|
|
|
- '<img src="' + this.eventList[i].picturePath + '" style="width: 150px;height: 100px"/>' +
|
|
|
- ' </div>' +
|
|
|
- ' </div>' +
|
|
|
- ' </span>'
|
|
|
- }
|
|
|
- markersMap.bindPopupHtml += '</div>'
|
|
|
- that.markersList.push(markersMap)
|
|
|
- }
|
|
|
- setTimeout(() => {
|
|
|
- that.$refs.supermap.clearM(false)
|
|
|
- that.$refs.supermap.clearM(true)
|
|
|
- that.$refs.supermap.setMarkers(that.markersList)
|
|
|
- }, 2000)
|
|
|
- } else {
|
|
|
- setTimeout(() => {
|
|
|
- that.$refs.supermap.clearM(false)
|
|
|
- that.$refs.supermap.clearM(true)
|
|
|
- }, 2000)
|
|
|
- }
|
|
|
- },
|
|
|
dropLocation(lat, lng) {
|
|
|
this.$refs.supermap.dropLocation(lat, lng)
|
|
|
},
|
|
|
@@ -648,349 +150,12 @@ export default {
|
|
|
return y + '-' + m + '-' + d
|
|
|
},
|
|
|
selectDay(day) {//日历点击
|
|
|
- this.getTodayEvents(day)
|
|
|
- this.getDeptEventCount(day)
|
|
|
- this.getWeather(day)
|
|
|
- this.getEventList(day)
|
|
|
- this.getEventByEventType(day)
|
|
|
- this.getEventByReportorOrder(day)
|
|
|
- this.getExposureStage(day)
|
|
|
this.calendarDay = day
|
|
|
},
|
|
|
|
|
|
- //事件数量统计chart 样例地址http://192.144.199.210:8080/editor/index.html?chart_id=jTXf0Rv4A3oiBONB
|
|
|
- eventChartAi(aiTotal_pre, otherTotal_pre) {
|
|
|
- // 基于准备好的dom，初始化echarts实例
|
|
|
- let myChart = echarts.init(document.getElementById('chart-event-ai'))
|
|
|
- myChart.setOption({
|
|
|
- tooltip: {
|
|
|
- trigger: 'none'
|
|
|
- },
|
|
|
- grid: {
|
|
|
- top: '65%',
|
|
|
- left: '5%',
|
|
|
- right: '5%'
|
|
|
- },
|
|
|
- yAxis: {
|
|
|
- data: ['百分比'],
|
|
|
- axisTick: {
|
|
|
- show: false
|
|
|
- },
|
|
|
- axisLine: {
|
|
|
- show: false
|
|
|
- },
|
|
|
- axisLabel: {
|
|
|
- show: false
|
|
|
- }
|
|
|
- },
|
|
|
- xAxis: {
|
|
|
- splitLine: {
|
|
|
- show: false
|
|
|
- },
|
|
|
- axisTick: {
|
|
|
- show: false
|
|
|
- },
|
|
|
- axisLine: {
|
|
|
- show: false
|
|
|
- },
|
|
|
- axisLabel: {
|
|
|
- show: false
|
|
|
- }
|
|
|
- },
|
|
|
- legend: {
|
|
|
- data: ['AI', '其他'],
|
|
|
- bottom: '5%',
|
|
|
- textStyle: {
|
|
|
- color: '#1FC3CE',
|
|
|
- fontSize: 14
|
|
|
- }
|
|
|
- },
|
|
|
- series: [{
|
|
|
- // name: '最上层立体圆',
|
|
|
- type: 'pictorialBar',
|
|
|
- symbolSize: [10, 20],
|
|
|
- symbolOffset: [2, 0],
|
|
|
- z: 12,
|
|
|
- itemStyle: {
|
|
|
- normal: {
|
|
|
- color: '#293CA0'
|
|
|
- }
|
|
|
- },
|
|
|
- data: [{
|
|
|
- value: 100,
|
|
|
- symbolPosition: 'end'
|
|
|
- }]
|
|
|
- }, {
|
|
|
- // name: '中间立体圆',
|
|
|
- type: 'pictorialBar',
|
|
|
- symbolSize: [10, 20],
|
|
|
- symbolOffset: [2, 0],
|
|
|
- z: 12,
|
|
|
- itemStyle: {
|
|
|
- normal: {
|
|
|
- color: '#45ac8d'
|
|
|
- }
|
|
|
- },
|
|
|
- data: [{
|
|
|
- value: aiTotal_pre,
|
|
|
- symbolPosition: 'end'
|
|
|
- }]
|
|
|
- }, {
|
|
|
- // name: '最底部立体圆',
|
|
|
- type: 'pictorialBar',
|
|
|
- symbolSize: [10, 20],
|
|
|
- symbolOffset: [-4, 0],
|
|
|
- z: 12,
|
|
|
- itemStyle: {
|
|
|
- normal: {
|
|
|
- color: '#196d59'
|
|
|
- }
|
|
|
- },
|
|
|
- data: [otherTotal_pre]
|
|
|
- }, {
|
|
|
- name: 'AI',
|
|
|
- //底部立体柱
|
|
|
- stack: '1',
|
|
|
- type: 'bar',
|
|
|
- itemStyle: {
|
|
|
- normal: {
|
|
|
- color: new echarts.graphic.LinearGradient(0, 0, 1, 0, [{
|
|
|
- offset: 0,
|
|
|
- color: '#29ac8f'
|
|
|
- }, {
|
|
|
- offset: 1,
|
|
|
- color: '#0a3f3f'
|
|
|
- }])
|
|
|
- }
|
|
|
- },
|
|
|
- label: {
|
|
|
- normal: {
|
|
|
- show: true,
|
|
|
- position: 'inside',
|
|
|
- offset: [0, 1],
|
|
|
- formatter: function(obj) {
|
|
|
- return (obj.value).toLocaleString() + '%'
|
|
|
- },
|
|
|
- textStyle: {
|
|
|
- align: 'center',
|
|
|
- baseline: 'middle',
|
|
|
- fontSize: 14,
|
|
|
- fontWeight: '400',
|
|
|
- color: '#fff',
|
|
|
- textShadowColor: '#000',
|
|
|
- textShadowBlur: '0',
|
|
|
- textShadowOffsetX: 1,
|
|
|
- textShadowOffsetY: 1
|
|
|
- }
|
|
|
- }
|
|
|
- },
|
|
|
-
|
|
|
- silent: true,
|
|
|
- barWidth: 20,
|
|
|
- barGap: '-100%', // Make series be overlap
|
|
|
- data: [aiTotal_pre]
|
|
|
- }, {
|
|
|
- name: '其他',
|
|
|
- //上部立体柱
|
|
|
- stack: '1',
|
|
|
- type: 'bar',
|
|
|
- itemStyle: {
|
|
|
- normal: {
|
|
|
- color: '#14257B',
|
|
|
- opacity: .7
|
|
|
- }
|
|
|
- },
|
|
|
- silent: true,
|
|
|
- barWidth: 20,
|
|
|
- barGap: '-100%', // Make series be overlap
|
|
|
- data: [otherTotal_pre],
|
|
|
- // itemStyle: {
|
|
|
- // normal: {
|
|
|
- // color: 'rgba(29,67,243,1)',
|
|
|
- // }
|
|
|
- // },
|
|
|
- label: {
|
|
|
- normal: {
|
|
|
- show: true,
|
|
|
- position: 'inside',
|
|
|
- offset: [0, 1],
|
|
|
- formatter: function(obj) {
|
|
|
- return (obj.value).toLocaleString() + '%'
|
|
|
- },
|
|
|
- textStyle: {
|
|
|
- align: 'center',
|
|
|
- baseline: 'middle',
|
|
|
- fontSize: 14,
|
|
|
- fontWeight: '400',
|
|
|
- color: '#fff',
|
|
|
- textShadowColor: '#000',
|
|
|
- textShadowBlur: '0',
|
|
|
- textShadowOffsetX: 1,
|
|
|
- textShadowOffsetY: 1
|
|
|
- }
|
|
|
- }
|
|
|
- }
|
|
|
- }]
|
|
|
- })
|
|
|
- },
|
|
|
selectTaskList() {
|
|
|
this.$refs.bottomMenu.selectTaskList()
|
|
|
},
|
|
|
- getBaseInfo() {
|
|
|
- //左侧获取部门信息
|
|
|
- getBaseInfo().then(res => {
|
|
|
- if (res.code == 200) {
|
|
|
- if (res.msg == '未找到部门信息') {
|
|
|
- this.forestInfo = '未找到部门信息!'
|
|
|
- } else {
|
|
|
- this.forestInfo = res.data.baseinfo //基本情况
|
|
|
- }
|
|
|
- }
|
|
|
- })
|
|
|
- },
|
|
|
- getTodayEvents(day) {
|
|
|
- let that = this
|
|
|
- //左侧获取事件信息统计
|
|
|
- getTodayEvents({ day: day }).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, this.otherTotal_pre)
|
|
|
- })
|
|
|
- },
|
|
|
- getDeptEventCount(day) {
|
|
|
- let that = this
|
|
|
- //左侧获取事件部门数量
|
|
|
- getDeptEventCount({ day: day }).then(res => {
|
|
|
- this.forestFarm = res.data
|
|
|
- })
|
|
|
- },
|
|
|
- getWeather(day) {
|
|
|
- let that = this
|
|
|
- //右侧获取天气信息
|
|
|
- getWeather({ day: day }).then(res => {
|
|
|
- if (res.code == 200) {
|
|
|
- if (res.msg == '天气未添加') {
|
|
|
- this.todatWeather = false
|
|
|
- } else {
|
|
|
- this.todatWeather = true
|
|
|
- this.weatherinformationDirection = res.data.weatherinformationDirection
|
|
|
- this.weatherinformationHigh = res.data.weatherinformationHigh
|
|
|
- this.weatherinformationLevel = res.data.weatherinformationLevel
|
|
|
- this.weatherinformationLevelValue = res.data.weatherinformationLevelValue
|
|
|
- this.weatherinformationLow = res.data.weatherinformationLow
|
|
|
- this.weatherinformationPower = res.data.weatherinformationPower
|
|
|
- this.weatherinformationTemperature = res.data.weatherinformationTemperature
|
|
|
- this.weatherinformationTime = res.data.weatherinformationTime
|
|
|
- this.weatherinformationWeather = res.data.weatherinformationWeather
|
|
|
- }
|
|
|
- } else {
|
|
|
- this.todatWeather = false
|
|
|
- }
|
|
|
- })
|
|
|
- },
|
|
|
- getEventList(day) {
|
|
|
- let that = this
|
|
|
- this.eventList = []
|
|
|
- this.eventListAll = []
|
|
|
- //右侧获取事件列表
|
|
|
- getEventList({ day: day }).then(res => {
|
|
|
- this.eventList = res.data
|
|
|
- this.eventListAll = res.data
|
|
|
- that.markersList = []
|
|
|
- if (this.eventList != null && this.eventList.length > 0) {
|
|
|
- for (let i = 0; i < this.eventList.length; i++) {
|
|
|
- let markersMap = {
|
|
|
- lng: 124.59,
|
|
|
- lat: 43.02,
|
|
|
- icon: 'marker',
|
|
|
- bindPopupHtml: '',
|
|
|
- click: '',
|
|
|
- parameter: '',
|
|
|
- keepBindPopup: false,
|
|
|
- isAggregation: false
|
|
|
- }
|
|
|
- if (this.eventList.length > 50) {
|
|
|
- markersMap.isAggregation = true
|
|
|
- }
|
|
|
- if (this.eventList[i].eventStatusValue == 'forest_event_status_1' && this.eventList[i].urgeCount == 0) {
|
|
|
- markersMap.click = 'showEventDialog'
|
|
|
- markersMap.icon = 'sj-icon-map-xinshangbao'
|
|
|
- markersMap.isAggregation = false
|
|
|
- }
|
|
|
- if (this.eventList[i].eventStatusValue == 'forest_event_status_1' && this.eventList[i].urgeCount > 0) {
|
|
|
- markersMap.click = 'showEventDialog'
|
|
|
- markersMap.icon = 'sj-icon-map-cuiban'
|
|
|
- markersMap.isAggregation = false
|
|
|
- } else if (this.eventList[i].eventStatusValue == 'forest_event_status_2') {
|
|
|
- markersMap.click = 'showEventDialog'
|
|
|
- markersMap.icon = 'sj-icon-map-qianshou'
|
|
|
- } else if (this.eventList[i].eventStatusValue == 'forest_event_status_5') {
|
|
|
- markersMap.click = 'showEventDialog'
|
|
|
- markersMap.icon = 'sj-icon-map-banjie'
|
|
|
- } else if (this.eventList[i].eventStatusValue == 'forest_event_status_6') {
|
|
|
- markersMap.click = 'showEventDialog'
|
|
|
- markersMap.icon = 'sj-icon-map-guidang'
|
|
|
- }
|
|
|
- markersMap.parameter = this.eventList[i].eventCode
|
|
|
- markersMap.lng = this.eventList[i].longitude
|
|
|
- markersMap.lat = this.eventList[i].latitude
|
|
|
- markersMap.bindPopupHtml = '<div class="map-tip">' +
|
|
|
- '<span>' +
|
|
|
- ' <div class="d-l-con">' +
|
|
|
- ' <div class="d-l-l-text">' +
|
|
|
- ' <h4>经纬度：' + this.eventList[i].longitude + ',' + this.eventList[i].latitude + '</h4>' +
|
|
|
- ' </div>' +
|
|
|
- ' </div>' +
|
|
|
- ' </span>' +
|
|
|
- '<span>' +
|
|
|
- ' <div class="d-l-con">' +
|
|
|
- ' <div class="d-l-l-text">' +
|
|
|
- ' <h4>事件名称：' + this.eventList[i].eventName + '</h4>' +
|
|
|
- ' </div>' +
|
|
|
- ' </div>' +
|
|
|
- ' </span>' +
|
|
|
- '<span>' +
|
|
|
- ' <div class="d-l-con">' +
|
|
|
- ' <div class="d-l-l-text">' +
|
|
|
- ' <h4>事件时间：' + this.eventList[i].reportTime + '</h4>' +
|
|
|
- ' </div>' +
|
|
|
- ' </div>' +
|
|
|
- ' </span>'
|
|
|
- if (this.eventList[i].picturePath != null && this.eventList[i].picturePath != '' && this.isAssetTypeAnImage(this.eventList[i].picturePath)) {
|
|
|
- markersMap.bindPopupHtml += '<span>' +
|
|
|
- ' <div class="d-l-con">' +
|
|
|
- ' <div class="d-l-l-text">' +
|
|
|
- '<img src="' + this.eventList[i].picturePath + '" style="width: 150px;height: 100px"/>' +
|
|
|
- ' </div>' +
|
|
|
- ' </div>' +
|
|
|
- ' </span>'
|
|
|
- }
|
|
|
- markersMap.bindPopupHtml += '</div>'
|
|
|
- that.markersList.push(markersMap)
|
|
|
- }
|
|
|
- setTimeout(() => {
|
|
|
- that.$refs.supermap.clearM(false)
|
|
|
- that.$refs.supermap.clearM(true)
|
|
|
- that.$refs.supermap.setMarkers(that.markersList)
|
|
|
- }, 2000)
|
|
|
- } else {
|
|
|
- setTimeout(() => {
|
|
|
- that.$refs.supermap.clearM(false)
|
|
|
- that.$refs.supermap.clearM(true)
|
|
|
- }, 2000)
|
|
|
- }
|
|
|
- })
|
|
|
- },
|
|
|
// 判断是否为图片
|
|
|
isAssetTypeAnImage(filePath) {
|
|
|
//获取最后一个.的位置
|
|
|
@@ -1000,43 +165,6 @@ export default {
|
|
|
let aa = ['png', 'jpg', 'jpeg', 'bmp', 'gif', 'webp', 'psd', 'svg', 'tiff'].indexOf(ext.toLowerCase()) !== -1
|
|
|
return aa
|
|
|
},
|
|
|
- getEventByEventType(day) {
|
|
|
- let that = this
|
|
|
- //右侧获取事件分类
|
|
|
- getEventByEventType({ day: day }).then(res => {
|
|
|
- if (res.data != null && res.data.length > 0) {
|
|
|
- this.showEventKind = true
|
|
|
- this.eventKind.data = res.data
|
|
|
- this.eventKind.colors = ['#1ce0a9', '#d6333b', '#e68d3f', '#32c5e9', '#2abc65']
|
|
|
- this.eventKind.showValue = true
|
|
|
- this.eventKind = { ...this.eventKind }
|
|
|
- } else {
|
|
|
- this.showEventKind = false
|
|
|
- this.eventKind = {}
|
|
|
- this.eventKind = { ...this.eventKind }
|
|
|
- }
|
|
|
- })
|
|
|
- },
|
|
|
- getEventByReportorOrder(day) {
|
|
|
- let that = this
|
|
|
- //右侧获取上报排名
|
|
|
- getEventByReportorOrder({ day: day }).then(res => {
|
|
|
- if (res.data != null && res.data.length > 0) {
|
|
|
- this.reportList.data = res.data
|
|
|
- this.reportList = { ...this.reportList }
|
|
|
- } else {
|
|
|
- this.reportList.data = []
|
|
|
- this.reportList = { ...this.reportList }
|
|
|
- }
|
|
|
- })
|
|
|
- },
|
|
|
- getExposureStage(day) {
|
|
|
- let that = this
|
|
|
- //右侧获取曝光台
|
|
|
- getExposureStage({ day: day }).then(res => {
|
|
|
- this.exposureStageList = res.data
|
|
|
- })
|
|
|
- },
|
|
|
/** ----------------------------------weosocket开始------------------------------------- */
|
|
|
initWebSocket() { //初始化weosocket
|
|
|
const wsuri = 'wss://www.hmzzxc.com:10012/websocket/forest-' + Cookies.get('username')
|
