派生自 wuyushui/SewerAndRainNetwork

src/components/base-page/WasteGas/WasteGasRealChart.vue
@@ -1,5 +1,5 @@
<template>
  <div class="echarts-box">
  <div id="wasteGasRealChartBox" class="echarts-box">
    <div class="tab-scroll">
      <PublicDataStandard :dataStandard="dataStandard"></PublicDataStandard>
    </div>
@@ -9,7 +9,7 @@
      <span class="demonstration">结束时间:</span>
      <el-date-picker v-model="formData.endTime" value-format="yyyy-MM-dd HH:mm:ss" type="datetime" size="mini"></el-date-picker>
      <span class="demonstration">采样点数:</span>
      <el-select v-model="formData.region" placeholder="请选择" size="mini">
      <el-select class="selectBox" v-model="formData.region" placeholder="请选择" size="mini">
        <el-option v-for="(item,index) in formData.regionList" :key="index" :label="item" :value="item"></el-option>
      </el-select>
      <el-button @click="querySearch">查询</el-button>
@@ -497,8 +497,11 @@
          }
        },
        grid: {
          top: '40px',
          bottom: '30px'
          // 与绝对定位相似,top,left,right,bottom 设定是根据上级盒子宽高来计算
          top: '20%',
          left: '6%',
          right: '6%',
          bottom: '12%'
        },
        legend: {
          data: legend
@@ -602,8 +605,8 @@
}
</script>
<style scoped lang="less">
.echarts-box {
<style lang="less">
#wasteGasRealChartBox {
  .echarts-form {
    .demonstration {
      color: #00fff6;
@@ -639,4 +642,29 @@
    content: " ";
  }
}
#wasteGasRealChartBox .echarts-form .el-input__inner {
  background-color: rgba(0, 0, 0, 0);
  height: .13rem;
  border-color: #336fa4;
}
#wasteGasRealChartBox .echarts-form{
  margin-top: 1px
}
#wasteGasRealChartBox .echarts-form .el-input__icon{
  height: .13rem;
  top: -.02rem;
  right: -0.03rem;
  position: absolute;
  color: #00d0f9;
}
#wasteGasRealChartBox .echarts-form .selectBox .el-input__icon:last-child{
  top: .02rem;
}
#wasteGasRealChartBox .echarts-form .selectBox .is-reverse{
  top: -.02rem !important;
}
#wasteGasRealChartBox .echarts-form .el-button{
  background-color: rgba(0, 0, 0, 0);
  height: .13rem;
}
</style>