修改专题搜索面板样式

YANGDL

2021-03-01 010f31a56f5b5a0263985f50302b8802453a5af8

修改专题搜索面板样式

 src/assets/css/map/map-elem-ui.less

@@ -35,3 +35,13 @@
        border-bottom-color: @color !important;
    }
}
.sewers-search{
  .search-btn{


  }
  .el-input__icon:hover{
    color: @color;
    cursor: pointer;
  }
}

 src/components/panel/RightSearchPanel.vue

@@ -308,6 +308,7 @@

  .search-form .el-form-item {
    margin: 0px;
    margin-bottom: 8px;
  }

  .search-form .el-icon-search {

 src/components/panel/topicSearch/SewersSearch.vue

@@ -1,5 +1,5 @@
<template>
  <div id="sewers-search">
  <div class="sewers-search">
    <div class="el-message-box__header panel_header">
      <div class="el-message-box__title panel_title"><!----><span>{{ title }}</span>
      </div>
@@ -9,7 +9,7 @@
        <div>
          <el-card class="search-panel">
            <el-form ref="form" :model="form" label-width="90px" class="search-form">
              <el-form-item label="设施类型：" size="mini">
              <el-form-item label="设施类型：" size="mini" class="search-panel-item">
                <el-select v-model="form.pipelineType" @change="handlePipelineType"  popper-class="select-down">
                  <el-option
                      v-for="item in pipelineTypeOptions"
@@ -19,8 +19,8 @@
                  </el-option>
                </el-select>
              </el-form-item>
              <el-form-item label="数据类型：">
                <el-select v-model="form.dataType" size="mini"  popper-class="select-down">
              <el-form-item :label="form.pipelineType+'：'" size="mini">
                <el-select v-model="form.dataType"  @change="handleDataType" popper-class="select-down">
                  <el-option
                      v-for="item in dataTypeOptions"
                      :key="item.value"
@@ -33,7 +33,8 @@
                <el-input v-model="form.key" size="mini"
                          placeholder="在此输入关键字搜索">
<!--                  <el-button slot="append" icon="el-icon-search" size="mini"></el-button>-->
                  <span><i class="el-icon-edit"></i></span>
<!--                  <i slot="prefix" class="el-input__icon el-icon-search"></i>-->
                  <i slot="suffix" class="search-btn el-input__icon el-icon-search" @click="handleSearch"></i>
                </el-input>
<!--              </el-form-item>-->
<!--              <el-form-item>-->
@@ -128,18 +129,21 @@
      total: 0,
      pipelineTypeOptions: PipelineTypeOptions,
      outletOptions: OutletOptions,
      dataTypeOptions: [],
      dataTypeOptions: PipelineTypeOptions,

      attachOptions: AttachOptions,
      pipelineOptions: PipelineOptions,
      environmentOptions: EnvironmentOptions,
      surroundingsOptions: SurroundingsOptions,
      form: {
        transNo: null,
        carrierName: null,
        transMode: null,
        vehicleNo: null,
        orderState: null,

        pipelineType: PipelineTypeOptions[0].label,
        dataType: PipelineOptions[0].label,
        // transNo: null,
        // carrierName: null,
        // transMode: null,
        // vehicleNo: null,
        // orderState: null,
        size: 10,
        current: 1
      },
@@ -164,9 +168,18 @@
      } else if (item === '5') {
        this.dataTypeOptions = this.surroundingsOptions
      }
      this.form.pipelineType = this.pipelineTypeOptions[item - 1].label
      this.form.dataType = this.dataTypeOptions[0].label
    },
    handleDataType (item) {

    },
    handleSearch () {

      const param = {
        pipelineType: this.form.pipelineType,
        dataType: this.form.dataType
      }
      console.log(param)
    }
  }
}
@@ -174,5 +187,4 @@

<style lang="less">
@import '@assets/css/map/map-elem-ui';

</style>