派生自 wuyushui/SewerAndRainNetwork

chenyabin
2021-04-27 4f35a8b56c12315c82fd5bd136f32da2dcadc5e2
src/components/BaseNav/PublicBounced/common/PublicChart.vue
@@ -5,10 +5,6 @@
        <div class="border_corner border_corner_left_bottom"></div>
        <div class="border_corner border_corner_right_bottom"></div>
        <ul class="tab">
<!--            <li @click='tabTaggle("ECharts")'>实时数据</li>-->
<!--            <li @click='tabTaggle("EChartsHour")'>小时数据</li>-->
<!--            <li @click='tabTaggle("EChartsDate")'>日数据</li>-->
<!--            <li @click='tabTaggle("EChartsDate")'>人工数据</li>-->
            <li :class="active==0?'hover':''" @click='tabTaggle("ECharts",0)'>实时数据</li>
            <li :class="active==1?'hover':''" @click='tabTaggle("EChartsHour",1)'>小时数据</li>
            <li :class="active==2?'hover':''" @click='tabTaggle("EChartsDate",2)'>日数据</li>
@@ -22,17 +18,15 @@
            <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>
<script>
import ECharts from './echarts/Echarts'
import EChartsHour from './echarts/EChartsHour'
import EChartsDate from './echarts/EChartsDate'
import ECharts from './echarts/Echarts'
// import EChartsDate from './EChartsDate'
import EChartsHourWasteWater from './echarts/EChartsHourWasteWater'
import EChartsTable from '@components/BaseNav/PublicBounced/common/echarts/EChartsTable'
import EChartsTable from './echarts/EChartsTable'
export default {
  name: 'PublicChart',
@@ -40,24 +34,29 @@
    EChartsHour,
    EChartsDate,
    ECharts,
    // EChartsDate
    EChartsHourWasteWater,
    EChartsTable
  },
  mounted () {
    this.$refs.Echatrs.CreateChart()
  },
  data () {
    return {
      currentTab: 'EChartsHour',
      active: '1'
      currentTab: this.current(),
      active: '0'
    }
  },
  // updated () {
  //   this.$refs.Echats.DrawEXHRealTimeDateChart()
  // },
  methods: {
    tabTaggle (taggleMenu, num) {
      this.currentTab = taggleMenu
      this.active = num
      // debugger
    },
    current (currentTab) {
      if (this.$attrs.value === 'feishui') {
        currentTab = 'EChartsRealWasteWater'
      } else {
        currentTab = 'ECharts'
      }
      return currentTab
    }
  }
}