zx-重点媒体传播

src/views/BrandComparison/keyMediaCommunicationComparison/index.vue

@@ -17,7 +17,7 @@
 
 <script>
 import createOpt from "./opt";
-import { getSourceCount0528C } from "@/api/BrandComparison";
+import { getSourceCount0528C } from "@/api/BrandComparison/index.js";
 export default {
   name: "kmcc-outter",
   data() {
@@ -26,7 +26,7 @@ export default {
         token: "",
         sBrand: "",
       },
-      opt: createOpt(),
+      opt: {},
     };
   },
   created() {
@@ -45,8 +45,9 @@ export default {
     },
     getData() {
       let obj = Object.assign({}, this.getCtime2, this.form);
-      getSourceCount0528C(obj).then(() => {
-          //console.log(res);
+      getSourceCount0528C(obj).then((res) => {
+         let data = res.data;
+         this.opt = createOpt(data);
       })
     }
   },

src/views/BrandComparison/keyMediaCommunicationComparison/opt.js

@@ -6,7 +6,49 @@
  * @Description: In User Settings Edit
  * @FilePath: /data-show/src/views/Index/spreadTheSound/opt.js
  */
-export default function createOpt() {
+import { bigNumberTransform } from "@/utils/gol/dataTool"
+function createData(dataList = []) {
+  let arr = [];
+  dataList.forEach(ele => {
+    let valueArr = [0,0,0,0,0];
+    ele.value.forEach(e => {
+      switch (e.key) {
+        case "微信":
+          valueArr[0] = e.value;
+          break;
+        case "懂车帝":
+          valueArr[1] = e.value;
+          break;
+        case "今日头条":
+          valueArr[2] = e.value;
+          break;
+        case "抖音":
+          valueArr[3] = e.value;
+          break;
+        case "易车":
+          valueArr[4] = e.value;
+          break;
+        default:
+          break;
+      }
+    })
+    let o = {
+      name: ele.key,
+      type: 'bar',
+      stack: 'total',
+      barWidth: 24,
+      emphasis: {
+        focus: 'series'
+      },
+      data: valueArr
+    };
+    arr.push(o);
+  })
+  return arr;
+}
+
+export default function createOpt(dataList = []) {
+    let info = createData(dataList);
     return {
         grid: {
             left: 16,
@@ -43,7 +85,7 @@ export default function createOpt() {
                     color: "#fff",
                 },
             },
-            data: ['汽车之家', '懂车帝', '腾讯新闻', '凤凰网', '新浪微博']
+            data: ['微信', '懂车帝', '今日头条', '抖音', '易车']
         },
         yAxis: {
             type: 'value',
@@ -53,6 +95,12 @@ export default function createOpt() {
                     color: "#fff",
                 },
             },
+            axisLabel: {
+              formatter: (value) => {
+                  let str = bigNumberTransform(value);
+                  return str;
+              }
+            },
             splitLine: {
                 lineStyle: {
                     type: "dashed", // y轴分割线类型
@@ -60,68 +108,7 @@ export default function createOpt() {
                 },
             },
         },
-        series: [
-            {
-              name: '奥迪',
-              type: 'bar',
-              stack: 'total',
-              barWidth: 24,
-              emphasis: {
-                focus: 'series'
-              },
-              data: [320, 302, 301, 334, 390]
-            },
-            {
-              name: '宝马',
-              type: 'bar',
-              stack: 'total',
-              barWidth: 24,
-              emphasis: {
-                focus: 'series'
-              },
-              data: [120, 132, 101, 134, 90]
-            },
-            {
-              name: '奔驰',
-              type: 'bar',
-              stack: 'total',
-              barWidth: 24,
-              emphasis: {
-                focus: 'series'
-              },
-              data: [220, 182, 191, 234, 290]
-            },
-            {
-              name: '吉利',
-              type: 'bar',
-              stack: 'total',
-              barWidth: 24,
-              emphasis: {
-                focus: 'series'
-              },
-              data: [150, 212, 201, 154, 190]
-            },
-            {
-              name: '大众',
-              type: 'bar',
-              stack: 'total',
-              barWidth: 24,
-              emphasis: {
-                focus: 'series'
-              },
-              data: [820, 832, 901, 934, 1290]
-            },
-            {
-                name: '别克',
-                type: 'bar',
-                stack: 'total',
-                barWidth: 24,
-                emphasis: {
-                  focus: 'series'
-                },
-                data: [820, 832, 901, 934, 1290]
-              }
-          ]
+        series: info
     }
 
 }