From 0fe10a58835988be66ed3ce2e04bfc4f95fb4eaa Mon Sep 17 00:00:00 2001
From: yangdelong <828900aaa>
Date: 星期六, 29 五月 2021 10:18:45 +0800
Subject: [PATCH] 企业应急-事件处置-周边资源信息
---
src/components/base-page/enterprise-emergency/event-handling/res-info/EmergBase.js | 5 -
src/components/base-page/enterprise-emergency/event-handling/res-info/PipeInfo.js | 2
src/components/base-page/enterprise-emergency/event-handling/res-info/Surroundings.js | 4
src/components/base-page/enterprise-emergency/event-handling/ResInfo.js | 8 +
src/components/base-page/enterprise-emergency/event-handling/ResInfo.vue | 145 +++++++++++++++++++----------------
src/components/base-page/enterprise-emergency/event-handling/res-info/EmergRes.js | 20 ++--
6 files changed, 98 insertions(+), 86 deletions(-)
diff --git a/src/components/base-page/enterprise-emergency/event-handling/ResInfo.js b/src/components/base-page/enterprise-emergency/event-handling/ResInfo.js
index 1becabb..5efea7d 100644
--- a/src/components/base-page/enterprise-emergency/event-handling/ResInfo.js
+++ b/src/components/base-page/enterprise-emergency/event-handling/ResInfo.js
@@ -1,3 +1,9 @@
-class ResInfo{
+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
index caf39f4..4203ea9 100644
--- a/src/components/base-page/enterprise-emergency/event-handling/ResInfo.vue
+++ b/src/components/base-page/enterprise-emergency/event-handling/ResInfo.vue
@@ -3,22 +3,24 @@
width="400" >
<el-row>
<el-col :span="3" style="text-align: center;">
- <el-row> <el-button type="primary" size="mini" @click="reSet">搴旀�ュ熀纭�</el-button> </el-row>
-<el-row> <el-button type="primary" size="mini" @click="reSet">鍦ㄧ嚎鐩戞祴</el-button></el-row>
-<el-row> <el-button type="primary" size="mini" @click="reSet">搴旀�ヨ祫婧�</el-button></el-row>
-<el-row> <el-button type="primary" size="mini" @click="reSet">鍛ㄨ竟鐜</el-button></el-row>
-<el-row> <el-button type="primary" size="mini" @click="reSet">绠￠亾淇℃伅</el-button></el-row>
+ <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 type="primary" size="mini" @click="reSet">鍐呮帓鍙�(1)</el-button>
- <el-button type="primary" size="mini" @click="reSet">澶栨帓鍙�(1)</el-button>
- <el-button type="primary" size="mini" @click="reSet">闅旀补姹�(1)</el-button>
- <el-button type="primary" size="mini" @click="reSet">鑺傛祦闃�(1)</el-button>
- <el-button type="primary" size="mini" @click="reSet">闃�闂�(1)</el-button>
- <el-button type="primary" size="mini" @click="reSet">闆嗘按姹�(1)</el-button>
- <el-button type="primary" size="mini" @click="reSet">浜嬫晠姘寸绾�(1)</el-button>
- <el-button type="primary" size="mini" @click="reSet">闆ㄦ按绠＄嚎(1)</el-button>
+ <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
@@ -38,11 +40,14 @@
</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,
@@ -88,58 +93,60 @@
}
],
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'
- }]
+ 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'
+ }]
}
}
},
@@ -153,8 +160,12 @@
getVisible () {
return this.isShow
},
- reSet () {
-
+ menuClickHandle (item) {
+ console.log(item)
+ this.subMenuList = item.child
+ },
+ subMenuClickHandle (subItem) {
+ this.currentTableData.column = subItem.column
}
}
}
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
index 3e701da..eaceddf 100644
--- 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
@@ -179,11 +179,6 @@
width: 'auto'
},
{
- label: '杩愯鐘舵��',
- prop: 'operationalstatus',
- width: 'auto'
- },
- {
label: '璺濈',
prop: 'distance',
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
index a038857..2a8da25 100644
--- 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
@@ -45,7 +45,7 @@
},
{
label: '鐗╄祫鏁伴噺',
- prop: 'RESOURCESNUMBER',
+ prop: 'resourcesnumber',
width: 'auto'
},
{
@@ -55,12 +55,12 @@
},
{
label: '璐熻矗浜�',
- prop: 'RESPERSON',
+ prop: 'resperson',
width: 'auto'
},
{
label: '琛屾斂闅跺睘',
- prop: 'ADMINZONENAME',
+ prop: 'adminzonename',
width: 'auto'
}
]
@@ -74,37 +74,37 @@
},
{
label: '闃熶紞鍚嶇О',
- prop: 'TEAMNAME',
+ prop: 'teamname',
width: 'auto'
},
{
label: '搴旀�ョ數璇�',
- prop: 'PHONE',
+ prop: 'phone',
width: 'auto'
},
{
label: '浜哄憳鏁伴噺',
- prop: 'ORGANIZATION',
+ prop: 'organization',
width: 'auto'
},
{
label: '鏄惁澶栧崗鍗曚綅',
- prop: 'EXTERNALTEAM',
+ prop: 'externalteam',
width: 'auto'
},
{
label: '琛屾斂闅跺睘',
- prop: 'ADMINISTRATIVESUBORDINATE',
+ prop: 'administrativesubordinate',
width: 'auto'
},
{
label: '鍦板潃',
- prop: 'ADDRESS',
+ prop: 'address',
width: 'auto'
},
{
label: '鎵�灞炲崟浣嶅悕绉�',
- prop: 'UNITNAME',
+ prop: 'unitname',
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
index 62063ac..ac4a3b5 100644
--- 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
@@ -1,5 +1,5 @@
export default {
- id: 4,
+ id: 5,
name: '绠￠亾淇℃伅',
child: [
{
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
index 37e05b7..39e51a2 100644
--- 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
@@ -329,12 +329,12 @@
},
{
label: '琛屾斂闅跺睘',
- prop: 'ADMINZONENAME',
+ prop: 'adminzonename',
width: 'auto'
},
{
label: '鎵�灞炲崟浣嶅悕绉�',
- prop: 'UNITNAME',
+ prop: 'unitname',
width: 'auto'
},
{
--
Gitblit v1.8.0