派生自 wuyushui/SewerAndRainNetwork

wangqi
2021-04-12 0eb2de2d7631496fb6d9db215852c43b49793f6a
src/components/BaseNav/PublicBounced/GasComponents/EChartsHour.vue
@@ -32,14 +32,13 @@
                </div>
                <div>
                    采样点数:
                    <input list="source" id="ipt" class="echatsInput" v-model="value">
                    <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>
@@ -64,7 +63,6 @@
<script>
import PublicDetailedList from '@components/BaseNav/PublicBounced/GasComponents/PublicDetailedList'
// import
export default {
  name: 'ECharts',
@@ -73,12 +71,12 @@
  },
  data () {
    return {
      value: '50',
      value1: '',
      value2: '',
      watchData: [],
      dialogVisible: false,
      myChar: null,
      value: '',
      formInline: {
        user: '',
        region: ''
@@ -327,18 +325,15 @@
<style scoped lang="less">
.grid-content{
  font-size: 8px!important;
    font-size: 8px;
  background-color:#2e4967;
  text-align: center;
  margin: 0 2px 4px 2px;
  border-radius: 2px;
  >i{
    font-style: normal;
    color: #eef309;
    margin-right: 10px;
    padding:0 10px
  }
}
.Infomation {
  margin-left: 10px;
.infomation {
  padding: 5px 10px;
}
.form-echrts {
@@ -359,17 +354,7 @@
        display: flex;
          >span{line-height: 22px}
        .pickerTable{
          margin-left: 6px;
            /deep/.el-input{
              font-size: 0px;
              .el-input__prefix{
                width: 100%;
              }
            }
          /deep/.el-input__icon {
             //font-size: 0;
              width: 100%;
          }
                    margin-left: 3px;
        }
      }
    }
@@ -378,15 +363,24 @@
    }
    /deep/.el-input__inner{
      position: relative;
      width: 0.9rem!important;
      height: 0.125rem!important;
            width:140px;
      background-color: #2e4967;
      color: #ffffff;
      font-size: 12px;
        height: 24px;
      padding: 0;
            border-color:#00fff6;
            text-align: center;
      //padding-left:20px ;
      //padding: 0!important;
        }
        /deep/.el-input__icon{
            display: block;
            width: 140px;
            height: 22px;
            line-height: 22px;
            cursor: pointer;
            font-size: 0;
    }
    .echatsInput{
      color: #00ffff;
@@ -395,6 +389,7 @@
      border-radius: 6px;
      width: 80px;
        height: 22px;
            text-align: center;
    }
    input::-webkit-calendar-picker-indicator {
      opacity: 100;
@@ -403,8 +398,14 @@
      background-color:#2e4967;
      text-align: center;
      padding: 0 7px;
      line-height: 20px;
            line-height: 24px;
      border-radius: 4px;
            margin-right: 6px;
        }
        .detailbtn:hover{
            box-shadow: 0 0 0.03rem #fff700 !important;
            color:#fff700 !important;
            cursor: pointer;
    }
  }
  .el-dialog-div {
@@ -416,9 +417,6 @@
  #echarts {
    margin: 0;
    padding: 0;
    //height: 3rem;
    //border: 1px solid #396d83;
    //margin: 10px 10px 10px 10px;
  }
}
</style>