<!--
 * @Author: your name
 * @Date: 2021-11-03 11:45:09
 * @LastEditTime: 2021-11-03 17:47:33
 * @LastEditors: Please set LastEditors
 * @Description: In User Settings Edit
 * @FilePath: /data-show/src/views/MarketingComparison/index.vue
-->
<template>
    <div class="d-container">
       <mcBeginCompare v-if="!hasData"></mcBeginCompare>
       <marketing-comparison v-else></marketing-comparison>
    </div>
</template>

<script>
import marketingComparison from "./marketingComparison.vue"
import mcBeginCompare from "./mcBeginCompare.vue"
export default {
    name: "mcIndex",
    components: {
        marketingComparison,
        mcBeginCompare
    },
    data() {
        return {
            hasData: false
        }
    },
    created() {
        this.hasData = this.getMcStatus;
    }
}
</script>

<style lang="less" scoped>
.mc-outter {
    padding: 0px 16px 16px 16px;
}
.mc-d1 {
    display: flex;
    justify-content: flex-start;
    margin-top: 16px;
}
.mc-d2 {
   display: flex;
   justify-content: flex-start;
   margin-top: 16px; 
}
</style>
