|
@@ -51,7 +51,7 @@
|
|
|
<!--左侧资产盘点 ps:资产盘点单元格内是竖向的流式布局,数据要竖向循环-->
|
|
<!--左侧资产盘点 ps:资产盘点单元格内是竖向的流式布局,数据要竖向循环-->
|
|
|
<div class="left-content">
|
|
<div class="left-content">
|
|
|
<div class="title-bar m-t-3">
|
|
<div class="title-bar m-t-3">
|
|
|
- <span>设备预警列表</span>
|
|
|
|
|
|
|
+ <span>预警列表</span>
|
|
|
</div>
|
|
</div>
|
|
|
<div class="content-box h-730 p-15">
|
|
<div class="content-box h-730 p-15">
|
|
|
<div class="box-row flex-c">
|
|
<div class="box-row flex-c">
|
|
@@ -61,27 +61,35 @@
|
|
|
:value="item.value">
|
|
:value="item.value">
|
|
|
</el-option>
|
|
</el-option>
|
|
|
</el-select>
|
|
</el-select>
|
|
|
- <el-select v-model="eventType" placeholder="请选择" class="sj-select-50" popper-class="sj-s-pop">
|
|
|
|
|
|
|
+ <el-select v-model="eventType" placeholder="请选择事件类型" class="sj-select-50" popper-class="sj-s-pop">
|
|
|
<el-option v-for="item in eventTypeList" :key="item.value" :label="item.label"
|
|
<el-option v-for="item in eventTypeList" :key="item.value" :label="item.label"
|
|
|
:value="item.value">
|
|
:value="item.value">
|
|
|
</el-option>
|
|
</el-option>
|
|
|
</el-select>
|
|
</el-select>
|
|
|
</div>
|
|
</div>
|
|
|
- <el-input placeholder="请输入内容" suffix-icon="el-icon-search" v-model="eventName" class="sj-input-style ">
|
|
|
|
|
- </el-input>
|
|
|
|
|
|
|
+ <div style="width: 100%;">
|
|
|
|
|
+ <el-input placeholder="请输入事件名称" suffix-icon="el-icon-search" v-model="eventName" class="sj-input-style "></el-input>
|
|
|
|
|
+ <el-select v-model="eventStatus" placeholder="请选择催办督办" class="sj-select-50" popper-class="sj-s-pop">
|
|
|
|
|
+ <el-option v-for="item in eventStatusList" :key="item.value" :label="item.label"
|
|
|
|
|
+ :value="item.value">
|
|
|
|
|
+ </el-option>
|
|
|
|
|
+ </el-select>
|
|
|
|
|
+ </div>
|
|
|
<div class="list-ul-style-tit list-ul-100-tit">
|
|
<div class="list-ul-style-tit list-ul-100-tit">
|
|
|
<span style="width: 80%;">事件名称</span>
|
|
<span style="width: 80%;">事件名称</span>
|
|
|
- <span style="width: 70px;">催办情况</span>
|
|
|
|
|
- <span style="width: 65px;">处理情况</span>
|
|
|
|
|
- <span style="width: 30px;">定位</span>
|
|
|
|
|
|
|
+ <span style="width: 80px;">催办情况</span>
|
|
|
|
|
+ <span style="width: 80px;">督办情况</span>
|
|
|
|
|
+ <span style="width: 80px;">处理情况</span>
|
|
|
|
|
+ <span style="width: 55px;">定位</span>
|
|
|
</div>
|
|
</div>
|
|
|
<ul class="list-ul-style list-ul-100" style="height:580px!important; overflow-y:scroll ; ">
|
|
<ul class="list-ul-style list-ul-100" style="height:580px!important; overflow-y:scroll ; ">
|
|
|
<li v-for="item in eventList" :key="item.id" @click="openEventDetail(item)">
|
|
<li v-for="item in eventList" :key="item.id" @click="openEventDetail(item)">
|
|
|
<span style="width: 80%;">{{ item.eventTitle }}</span>
|
|
<span style="width: 80%;">{{ item.eventTitle }}</span>
|
|
|
- <span style="width: 70px;">{{ item.expediteStatusLabel}}</span>
|
|
|
|
|
- <span style="width: 65px;"
|
|
|
|
|
|
|
+ <span style="width: 80px;">{{ item.expediteStatusLabel}}</span>
|
|
|
|
|
+ <span style="width: 80px;">{{ item.superviseStatusLabel}}</span>
|
|
|
|
|
+ <span style="width: 80px;"
|
|
|
:class=" item.eventStatusLabel == '已完成' ? 'green-txt' : 'blue-txt' ">{{ item.eventStatusLabel }}</span>
|
|
:class=" item.eventStatusLabel == '已完成' ? 'green-txt' : 'blue-txt' ">{{ item.eventStatusLabel }}</span>
|
|
|
- <span style="width: 30px;"><img src="../../assets/index_img/dw-icon.png" alt="" @click="flyTo(item.longitude,item.latitude)"></span>
|
|
|
|
|
|
|
+ <span style="width: 55px;"><img src="../../assets/index_img/dw-icon.png" alt="" @click="flyTo(item.longitude,item.latitude)"></span>
|
|
|
</li>
|
|
</li>
|
|
|
<strong></strong>
|
|
<strong></strong>
|
|
|
</ul>
|
|
</ul>
|
|
@@ -148,6 +156,9 @@ export default {
|
|
|
eventType(newVal) {
|
|
eventType(newVal) {
|
|
|
this.selectEventList()
|
|
this.selectEventList()
|
|
|
},
|
|
},
|
|
|
|
|
+ eventStatus(newVal) {
|
|
|
|
|
+ this.selectEventList()
|
|
|
|
|
+ },
|
|
|
},
|
|
},
|
|
|
mounted() {
|
|
mounted() {
|
|
|
// 初始化地图数据
|
|
// 初始化地图数据
|
|
@@ -212,6 +223,19 @@ export default {
|
|
|
}
|
|
}
|
|
|
],
|
|
],
|
|
|
eventType: '',
|
|
eventType: '',
|
|
|
|
|
+ eventStatusList: [
|
|
|
|
|
+ {
|
|
|
|
|
+ value: '1',
|
|
|
|
|
+ label: '催办'
|
|
|
|
|
+ }, {
|
|
|
|
|
+ value: '2',
|
|
|
|
|
+ label: '督办'
|
|
|
|
|
+ }, {
|
|
|
|
|
+ value: '3',
|
|
|
|
|
+ label: '催办且督办'
|
|
|
|
|
+ }
|
|
|
|
|
+ ],
|
|
|
|
|
+ eventStatus: '',
|
|
|
eventName:'',
|
|
eventName:'',
|
|
|
|
|
|
|
|
}
|
|
}
|
|
@@ -224,7 +248,26 @@ export default {
|
|
|
* 预警列表
|
|
* 预警列表
|
|
|
*/
|
|
*/
|
|
|
selectEventList() {
|
|
selectEventList() {
|
|
|
- selectEventList({industry: this.industry,eventTitle: this.eventName,eventTypeDl:this.eventType,eventTypeDl:400}).then(res => {
|
|
|
|
|
|
|
+ const params = {
|
|
|
|
|
+ industry: this.industry,
|
|
|
|
|
+ eventTitle: this.eventName,
|
|
|
|
|
+ eventTypeDl: this.eventType,
|
|
|
|
|
+ expediteStatus: null,
|
|
|
|
|
+ superviseStatus: null,
|
|
|
|
|
+ };
|
|
|
|
|
+ // 根据状态动态添加参数
|
|
|
|
|
+ if (this.eventStatus === '1') {
|
|
|
|
|
+ params.expediteStatus = '1';
|
|
|
|
|
+ }else if (this.eventStatus === '2') {
|
|
|
|
|
+ params.superviseStatus = '1';
|
|
|
|
|
+ }else if (this.eventStatus === '3') {
|
|
|
|
|
+ params.expediteStatus = '1';
|
|
|
|
|
+ params.superviseStatus = '1';
|
|
|
|
|
+ }else{
|
|
|
|
|
+ params.expediteStatus = null;
|
|
|
|
|
+ params.superviseStatus = null;
|
|
|
|
|
+ }
|
|
|
|
|
+ selectEventList(params).then(res => {
|
|
|
this.eventList = res.rows
|
|
this.eventList = res.rows
|
|
|
this.setMakersHandler('longitude', 'latitude', res.rows)
|
|
this.setMakersHandler('longitude', 'latitude', res.rows)
|
|
|
})
|
|
})
|
|
@@ -765,8 +808,8 @@ export default {
|
|
|
}
|
|
}
|
|
|
|
|
|
|
|
.sj-input-style {
|
|
.sj-input-style {
|
|
|
- margin-top: 5px !important;
|
|
|
|
|
-
|
|
|
|
|
|
|
+ margin-top: 10px !important;
|
|
|
|
|
+ width: 50% !important;
|
|
|
.el-input__inner {
|
|
.el-input__inner {
|
|
|
height: 30px;
|
|
height: 30px;
|
|
|
line-height: 30px;
|
|
line-height: 30px;
|