index.vue 1.3 KB
<template>
  <div class="base-analysis">
    <el-header>
      <span class="asis-title">{{$t('echartsTitle.businessStatusWarning')}}</span>
    </el-header>
    <baseasis-option ref="init" @reportTime="reportHandler" @initData="initTab"/>
    <div class="element-main base-main">
      <contentTemplate :propparam="propParams"></contentTemplate>
    </div>
  </div>
</template>

<script>
  import baseOption from '../common/option/businessStatusWarningOption.vue'
  import contentTemplate from'./content.vue'
  export default {
    data() {
      return {
        asisName: '',
        asisLevel: '',
        propParams: {}
      }
    },
    components: {
      'baseasis-option': baseOption,
      'contentTemplate':contentTemplate
    },
    watch: {
      propParams: {
        handler(newVal){

        },
        immediate: true,
        deep:true
      }
    },
    mounted() {
      this.getMallOpt();
    },
    methods: {
      initTab(data) {
        this.propParamHandler(data)
      },
      getMallOpt() {
          this.$refs.init.initAsis();
      },
      reportHandler(emitData) {
        this.propParamHandler(emitData)
      },
      propParamHandler(emitData) {
        this.propParams = emitData;
      },
    },
  }
</script>

<style scoped>
  .element-main{
    margin-top: 120px !important;
  }
</style>