cxw-010203

src/views/MarketingComparison/index.vue

@@ -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>

src/views/MarketingComparison/mcCTNF/index.vue

@@ -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>

src/views/MarketingComparison/salesComparison/index.vue

@@ -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>