搜索面板加标题

徐旺旺

2021-03-15 250990c307fff8393495abaa6123f43432d4f946

搜索面板加标题

 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{

 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;

 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;