prod
lily.zhang 3 years ago
parent 57b195bea4
commit 4abec38679

@ -1,7 +1,7 @@
<!--
* @Author: your name
* @Date: 2021-11-03 11:45:09
* @LastEditTime: 2021-11-03 15:11:22
* @LastEditTime: 2021-11-03 16:00:45
* @LastEditors: Please set LastEditors
* @Description: In User Settings Edit
* @FilePath: /data-show/src/views/MarketingComparison/index.vue
@ -16,6 +16,10 @@
</div>
<mcTOPMedia></mcTOPMedia>
<mcChannelDistribution></mcChannelDistribution>
<div class="mc-d2">
<mcCTNF></mcCTNF>
<salesComparison></salesComparison>
</div>
</div>
</div>
</template>
@ -26,6 +30,8 @@ import mcOSVC from "./mcOSVC"
import mcIVC from "./mcIVC"
import mcTOPMedia from "./mcTOPMedia"
import mcChannelDistribution from "./mcChannelDistribution"
import mcCTNF from "./mcCTNF"
import salesComparison from "./salesComparison"
export default {
name: "MarketingComparison",
components: {
@ -33,7 +39,9 @@ export default {
mcOSVC, //
mcIVC, //
mcTOPMedia, // TOP
mcChannelDistribution //
mcChannelDistribution, //
mcCTNF, //
salesComparison //
}
}
</script>
@ -47,4 +55,9 @@ export default {
justify-content: flex-start;
margin-top: 16px;
}
.mc-d2 {
display: flex;
justify-content: flex-start;
margin-top: 16px;
}
</style>

@ -0,0 +1,41 @@
<!--
* @Author: your name
* @Date: 2021-11-03 15:49:44
* @LastEditTime: 2021-11-03 15:55:40
* @LastEditors: Please set LastEditors
* @Description: In User Settings Edit
* @FilePath: /data-show/src/views/MarketingComparison/mcCTNF/index.vue
-->
<template>
<div class="mcct-outter">
<v-label-div title="论坛总量对比">
</v-label-div>
<div class="mcct-inner">
<v-echarts :opt="opt"></v-echarts>
</div>
</div>
</template>
<script>
import {createSingleColumnar} from "@/utils/gol/singleColumnar"
export default {
name: "mcCTNF",
data() {
return {
opt: createSingleColumnar(["奥迪", "宝马", "奔驰", "吉利", "大众", "别克"],[2200, 1900, 1800, 1600, 1400, 1500])
}
}
}
</script>
<style lang="less" scoped>
.mcct-outter {
width: 936px;
height: 460px;
border: 2px solid #0f2a4d;
.mcct-inner {
width: 100%;
height: calc(100% - 48px);
}
}
</style>

@ -0,0 +1,42 @@
<!--
* @Author: your name
* @Date: 2021-11-03 15:57:01
* @LastEditTime: 2021-11-03 16:01:28
* @LastEditors: Please set LastEditors
* @Description: In User Settings Edit
* @FilePath: /data-show/src/views/MarketingComparison/salesComparison/index.vue
-->
<template>
<div class="ssc-outter">
<v-label-div title="销量对比">
</v-label-div>
<div class="ssc-inner">
<v-echarts :opt="opt"></v-echarts>
</div>
</div>
</template>
<script>
import {createSingleColumnar} from "@/utils/gol/singleColumnar"
export default {
name: "salesComparison",
data() {
return {
opt: createSingleColumnar(["奥迪", "宝马", "奔驰", "吉利", "大众", "别克"],[2200, 1900, 1800, 1600, 1400, 1500], '#4fb58c')
}
}
}
</script>
<style lang="less" scoped>
.ssc-outter {
width: 936px;
height: 460px;
border: 2px solid #0f2a4d;
margin-left: 16px;
.ssc-inner {
width: 100%;
height: calc(100% - 48px);
}
}
</style>
Loading…
Cancel
Save