From 250990c307fff8393495abaa6123f43432d4f946 Mon Sep 17 00:00:00 2001
From: 徐旺旺 <11530253@qq.com>
Date: 星期一, 15 三月 2021 15:44:07 +0800
Subject: [PATCH] 搜索面板加标题
---
src/components/panel/RightSearchPanel.vue | 21 ++++++++++
src/assets/css/map/map-panel-style.less | 34 ++++++++++------
src/components/panel/topicSearch/SewersSearch.vue | 11 -----
3 files changed, 42 insertions(+), 24 deletions(-)
diff --git a/src/assets/css/map/map-panel-style.less b/src/assets/css/map/map-panel-style.less
index 5faaab9..93e8f61 100644
--- a/src/assets/css/map/map-panel-style.less
+++ b/src/assets/css/map/map-panel-style.less
@@ -12,7 +12,7 @@
height: 20px;
line-height: 20px;
- color: #00fff6;
+ color: @color;
cursor: pointer;
-ms-flex-negative: 0;
flex-shrink: 0;
@@ -67,21 +67,29 @@
}
}
-.el-table{
- color: #00fff6;
+.el-tabs{
+ .el-tabs__item {
+ height: 40px;
+ line-height: 40px;
+ }
}
.el-table th, .el-table tr{
+ background-color: transparent;
+}
+.el-table{
+ color: @color;
background: transparent;
-}
-.el-table thead {
- color: #ffffff;
- font-weight: 500;
-}
-.el-table, .el-table__expanded-cell {
- background-color: transparent;
-}
-.el-table thead.is-group th{
- background-color: transparent;
+
+ thead {
+ color: #ffffff;
+ font-weight: 500;
+ }
+ thead.is-group th{
+ background: transparent;
+ }
+ .el-table__expanded-cell {
+ background: transparent;
+ }
}
.map-input{
input{
diff --git a/src/components/panel/RightSearchPanel.vue b/src/components/panel/RightSearchPanel.vue
index ea52369..d8e296b 100644
--- a/src/components/panel/RightSearchPanel.vue
+++ b/src/components/panel/RightSearchPanel.vue
@@ -35,7 +35,15 @@
<!-- <div class="btn-shrink" v-else-if="!isCollapse"></div>-->
<div :class="[isCollapse? 'btn-stretch':'btn-shrink']" ></div>
</div>
- <component :title="title" :is="gcComp"></component>
+
+ <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>
</div>
</div>
</template>
@@ -145,6 +153,17 @@
</script>
<style lang="less">
+.search-title{
+ color: rgb(255, 255, 255);
+ font-size: 16px;
+ margin: 5px;
+}
+.search-container {
+ position: relative;
+ width: 1.79167rem;
+ height: 3.4375rem;
+ overflow: hidden;
+}
.module-wrap{
width: 0.15rem;
height: 0.15rem;
diff --git a/src/components/panel/topicSearch/SewersSearch.vue b/src/components/panel/topicSearch/SewersSearch.vue
index b9d023e..1b709f2 100644
--- a/src/components/panel/topicSearch/SewersSearch.vue
+++ b/src/components/panel/topicSearch/SewersSearch.vue
@@ -1,8 +1,5 @@
<template>
- <div :class="'sewers-search map-background'">
- <div class="el-message-box__content" style="padding:6px;font-size: 13px;">
- <div class="box__content" v-if="gdVisible">
- <div>
+ <div class="sewers-search" v-if="gdVisible">
<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">
@@ -97,16 +94,12 @@
</el-pagination>
</el-card>
</div>
- </div>
<!-- <div class="monitor2" v-if="hbVisible">-->
<!-- <env-protect-search></env-protect-search>-->
<!-- </div>-->
<!-- <div class="monitor2" v-if="pkVisible">-->
<!-- <discharge-search></discharge-search>-->
<!-- </div>-->
- </div>
- </div>
-
</template>
<script>
@@ -190,8 +183,6 @@
<style lang="less" scoped>
.sewers-search{
position: relative;
- width: 1.79167rem;
- height: 3.4375rem;
overflow: hidden;
.search-panel{
background-color: transparent;
--
Gitblit v1.8.0