日期选择组件，elelct 组件样式修改。

chenyabin

2021-04-12 87e4f5187d943cac46c9a75c0553e2072e01ca29

日期选择组件，elelct 组件样式修改。

 src/assets/css/map/map-panel-style.less

@@ -239,6 +239,7 @@
.el-button{

}
.hover-bottom:hover,
.active-button{
  border: 0.00521rem solid #fff700 !important;
  box-shadow: 0 0 0.03rem #fff700 !important;
@@ -440,3 +441,61 @@

}

.el-picker-panel{
  background: @background-color;
  border-color:@color;
  color:@color;
  .el-picker-panel__body-wrapper{
    background: @background-color;
  }
  .el-input__inner{
    background:@background-color;
    border-color:@color;
  }
  .el-date-table td.today span{
    color:@color-highlight;
  }
  .el-picker-panel__footer{
    background: @background-color;
    border-top-color:@color;
  }
  .el-date-table th{
    border-bottom-color:@color;
  }
  .el-button{
    background: @background-color;
    color:@color;
    border-color:@color;
  }
  .el-button--text{
    padding: 7px 15px;
  }
  .el-button:hover{
    background: @background-color;
    color:@color-highlight;
    border-color:@color-highlight;
  }
  .el-input__inner{
    color:#fff;
    text-align: center;
  }
  .el-date-picker__time-header{
    border-bottom-color:@background-color-split;
  }
  .el-date-picker__header-label{color:#fff}
}
.el-select-dropdown{
  background: @background-color;
  border-color:@color;
  color:@color;
  .el-select-dropdown__item{
    color:#fff;
  }
  .el-select-dropdown__item.hover{
    background: @background-color;
    box-shadow:  0 0 5px @color-highlight inset;
  }
  .el-select-dropdown__item.selected{
    color:@color-highlight;
  }
  }

 src/components/BaseNav/PublicBounced/GasComponents/EChartsDate.vue

@@ -27,14 +27,13 @@
        </div>
        <div>
          采样点数:
          <input list="source" id="ipt" class="echatsInput" @change="datalistBtn">
          <datalist id="source" @click="datalistBtn">
            <option value="0" />
            <option value="25" />
            <option value="50" />
            <option value="75" />
            <option value="100" />
          </datalist>
          <el-select v-model="formInline.region" placeholder="50">
            <el-option label="0" value="0"></el-option>
            <el-option label="25" value="25"></el-option>
            <el-option label="50" value="50"></el-option>
            <el-option label="75" value="75"></el-option>
            <el-option label="100" value="100"></el-option>
          </el-select>
        </div>
        <div class="detailbtn"  @click="onSubmit">查询</div>
        <div class="detailbtn" @click="dialogVisible = true" >明细表</div>
@@ -345,12 +344,13 @@
            /deep/.el-input__inner{
                position: relative;
                width:140px;
                height:22px;
                background-color: #2e4967;
                color: #ffffff;
                color: #fff;
                font-size: 12px;
                height: 24px;
                padding: 0;
                border-color:#00fff6;
              text-align: center;
                //padding-left:20px ;
                //padding: 0!important;
            }
@@ -382,6 +382,11 @@
                border-radius: 4px;
                margin-right: 6px;
            }
          .detailbtn:hover{
            box-shadow: 0 0 0.03rem #fff700 !important;
            color:#fff700 !important;
            cursor: pointer;
          }
        }
        .el-dialog-div {
            //height: 50vh!important;

 src/components/BaseNav/PublicBounced/GasComponents/EChartsHour.vue

@@ -32,14 +32,13 @@
                </div>
                <div>
                    采样点数:
                    <input list="source" id="ipt" class="echatsInput" value="50">
                    <datalist id="source" >
                        <option value="0" />
                        <option value="25" />
                        <option value="50" />
                        <option value="75" />
                        <option value="100" />
                    </datalist>
                    <el-select v-model="formInline.region" placeholder="50">
                        <el-option label="0" value="0"></el-option>
                        <el-option label="25" value="25"></el-option>
                        <el-option label="50" value="50"></el-option>
                        <el-option label="75" value="75"></el-option>
                        <el-option label="100" value="100"></el-option>
                    </el-select>
                </div>
                <div class="detailbtn"  @click="onSubmit">查询</div>
                <div class="detailbtn" @click="dialogVisible = true" >明细表</div>
@@ -337,12 +336,13 @@
        /deep/.el-input__inner{
            position: relative;
            width:140px;
            height:22px;
            background-color: #2e4967;
            color: #ffffff;
            font-size: 12px;
            height: 24px;
            padding: 0;
            border-color:#00fff6;
            text-align: center;
            //padding-left:20px ;
            //padding: 0!important;
        }
@@ -374,6 +374,11 @@
            border-radius: 4px;
            margin-right: 6px;
        }
        .detailbtn:hover{
            box-shadow: 0 0 0.03rem #fff700 !important;
            color:#fff700 !important;
            cursor: pointer;
        }
    }
    .el-dialog-div {
        //height: 50vh!important;

 src/components/BaseNav/PublicBounced/GasComponents/PublicChart.vue

@@ -47,17 +47,11 @@

</script>

<style scoped>
* {
  margin: 0;
  padding: 0;
  list-style: none;
}

<style scoped lang="less">
.win {
  position: relative;
  /*margin-bottom: 13px;*/
  background-color: rgba(33, 41, 69, 0.9);
  background:@background-color;
  border: 0.8px solid #396d83;
  /*height: 1.5rem;*/
}

 src/components/BaseNav/PublicBounced/GasComponents/PublicTabs.vue

@@ -71,7 +71,7 @@
.win {
  position: relative;
  margin-bottom: 10px;
  background-color: rgba(33, 41, 69, 0.9);
  background-color: @background-color;
  //width: 6rem;
  //height: 0.5rem;
}