From db8c55dcd976be11728b125d7d2e1006c58138c4 Mon Sep 17 00:00:00 2001 From: 徐旺旺 <11530253@qq.com> Date: 星期四, 01 四月 2021 10:46:33 +0800 Subject: [PATCH] 右侧面板初步 --- src/components/panel/RightSearchPanel.vue | 35 +++++++++++++++++++++++++++++------ src/components/panel/topicSearch/EnvRiskSearch.vue | 3 +++ src/components/panel/topicSearch/WaterWasteSearch.vue | 0 src/conf/Topic.js | 2 +- src/components/panel/topicSearch/GasWasteSearch.vue | 0 src/components/panel/topicSearch/SewersSearch.vue | 3 +++ src/components/panel/topicSearch/DischargeSearch.vue | 3 +++ src/components/panel/topicSearch/SoilGroundWaterSearch.vue | 0 src/components/panel/topicSearch/SolidWasteSearch.vue | 0 9 files changed, 39 insertions(+), 7 deletions(-) diff --git a/src/components/panel/RightSearchPanel.vue b/src/components/panel/RightSearchPanel.vue index d8e296b..cbce13b 100644 --- a/src/components/panel/RightSearchPanel.vue +++ b/src/components/panel/RightSearchPanel.vue @@ -9,7 +9,6 @@ <el-tooltip :popper-class="'map-tooltip'" effect="dark" :content="item.name" placement="left"> <li style=" "> <!-- <span>{{item.name}}</span>--> - <!-- <div >--> <img src="../../assets/images/map-pages/icon/sl.png" class="icon"> <!-- </div>--> @@ -38,9 +37,6 @@ <div :class="'search-container map-background'"> <div class="el-message-box__content" style="padding:6px;font-size: 13px;"> - <div class="search-title"> - 姹¢洦姘� - </div> <component :title="title" :is="gcComp"></component> </div> </div> @@ -49,14 +45,18 @@ </template> <script> -import EnvProtectSearch from './topicSearch/EnvProtectSearch' +import EnvRiskSearch from './topicSearch/EnvRiskSearch' import DischargeSearch from './topicSearch/DischargeSearch' import { TopicList } from '../../conf/Topic' +import GasWasteSearch from '@components/panel/topicSearch/GasWasteSearch' +import WaterWasteSearch from '@components/panel/topicSearch/WaterWasteSearch' +import SolidWasteSearch from '@components/panel/topicSearch/SolidWasteSearch' import SewersSearch from '@components/panel/topicSearch/SewersSearch' +import SoilGroundWaterSearch from '@components/panel/topicSearch/SoilGroundWaterSearch.vue' export default { name: 'MonitorPanel', - components: { EnvProtectSearch, DischargeSearch }, + components: { GasWasteSearch, WaterWasteSearch, SolidWasteSearch, EnvRiskSearch, DischargeSearch }, data () { return { isShow: true, @@ -100,6 +100,29 @@ this.topicList.forEach((itm) => { itm.checked = val.name === itm.name }) + switch (val.name) { + case '姹℃煋婧�': + this.gcComp = DischargeSearch + break + case '搴熸按鐩戞祴': + this.gcComp = WaterWasteSearch + break + case '搴熸皵鐩戞祴': + this.gcComp = GasWasteSearch + break + case '鍥哄簾绠$悊': + this.gcComp = SolidWasteSearch + break + case '鐜椋庨櫓': + this.gcComp = EnvRiskSearch + break + case '鍦熷¥鍙婂湴涓嬫按': + this.gcComp = SoilGroundWaterSearch + break + case '姹¢洦姘寸缃�': + this.gcComp = SewersSearch + break + } }, handlePage (page) { }, diff --git a/src/components/panel/topicSearch/DischargeSearch.vue b/src/components/panel/topicSearch/DischargeSearch.vue index ed987f9..02e23e6 100644 --- a/src/components/panel/topicSearch/DischargeSearch.vue +++ b/src/components/panel/topicSearch/DischargeSearch.vue @@ -1,5 +1,8 @@ <template> <div> + <div class="search-title"> + 姹¢洦姘� + </div> <el-card class="search-panel"> <el-form ref="form" :model="form" label-width="90px" class="search-form"> <el-form-item label="鏌ヨ绫诲瀷锛�"> diff --git a/src/components/panel/topicSearch/EnvProtectSearch.vue b/src/components/panel/topicSearch/EnvRiskSearch.vue similarity index 98% rename from src/components/panel/topicSearch/EnvProtectSearch.vue rename to src/components/panel/topicSearch/EnvRiskSearch.vue index 99ac50f..135274d 100644 --- a/src/components/panel/topicSearch/EnvProtectSearch.vue +++ b/src/components/panel/topicSearch/EnvRiskSearch.vue @@ -1,5 +1,8 @@ <template> <div> + <div class="search-title"> + 姹¢洦姘� + </div> <el-card class="search-panel"> <el-form ref="form" :model="form" label-width="90px" class="search-form"> <el-form-item label="绫诲瀷锛�"> diff --git a/src/components/panel/topicSearch/GasWasteSearch.vue b/src/components/panel/topicSearch/GasWasteSearch.vue new file mode 100644 index 0000000..e69de29 --- /dev/null +++ b/src/components/panel/topicSearch/GasWasteSearch.vue diff --git a/src/components/panel/topicSearch/SewersSearch.vue b/src/components/panel/topicSearch/SewersSearch.vue index c969cde..566fd68 100644 --- a/src/components/panel/topicSearch/SewersSearch.vue +++ b/src/components/panel/topicSearch/SewersSearch.vue @@ -1,5 +1,8 @@ <template> <div class="sewers-search" v-if="gdVisible"> + <div class="search-title"> + 姹¢洦姘� + </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"> diff --git a/src/components/panel/topicSearch/SoilGroundWaterSearch.vue b/src/components/panel/topicSearch/SoilGroundWaterSearch.vue new file mode 100644 index 0000000..e69de29 --- /dev/null +++ b/src/components/panel/topicSearch/SoilGroundWaterSearch.vue diff --git a/src/components/panel/topicSearch/SolidWasteSearch.vue b/src/components/panel/topicSearch/SolidWasteSearch.vue new file mode 100644 index 0000000..e69de29 --- /dev/null +++ b/src/components/panel/topicSearch/SolidWasteSearch.vue diff --git a/src/components/panel/topicSearch/WaterWasteSearch.vue b/src/components/panel/topicSearch/WaterWasteSearch.vue new file mode 100644 index 0000000..e69de29 --- /dev/null +++ b/src/components/panel/topicSearch/WaterWasteSearch.vue diff --git a/src/conf/Topic.js b/src/conf/Topic.js index 07f0f3f..da2e42f 100644 --- a/src/conf/Topic.js +++ b/src/conf/Topic.js @@ -6,7 +6,7 @@ export const TopicComp = { dischargeSearch: () => import('@components/panel/topicSearch/DischargeSearch'), - envProtectSearch: () => import('@components/panel/topicSearch/EnvProtectSearch'), + envProtectSearch: () => import('@components/panel/topicSearch/EnvRiskSearch'), sewersSearch: () => import('@components/panel/topicSearch/SewersSearch.vue') } -- Gitblit v1.8.0