From 977955d716039c91fd6292b159e50e15c62100a1 Mon Sep 17 00:00:00 2001
From: yangdelong <828900aaa>
Date: 星期六, 29 五月 2021 16:25:59 +0800
Subject: [PATCH] 企业应急-事件处置-事件信息页面
---
src/components/panel/topicSearch/enterprise-emergency/EventQuery.vue | 158 +++++++++++++++++++++++-----------------------------
1 files changed, 71 insertions(+), 87 deletions(-)
diff --git a/src/components/panel/topicSearch/enterprise-emergency/EventQuery.vue b/src/components/panel/topicSearch/enterprise-emergency/EventQuery.vue
index 1d1c7a2..860f6e1 100644
--- a/src/components/panel/topicSearch/enterprise-emergency/EventQuery.vue
+++ b/src/components/panel/topicSearch/enterprise-emergency/EventQuery.vue
@@ -1,51 +1,47 @@
<template>
<div class="search-panel">
<el-form ref="form" :model="form" label-width="90px" class="search-form">
- <el-form ref="form" :model="form" label-width="90px" class="search-form">
- <el-form-item label="浼佷笟鍚嶇О锛�" size="mini" class="search-panel-item">
- <el-select style="width: 100%" v-model="form.pipelineType" @change="handlePipelineType"
- :popper-class="'select-down'">
- <el-option
- v-for="item in items"
- :key="item.code"
- :label="item.name"
- :value="item.name">
- </el-option>
- </el-select>
- </el-form-item>
- <el-form-item label="浜嬩欢鐘舵�侊細" size="mini">
- <el-select style="width: 100%" v-model="form.dataType" value-key="code"
- :popper-class="'select-down'" @change="handleDataType">
- <el-option
- v-for="item in subItems"
- :key="item.code"
- :label="item.name"
- :value="item">
- </el-option>
- </el-select>
- </el-form-item>
- <el-form-item label="浜嬩欢绫诲瀷锛�">
- <el-radio-group v-model="form.transferData" class="levelOfRisk">
- <el-radio v-for="(item,index) in form.levelOfRisk" :label="item.value" :key="index"
- @change="redioChange(item.name)">
- <span class="levelOfRisk-type">{{ item.name }}</span>
- </el-radio>
- </el-radio-group>
- </el-form-item>
- <el-row>
- <el-button type="primary" small @click="dialogVisible = !dialogVisible">浜嬩欢涓婃姤</el-button>
- </el-row>
- <div class="page_total">
- <p>鍏辫
- <span>{{total}}</span>
- 鏉¤褰�
- </p>
- </div>
- <div class="rightButtonSearch">
- <el-input v-model="form.keyword" size="mini" placeholder="鍦ㄦ杈撳叆鍏抽敭瀛楁悳绱�"></el-input>
- <el-button class="el-icon-search" @click="handleSearch"></el-button>
- </div>
- </el-form>
+ <el-form-item label="浼佷笟鍚嶇О锛�" size="mini" class="search-panel-item">
+ <el-select style="width: 100%" v-model="form.pipelineType" @change="handlePipelineType"
+ :popper-class="'select-down'">
+ <el-option
+ v-for="item in items"
+ :key="item.code"
+ :label="item.name"
+ :value="item.name">
+ </el-option>
+ </el-select>
+ </el-form-item>
+ <el-form-item label="浜嬩欢鐘舵�侊細" size="mini">
+ <el-select style="width: 100%" v-model="form.dataType" value-key="code"
+ :popper-class="'select-down'" @change="handleDataType">
+ <el-option
+ v-for="item in subItems"
+ :key="item.code"
+ :label="item.name"
+ :value="item">
+ </el-option>
+ </el-select>
+ </el-form-item>
+ <el-form-item label="浜嬩欢绫诲瀷锛�">
+ <el-radio-group v-model="form.transferData" class="levelOfRisk">
+ <el-radio v-for="(item,index) in form.levelOfRisk" :label="item.value" :key="index"
+ @change="redioChange(item.name)">
+ <span class="levelOfRisk-type">{{ item.name }}</span>
+ </el-radio>
+ </el-radio-group>
+ </el-form-item>
+ <el-button type="primary" small @click="dialogVisibleChange">浜嬩欢涓婃姤</el-button>
+ <div class="page_total">
+ <p>鍏辫
+ <span>{{total}}</span>
+ 鏉¤褰�
+ </p>
+ </div>
+ <div class="rightButtonSearch">
+ <el-input v-model="form.keyword" size="mini" placeholder="鍦ㄦ杈撳叆鍏抽敭瀛楁悳绱�"></el-input>
+ <el-button class="el-icon-search" @click="handleSearch"></el-button>
+ </div>
</el-form>
<el-scrollbar style="height:286.22px">
<!-- <div class="environmental-risk-list" v-for="(item,index) in list" :key="index" :class="activeNum===index?'hover':''" @click="accordPopup(item)">-->
@@ -71,7 +67,8 @@
<div>
<h3>
<span @click="disposalfx">浠跺悕绉�:XXX浜嬩欢</span>
- <el-button class="rt btn00fff6" size="mini" style="margin-right: 0.04rem;" @click="startAnalysis">
+ <el-button class="rt btn00fff6" size="mini" style="margin-right: 0.04rem;"
+ @click="startAnalysis">
<span>寮�濮嬪垎鏋�</span>
</el-button>
</h3>
@@ -85,13 +82,12 @@
<p>浜嬩欢绫诲瀷锛�<span>妯℃嫙绠＄嚎浜嬩欢</span>
<el-button class="rt btn00fff6" size="mini" style="margin-right: 0.04rem;"
@click="accordPopup()">
- <span>浜嬩欢绠＄悊</span>
+ <span>浜嬩欢澶勭疆</span>
</el-button>
</p>
</div>
</div>
</el-scrollbar>
-<!-- :show-close="false"-->
<div class="event-report">
<el-dialog
custom-class="event-report-dialog"
@@ -99,29 +95,9 @@
:visible.sync="dialogVisible"
:append-to-body="true"
:modal="false"
- v-dialogDragBottom
+ v-dialogDrag
>
<EventsReported></EventsReported>
- </el-dialog>
- <el-dialog
- custom-class="event-report-dialog"
- title="閫夋嫨椤哄簭"
- :visible.sync="dialogVisible"
- :append-to-body="true"
- :modal="false"
- v-dialogDragBottom
- >
- <span>local閫夋嫨</span>
- </el-dialog>
- <el-dialog
- custom-class="event-report-dialog"
- title="鏂囦欢閫夋嫨"
- :visible.sync="dialogVisible"
- :append-to-body="true"
- :modal="false"
- v-dialogDragBottom
- >
- <span>file</span>
</el-dialog>
</div>
</div>
@@ -133,27 +109,21 @@
// import AjaxUtils from '@utils/AjaxUtils'
import DisposalEvent from '../../../base-page/enterprise-emergency/DisposalEvent'
+// import EventHandling from '@components/base-page/enterprise-emergency/event-handling/EventHandling'
import eventBus from '../../../../eventBus'
-
-import EventsReported from '../../../../components/base-page/enterprise-emergency/EventsReported'
+import EventsReported from '../../../base-page/enterprise-emergency/events-reported/EventsReported'
export default {
name: 'EventQuery',
components: {
- // DisposalEvent
EventsReported
},
data () {
return {
dialogVisible: false,
- reportIncident: false,
list: [],
total: 0,
activeNum: -1,
- LayerEvent: {},
- LayerResources: {},
- // items: [LayerEvent, LayerResources],
- // subItems: LayerEntEmer.layers,
items: [],
subItems: [],
form: {
@@ -177,15 +147,22 @@
},
mounted () {
// this.wfsHelper = new WfsHelper()
+ eventBus.$on('event-report-popup', (obj) => {
+ this.dialogVisible = obj
+ })
},
methods: {
+ dialogVisibleChange () {
+ this.dialogVisible = !this.dialogVisible
+ },
// 鐐瑰嚮浜嬩欢绠＄悊
accordPopup () {
- eventBus.$emit('disposal-analysis', true)
+ // eventBus.$emit('disposal-analysis', true)
+
},
// 寮�濮嬪垎鏋�
startAnalysis () {
- eventBus.$emit('start-analysis', true)
+ eventBus.$emit('event-handling', {})
},
disposalfx () {
window.$layer.open({
@@ -196,7 +173,7 @@
// info: this.info
}
},
- title: '浜嬩欢澶勭疆'
+ title: '浜嬩欢淇℃伅'
})
},
// radio鏁版嵁閫夋嫨
@@ -236,13 +213,20 @@
</script>
<style lang="less" scoped>
- .event-report {
- display: flex;
- }
- /*/deep/ .el-row {*/
- /* text-align: right;*/
+ /*/deep/ .event-report-dialog {*/
+ /* left: 3rem;*/
+ /* top: 1rem;*/
/*}*/
- /deep/ .el-dialog {
- width: 30%;
+ /*.event-report {*/
+ /deep/ .el-dialog {
+ width: 3.343545rem;
+ }
+ /*}*/
+
+ /deep/ .event-report-dialog {
+ left: 3rem;
+ top: 1rem;
+ margin-top: 2rem;
+ margin-left: 2rem;
}
</style>
--
Gitblit v1.8.0