From f3ab28fd376caec5b142145d9b779d846f9fbc10 Mon Sep 17 00:00:00 2001
From: 陈泽平 <chenzeping>
Date: 星期一, 31 五月 2021 10:23:28 +0800
Subject: [PATCH] 企业应急-事件上报布局问题修改
---
src/components/panel/topicSearch/enterprise-emergency/EventQuery.vue | 280 ++++++++++++++++++++++++++++---------------------------
1 files changed, 142 insertions(+), 138 deletions(-)
diff --git a/src/components/panel/topicSearch/enterprise-emergency/EventQuery.vue b/src/components/panel/topicSearch/enterprise-emergency/EventQuery.vue
index c1b30ae..67f94e8 100644
--- a/src/components/panel/topicSearch/enterprise-emergency/EventQuery.vue
+++ b/src/components/panel/topicSearch/enterprise-emergency/EventQuery.vue
@@ -1,106 +1,110 @@
<template>
- <div class="search-panel">
- <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-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)">-->
- <!-- <!– <i class="state"></i>–>-->
- <!-- <img class="state" :src="getImgSrc(item.properties.type)" style="background: none"/>-->
- <!-- <div>-->
- <!-- <h3 @click="handleLocation(item,index)">浜嬩欢鍚嶇О:XXX浜嬩欢</h3>-->
- <!-- <h5>-->
- <!-- 浜嬩欢浜嬩欢:2021骞�3鏈�21鏃�-->
- <!-- <el-button class="rt btn00fff6" size="mini" style="margin-right: 0.04rem;">鍒犻櫎</el-button>-->
- <!-- </h5>-->
- <!-- <p>-->
- <!-- 浜嬩欢鐘舵�侊細<span>瀹℃壒闃舵</span>-->
- <!-- </p>-->
- <!-- <p>浜嬩欢绫诲瀷锛�<span>{{ item.properties.pipecode }}</span>-->
- <!-- <el-button class="rt btn00fff6" size="mini" style="margin-right: 0.04rem;">浜嬩欢绠＄悊-->
- <!-- </el-button>-->
- <!-- </p>-->
- <!-- </div>-->
- <!-- </div>-->
- <div class="environmental-risk-list">
- <i class="state"></i>
- <div>
- <h3>
- <span @click="disposalfx">浜嬩欢鍚嶇О:XXX浜嬩欢</span>
- <el-button class="rt btn00fff6" size="mini" style="margin-right: 0.04rem;"
- @click="startAnalysis">
- <span>寮�濮嬪垎鏋�</span>
- </el-button>
- </h3>
- <h5>
- <span>浜嬩欢浜嬩欢:2021骞�3鏈�21鏃�</span>
- <el-button class="rt btn00fff6" size="mini" style="margin: 0.04rem 0.1rem;">鍒犻櫎</el-button>
- </h5>
- <p>
- 浜嬩欢鐘舵�侊細<span>瀹℃壒闃舵</span>
- </p>
- <p>浜嬩欢绫诲瀷锛�<span>妯℃嫙绠＄嚎浜嬩欢</span>
- <el-button class="rt btn00fff6" size="mini" style="margin-right: 0.04rem;"
- @click="accordPopup()">
- <span>浜嬩欢澶勭疆</span>
- </el-button>
- </p>
- </div>
- </div>
- </el-scrollbar>
- <div class="event-report">
- <el-dialog
- custom-class="event-report-dialog"
- title="浜嬩欢涓婃姤"
- :visible.sync="dialogVisible"
- :append-to-body="true"
- :modal="false"
- v-dialogDrag
- >
- <EventsReported></EventsReported>
- </el-dialog>
- </div>
+ <div class="search-panel">
+ <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-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">-->
+ <!-- <i class="state"></i>-->
+ <!-- <el-row>-->
+ <!-- <h3>-->
+ <!-- <span @click="handleLocation">浜嬩欢鍚嶇О:XXX浜嬩欢</span>-->
+ <!-- <el-button class="rt btn00fff6" size="mini" @click="startAnalysis">寮�濮嬪垎鏋�</el-button>-->
+ <!-- </h3>-->
+ <!-- <h5>-->
+ <!-- <span>浜嬩欢浜嬩欢:2021骞�3鏈�21鏃�</span>-->
+ <!-- <el-button class="rt btn00fff6" size="mini">鍒犻櫎</el-button>-->
+ <!-- </h5>-->
+ <!-- <p>-->
+ <!-- 浜嬩欢鐘舵�侊細<span>瀹℃壒闃舵</span>-->
+ <!-- <el-button class="rt btn00fff6" size="mini" @click="accordPopup()">浜嬩欢澶勭疆</el-button>-->
+ <!-- </p>-->
+ <!-- <p>浜嬩欢绫诲瀷锛�<span>妯℃嫙绠＄嚎浜嬩欢</span></p>-->
+ <!-- </el-row>-->
+ <!-- </div>-->
+ <el-row class="environmental-risk-list" type="flex" justify="space-between">
+ <el-col :span="4">
+ <i class="state"></i>
+ </el-col>
+ <el-col :span="16">
+<!-- <div>-->
+ <el-row>
+ <h3>
+ <span @click="handleLocation">浜嬩欢鍚嶇О:XXX浜嬩欢</span>
+ <!-- <el-button class="rt btn00fff6" size="mini" @click="startAnalysis">寮�濮嬪垎鏋�</el-button>-->
+ </h3>
+ <h5>
+ <span>浜嬩欢浜嬩欢:2021骞�3鏈�21鏃�</span>
+ <!-- <el-button class="rt btn00fff6" size="mini">鍒犻櫎</el-button>-->
+ </h5>
+ <p>
+ 浜嬩欢鐘舵�侊細<span>瀹℃壒闃舵</span>
+ <!-- <el-button class="rt btn00fff6" size="mini" @click="accordPopup()">浜嬩欢澶勭疆</el-button>-->
+ </p>
+ <p>浜嬩欢绫诲瀷锛�<span>妯℃嫙绠＄嚎浜嬩欢</span></p>
+ </el-row>
+<!-- </div>-->
+ </el-col>
+ <el-col :span="4">
+ <el-button class="rt btn00fff6" size="mini" @click="startAnalysis" style="margin: 0.01rem">寮�濮嬪垎鏋�</el-button>
+ <el-button class="rt btn00fff6" size="mini">鍒犻櫎</el-button>
+ <el-button class="rt btn00fff6" size="mini" @click="accordPopup()">浜嬩欢澶勭疆</el-button>
+ </el-col>
+ </el-row>
+ </el-scrollbar>
+ <div class="event-report">
+ <el-dialog
+ custom-class="event-report-dialog"
+ title="浜嬩欢涓婃姤"
+ :visible.sync="dialogVisible"
+ :append-to-body="true"
+ :modal="false"
+ v-dialogDrag
+ >
+ <EventsReported></EventsReported>
+ </el-dialog>
</div>
+ </div>
</template>
<script>
@@ -108,10 +112,10 @@
// import WfsHelper from '@components/helpers/WfsHelper'
// 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 DisposalEvent from '../../../base-page/enterprise-emergency/DisposalEvent'
import EventsReported from '../../../base-page/enterprise-emergency/events-reported/EventsReported'
+// import EventHandling from '@components/base-page/enterprise-emergency/event-handling/EventHandling'
export default {
name: 'EventQuery',
@@ -120,12 +124,11 @@
},
data () {
return {
+ // 寮规缁戝畾 鏄剧ず/闅愯棌 鏁版嵁
dialogVisible: false,
- list: [],
- total: 0,
- activeNum: -1,
- items: [],
- subItems: [],
+ // wfs鏁版嵁璇锋眰
+ WfsHelper: null,
+ // form 琛ㄥ崟缁戝畾鏁版嵁
form: {
pipelineType: '',
dataType: '',
@@ -142,39 +145,35 @@
}
]
},
- WfsHelper: null
+ // active index
+ activeNum: -1,
+ // 鍥惧眰
+ items: [],
+ subItems: [],
+ // 璇锋眰鏁版嵁灞曠ず鍒楄〃
+ list: [],
+ // 鍒嗛〉鍔熻兘 鎬绘暟閲�
+ total: 0
}
},
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)
-
},
// 寮�濮嬪垎鏋�
startAnalysis () {
eventBus.$emit('event-handling', {})
- },
- disposalfx () {
- window.$layer.open({
- content: {
- comp: DisposalEvent, // 缁勪欢
- parent: this, // 鐖剁粍浠�
- data: { // 浼犻�掔殑鍙傛暟
- // info: this.info
- }
- },
- title: '浜嬩欢淇℃伅'
- })
},
// radio鏁版嵁閫夋嫨
redioChange (item) {
@@ -207,26 +206,31 @@
// 鎼滅储鐨勬暟鎹� de 鐐瑰嚮浜嬩欢
handleLocation () {
console.log('val')
+ // 鏃堕棿淇℃伅 寮瑰嚭妗�
+ window.$layer.open({
+ content: {
+ comp: DisposalEvent, // 缁勪欢
+ parent: this, // 鐖剁粍浠�
+ data: { // 浼犻�掔殑鍙傛暟
+ // info: this.info
+ }
+ },
+ title: '浜嬩欢淇℃伅'
+ })
}
}
}
</script>
<style lang="less" scoped>
- /*/deep/ .event-report-dialog {*/
- /* left: 3rem;*/
- /* top: 1rem;*/
- /*}*/
- /*.event-report {*/
- /deep/ .el-dialog {
- width: 3.343545rem;
- }
- /*}*/
+/deep/ .el-dialog {
+ width: 3.343545rem;
+}
- /deep/ .event-report-dialog {
- left: 3rem;
- top: 1rem;
- margin-top: 2rem;
- margin-left: 2rem;
- }
+/deep/ .event-report-dialog {
+ left: 3rem;
+ top: 1rem;
+ margin-top: 2rem;
+ margin-left: 2rem;
+}
</style>
--
Gitblit v1.8.0