实时修改

wangqi

2021-04-14 1a126e5b503fe723dba9aaacc439ab2a658ce1ce

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

@@ -22,7 +22,7 @@
            <span >超标</span>
            <i style=" background: orange;"></i>
        </div>
        <component :is="currentTab" v-bind="$attrs" ref="Echatrs"></component>
        <component :is="currentTab" v-bind="$attrs" ref="Echats"></component>
    </div>
</template>

@@ -44,12 +44,12 @@
    EChartsHourWasteWater,
    EChartsTable
  },
  mounted () {
    this.$refs.Echatrs.CreateChart()
  updated () {
    this.$refs.Echats.CreateChart()
  },
  data () {
    return {
      currentTab: 'EChartsHour',
      currentTab: EChartsHour,
      active: '1'
    }
  },
@@ -67,10 +67,8 @@
<style scoped lang="less">
.win {
  position: relative;
  /*margin-bottom: 13px;*/
  background:@background-color;
  border: 0.8px solid #396d83;
  /*height: 1.5rem;*/
}

.border_corner {
@@ -113,16 +111,17 @@
.tab {
  display: flex;
  border-bottom: 1px solid #396d83;
    padding:5px 10px
    padding:0.02rem 0.04rem;
}

.tab li {
  background-color: #243a55;
  line-height: 25px;
  line-height:0.15rem;
    height: 0.15rem;
  text-align: center;
  border-radius: 5px;
    margin-right: 10px;
    padding:0 15px
    margin-right: 0.04rem;
    padding:0 0.04rem;
}
.tab li.hover,
.tab li:hover {
@@ -132,20 +131,22 @@
}
.legend{
    position: absolute;
    top:10px;
    top:0.05rem;
    right: 0;
    display: flex;
    justify-items: center;
}
.legend i {
    display: block;
    width: 35px;
    height: 15px;
    margin:0 10px 0 3px;
    border-radius: 3px;
    width: 0.2rem;
    height: 0.09rem;
    margin:0 0.1rem 0 0.05rem;
    border-radius: 0.02rem;
}
.legend span{
    line-height: 15px;
    line-height: 0.09rem;
    height: 0.09rem;
    font-size: 0.06rem;
}

</style>