From d4a64e11c43a8268d48fbb6d710d3ba379a31359 Mon Sep 17 00:00:00 2001 From: XingChuan <m17600301067@163.com> Date: 星期日, 30 五月 2021 12:26:30 +0800 Subject: [PATCH] css弹框UI优化 --- src/components/panel/RightSearchPanel.vue | 20 ++++++++++++-------- 1 files changed, 12 insertions(+), 8 deletions(-) diff --git a/src/components/panel/RightSearchPanel.vue b/src/components/panel/RightSearchPanel.vue index 0f7114d..6df7286 100644 --- a/src/components/panel/RightSearchPanel.vue +++ b/src/components/panel/RightSearchPanel.vue @@ -60,7 +60,7 @@ import SoilGroundWaterSearch from '@components/panel/topicSearch/SoilGroundWaterSearch.vue' import PipeChangesSearch from '@components/panel/topicSearch/pipeChangesSearch.vue' import PipeInformationSearch from '@components/panel/topicSearch/pipeInformationSearch.vue' -import ReportSearch from './topicSearch/ReportSearch' +import EnterpriseEmergencySearch from './topicSearch/EnterpriseEmergencySearch' import bus from '@/eventBus' @@ -72,7 +72,7 @@ SolidWasteSearch, EnvRiskSearch, DischargeSearch, - ReportSearch + EnterpriseEmergencySearch }, data () { return { @@ -86,7 +86,6 @@ hbVisible: false, pkVisible: false, toggleMonitorStyle: 'right:0px', - title: '姹¢洦姘寸缃�', isCollapse: true, selectGroup: false @@ -156,7 +155,7 @@ this.gcComp = PipeInformationSearch break case '浼佷笟搴旀��': - this.gcComp = ReportSearch + this.gcComp = EnterpriseEmergencySearch break } }, @@ -218,11 +217,15 @@ mounted () { const that = this bus.$on('changeSearchBar', function (obj) { - // console.log(obj.checked, obj.name) that.gcComp = '' that.topicList.forEach((item) => { if (item.name === obj.name) { - item.isShow = obj.checked + if (obj.type > 0) { + item.isShow = true + } else { + item.isShow = false + } + // item.isShow = obj.checked if (item.isShow) { that.selected(item) } else { @@ -231,6 +234,7 @@ } }) }) + // console.log(that.topicList) } } </script> @@ -323,8 +327,8 @@ background: @background-color4; color: @color-tool; position: absolute; - top: 24px; - right: 0.02rem; + top: 20px; + left: 0.02rem; border: none; //1px solid @color-tool; width: 0.2rem; height: 0.2rem; -- Gitblit v1.8.0