index.vue 1.62 KB
<template>
    <div class="seq-analysis">
        <el-header>
            <span class="asis-title">{{$t('asis.SeqAnalysis')}}</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/seqMoreOptionNew.vue'
  import contentTemplate from'./content.vue'
  export default {
    data() {
      return {
        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.getCommonMalls().then(resolveData => {
          let {
            mallData,
            localMallId,
            titleName,
            multiMallId
          } = resolveData;
          let refMallId = {
            'multiMallId': multiMallId
          }
          this.$refs.init.initAsis(refMallId, mallData);
        }, (rejectData) => {})
      },
      reportHandler(emitData) {
        this.propParamHandler(emitData)
      },
      propParamHandler(emitData) {
        this.propParams = emitData;
      },
    },
  }
</script>

<style scoped>
    .seq-analysis {
        width: 100%;
    }
    .element-main{
        margin-top: 100px !important;
    }
</style>