|
|
@@ -87,12 +87,20 @@
|
|
|
<dl class="sp_list">
|
|
|
<div class="hei_scroll hei67">
|
|
|
<dd v-for="(e,idx) in planListSearch" :key="idx" @click="dropLocation(e.latitude,e.longitude)" class="planItem">
|
|
|
- <div style="width: 100%;" :title=" '预案内容：' + e.contingencyPlanContent">
|
|
|
+ <div style="width: 100%;">
|
|
|
<img src="@/assets/images/planIcon.png">
|
|
|
- <div>
|
|
|
- <div :title="e.contingencyPlanName">{{ e.contingencyPlanName }}</div>
|
|
|
- <div style="height: 36%;line-height: 1;">{{ e.createTime }}</div>
|
|
|
- </div>
|
|
|
+ <el-popover
|
|
|
+ placement="top-start"
|
|
|
+ title="预案内容"
|
|
|
+ width="200"
|
|
|
+ trigger="hover"
|
|
|
+ popper-class="popperClass"
|
|
|
+ :content="e.contingencyPlanContent">
|
|
|
+ <div slot="reference">
|
|
|
+ <div :title="e.contingencyPlanName">{{ e.contingencyPlanName }}</div>
|
|
|
+ <div style="height: 36%;line-height: 1;">{{ e.createTime }}</div>
|
|
|
+ </div>
|
|
|
+ </el-popover>
|
|
|
</div>
|
|
|
</dd>
|
|
|
</div>
|
|
|
@@ -113,7 +121,7 @@
|
|
|
custom-class="emergencyEventDialog"
|
|
|
style="margin-top: 5vh !important;"
|
|
|
>
|
|
|
- <div class="continueForm_contain" @click="getDescriptionByContingency">继续填写</div>
|
|
|
+ <button class="continueForm_contain" @click="getDescriptionByContingency">信息补充</button>
|
|
|
<div class="transferBg d1">
|
|
|
<h3>事件基本信息</h3>
|
|
|
<div class="eventInfo_contain">
|
|
|
@@ -176,11 +184,12 @@
|
|
|
<div class="transferBg pics">
|
|
|
<h3>其他画面</h3>
|
|
|
<div class="otherPics">
|
|
|
- <img
|
|
|
- v-for="(e,idx) in emergencyEventDetails.attachPath ? emergencyEventDetails.attachPath : []"
|
|
|
- :key="idx"
|
|
|
- :src="e"
|
|
|
- >
|
|
|
+ <router-link to="#" v-for="item in emergencyEventDetails.attachPath">
|
|
|
+ <el-image :src="item"
|
|
|
+ :preview-src-list="assetTypeAnImage(item)"
|
|
|
+ style="width:8rem; height:8rem;margin: 5px;">
|
|
|
+ </el-image>
|
|
|
+ </router-link>
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
@@ -219,27 +228,30 @@
|
|
|
<el-form-item label="纬度" prop="latitude" style="width: 350px;height: 40px;">
|
|
|
<el-input v-model="ruleForm.latitude"></el-input>
|
|
|
</el-form-item>
|
|
|
- <!-- <el-form-item label="部门" prop="deptList" style="width: 350px;height: 40px;">
|
|
|
- <el-select v-model="ruleForm.deptList" placeholder="选择部门" popper-class="deptDropdown" @clear="clearall" ref="mySelect clearable">
|
|
|
- <el-row class="blRow">
|
|
|
- <el-col>
|
|
|
- <el-option :value="deptList" disabled>
|
|
|
- <el-tree
|
|
|
- :data="deptOptions"
|
|
|
- :props="defaultProps"
|
|
|
- ref="tree"
|
|
|
- show-checkbox
|
|
|
- check-strictly
|
|
|
- :expand-on-click-node="false"
|
|
|
- node-key="id"
|
|
|
- check-on-click-node
|
|
|
- @check-change="handleNodeClick"
|
|
|
- ></el-tree>
|
|
|
- </el-option>
|
|
|
- </el-col>
|
|
|
- </el-row>
|
|
|
- </el-select>
|
|
|
- </el-form-item> -->
|
|
|
+ <el-form-item label="部门" prop="deptList" style="width: 350px;height: 40px;">
|
|
|
+<!-- <el-select v-model="ruleForm.deptList" placeholder="选择部门" popper-class="deptDropdown" @clear="clearall" ref="mySelect clearable">-->
|
|
|
+<!-- <el-row class="blRow">-->
|
|
|
+<!-- <el-col>-->
|
|
|
+<!-- <el-option :value="deptList" disabled>-->
|
|
|
+<!-- <el-tree-->
|
|
|
+<!-- :data="deptOptions"-->
|
|
|
+<!-- :props="defaultProps"-->
|
|
|
+<!-- ref="tree"-->
|
|
|
+<!-- show-checkbox-->
|
|
|
+<!-- check-strictly-->
|
|
|
+<!-- :expand-on-click-node="false"-->
|
|
|
+<!-- node-key="id"-->
|
|
|
+<!-- check-on-click-node-->
|
|
|
+<!-- @check-change="handleNodeClick"-->
|
|
|
+<!-- ></el-tree>-->
|
|
|
+<!-- </el-option>-->
|
|
|
+<!-- </el-col>-->
|
|
|
+<!-- </el-row>-->
|
|
|
+<!-- </el-select>-->
|
|
|
+ <el-tree class="tree-border tree_scroll" style="height: 23vh; overflow-y:scroll" :data="deptOptionsLiandong"
|
|
|
+ show-checkbox ref="LiandongDept" node-key="id" :check-strictly="true"
|
|
|
+ :accordion="true" empty-text="加载中，请稍候" :props="defaultProps"></el-tree>
|
|
|
+ </el-form-item>
|
|
|
<el-form-item label="图片" prop="fileList" style="width: 1200px;height: 40px;">
|
|
|
<ImageUpload :fileType="['jpg', 'png','jpeg']" :limit="5" :value="fileList" @input="getUrl"></ImageUpload>
|
|
|
<template #label></template>
|
|
|
@@ -357,11 +369,13 @@
|
|
|
import {
|
|
|
selectConfigKey
|
|
|
} from "@/api/system/config";
|
|
|
+ import {Button} from "@/dahua/lib/iview";
|
|
|
// import * as echarts from 'echarts'
|
|
|
let echarts = require("echarts");
|
|
|
export default {
|
|
|
name:'MyChart',
|
|
|
components: {
|
|
|
+ Button,
|
|
|
supermap,
|
|
|
ImageUpload
|
|
|
},
|
|
|
@@ -379,6 +393,7 @@
|
|
|
},
|
|
|
created() {
|
|
|
// this.getListDeviceAll()
|
|
|
+ this.getDeptTreeselect();
|
|
|
},
|
|
|
mounted() {
|
|
|
// 初始化地图数据
|
|
|
@@ -398,6 +413,7 @@
|
|
|
},
|
|
|
data() {
|
|
|
return {
|
|
|
+ deptOptionsLiandong: [],
|
|
|
deptId:null,
|
|
|
isVisible: false, // 初始时设置为false，不显示内容
|
|
|
input:'',
|
|
|
@@ -490,6 +506,21 @@
|
|
|
}
|
|
|
},
|
|
|
methods: {
|
|
|
+ // 获取部门列表树
|
|
|
+ getDeptTreeselect(){
|
|
|
+ treeselectAll().then((response) => {
|
|
|
+ this.deptOptionsLiandong = response.data;
|
|
|
+ });
|
|
|
+ },
|
|
|
+ assetTypeAnImage(filePath) {
|
|
|
+ let imageList = []
|
|
|
+ if (filePath != null && filePath.length > 0) {
|
|
|
+ for (let i = 0; i < filePath.length; i++) {
|
|
|
+ imageList.push(filePath)
|
|
|
+ }
|
|
|
+ }
|
|
|
+ return imageList
|
|
|
+ },
|
|
|
handleInput(val){
|
|
|
this.ruleForm.contingencyDetail.eventEarlyWarning = val.replace(/[^0-9]/g, '')
|
|
|
},
|
|
|
@@ -527,6 +558,7 @@
|
|
|
},
|
|
|
// 发起应急事件
|
|
|
setEmergencyEvent(){
|
|
|
+ this.currentFormStatus = 0
|
|
|
this.setEventDialogVisible = true
|
|
|
setTimeout(() => {
|
|
|
this.resetForm('ruleForm')
|
|
|
@@ -599,8 +631,16 @@
|
|
|
this.dropLocation(latitude ,longitude)
|
|
|
},
|
|
|
submitForm(formName) {
|
|
|
- this.$refs[formName].validate((valid) => {
|
|
|
+ this.$refs[formName].validate((valid) => {
|
|
|
if (valid) {
|
|
|
+ const deptList = [];
|
|
|
+ let array = this.$refs.LiandongDept.getCheckedNodes();
|
|
|
+ if(array!=null && array.length!=0){
|
|
|
+ for(let item of array){
|
|
|
+ deptList.push({mapDeptId:item.id,mapDeptName:item.label});
|
|
|
+ }
|
|
|
+ this.ruleForm.deptList = deptList;
|
|
|
+ }
|
|
|
this.reportParams = this.ruleForm
|
|
|
// 整理附件
|
|
|
let attachList = []
|
|
|
@@ -1118,6 +1158,9 @@
|
|
|
}
|
|
|
},
|
|
|
watch:{
|
|
|
+ filterText(val) {
|
|
|
+ this.$refs.LiandongDept.filter(val)
|
|
|
+ },
|
|
|
['eventParams.eventTitle'](){
|
|
|
this.getEventList()
|
|
|
},
|
|
|
@@ -1127,6 +1170,15 @@
|
|
|
}
|
|
|
}
|
|
|
</script>
|
|
|
+<style lang="scss">
|
|
|
+ .popperClass {
|
|
|
+ background-color: #1c3a40 !important;
|
|
|
+ color: #8bc0cb !important;
|
|
|
+ >div{
|
|
|
+ color: #FFF !important;
|
|
|
+ }
|
|
|
+ }
|
|
|
+</style>
|
|
|
<style rel="stylesheet/scss" lang="scss">
|
|
|
|
|
|
.deptDropdown{
|
|
|
@@ -1190,7 +1242,7 @@
|
|
|
}
|
|
|
}
|
|
|
img{
|
|
|
- margin: 3% 0 0 8%;
|
|
|
+ margin: 2% 13px -7px 8%;
|
|
|
width: 17%;
|
|
|
}
|
|
|
}
|
|
|
@@ -1214,11 +1266,12 @@
|
|
|
}
|
|
|
.continueForm_contain{
|
|
|
position: absolute;
|
|
|
+ width:8vh;
|
|
|
right: 3%;
|
|
|
top: 10%;
|
|
|
- color: #2878FF;
|
|
|
- text-decoration: underline;
|
|
|
- cursor: pointer;
|
|
|
+ color: #fff;
|
|
|
+ background-color: #5bdddd;
|
|
|
+ border-radius: 10px;
|
|
|
}
|
|
|
.d1{
|
|
|
height: 20%;
|
|
|
@@ -1373,7 +1426,7 @@
|
|
|
|
|
|
.tk_div{
|
|
|
width: 21%;
|
|
|
- height: 36%;
|
|
|
+ height: 38%;
|
|
|
position: absolute;
|
|
|
top: 24%;
|
|
|
left: 32.2%;
|
