lyl论坛详情

src/api/Forumdetails/index.js

@@ -0,0 +1,38 @@
+import httpService from "@/request"
+
+// 论坛洞察详情-论坛洞察详情
+export function getBbsInsightAnalysis(params) {
+    let obj =  Object.assign({action: 'getBbsInsightAnalysis', sType: 'BbsBrand'}, params)
+    return httpService({
+        url: `/api/v6.ashx`,
+        method: 'post',
+        data: obj,
+        headers: {
+            'content-type': 'application/x-www-form-urlencoded'
+        }
+    })
+}
+// 传播态势-传播态势
+export function getBbsCountTime(params) {
+    let obj =  Object.assign({action: 'getBbsCountTime', sType: 'BbsBrand'}, params)
+    return httpService({
+        url: `/api/v6.ashx`,
+        method: 'post',
+        data: obj,
+        headers: {
+            'content-type': 'application/x-www-form-urlencoded'
+        }
+    })
+}
+// TOP10车型传播态势-TOP10车型传播态势
+export function getBbsBrandTime(params) {
+    let obj =  Object.assign({action: 'getBbsBrandTime', sType: 'BbsBrand'}, params)
+    return httpService({
+        url: `/api/v6.ashx`,
+        method: 'post',
+        data: obj,
+        headers: {
+            'content-type': 'application/x-www-form-urlencoded'
+        }
+    })
+}

src/views/EventDetails/distributionOfHotEventChannels/index.vue

@@ -35,6 +35,7 @@ export default {
         this.getDdta();
     },
     methods:{
+        // 获取后台数据
         getDdta(){
             let obj = Object.assign({}, this.getCtime2, this.form);
             getEventsSourceTypeByEventsType0528(obj).then(res => {

src/views/EventDetails/distributionOfTOPModelsOfHotEvents/index.vue

@@ -38,13 +38,13 @@ export default {
         this.getDdta();
     },
     methods:{
+        // 获取后台数据
         getDdta() {
         let obj = Object.assign({}, this.getCtime2, this.form);
             getHotEventSseries(obj).then(res => {
                 let data = res.data || [];
                 let dx = [];
                 let ds = [];
-                console.log(data);
                 data.forEach(ele => {
                     let key = ele.key;
                     let value = ele.data;
@@ -52,7 +52,6 @@ export default {
                     ds.push(value);
                 });
                 this.opt = createOpt(dx, ds);
-                // this.opt = createOpt()
                 
             })
 

src/views/EventDetails/eventCorrelation/index.vue

@@ -53,6 +53,7 @@ export default {
         this.getDdta();
     },
     methods: {
+        
         getDdta() {
             let obj = Object.assign({}, this.getCtime2, this.form);
             getBrandOverviewCount0528(obj).then((res) => {

src/views/EventDetails/hotEventPropagationOriented/index.vue

@@ -37,6 +37,7 @@ export default {
         this.getDdta();
     },
     methods:{
+        // 获取后台数据
         getDdta() {
             let obj = Object.assign({}, this.getCtime2, this.form);
             getPropagationDirection0528(obj).then(res => {

src/views/EventDetails/hotOther/index.vue

@@ -69,7 +69,6 @@ export default {
                     header: ["事件列表", "影响力", "时间", "关联品牌"],
                     data: arr,
                 };
-                console.log(data);
             });
         },
         // 分页处理

src/views/ForumDetails/index.vue

@@ -7,7 +7,7 @@
  * @FilePath: /data-show/src/views/ForumDetails/index.vue
 -->
 <template>
-    <div class="d-container">
+    <div class="d-container" v-loading="load">
         <div class="fd-outter">
             <div class="fd-d1">
                <v-label-div title="论坛洞察详情"> 
@@ -15,10 +15,10 @@
                </v-label-div>
                <div class="fd-d1-bd">
                     <div class="d1">
-                        奥迪
+                        {{this.form.sBrand}}
                     </div>
                     <div class="d2">
-                        洞察分析：在传播周期内，共监测到正面及中性信息0条（占比0%）负面信息0条（占比0%）,哈弗车型传播中传播较为突出,整体传播量分别为.在传播周期内，共监测到     正面及中性信息0条（占比0%）负面信息0条（占比0%）,哈弗车型传播中传播较为突出,整体传播量分别为.
+                        洞察分析：在{{msg}}
                     </div>
                </div>
             </div>
@@ -39,17 +39,71 @@
 </template>
 
 <script>
+import {getBbsInsightAnalysis,getBbsCountTime, getBbsBrandTime} from '@/api/Forumdetails'
 import createOptD1 from "./optD1"
 import createOptD2 from "./optD2"
 export default {
     name: "ForumDetails",
     data() {
         return {
-            opt1: createOptD1(),
+            load: false,
-            opt2: createOptD2()
+            opt1: {},
+            opt2: createOptD2(),
+            msg: "",
+            form: {
+                sBrand: "",
+                token: "",
+                iBBsType: 1, 
             }
+        }
+    },
+    created() {
+        this.form.token = this.getToken;
+        this.form.sBrand = this.getBrand.brandname || '奥迪';
+        this.getDdta1();
+        this.getDdta2();
+        this.getDdta3();
     }, 
     methods: {
+        getDdta1(){
+             let obj = Object.assign({}, this.getCtime2, this.form);
+            getBbsInsightAnalysis(obj).then(res => {
+                let data = res.msg;
+                this.msg = data;
+            })
+        },
+        getDdta2(){
+             let obj = Object.assign({}, this.getCtime2, this.form);
+            getBbsCountTime(obj).then(res => {
+                let data = res.data || [];
+                let dx = [];
+                let ds = [];
+                data.forEach((ele) => {
+                    let time = ele.Time;
+                    let value = ele.value;
+                    dx.push(time);
+                    ds.push(value);
+                });
+                this.opt1 = createOptD1(dx, ds);
+            })
+        },
+        getDdta3(){
+            let obj = Object.assign({}, this.getCtime2, this.form);
+            getBbsBrandTime(obj).then(res => {
+                let data = res.data || [];
+                let dx = [];
+                let ds = [];
+                data.forEach((ele) => {
+                    let key = ele.Time;
+                    let value = ele.Data;
+                    dx.push(key);
+                    ds.push(value);
+                });
+                this.opt2 = createOptD2(dx, ds);
+            
+            })
+        },
+
         goback() {
             this.$router.go(-1)
         }

src/views/ForumDetails/optD1.js

@@ -7,7 +7,8 @@
  * @FilePath: /data-show/src/views/BrandInsight/weiboVolumeTrend/opt.js
  */
 import * as echarts from "echarts";
-export default function createOptD1() {
+import { bigNumberTransform } from "@/utils/gol/dataTool"
+export default function createOptD1(dx = [], ds = []) {
     return {
         grid: {
             top: "16px",
@@ -38,7 +39,13 @@ export default function createOptD1() {
                     color: "#fff",
                 },
             },
-            data: ['00:00', '00:40', '00:80', '12:00', '16:00', '20:00', '24:00']
+            axisLabel: {
+                formatter: (value) => {
+                    let str = value.substring(10, 16)
+                    return str;
+                }
+            },
+            data: dx
         },
         yAxis: {
             type: 'value',
@@ -48,6 +55,12 @@ export default function createOptD1() {
                     color: "#FFF",
                 },
             },
+            axisLabel: {
+                formatter: (value) => {
+                    let str = bigNumberTransform(value);
+                    return str;
+                }
+            },
             splitLine: {
                 lineStyle: {
                     type: "dashed", // y轴分割线类型
@@ -57,7 +70,7 @@ export default function createOptD1() {
         },
         series: [
             {
-                data: [820, 932, 901, 934, 1290, 1330, 1320],
+                data: ds,
                 type: 'line',
                 color: '#546fc5',
                 areaStyle: {normal: {

src/views/ForumDetails/optD2.js

@@ -6,7 +6,40 @@
  * @Description: In User Settings Edit
  * @FilePath: /data-show/src/views/BrandInsight/titsopo/opt.js
  */
-export default function createOptD2() {
+// import * as echarts from "echarts";
+import { bigNumberTransform } from "@/utils/gol/dataTool"
+function createData(ds = []) {
+    let arr = [];
+    for (let i = 0; i < ds.length; i++) {
+        let arr1 = ds[i];
+        for (let j = 0; j < arr1.length; j++) {
+            let n = arr.findIndex(ele => {
+                return ele.name === arr1[j].key;
+            })
+            if (n === -1) {
+                let obj =
+                {
+                    name: arr1[j].key,
+                    type: 'line',
+                    symbol: 'none',
+                    areaStyle: {
+                            opacity: 0.2,
+                    },
+                    emphasis: {
+                        focus: 'series'
+                    },
+                    data: [arr1[j].value]
+                }
+                arr.push(obj)
+            } else {
+                arr[n].data.push(arr1[j].value)
+            }
+        }
+    }
+    return arr;
+}
+export default function createOptD2(dx = [], ds = []) {
+    let data = createData(ds)
     return {
         grid: {
             left: 16,
@@ -45,7 +78,13 @@ export default function createOptD2() {
                     color: "#fff",
                 },
             },
-            data: ['00:00', '04:00', '08:00', '12:00', '16:00', '20:00', '24:00']
+            axisLabel : {
+                formatter: (value) => {
+                    let str = value.substring(10,16)
+                    return str;
+                }
+            },
+            data: dx
         },
         yAxis: {
             type: 'value',
@@ -55,6 +94,12 @@ export default function createOptD2() {
                     color: "#fff",
                 },
             },
+            axisLabel: {
+                formatter: (value) => {
+                    let str = bigNumberTransform(value);
+                    return str;
+                }
+            },
             splitLine: {
                 lineStyle: {
                     type: "dashed", // y轴分割线类型
@@ -62,73 +107,6 @@ export default function createOptD2() {
                 },
             },
         },
-        series: [
+        series:data
-            {
-                name: 'A4',
-                type: 'line',
-                stack: 'Total',
-                symbol: 'none',
-                areaStyle: {
-                    opacity: 0.4
-                },
-                emphasis: {
-                    focus: 'series'
-                },
-                data: [2000, 1600, 1000, 2200, 2300, 2100, 1900]
-            },
-            {
-                name: 'Q5',
-                type: 'line',
-                stack: 'Total',
-                symbol: 'none',
-                areaStyle: {
-                    opacity: 0.4
-                },
-                emphasis: {
-                    focus: 'series'
-                },
-                data: [1000, 1100, 1300, 2000, 1800, 2100, 1600]
-            },
-            {
-                name: 'A3',
-                type: 'line',
-                stack: 'Total',
-                symbol: 'none',
-                areaStyle: {
-                    opacity: 0.4
-                },
-                emphasis: {
-                    focus: 'series'
-                },
-                data: [1200, 1200, 1400, 2100, 1400, 1900, 2000]
-            },
-            {
-                name: 'Q7',
-                type: 'line',
-                stack: 'Total',
-                symbol: 'none',
-                areaStyle: {
-                    opacity: 0.4
-                },
-                emphasis: {
-                    focus: 'series'
-                },
-                data: [1200, 1200, 1350, 1550, 1750, 1900, 2000]
-            },
-            {
-                name: 'Q3',
-                type: 'line',
-                stack: 'Total',
-                symbol: 'none',
-                areaStyle: {
-                    opacity: 0.4
-                },
-                emphasis: {
-                    focus: 'series'
-                },
-                data: [1260, 1280, 1390, 1570, 1790, 1950, 2020]
-            },
-
-        ]
     }
 }