From 63436d545b7e8be49dd23c0e0dcb2a42dcd4f4d4 Mon Sep 17 00:00:00 2001
From: 陈泽平 <chenzeping>
Date: 星期六, 29 五月 2021 10:21:09 +0800
Subject: [PATCH] Merge branch 'develop' of http://xearth.cn:6600/r/wuyushui/SewerAndRainNetwork into develop

---
 src/components/base-page/enterprise-emergency/event-handling/DisposalProposed.vue      |   97 --
 src/components/base-page/enterprise-emergency/event-handling/res-info/EmergBase.js     |  216 ++++++
 src/components/base-page/enterprise-emergency/event-handling/res-info/PipeInfo.js      |  119 +++
 src/components/base-page/enterprise-emergency/event-handling/res-info/Surroundings.js  |  348 +++++++++++
 src/components/base-page/enterprise-emergency/event-handling/EventHandling.vue         |   64 +
 src/components/base-page/enterprise-emergency/event-handling/ResInfo.js                |    9 
 src/components/base-page/enterprise-emergency/event-handling/res-info/OnlineMonitor.js |   48 +
 src/components/panel/topicSearch/enterprise-emergency/EventQuery.vue                   |   31 
 src/components/base-page/enterprise-emergency/event-handling/ResInfo.vue               |  176 +++++
 src/components/base-page/enterprise-emergency/event-handling/EventReportDoc.vue        |  585 ++++++++++++++++++
 src/components/base-page/enterprise-emergency/event-handling/res-info/EmergRes.js      |  118 +++
 11 files changed, 1,696 insertions(+), 115 deletions(-)

diff --git a/src/components/base-page/enterprise-emergency/event-handling/DisposalProposed.vue b/src/components/base-page/enterprise-emergency/event-handling/DisposalProposed.vue
index e22182f..38c50ee 100644
--- a/src/components/base-page/enterprise-emergency/event-handling/DisposalProposed.vue
+++ b/src/components/base-page/enterprise-emergency/event-handling/DisposalProposed.vue
@@ -1,25 +1,26 @@
 <template>
-    <div>
-        <!--    <el-table ref="multipleTable" :data="tableData" tooltip-effect="dark" style="width: 100%">-->
-        <!--      <el-table-column prop="define" label="寤鸿澶勭疆鎺柦" show-overflow-tooltip></el-table-column>-->
-        <!--      <el-table-column type="selection" label="棰勮" width="55"></el-table-column>-->
+  <div>
+<!--    <el-table ref="multipleTable" :data="tableData" tooltip-effect="dark" style="width: 100%">-->
+<!--      <el-table-column prop="define" label="寤鸿澶勭疆鎺柦" show-overflow-tooltip></el-table-column>-->
+<!--      <el-table-column type="selection" label="棰勮" width="55"></el-table-column>-->
 
-        <!--    </el-table>-->
-        <div class="" style="padding: 5px;">
-            <!--      <div v-for="o in tableData" :key="o" class="text item">-->
-            <!--        {{ o.content }}-->
-            <!--      </div>-->
-            <div>
-                1銆佸叧闂榾闂˙銆侀榾闂–锛屽涓婃父绠¢亾杩涜鎴祦锛涘叧闂榾闂―锛屽涓嬫父绠¢亾杩涜鎴祦
-                <div>
+<!--    </el-table>-->
+    <div class="" style="padding: 5px;">
+<!--      <div v-for="o in tableData" :key="o" class="text item">-->
+<!--        {{ o.content }}-->
+<!--      </div>-->
+      <div>
+        1銆佸叧闂榾闂˙銆侀榾闂–锛屽涓婃父绠¢亾杩涜鎴祦锛涘叧闂榾闂―锛屽涓嬫父绠¢亾杩涜鎴祦
 
-                </div>
-            </div>
-        </div>
         <div>
-        </div>
 
+        </div>
+      </div>
     </div>
+    <div >
+</div>
+
+  </div>
 </template>
 
 <script>
@@ -35,25 +36,9 @@
           type: 'closeFM',
           fmGxList: {
             // 涓婃父闃�闂�
-            syfm: [{
-              name: '闃�闂˙',
-              lng: 114,
-              lat: 32
-            }, {
-              name: '闃�闂╝',
-              lng: 114,
-              lat: 32
-            }],
+            syfm: [{ name: '闃�闂˙', lng: 114, lat: 32 }, { name: '闃�闂╝', lng: 114, lat: 32 }],
             // 涓嬫父闃�闂�
-            xyfm: [{
-              name: '闃�闂‥',
-              lng: 114,
-              lat: 32
-            }, {
-              name: '闃�闂‵',
-              lng: 114,
-              lat: 32
-            }]
+            xyfm: [{ name: '闃�闂‥', lng: 114, lat: 32 }, { name: '闃�闂‵', lng: 114, lat: 32 }]
           }
         }, {
           no: 1,
@@ -62,25 +47,9 @@
           type: 'closeFM',
           fmGxList: {
             // 涓婃父闃�闂�
-            syfm: [{
-              name: '闃�闂˙',
-              lng: 114,
-              lat: 32
-            }, {
-              name: '闃�闂╝',
-              lng: 114,
-              lat: 32
-            }],
+            syfm: [{ name: '闃�闂˙', lng: 114, lat: 32 }, { name: '闃�闂╝', lng: 114, lat: 32 }],
             // 涓嬫父闃�闂�
-            xyfm: [{
-              name: '闃�闂‥',
-              lng: 114,
-              lat: 32
-            }, {
-              name: '闃�闂‵',
-              lng: 114,
-              lat: 32
-            }]
+            xyfm: [{ name: '闃�闂‥', lng: 114, lat: 32 }, { name: '闃�闂‵', lng: 114, lat: 32 }]
           }
         }, {
           no: 1,
@@ -89,31 +58,17 @@
           type: 'closeFM',
           fmGxList: {
             // 涓婃父闃�闂�
-            syfm: [{
-              name: '闃�闂˙',
-              lng: 114,
-              lat: 32
-            }, {
-              name: '闃�闂╝',
-              lng: 114,
-              lat: 32
-            }],
+            syfm: [{ name: '闃�闂˙', lng: 114, lat: 32 }, { name: '闃�闂╝', lng: 114, lat: 32 }],
             // 涓嬫父闃�闂�
-            xyfm: [{
-              name: '闃�闂‥',
-              lng: 114,
-              lat: 32
-            }, {
-              name: '闃�闂‵',
-              lng: 114,
-              lat: 32
-            }]
+            xyfm: [{ name: '闃�闂‥', lng: 114, lat: 32 }, { name: '闃�闂‵', lng: 114, lat: 32 }]
           }
         }]
 
     }
   },
-  methods: {}
+  methods: {
+
+  }
 }
 </script>
 
diff --git a/src/components/base-page/enterprise-emergency/event-handling/EventHandling.vue b/src/components/base-page/enterprise-emergency/event-handling/EventHandling.vue
index c002aab..5a36cb3 100644
--- a/src/components/base-page/enterprise-emergency/event-handling/EventHandling.vue
+++ b/src/components/base-page/enterprise-emergency/event-handling/EventHandling.vue
@@ -1,56 +1,62 @@
 <template>
-    <div>
+  <div>
 
-        <!--&lt;!&ndash;    鍩烘湰淇℃伅&ndash;&gt;-->
-        <!--    <event-base-info>-->
+<!--&lt;!&ndash;    鍩烘湰淇℃伅&ndash;&gt;-->
+<!--    <event-base-info>-->
 
-        <!--    </event-base-info>-->
-        <!--    寤鸿澶勭疆-->
-        <disposal-proposed>
+<!--    </event-base-info>-->
+<!--    寤鸿澶勭疆-->
+    <disposal-proposed>
 
-        </disposal-proposed>
-        <!--    鏈夋晥瀹圭Н璁$畻-->
-        <div class="footer">
-            <el-button type="primary" size="mini" @click="toggleShowCalc">浜嬫晠姘磋绠�</el-button>
-            <el-button type="primary" size="mini" @click="rimRes">鍛ㄨ竟璧勬簮</el-button>
-            <el-button type="primary" size="mini" @click="report">鐢熸垚鎶ュ憡</el-button>
-            <el-button type="primary" size="mini" @click="close">杩斿洖</el-button>
-        </div>
-        <effective-volume-calc ref="effectVolCalc"></effective-volume-calc>
+    </disposal-proposed>
+    <!--    鏈夋晥瀹圭Н璁$畻-->
+    <div class="footer">
+      <el-button type="primary" size="mini" @click="toggleShowCalc">浜嬫晠姘磋绠�</el-button>
+      <el-button type="primary" size="mini" @click="toggleShowResInfo">鍛ㄨ竟璧勬簮</el-button>
+      <el-button type="primary" size="mini" @click="toggleShowReportDoc">鐢熸垚鎶ュ憡</el-button>
+      <el-button type="primary" size="mini" @click="close">杩斿洖</el-button>
     </div>
+
+    <effective-volume-calc ref="effectVolCalc"></effective-volume-calc>
+    <event-report-doc ref="eventReportDoc" :reportItemCon="reportItemCon"> </event-report-doc>
+    <res-info ref="resInfo"></res-info>
+  </div>
 
 </template>
 
 <script>
 
-// import EventBaseInfo from '@components/base-page/enterprise-emergency/event-handling/EventBaseInfo'
 import DisposalProposed from '@components/base-page/enterprise-emergency/event-handling/DisposalProposed'
 import EffectiveVolumeCalc from '@components/base-page/enterprise-emergency/EffectiveVolumeCalc'
-
+import EventReportDoc from '@components/base-page/enterprise-emergency/event-handling/EventReportDoc'
+import ResInfo from '@components/base-page/enterprise-emergency/event-handling/ResInfo'
 export default {
   name: 'EventHandling',
-  components: {
-    DisposalProposed,
-    // EventBaseInfo,
-    EffectiveVolumeCalc
+  components: { ResInfo, EventReportDoc, DisposalProposed, EffectiveVolumeCalc },
+  data () {
+    return {
+      reportItemCon: {
+        popupType: 'aaa'
+      }
+    }
   },
-
   methods: {
     toggleShowCalc () {
-      // this.isShowCalculate = !this.isShowCalculate
       const s = this.$refs.effectVolCalc.getVisible()
-      console.log(s)
       this.$refs.effectVolCalc.setVisible(!s)
     },
-    rimRes () {
-      console.log('鍛ㄨ竟璧勬簮')
+    toggleShowResInfo () {
+      const s = this.$refs.resInfo.getVisible()
+      this.$refs.resInfo.setVisible(!s)
+    },
+    toggleShowReportDoc () {
+      const s = this.$refs.eventReportDoc.getVisible()
+      this.$refs.eventReportDoc.setVisible(!s)
     },
     report () {
       console.log('鐢熸垚鎶ュ憡')
     },
-    close () {
-      console.log('杩斿洖')
-    }
+    close () { console.log('杩斿洖') }
 
   }
 }
diff --git a/src/components/base-page/enterprise-emergency/event-handling/EventReportDoc.vue b/src/components/base-page/enterprise-emergency/event-handling/EventReportDoc.vue
new file mode 100644
index 0000000..41a4bf2
--- /dev/null
+++ b/src/components/base-page/enterprise-emergency/event-handling/EventReportDoc.vue
@@ -0,0 +1,585 @@
+<template>
+  <el-dialog :visible.sync="isShow" class="effect-vol-calc" title="鐢熸垚鎶ュ憡" :modal="false" v-dialog-drag
+             :before-close="handleClose">
+
+  <div class="SecurityWeeklyManageItem-wrap">
+    <el-scrollbar style="height:100%">
+    <p class="report-title">鐢熶骇1鍖虹绾緼娉勯湶浜嬩欢鎶ュ憡</p>
+<!--    <p class="report-subhead">({{reportWordObj.year}}骞寸{{reportWordObj.reportPeriod}}鏈熸�荤{{reportWordObj.reportPeriod}}鏈�)</p>-->
+<!--    <p class="report-subhead">({{reportWordObj.startDate}}鑷硔{reportWordObj.endDate}})</p>-->
+    <el-row type="flex" justify="space-between" class="report-department">
+      <el-col :span="12" class="text-style"><h3>浜嬩欢鍩烘湰淇℃伅</h3></el-col>
+    </el-row>
+    <div class="report-con-border report-con report-margin">
+      <el-row type="flex" justify="space-between" class="">
+        <el-col :span="4" class="text-style"><span>浼佷笟鍚嶇О:</span></el-col>
+        <el-col :span="18" style="text-align: left"><span>榻愰瞾鐭冲寲</span></el-col>
+      </el-row>
+      <el-row type="flex" justify="space-between" class="">
+        <el-col :span="4" class="text-style"><span>浜嬩笟鍗曚綅:</span></el-col>
+        <el-col :span="18" style="text-align: left"><span>鐢熶骇1鍖�</span></el-col>
+      </el-row>
+      <el-row type="flex" justify="space-between" class="">
+        <el-col :span="4" class="text-style"><span>浣嶇疆鎻忚堪:</span></el-col>
+        <el-col :span="18" style="text-align: left"><span>鐢熶骇1鍖鸿タ鍖楁柟鍚�100绫�</span></el-col>
+      </el-row>
+      <el-row type="flex" justify="space-between" class="">
+        <el-col :span="4" class="text-style"><span>浜嬪彂鏃堕棿:</span></el-col>
+        <el-col :span="18" style="text-align: left"><span>2021-6-1 17:58</span></el-col>
+      </el-row>
+      <el-row type="flex" justify="space-between" class="">
+        <el-col :span="4" class="text-style"><span>鍖归厤棰勬:</span></el-col>
+        <el-col :span="18" style="text-align: left"><span>绠$嚎浜嬩欢搴旀�ラ妗圓</span></el-col>
+      </el-row>
+    </div>
+
+    <el-row type="flex" justify="space-between" class="report-department">
+      <el-col :span="12" class="text-style"><h3>浜嬩欢鍙婂懆杈规儏鍐靛垎鏋�</h3></el-col>
+    </el-row>
+    <div class="report-con-border report-con">
+
+      <div v-if="reportItemCon.popupType !== 'add'">
+        <div></div>
+        <div class="label-title"><span>绠$嚎淇℃伅</span></div>
+        <div class="report-con">
+          1.浜嬩欢绠$嚎锛氱敓浜�1鍖虹绾緼锛屼粙璐ㄤ负鍚补姹℃按锛屽煁璁炬柟寮忎负鐩村煁锛屾潗璐ㄤ负鏃犵紳閽㈢锛岄檮灞炶鏂介榾闂ˋ銆�
+        </div>
+        <div class="report-con">
+          2.涓婃父绠$嚎锛氱敓浜�2鍖虹绾緽锛屼粙璐ㄤ负鍚补姹℃按锛屽煁璁炬柟寮忎负鐩村煁锛屾潗璐ㄤ负鏃犵紳閽㈢锛岄檮灞炶鏂介榾闂˙
+        </div>
+        <div class="report-con">
+          3.涓婃父绠$嚎锛氱敓浜�2鍖虹绾緾锛屼粙璐ㄤ负鍚补姹℃按锛屽煁璁炬柟寮忎负鐩村煁锛屾潗璐ㄤ负鏃犵紳閽㈢锛岄檮灞炶鏂介榾闂–
+        </div>
+        <div class="report-con">
+          4.涓嬫父绠$嚎锛氱敓浜�2鍖虹绾緿锛屼粙璐ㄤ负鍚补姹℃按锛屽煁璁炬柟寮忎负鐩村煁锛屾潗璐ㄤ负鏃犵紳閽㈢锛岄檮灞炶鏂介榾闂―
+        </div>
+        <div class="label-title"><span>浜嬫晠姹犱俊鎭�</span></div>
+        <div class="report-con">
+          1.鐢熶骇1鍖鸿タ閮ㄩ泦姘存睜A锛屼粙璐ㄤ负鍚补姹℃按锛屽昂瀵镐负100*100*2m3锛屽绉负2000m3锛岃窛绂讳簨浠剁偣583m
+        </div>
+        <div class="report-con">
+          2.鐢熶骇1鍖鸿タ閮ㄩ泦姘存睜B锛屼粙璐ㄤ负鍚补姹℃按锛屽昂瀵镐负100*100*2m3锛屽绉负2000m3锛岃窛绂讳簨浠剁偣483m
+        </div>
+        <div class="report-con">
+          3.鐢熶骇1鍖鸿タ閮ㄩ泦姘存睜C锛屼粙璐ㄤ负鍚补姹℃按锛屽昂瀵镐负100*100*2m3锛屽绉负2000m3锛岃窛绂讳簨浠剁偣493m
+        </div>
+        <div class="report-con">
+          4.鐢熶骇1鍖鸿タ閮ㄩ泦姘存睜D锛屼粙璐ㄤ负鍚补姹℃按锛屽昂瀵镐负100*100*2m3锛屽绉负2000m3锛岃窛绂讳簨浠剁偣374m
+        </div>
+        <div class="report-con">
+          5.鐢熶骇1鍖鸿タ閮ㄩ泦姘存睜D锛屼粙璐ㄤ负鍚补姹℃按锛屽昂瀵镐负100*100*2m3锛屽绉负2000m3锛岃窛绂讳簨浠剁偣472m
+        </div>
+        <div class="label-title"><span>搴旀�ョ墿璧勶紙鎼滅储鍗婂緞1km锛�</span></div>
+        <div class="report-con">
+          1.鐢熶骇1鍖哄簲鎬ョ墿璧勪粨搴揂锛氭綔姘存车16鍙帮紝缂栫粐琚�2000鏉★紝閾侀敼30鎶娿�傝仈绯讳汉锛氬紶涓� 13800138000
+        </div>
+        <div class="report-con">
+          2.鐢熶骇2鍖哄簲鎬ョ墿璧勪粨搴揃锛氭帹杞﹀紡骞茬矇鐏伀鍣�12鍏枫�傝仈绯讳汉锛氭潕鍥� 13800138001
+        </div>
+        <div class="label-title"><span>搴旀�ヨ溅杈嗭紙鎼滅储鍗婂緞1km锛�</span></div>
+        <div class="report-con">
+          1.娑堥槻鎴樿绉戯細椴丆CP119鎸囨尌杞︼紝椴丆J1171閫氳鎸囨尌杞︺�傝仈绯讳汉锛氱帇浜� 13800138002
+        </div>
+        <div class="report-con">
+          2.涓�闃燂細椴丆F8911濂旈┌娉℃搏杞︼紝椴丆60753涓滈娉℃搏杞︺�傝仈绯讳汉锛氶檲鍏� 13800138003
+        </div>
+        <div class="label-title"><span>搴旀�ラ槦浼嶏紙鎼滅储鍗婂緞1km锛�</span></div>
+        <div class="report-con">
+          1.涓�闃熷崡闃燂細涓撹亴娑堬紙姘旓級闃查槦锛屾晳鎻翠笓涓氫负鎶㈤櫓锛岃礋璐d汉锛氳档涓� 13800138004
+        </div>
+        <div class="label-title"><span>鍛ㄨ竟鐜锛堟悳绱㈠崐寰�1km锛�</span></div>
+        <div class="report-con">
+          1.姘翠綋锛氬巶娌筹紝闀垮害3552m锛屾祦鍚戜粠瑗垮悜涓滐紝闈炲紩鐢ㄦ按婧愶紝璺濅簨浠剁偣243m
+        </div>
+        <div class="report-con">
+          2.鏁忔劅鐩爣锛氬疄楠屽皬瀛︼紝甯歌浜烘暟700浜猴紝璺濅簨浠剁偣481m锛岃礋璐d汉XXX 13800138005
+        </div>
+        <div class="report-con">
+          3.鏁忔劅鐩爣锛氬伐浜虹數褰遍櫌锛屽父瑙勪汉鏁�200浜猴紝璺濅簨浠剁偣372m锛岃礋璐d汉XXX 13800138006
+        </div>
+        <div class="report-con">
+          4.鑷劧淇濇姢鍖猴細妫灄鍏洯锛屼富瑕佷繚鎶ゅ璞℃澗鏍戯紝璺濅簨浠剁偣672m锛岃礋璐d汉XXX 13800138007
+        </div>
+        <div class="report-con">
+          5.鍖婚櫌锛氫腑蹇冨尰闄紝浜岀骇鐢茬瓑锛屽彲瀹圭撼浼ゅ憳鏁�400浜猴紝鏁戞姢杞︽暟閲�7杈嗭紝璺濅簨浠剁偣785m锛岃礋璐d汉XXX 138001380
+        </div>
+      </div>
+    </div>
+      <el-row type="flex" justify="space-between" class="report-department">
+        <el-col :span="12" class="text-style"><h3>寤鸿澶勭疆鎺柦</h3></el-col>
+      </el-row>
+      <div class="report-con-border report-con">
+        <div class="report-con">
+          1.鍏抽棴闃�闂˙銆侀榾闂–锛屽涓婃父绠¢亾杩涜鎴祦锛涘叧闂榾闂―锛屽涓嬫父绠¢亾杩涜鎴祦
+        </div>
+      </div>
+    <el-row type="flex" justify="space-between" class="report-con-border">
+      <el-col :span="3" style="text-align: right"><span>鎶ュ憡浜�:</span></el-col>
+      <el-col :span="3"  style="text-align: left"><span>XXX</span></el-col>
+      <el-col :span="4"  style="text-align: right"><span>鑱旂郴鏂瑰紡:</span></el-col>
+      <el-col :span="6"  style="text-align: left"><span>12345678901</span></el-col>
+            <el-col :span="3"  style="text-align: right"><span>鏃ユ湡:</span></el-col>
+            <el-col :span="5"  style="text-align: left"><span>2021骞�6鏈�1鏃�</span></el-col>
+    </el-row>
+    </el-scrollbar>
+  </div>
+  </el-dialog>
+</template>
+<script>
+// import superTablePopupMixin from '@/components/base/BaseSuperTablePopupMixin'
+// import emitter from '@/utils/MixinEmitter'
+export default {
+  name: 'EventReportDoc',
+  // mixins: [emitter, superTablePopupMixin],
+  props: {
+    reportItemCon: {}
+  },
+  data () {
+    return {
+      isShow: false,
+      reportWordObj: {},
+      lineOption: {
+        backgroundColor: 'transparent',
+        legend: {
+          show: true,
+          itemHeight: 1,
+          itemWidth: 20,
+          textStyle: {
+            color: '#000',
+            fontSize: 10
+          },
+          bottom: 0
+        },
+        xAxis: [
+          {
+            type: 'category',
+            data: [1, 2, 3, 4, 5, 6, 7],
+            gridIndex: 0,
+            axisLabel: {
+              color: '#000',
+              interval: 0
+            },
+            axisLine: {
+              lineStyle: {
+                color: '#ececec'
+              }
+            },
+            axisTick: {
+              show: false
+            }
+          }
+        ],
+        yAxis: [
+          {
+            type: 'value',
+            gridIndex: 0,
+            splitLine: {
+              show: true,
+              lineStyle: {
+                color: '#ececec',
+                type: 'solid'
+              }
+            },
+            axisLine: {
+              show: false
+            },
+            axisLabel: {
+              formatter: '{value}'
+            },
+            axisTick: {
+              lineStyle: {
+                color: '#e3e3e3'
+              }
+            }
+          }
+        ],
+        series: [
+          {
+            symbol: 'pin',
+            symbolSize: 6,
+            data: [],
+            type: 'line',
+            animation: false,
+            name: '鎵胯繍鍟嗗懆鐧惧叕閲岄璀﹀钩鍧囬噺',
+            lineStyle: {
+              color: '#3E75B7'
+            },
+            label: {
+              normal: {
+                show: true,
+                position: 'top'
+              }
+            },
+            itemStyle: {
+              normal: {
+                color: '#3E75B7'
+              }
+            }
+          },
+          {
+            symbol: 'pin',
+            animation: false,
+            symbolSize: 6,
+            data: [],
+            type: 'line',
+            name: '杞﹁締鐧惧叕閲岄璀﹂噺瓒呰繃50鐨勮溅杈嗘暟/10',
+            lineStyle: {
+              color: '#BA403C'
+            },
+            label: {
+              normal: {
+                show: true,
+                position: 'top'
+              }
+            },
+            itemStyle: {
+              normal: {
+                color: '#BA403C'
+              }
+            }
+          },
+          {
+            symbol: 'pin',
+            symbolSize: 6,
+            animation: false,
+            data: [],
+            type: 'line',
+            name: '楂橀闄╅璀︽暟(鎶界儫銆佹墦鐢佃瘽)/100',
+            lineStyle: {
+              color: '#92B549'
+            },
+            label: {
+              normal: {
+                show: true,
+                position: 'top'
+              }
+            },
+            itemStyle: {
+              normal: {
+                color: '#92B549'
+              }
+            }
+          },
+          {
+            symbol: 'pin',
+            symbolSize: 6,
+            animation: false,
+            data: [],
+            type: 'line',
+            name: '璧勮川杩囨湡鎬绘暟/100',
+            lineStyle: {
+              color: '#745599'
+            },
+            label: {
+              normal: {
+                show: true,
+                position: 'top'
+              }
+            },
+            itemStyle: {
+              normal: {
+                color: '#745599'
+              }
+            }
+          }
+        ]
+      },
+      Reportsform: [
+        {
+          label: '浜屻�佸瓨鍦ㄧ殑闂',
+          prop: 'problem',
+          opts: {
+            type: 'textarea'
+          }
+        },
+        {
+          label: '涓夈�佷笂鏈熼棶棰樺弽棣�',
+          prop: 'lastProblemFeedback',
+          opts: {
+            type: 'textarea'
+          }
+        },
+        {
+          label: '鍥涖�佸绛栧缓璁�',
+          prop: 'suggestions',
+          opts: {
+            type: 'textarea'
+          }
+        }
+      ],
+      ReportsformObj: {},
+      optionPie: {
+        color: ['#FF0000', '#F4B800', '#FFFF00', '#0070C0'],
+        title: {
+          text: '閬撹矾杩愯緭椋庨櫓鍒嗙骇',
+          left: 'center',
+          bottom: '5'
+        },
+        legend: {
+          orient: 'vertical',
+          left: 'right',
+          data: ['楂橀闄�', '涓闄�', '涓�鑸闄�', '浣庨闄�'],
+          color: '#000'
+        },
+        series: [
+          {
+            name: '璁块棶鏉ユ簮',
+            type: 'pie',
+            radius: '55%',
+            center: ['50%', '40%'],
+            data: [],
+            emphasis: {
+              itemStyle: {
+                shadowBlur: 0,
+                shadowOffsetX: 0,
+                shadowColor: 'rgba(0, 0, 0, 0.5)'
+              }
+            },
+            label: {
+              formatter: '{d}',
+              color: '#000'
+            },
+            hoverAnimation: false
+          }
+        ]
+      },
+      showTable: false,
+      tableOptsHighRisk: [],
+      spotCheckTableData: [],
+      caseShare: [
+        {
+          label: '1.杩戞湡鍥藉唴澶栦簨鏁呮鍐�',
+          prop: 'recentAccidentsOverview',
+          opts: {
+            type: 'textarea'
+          }
+        },
+        {
+          label: '2.鍏稿瀷浜嬫晠妗堜緥',
+          prop: 'typicalAccidentCase',
+          opts: {
+            type: 'textarea'
+          }
+        }
+      ],
+      caseShareObj: {},
+      accessoryOne: {},
+      chart: null,
+      pieChart: null,
+      imgPieUrl: null,
+      imgLineUrl: null
+    }
+  },
+  mounted () {
+  },
+  created () {
+  },
+  watch: {
+    // reportItemCon: {
+    //   immediate: true,
+    //   deep: true,
+    //   handler (val) {
+    //     this.getLineEchatrs()
+    //     if (val.popupType === 'query') {
+    //       this.getReportInfo(val)
+    //       const ifDisabled = val.popupType !== 'edit'
+    //       this.disabledTextarea(ifDisabled)
+    //     } else if (val.popupType === 'edit') {
+    //       this.getReportInfo(val)
+    //     } else {
+    //       this.reportWordObj = this.reportItemCon
+    //       this.ReportsformObj = this.reportItemCon
+    //       this.caseShareObj = this.reportItemCon
+    //       this.getAccessory()
+    //       this.reportWordObj.year = this.reportWordObj.startDate.substring(0, 4)
+    //     }
+    //   }
+    // }
+  },
+  methods: {
+    // getReportInfo (val) {
+    //   const url = this.$API.TMM_GET_SECURITY_WEEKLY_REPORT + '?id=' + val.securityWeeklyReportId
+    //   this.$http.get(url).then(response => {
+    //     this.reportWordObj = response.data
+    //     this.$refs.$Reportsform.formModel = response.data
+    //     this.$refs.$caseShare.formModel = response.data
+    //     this.getAccessory()
+    //     this.reportWordObj.year = this.reportWordObj.startDate.substring(0, 4)
+    //   }).catch(() => {
+    //   })
+    // },
+    // getAccessory () {
+    //   // 鑾峰彇闄勪欢涓�鐨勬暟鎹�
+    //   const url = this.$API.TMM_GET_SECURITY_WEEK_COUNT + '?timeStart=' + this.reportWordObj.startDate + '&timeEnd=' + this.reportWordObj.endDate
+    //   this.$http.get(url).then(response => {
+    //     this.accessoryOne = response.data
+    //     const valArr = [
+    //       { value: (this.accessoryOne.highRisk / this.accessoryOne.tc * 100).toFixed(2), name: '楂橀闄�' },
+    //       { value: (this.accessoryOne.midlleRisk / this.accessoryOne.tc * 100).toFixed(2), name: '涓闄�' },
+    //       { value: (this.accessoryOne.generalRisk / this.accessoryOne.tc * 100).toFixed(2), name: '涓�鑸闄�' },
+    //       { value: (this.accessoryOne.lowRisk / this.accessoryOne.tc * 100).toFixed(2), name: '浣庨闄�' }
+    //     ]
+    //     this.optionPie.series[0].data = valArr
+    //     this.showPie()
+    //   }).catch(() => {
+    //   })
+    //   const urlHight = this.$T.joinQueryUrl(
+    //     this.$API.TMM_GET_ATTACHMENT2,
+    //     {
+    //       startDateStr: this.reportWordObj.startDate,
+    //       endDateStr: this.reportWordObj.endDate
+    //     }
+    //   )
+    //   this.$http.get(urlHight).then(response => {
+    //     this.tableOptsHighRisk = response.data
+    //   }).catch(() => {
+    //   })
+    //   // 闄勪欢涓�
+    //   const params = {
+    //     current: 1,
+    //     size: 10,
+    //     atp: '0x000E,0x000F',
+    //     atfStart: this.reportWordObj.startDate,
+    //     atfEnd: this.reportWordObj.endDate
+    //   }
+    //   const urlThree = this.$T.joinQueryUrl(
+    //     this.$API.TMM_GET_WARNING_INFO,
+    //     params
+    //   )
+    //   this.$http.get(urlThree).then(response => {
+    //     this.spotCheckTableData = response.data.records
+    //   }).catch(() => {
+    //   })
+    // },
+    // showPie () {
+    //   this.$nextTick(() => {
+    //     // 娓叉煋楗煎浘
+    //     const myChart = this.$echarts.init(document.getElementById('highPie'))
+    //     myChart.clear()
+    //     myChart.setOption(this.optionPie, true)
+    //   })
+    // },
+    // getLineEchatrs () {
+    //   this.$http.get(this.$API.TMM_GET_HWS_ANALYSIS).then(res => {
+    //     this.lineOption.xAxis[0].data = res.data.map((item, index) => {
+    //       let str = ''
+    //       if (index % 2 !== 0) {
+    //         str = '\n' + item.startTime.toString().substring(4) + '-' + item.endTime.toString().substring(4)
+    //       } else {
+    //         str = item.startTime.toString().substring(4) + '-' + item.endTime.toString().substring(4)
+    //       }
+    //       return str
+    //     })
+    //     this.lineOption.series[0].data = res.data.map(item => {
+    //       return item.carrierKilometreAlarm
+    //     })
+    //     this.lineOption.series[1].data = res.data.map(item => {
+    //       return item.vehicleKilometreAlarm
+    //     })
+    //     this.lineOption.series[2].data = res.data.map(item => {
+    //       return item.highRiskAlarm
+    //     })
+    //     this.lineOption.series[3].data = res.data.map(item => {
+    //       return item.certificateOverdue
+    //     })
+    //     this.$nextTick(() => {
+    //       // 娓叉煋鎶樼嚎鍥�
+    //       const getID = document.getElementById('productLine')
+    //       this.chart = this.$echarts.init(getID)
+    //       this.chart.setOption(this.lineOption)
+    //       setTimeout(() => {
+    //         this.showImg()
+    //       }, 500)
+    //     })
+    //   })
+    // },
+    // disabledTextarea (val) {
+    //   this.Reportsform.map(item => {
+    //     item.opts.disabled = val
+    //   })
+    //   this.caseShare.map(item => {
+    //     item.opts.disabled = val
+    //   })
+    // },
+    // // 杞琤ase64
+    // showImg () {
+    //   const basePieCanvas = document.getElementById('highPie').getElementsByTagName('canvas')[0]
+    //   const baseLineCanvas = document.getElementById('productLine').getElementsByTagName('canvas')[0]
+    //   this.imgPieUrl = this.getImgUrl(basePieCanvas)
+    //   this.imgLineUrl = this.getImgUrl(baseLineCanvas)
+    //   const params = {
+    //     img1: this.imgLineUrl,
+    //     img2: this.imgPieUrl
+    //   }
+    //   this.dispatch('SecurityWeeklyManage', 'picture-site', params)
+    // },
+    // getImgUrl (val) {
+    //   const width = val.width
+    //   const height = val.height
+    //   const ctx = val.getContext('2d')
+    //   ctx.drawImage(val, width, height)
+    //   return val.toDataURL()
+    // },
+    handleClose (done) {
+      this.isShow = false
+    },
+    setVisible (s) {
+      this.isShow = s
+    },
+
+    getVisible () {
+      return this.isShow
+    }
+  }
+}
+</script>
+
+<style lang="less">
+.SecurityWeeklyManageItem-wrap {
+  //border: solid 1px #ececec;
+  padding: 10px;
+  height: 500px;
+  .report-title {
+    text-align: center;
+    color: red;
+    font-size: x-large;
+    font-weight: 700;
+  }
+  .report-subhead {
+    text-align: center;
+  }
+
+  .report-department {
+    //border-bottom: solid 1px;
+    margin-top: 10px;
+  }
+  .report-con-border {
+    margin: 2px 0 5px 0;
+    border-top: solid 1px;
+    //border-bottom: solid 1px;
+    line-height: 1.5;
+    text-indent: 25px;
+    padding: 5px;
+    & h4{
+      margin: 5px 0;
+    }
+    & div{
+      margin: 2px 0;
+    }
+    .label-title{
+      height: 25px;
+      line-height: 25px;
+      display: inline-block;
+      border: 1px solid white;
+      text-indent: 0;
+     & span{
+       margin: 0 5px;
+     }
+    }
+  }
+
+h4{
+ margin: 5px;
+}
+}
+</style>
diff --git a/src/components/base-page/enterprise-emergency/event-handling/ResInfo.js b/src/components/base-page/enterprise-emergency/event-handling/ResInfo.js
new file mode 100644
index 0000000..5efea7d
--- /dev/null
+++ b/src/components/base-page/enterprise-emergency/event-handling/ResInfo.js
@@ -0,0 +1,9 @@
+import EmergBase from '@components/base-page/enterprise-emergency/event-handling/res-info/EmergBase'
+import EmergRes from '@components/base-page/enterprise-emergency/event-handling/res-info/EmergRes'
+import OnlineMonitor from '@components/base-page/enterprise-emergency/event-handling/res-info/OnlineMonitor'
+import Surroundings from '@components/base-page/enterprise-emergency/event-handling/res-info/Surroundings'
+import PipeInfo from '@components/base-page/enterprise-emergency/event-handling/res-info/PipeInfo'
+
+export default {
+  data: [EmergBase, EmergRes, OnlineMonitor, Surroundings, PipeInfo]
+}
diff --git a/src/components/base-page/enterprise-emergency/event-handling/ResInfo.vue b/src/components/base-page/enterprise-emergency/event-handling/ResInfo.vue
new file mode 100644
index 0000000..4203ea9
--- /dev/null
+++ b/src/components/base-page/enterprise-emergency/event-handling/ResInfo.vue
@@ -0,0 +1,176 @@
+<template>
+  <el-dialog :visible.sync="isShow" class="effect-vol-calc" title="鍛ㄨ竟璧勬簮淇℃伅" :modal="false" v-dialog-drag
+           width="400"  >
+<el-row>
+  <el-col :span="3" style="text-align: center;">
+    <el-row v-for="item in menuList" :key="item.id">
+      <el-button type="primary" size="mini" @click="menuClickHandle(item)">{{ item.name }}</el-button>
+    </el-row>
+<!--<el-row>    <el-button type="primary" size="mini" @click="menuClickHandle">鍦ㄧ嚎鐩戞祴</el-button></el-row>-->
+<!--<el-row>    <el-button type="primary" size="mini" @click="menuClickHandle">搴旀�ヨ祫婧�</el-button></el-row>-->
+<!--<el-row>    <el-button type="primary" size="mini" @click="menuClickHandle">鍛ㄨ竟鐜</el-button></el-row>-->
+<!--<el-row>   <el-button type="primary" size="mini" @click="menuClickHandle">绠¢亾淇℃伅</el-button></el-row>-->
+  </el-col>
+  <el-col :span="21">
+<el-row>
+  <el-button v-for="item in subMenuList" :key="item.name" type="primary" size="mini" @click="subMenuClickHandle(item)">{{ item.name }}</el-button>
+<!--  <el-button type="primary" size="mini" @click="subMenuClickHandle">澶栨帓鍙�(1)</el-button>-->
+<!--  <el-button type="primary" size="mini" @click="subMenuClickHandle">闅旀补姹�(1)</el-button>-->
+<!--  <el-button type="primary" size="mini" @click="subMenuClickHandle">鑺傛祦闃�(1)</el-button>-->
+<!--  <el-button type="primary" size="mini" @click="subMenuClickHandle">闃�闂�(1)</el-button>-->
+<!--  <el-button type="primary" size="mini" @click="subMenuClickHandle">闆嗘按姹�(1)</el-button>-->
+<!--  <el-button type="primary" size="mini" @click="subMenuClickHandle">浜嬫晠姘寸绾�(1)</el-button>-->
+<!--  <el-button type="primary" size="mini" @click="subMenuClickHandle">闆ㄦ按绠$嚎(1)</el-button>-->
+</el-row>
+    <el-row>
+      <el-table
+          :data="currentTableData.data"
+          style="width: 100%">
+        <el-table-column v-for="item in currentTableData.column"
+            :prop="item.prop"
+            :label="item.label" :width="item.width" :key="item.label"
+            >
+        </el-table-column>
+
+      </el-table>
+    </el-row>
+  </el-col>
+</el-row>
+  </el-dialog>
+</template>
+
+<script>
+import ResInfo from '@components/base-page/enterprise-emergency/event-handling/ResInfo'
+export default {
+  name: 'ResInfo',
+  data () {
+    return {
+      isShow: false,
+      menuList: ResInfo.data,
+      subMenuList: ResInfo.data[0].child,
+      tableData: [
+        {
+          id: 1,
+          name: '搴旀�ュ熀纭�',
+          child: [{
+            name: '鍐呮帓鍙�',
+            column: [{
+              label: '搴忓彿',
+              prop: 'no',
+              width: 'auto'
+            },
+            {
+              label: '瀛樻斁鐐瑰悕绉�',
+              prop: 'name',
+              width: 'auto'
+            },
+            {
+              label: '瀛樻斁鐐圭被鍨�',
+              prop: 'type',
+              width: 'auto'
+            },
+            {
+              label: '璐熻矗浜�',
+              prop: 'master',
+              width: 'auto'
+            },
+            {
+              label: '鑱旂郴鐢佃瘽',
+              prop: 'phone',
+              width: 'auto'
+            },
+            {
+              label: '鐗╄祫鍚嶇О锛堟眹鎬伙級',
+              prop: 'total',
+              width: '200'
+            },
+            {
+              label: '璺濈',
+              prop: 'distance',
+              width: 'auto'
+            }]
+          }]
+        }
+      ],
+      currentTableData: {
+        column: [
+          {
+            label: '搴忓彿',
+            prop: 'no',
+            width: 'auto'
+          },
+          {
+            label: '瀛樻斁鐐瑰悕绉�',
+            prop: 'name',
+            width: 'auto'
+          },
+          {
+            label: '瀛樻斁鐐圭被鍨�',
+            prop: 'type',
+            width: 'auto'
+          },
+          {
+            label: '璐熻矗浜�',
+            prop: 'master',
+            width: 'auto'
+          },
+          {
+            label: '鑱旂郴鐢佃瘽',
+            prop: 'phone',
+            width: 'auto'
+          },
+          {
+            label: '鐗╄祫鍚嶇О锛堟眹鎬伙級',
+            prop: 'total',
+            width: '200'
+          },
+          {
+            label: '璺濈',
+            prop: 'distance',
+            width: 'auto'
+          }],
+        data: [
+          {
+            no: '1',
+            name: '閲戦櫟鏃跺�欏簲鎬ョ墿璧勫瓨鏀剧偣',
+            type: '搴撴埧瀛樻斁鐐�',
+            master: '寮犱笁',
+            phone: '1333333333',
+            total: '娓呮按娉碉紱缂栫粐琚嬶紱閾侀晲锛涢搧閿癸紱闆ㄨ。锛涢洦闉嬶紱闃叉按鎵嬬數锛涙帰鐓х伅锛涢夯缁�',
+            distance: '900m'
+          }, {
+            no: '2',
+            name: '閲戦櫟鏃跺�欏簲鎬ョ墿璧勫瓨鏀剧偣',
+            type: '搴撴埧瀛樻斁鐐�',
+            master: '寮犱笁涓�',
+            phone: '1333333333',
+            total: '娓呮按娉碉紱缂栫粐琚嬶紱閾侀晲锛涢搧閿癸紱闆ㄨ。锛涢洦闉嬶紱闃叉按鎵嬬數锛涙帰鐓х伅锛涢夯缁�',
+            distance: '900m'
+          }]
+      }
+    }
+  },
+  methods: {
+    handleClose (done) {
+      this.isShow = false
+    },
+    setVisible (s) {
+      this.isShow = s
+    },
+    getVisible () {
+      return this.isShow
+    },
+    menuClickHandle (item) {
+      console.log(item)
+      this.subMenuList = item.child
+    },
+    subMenuClickHandle (subItem) {
+      this.currentTableData.column = subItem.column
+    }
+  }
+}
+</script>
+
+<style scoped>
+
+</style>
diff --git a/src/components/base-page/enterprise-emergency/event-handling/res-info/EmergBase.js b/src/components/base-page/enterprise-emergency/event-handling/res-info/EmergBase.js
new file mode 100644
index 0000000..eaceddf
--- /dev/null
+++ b/src/components/base-page/enterprise-emergency/event-handling/res-info/EmergBase.js
@@ -0,0 +1,216 @@
+export default {
+  id: 1,
+  name: '搴旀�ュ熀纭�',
+  child: [
+    {
+      name: '鎺掑彛',
+      column: [{
+        label: '搴忓彿',
+        prop: 'no',
+        width: 'auto'
+      },
+      {
+        label: '鍚嶇О',
+        prop: 'name',
+        width: 'auto'
+      },
+      {
+        label: '鎺掓斁鍙g被鍨�',
+        prop: 'pfktype',
+        width: 'auto'
+      },
+      {
+        label: '鎵�灞炲崟浣嶅悕绉�',
+        prop: 'unitname',
+        width: 'auto'
+      },
+      {
+        label: '鎵�灞炵绾垮悕绉�',
+        prop: 'pipename',
+        width: 'auto'
+      },
+      {
+        label: '浠嬭川',
+        prop: 'mediumtype',
+        width: 'auto'
+      },
+      {
+        label: '绾у埆',
+        prop: 'level',
+        width: 'auto'
+      },
+      {
+        label: '杩愯鐘舵��',
+        prop: 'operationalstatus',
+        width: 'auto'
+      },
+      {
+        label: '鐗╄祫鍚嶇О锛堟眹鎬伙級',
+        prop: 'total',
+        width: '200'
+      },
+      {
+        label: '璺濈',
+        prop: 'distance',
+        width: 'auto'
+      }]
+    },
+    {
+      name: '闅旀补姹�',
+      column: [{
+        label: '搴忓彿',
+        prop: 'no',
+        width: 'auto'
+      },
+      {
+        label: '鍚嶇О',
+        prop: 'poolname',
+        width: 'auto'
+      },
+      {
+        label: '灏哄',
+        prop: 'size',
+        width: 'auto'
+      },
+      {
+        label: '瀹圭Н',
+        prop: 'volume',
+        width: 'auto'
+      },
+      {
+        label: '璐熻矗浜�',
+        prop: 'resperson',
+        width: 'auto'
+      },
+      {
+        label: '鎵�灞炲崟浣嶅悕绉�',
+        prop: 'unitname',
+        width: '200'
+      },
+      {
+        label: '璺濈',
+        prop: 'distance',
+        width: 'auto'
+      }]
+    },
+    {
+      name: '闃�闂�',
+      column: [{
+        label: '搴忓彿',
+        prop: 'no',
+        width: 'auto'
+      },
+      {
+        label: '闃�闂ㄥ悕绉�',
+        prop: 'devicename',
+        width: 'auto'
+      },
+      {
+        label: '鎵�灞炵绾垮悕绉�',
+        prop: 'pipename',
+        width: '200'
+      },
+      {
+        label: '鎵�灞炲崟浣嶅悕绉�',
+        prop: 'unitname',
+        width: '200'
+      },
+      {
+        label: '闃�闂ㄧ被鍨�',
+        prop: 'valvetype',
+        width: 'auto'
+      },
+      {
+        label: '鎺у埗鏂瑰紡',
+        prop: 'operatingtype',
+        width: 'auto'
+      },
+      {
+        label: '杩愯鐘舵��',
+        prop: 'operationalstatus',
+        width: 'auto'
+      },
+      {
+        label: '璺濈',
+        prop: 'distance',
+        width: 'auto'
+      }]
+    },
+    {
+      name: '闆嗘按姹�(缃�)',
+      column: [{
+        label: '搴忓彿',
+        prop: 'no',
+        width: 'auto'
+      },
+      {
+        label: '鍚嶇О',
+        prop: 'companyname',
+        width: 'auto'
+      },
+      {
+        label: '浠嬭川',
+        prop: 'mediumtype',
+        width: 'auto'
+      },
+      {
+        label: '灏哄',
+        prop: 'size',
+        width: 'auto'
+      },
+      {
+        label: '瀹圭Н',
+        prop: 'volume',
+        width: 'auto'
+      },
+      {
+        label: '鎵�灞炵绾夸唬鐮�',
+        prop: 'pipecode',
+        width: 'auto'
+      },
+      {
+        label: '鎵�灞炲崟浣嶅悕绉�',
+        prop: 'unitname',
+        width: 'auto'
+      },
+      {
+        label: '杩愯鐘舵��',
+        prop: 'operationalstatus',
+        width: 'auto'
+      },
+      {
+        label: '璺濈',
+        prop: 'distance',
+        width: 'auto'
+      }]
+    },
+    {
+      name: '浜嬫晠姘�/闆ㄦ按绠$嚎',
+      column: [{
+        label: '搴忓彿',
+        prop: 'no',
+        width: 'auto'
+      },
+      {
+        label: '绠$嚎鍚嶇О',
+        prop: 'pipename',
+        width: 'auto'
+      },
+      {
+        label: '浠嬭川',
+        prop: 'mediumtype',
+        width: 'auto'
+      },
+      {
+        label: '杩愯鐘舵��',
+        prop: 'operationalstatus',
+        width: 'auto'
+      },
+      {
+        label: '鎵�灞炲崟浣嶅悕绉�',
+        prop: 'unitname',
+        width: 'auto'
+      }]
+    }
+  ]
+}
diff --git a/src/components/base-page/enterprise-emergency/event-handling/res-info/EmergRes.js b/src/components/base-page/enterprise-emergency/event-handling/res-info/EmergRes.js
new file mode 100644
index 0000000..2a8da25
--- /dev/null
+++ b/src/components/base-page/enterprise-emergency/event-handling/res-info/EmergRes.js
@@ -0,0 +1,118 @@
+export default {
+  id: 3,
+  name: '搴旀�ヨ祫婧�',
+  child: [
+    {
+      name: '搴旀�ヨ溅杈�',
+      column: [{
+        label: '搴忓彿',
+        prop: 'no',
+        width: 'auto'
+      },
+      {
+        label: '鍚嶇О',
+        prop: 'name',
+        width: 'auto'
+      }
+      ]
+    },
+    {
+      name: '搴旀�ョ墿璧�',
+      column: [{
+        label: '搴忓彿',
+        prop: 'no',
+        width: 'auto'
+      },
+      {
+        label: '鍚嶇О',
+        prop: 'name',
+        width: 'auto'
+      },
+      {
+        label: '鍗曚綅鍚嶇О',
+        prop: 'companyname',
+        width: 'auto'
+      },
+      {
+        label: '鐗╄祫鍚嶇О',
+        prop: 'resourcesname',
+        width: 'auto'
+      },
+      {
+        label: '鑱旂郴鐢佃瘽',
+        prop: 'telephone',
+        width: 'auto'
+      },
+      {
+        label: '鐗╄祫鏁伴噺',
+        prop: 'resourcesnumber',
+        width: 'auto'
+      },
+      {
+        label: '鏄惁鑷湁鐗╄祫',
+        prop: 'ownedstatus',
+        width: 'auto'
+      },
+      {
+        label: '璐熻矗浜�',
+        prop: 'resperson',
+        width: 'auto'
+      },
+      {
+        label: '琛屾斂闅跺睘',
+        prop: 'adminzonename',
+        width: 'auto'
+      }
+      ]
+    },
+    {
+      name: '搴旀�ラ槦浼�',
+      column: [{
+        label: '搴忓彿',
+        prop: 'no',
+        width: 'auto'
+      },
+      {
+        label: '闃熶紞鍚嶇О',
+        prop: 'teamname',
+        width: 'auto'
+      },
+      {
+        label: '搴旀�ョ數璇�',
+        prop: 'phone',
+        width: 'auto'
+      },
+      {
+        label: '浜哄憳鏁伴噺',
+        prop: 'organization',
+        width: 'auto'
+      },
+      {
+        label: '鏄惁澶栧崗鍗曚綅',
+        prop: 'externalteam',
+        width: 'auto'
+      },
+      {
+        label: '琛屾斂闅跺睘',
+        prop: 'administrativesubordinate',
+        width: 'auto'
+      },
+      {
+        label: '鍦板潃',
+        prop: 'address',
+        width: 'auto'
+      },
+      {
+        label: '鎵�灞炲崟浣嶅悕绉�',
+        prop: 'unitname',
+        width: 'auto'
+      },
+      {
+        label: '璺濈',
+        prop: 'distance',
+        width: 'auto'
+      }
+      ]
+    }
+  ]
+}
diff --git a/src/components/base-page/enterprise-emergency/event-handling/res-info/OnlineMonitor.js b/src/components/base-page/enterprise-emergency/event-handling/res-info/OnlineMonitor.js
new file mode 100644
index 0000000..deb3534
--- /dev/null
+++ b/src/components/base-page/enterprise-emergency/event-handling/res-info/OnlineMonitor.js
@@ -0,0 +1,48 @@
+export default {
+  id: 2,
+  name: '鍦ㄧ嚎鐩戞祴',
+  child: [
+    {
+      name: '搴熸按鐩戞祴-',
+      column: [{
+        label: '搴忓彿',
+        prop: 'no',
+        width: 'auto'
+      },
+      {
+        label: '鍚嶇О',
+        prop: 'name',
+        width: 'auto'
+      }
+      ]
+    },
+    {
+      name: '搴熸皵鐩戞祴-',
+      column: [{
+        label: '搴忓彿',
+        prop: 'no',
+        width: 'auto'
+      },
+      {
+        label: '鍚嶇О',
+        prop: 'name',
+        width: 'auto'
+      }
+      ]
+    },
+    {
+      name: '鍦ㄧ嚎瑙嗛-',
+      column: [{
+        label: '搴忓彿',
+        prop: 'no',
+        width: 'auto'
+      },
+      {
+        label: '鍚嶇О',
+        prop: 'name',
+        width: 'auto'
+      }
+      ]
+    }
+  ]
+}
diff --git a/src/components/base-page/enterprise-emergency/event-handling/res-info/PipeInfo.js b/src/components/base-page/enterprise-emergency/event-handling/res-info/PipeInfo.js
new file mode 100644
index 0000000..ac4a3b5
--- /dev/null
+++ b/src/components/base-page/enterprise-emergency/event-handling/res-info/PipeInfo.js
@@ -0,0 +1,119 @@
+export default {
+  id: 5,
+  name: '绠¢亾淇℃伅',
+  child: [
+    {
+      name: '鍚补姹℃按绠$嚎',
+      column: [{
+        label: '搴忓彿',
+        prop: 'no',
+        width: 'auto'
+      },
+      {
+        label: '绠$嚎鍚嶇О',
+        prop: 'pipename',
+        width: 'auto'
+      },
+      {
+        label: '浠嬭川',
+        prop: 'mediumtype',
+        width: 'auto'
+      },
+      {
+        label: '杩愯鐘舵��',
+        prop: 'operationalstatus',
+        width: 'auto'
+      },
+      {
+        label: '鎵�灞炲崟浣嶅悕绉�',
+        prop: 'unitname',
+        width: 'auto'
+      }]
+    },
+    {
+      name: '鍚洂姹℃按绠$嚎',
+      column: [
+        {
+          label: '搴忓彿',
+          prop: 'no',
+          width: 'auto'
+        },
+        {
+          label: '绠$嚎鍚嶇О',
+          prop: 'pipename',
+          width: 'auto'
+        },
+        {
+          label: '浠嬭川',
+          prop: 'mediumtype',
+          width: 'auto'
+        },
+        {
+          label: '杩愯鐘舵��',
+          prop: 'operationalstatus',
+          width: 'auto'
+        },
+        {
+          label: '鎵�灞炲崟浣嶅悕绉�',
+          prop: 'unitname',
+          width: 'auto'
+        }]
+    },
+    {
+      name: '鍚⒈姹℃按绠$嚎',
+      column: [{
+        label: '搴忓彿',
+        prop: 'no',
+        width: 'auto'
+      },
+      {
+        label: '绠$嚎鍚嶇О',
+        prop: 'pipename',
+        width: 'auto'
+      },
+      {
+        label: '浠嬭川',
+        prop: 'mediumtype',
+        width: 'auto'
+      },
+      {
+        label: '杩愯鐘舵��',
+        prop: 'operationalstatus',
+        width: 'auto'
+      },
+      {
+        label: '鎵�灞炲崟浣嶅悕绉�',
+        prop: 'unitname',
+        width: 'auto'
+      }]
+    },
+    {
+      name: '鍑�鍖栨按绠$嚎',
+      column: [{
+        label: '搴忓彿',
+        prop: 'no',
+        width: 'auto'
+      },
+      {
+        label: '绠$嚎鍚嶇О',
+        prop: 'pipename',
+        width: 'auto'
+      },
+      {
+        label: '浠嬭川',
+        prop: 'mediumtype',
+        width: 'auto'
+      },
+      {
+        label: '杩愯鐘舵��',
+        prop: 'operationalstatus',
+        width: 'auto'
+      },
+      {
+        label: '鎵�灞炲崟浣嶅悕绉�',
+        prop: 'unitname',
+        width: 'auto'
+      }]
+    }
+  ]
+}
diff --git a/src/components/base-page/enterprise-emergency/event-handling/res-info/Surroundings.js b/src/components/base-page/enterprise-emergency/event-handling/res-info/Surroundings.js
new file mode 100644
index 0000000..39e51a2
--- /dev/null
+++ b/src/components/base-page/enterprise-emergency/event-handling/res-info/Surroundings.js
@@ -0,0 +1,348 @@
+export default {
+  id: 4,
+  name: '鍛ㄨ竟鐜',
+  child: [
+    {
+      name: '椋庨櫓婧�-',
+      column: [{
+        label: '搴忓彿',
+        prop: 'no',
+        width: 'auto'
+      },
+      {
+        label: '鍚嶇О',
+        prop: 'name',
+        width: 'auto'
+      }
+      ]
+    },
+    {
+      name: '鍖婚櫌',
+      column: [{
+        label: '搴忓彿',
+        prop: 'no',
+        width: 'auto'
+      },
+      {
+        label: '鍖婚櫌鍚嶇О',
+        prop: 'companyname',
+        width: 'auto'
+      },
+      {
+        label: '鑱旂郴鐢佃瘽',
+        prop: 'telephone',
+        width: 'auto'
+      },
+      {
+        label: '琛屾斂闅跺睘',
+        prop: 'adminzonename',
+        width: 'auto'
+      },
+      {
+        label: '鍖婚櫌璧勮川绛夌骇',
+        prop: 'hospitalleaval',
+        width: 'auto'
+      },
+      {
+        label: '鐥呭簥鏁伴噺',
+        prop: 'sickbednumber',
+        width: 'auto'
+      },
+      {
+        label: '鍖荤敓鏁伴噺',
+        prop: 'doctornumber',
+        width: 'auto'
+      },
+      {
+        label: '鎶ゅ+鏁伴噺',
+        prop: 'nursenumber',
+        width: 'auto'
+      },
+      {
+        label: '鏁戞姢杞︽暟閲�',
+        prop: 'ambulancenumber',
+        width: 'auto'
+      },
+      {
+        label: '鍗曚綅鍦板潃',
+        prop: 'address',
+        width: 'auto'
+      }
+      ]
+    },
+    {
+      name: '娑堥槻',
+      column: [{
+        label: '搴忓彿',
+        prop: 'no',
+        width: 'auto'
+      },
+      {
+        label: '娑堥槻鍗曚綅鍚嶇О',
+        prop: 'companyname',
+        width: 'auto'
+      },
+      {
+        label: '娑堥槻杞︽暟閲�',
+        prop: 'pumpernumber',
+        width: 'auto'
+      },
+      {
+        label: '娑堥槻浜哄憳鏁伴噺',
+        prop: 'personnumber',
+        width: 'auto'
+      },
+      {
+        label: '琛屾斂闅跺睘',
+        prop: 'location',
+        width: 'auto'
+      },
+      {
+        label: '鑱旂郴鐢佃瘽',
+        prop: 'contacttelephone',
+        width: 'auto'
+      },
+      {
+        label: '鍗曚綅鍦板潃',
+        prop: 'address',
+        width: 'auto'
+      },
+      {
+        label: '鏈嶅姟鍗婂緞',
+        prop: 'supportradius',
+        width: 'auto'
+      },
+      {
+        label: '璐熻矗浜�',
+        prop: 'contactperson',
+        width: 'auto'
+      },
+      {
+        label: '璺濈',
+        prop: 'distance',
+        width: 'auto'
+      }
+      ]
+    },
+    {
+      name: '瀛︽牎-',
+      column: [{
+        label: '搴忓彿',
+        prop: 'no',
+        width: 'auto'
+      },
+      {
+        label: '鍚嶇О',
+        prop: 'name',
+        width: 'auto'
+      }
+      ]
+    },
+    {
+      name: '姘翠綋',
+      column: [{
+        label: '搴忓彿',
+        prop: 'no',
+        width: 'auto'
+      },
+      {
+        label: '鍚嶇О',
+        prop: 'name',
+        width: 'auto'
+      },
+      {
+        label: '鑱旂郴鏂瑰紡',
+        prop: 'telphonenumber',
+        width: 'auto'
+      },
+      {
+        label: '骞村钩鍧囨祦閫�(m/s)',
+        prop: 'velocityaverage',
+        width: 'auto'
+      },
+      {
+        label: '骞村钩鍧囧啿鍒锋繁搴�',
+        prop: 'erosiondepthavg',
+        width: 'auto'
+      },
+      {
+        label: '鏈�澶ч�熷害(m/s)',
+        prop: 'velocitymax',
+        width: 'auto'
+      },
+      {
+        label: '娌虫祦娴佸悜',
+        prop: 'flowdirection',
+        width: 'auto'
+      },
+      {
+        label: '闀垮害锛坢锛�',
+        prop: 'length',
+        width: 'auto'
+      },
+      {
+        label: '姘寸郴绫诲瀷',
+        prop: 'hydrotype',
+        width: 'auto'
+      },
+      {
+        label: '鏄惁鏄ギ鐢ㄦ按婧�',
+        prop: 'drinkingresourceind',
+        width: 'auto'
+      },
+      {
+        label: '鏄惁鏄鑺傛�ф渤娴�',
+        prop: 'seasonalriverind',
+        width: 'auto'
+      },
+      {
+        label: '楂橀闄╂湀浠�',
+        prop: 'highriskmonth',
+        width: 'auto'
+      },
+      {
+        label: '姘村簱浣嶇疆',
+        prop: 'reservoirlocation',
+        width: 'auto'
+      },
+      {
+        label: '绠¢亾鍩嬫繁',
+        prop: 'coverdepth',
+        width: 'auto'
+      }
+      ]
+    },
+    {
+      name: '鑷劧淇濇姢鍖�',
+      column: [{
+        label: '搴忓彿',
+        prop: 'no',
+        width: 'auto'
+      },
+      {
+        label: '鍚嶇О',
+        prop: 'name',
+        width: 'auto'
+      },
+      {
+        label: '鑱旂郴鐢佃瘽',
+        prop: 'telephone',
+        width: 'auto'
+      },
+      {
+        label: '淇濇姢鍖虹被鍨�',
+        prop: 'type',
+        width: 'auto'
+      },
+      {
+        label: '璐熻矗浜�',
+        prop: 'resperson',
+        width: 'auto'
+      },
+      {
+        label: '鍗犲湴闈㈢Н',
+        prop: 'structureoridsitearea',
+        width: 'auto'
+      },
+      {
+        label: '涓昏淇濇姢瀵硅薄',
+        prop: 'preservationobject',
+        width: 'auto'
+      },
+      {
+        label: '琛屾斂闅跺睘',
+        prop: 'adminzonename',
+        width: 'auto'
+      },
+      {
+        label: '璺濈',
+        prop: 'distance',
+        width: 'auto'
+      }
+      ]
+    },
+    {
+      name: '鏁忔劅鐩爣',
+      column: [{
+        label: '搴忓彿',
+        prop: 'no',
+        width: 'auto'
+      },
+      {
+        label: '鍚嶇О',
+        prop: 'name',
+        width: 'auto'
+      },
+      {
+        label: '鑱旂郴鐢佃瘽',
+        prop: 'telephone',
+        width: 'auto'
+      },
+      {
+        label: '甯歌浜哄彛鏁伴噺',
+        prop: 'huncount',
+        width: 'auto'
+      },
+      {
+        label: '璐熻矗浜�',
+        prop: 'resperson',
+        width: 'auto'
+      },
+      {
+        label: '琛屾斂闅跺睘',
+        prop: 'adminzonename',
+        width: 'auto'
+      },
+      {
+        label: '璺濈',
+        prop: 'distance',
+        width: 'auto'
+      }
+      ]
+    },
+    {
+      name: '鐜鐩戞祴',
+      column: [{
+        label: '搴忓彿',
+        prop: 'no',
+        width: 'auto'
+      },
+      {
+        label: '鍚嶇О',
+        prop: 'name',
+        width: 'auto'
+      },
+      {
+        label: '鑱旂郴鐢佃瘽',
+        prop: 'telephone',
+        width: 'auto'
+      },
+      {
+        label: '绫诲瀷',
+        prop: 'type',
+        width: 'auto'
+      },
+      {
+        label: '璐熻矗浜�',
+        prop: 'resperson',
+        width: 'auto'
+      },
+      {
+        label: '琛屾斂闅跺睘',
+        prop: 'adminzonename',
+        width: 'auto'
+      },
+      {
+        label: '鎵�灞炲崟浣嶅悕绉�',
+        prop: 'unitname',
+        width: 'auto'
+      },
+      {
+        label: '璺濈',
+        prop: 'distance',
+        width: 'auto'
+      }
+      ]
+    }
+  ]
+}
diff --git a/src/components/panel/topicSearch/enterprise-emergency/EventQuery.vue b/src/components/panel/topicSearch/enterprise-emergency/EventQuery.vue
index 8eb966e..cbe1309 100644
--- a/src/components/panel/topicSearch/enterprise-emergency/EventQuery.vue
+++ b/src/components/panel/topicSearch/enterprise-emergency/EventQuery.vue
@@ -108,7 +108,7 @@
 // import WfsHelper from '@components/helpers/WfsHelper'
 // import AjaxUtils from '@utils/AjaxUtils'
 
-import DisposalEvent from '../../../base-page/enterprise-emergency/DisposalEvent'
+// 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 '../../../base-page/enterprise-emergency/events-reported/EventsReported'
@@ -158,6 +158,11 @@
     // 鐐瑰嚮浜嬩欢绠$悊
     accordPopup () {
       // eventBus.$emit('disposal-analysis', true)
+
+    },
+    // 寮�濮嬪垎鏋�
+    startAnalysis () {
+      // eventBus.$emit('start-analysis', true)
       window.$layer.open({
         content: {
           comp: EventHandling, // 缁勪欢
@@ -169,21 +174,17 @@
         title: '浜嬩欢澶勭疆'
       })
     },
-    // 寮�濮嬪垎鏋�
-    startAnalysis () {
-      eventBus.$emit('start-analysis', true)
-    },
     disposalfx () {
-      window.$layer.open({
-        content: {
-          comp: DisposalEvent, // 缁勪欢
-          parent: this, // 鐖剁粍浠�
-          data: { // 浼犻�掔殑鍙傛暟
-            // info: this.info
-          }
-        },
-        title: '浜嬩欢澶勭疆'
-      })
+      // window.$layer.open({
+      //   content: {
+      //     comp: DisposalEvent, // 缁勪欢
+      //     parent: this, // 鐖剁粍浠�
+      //     data: { // 浼犻�掔殑鍙傛暟
+      //       // info: this.info
+      //     }
+      //   },
+      //   title: '浜嬩欢澶勭疆'
+      // })
     },
     // radio鏁版嵁閫夋嫨
     redioChange (item) {

--
Gitblit v1.8.0