cxw-010203

src/router/index.js

@@ -1,7 +1,7 @@
 /*
  * @Author: your name
  * @Date: 2021-10-08 09:26:29
- * @LastEditTime: 2021-11-04 13:50:02
+ * @LastEditTime: 2021-11-04 15:06:16
  * @LastEditors: Please set LastEditors
  * @Description: In User Settings Edit
  * @FilePath: /data-show/src/router/index.js
@@ -32,7 +32,6 @@ import EventDEC from "@/views/EventDEC"
 import MarketingAnalysis from "@/views/MarketingAnalysis"
 import ModelInsight from "@/views/ModelInsight"
 import mcIndex from "@/views/MarketingComparison"
-import GolEventDetails from "@/views/GolEventDetails"
 const router = [
     {
         path: '/login',
@@ -108,13 +107,13 @@ const router = [
             {
                 path: '/eventComparison',
                 name: "eventComparison",
-                desc: "事件对比",
+                desc: "事件洞察-事件对比",
                 component: EventComparison
             },
             {
                 path: '/eventDEC',
                 name: "eventDEC",
-                desc: "事件详情",
+                desc: "事件洞察-事件详情",
                 component: EventDEC
             },
             {
@@ -135,12 +134,7 @@ const router = [
                 desc: "营销对比",
                 component: mcIndex
             },
-            {
+           
-                path: '/golEventDetails',
-                name: "golEventDetails",
-                desc: "事件的详情页",
-                component: GolEventDetails
-            },
         ]
     },
    

src/views/EventDEC/esprocess/index.vue

@@ -1,7 +1,7 @@
 <!--
  * @Author: your name
  * @Date: 2021-10-19 19:45:01
- * @LastEditTime: 2021-10-20 10:40:18
+ * @LastEditTime: 2021-11-04 16:10:57
  * @LastEditors: Please set LastEditors
  * @Description: In User Settings Edit
  * @FilePath: /data-show/src/views/EventDEC/esprocess/index.vue
@@ -101,6 +101,12 @@
 <script>
 export default {
     name: "esprocess",
+    data() {
+        return {
+             m1: require("../../../assets/images/EventInsight/img_ct.png"),
+             m2: require("../../../assets/images/EventInsight/img_lt.png"),
+        }
+    }
 };
 </script>
 

src/views/EventDEC/incidentSpreadSituation/index.vue

@@ -1,7 +1,7 @@
 <!--
  * @Author: your name
  * @Date: 2021-10-19 19:05:36
- * @LastEditTime: 2021-10-20 10:40:07
+ * @LastEditTime: 2021-11-04 16:06:20
  * @LastEditors: Please set LastEditors
  * @Description: In User Settings Edit
  * @FilePath: /data-show/src/views/EventDEC/incidentSpreadSituation/index.vue
@@ -48,6 +48,11 @@ export default {
                 },
             ],   
         }
+    },
+    methods: {
+        handleChange() {
+            
+        }
     }
 };
 </script>

src/views/EventDEC/mediaInterpretationEc/index.vue

@@ -1,7 +1,7 @@
 <!--
  * @Author: your name
  * @Date: 2021-10-19 20:00:49
- * @LastEditTime: 2021-10-20 10:40:51
+ * @LastEditTime: 2021-11-04 16:07:49
  * @LastEditors: Please set LastEditors
  * @Description: In User Settings Edit
  * @FilePath: /data-show/src/views/EventDEC/mediaInterpretationEc/index.vue
@@ -28,23 +28,30 @@
 </template>
 
 <script>
-import createOpt from "./opt"
+import createOpt from "./opt";
 export default {
     name: "mediaInterpretationEc",
     data() {
         return {
             opt: createOpt(),
             config: {
-                headerBGC: "#0F2A4D",
+                headerBGC: "#0c203b",
-                oddRowBGC: "rgba(69, 149, 244, 0);",
+                oddRowBGC: "#173b6d",
-                evenRowBGC: "#0F2A4D;",
+                evenRowBGC: "rgba(69, 149, 244, 0)",
-                columnWidth: [660],
+                columnWidth: [230],
+                rowNum: 10,
                 header: ["标题", "媒体报道数量"],
                 data: [
                     ["为“PLUS”正名！欧尚X7 PLUS越", "33家媒体报道"],
-                    ["五菱星辰内饰谍照曝光，预计第三季度正式上", "33家媒体报道"],
+                    [
+                        "五菱星辰内饰谍照曝光，预计第三季度正式上",
+                        "33家媒体报道",
+                    ],
                     ["吉利博越X将于8月27日正式亮相 外观设", "33家媒体报道"],
-                    ["吉利汽车上半年财报出炉：营收、净利双双上", "21家媒体报道"],
+                    [
+                        "吉利汽车上半年财报出炉：营收、净利双双上",
+                        "21家媒体报道",
+                    ],
                     ["WEY玛奇朵到店实拍，新车将于8月27日", "21家媒体报道"],
                 ],
             },

src/views/EventDEC/tonalCommunicationPosture/index.vue

@@ -1,7 +1,7 @@
 <!--
  * @Author: your name
  * @Date: 2021-10-19 19:35:25
- * @LastEditTime: 2021-10-20 10:42:19
+ * @LastEditTime: 2021-11-04 16:04:07
  * @LastEditors: Please set LastEditors
  * @Description: In User Settings Edit
  * @FilePath: /data-show/src/views/EventDEC/tonalCommunicationPosture/index.vue
@@ -49,6 +49,9 @@ export default {
             ],
         };
     },
+    methods: {
+       handleChange() {}
+    }
 };
 </script>
 

src/views/EventInsight/industryTOPHE/index.vue

@@ -1,7 +1,7 @@
 <!--
  * @Author: your name
  * @Date: 2021-10-18 09:34:53
- * @LastEditTime: 2021-11-02 18:23:06
+ * @LastEditTime: 2021-11-04 16:00:29
  * @LastEditors: Please set LastEditors
  * @Description: In User Settings Edit
  * @FilePath: /data-show/src/views/EventInsight/IndustryTOPHE/index.vue
@@ -12,24 +12,24 @@
         <v-label-div title="行业TOP热点事件">
         </v-label-div>
         <div class="itp-inner">
-            <dv-scroll-board :config="config" :style="{ width: '100%', height: '100%' }" @click="handlerSs"/>
+            <dv-scroll-board :config="config" :style="{ width: '100%', height: '100%' }" @click="handlerSs" />
         </div>
 
     </div>
 </template>
 
 <script>
-import {getHotEventsList} from "@/api/EventInsight"
+import { getHotEventsList } from "@/api/EventInsight";
 export default {
     name: "industryTOPHE",
     data() {
         return {
             load: false,
             form: {
-                token: ""
+                token: "",
             },
             config: {},
-            
+            list: [],
         };
     },
     created() {
@@ -38,34 +38,42 @@ export default {
     },
     methods: {
         goDetails() {
-            this.$router.push({path: '/eventDEC'})
+            this.$router.push({ path: "/eventDEC" });
         },
         getData() {
             this.load = true;
             let obj = Object.assign({}, this.getCommTime, this.form);
-            getHotEventsList(obj).then(res => {
+            getHotEventsList(obj).then((res) => {
                 let data = res.data || [];
+                this.list = data;
                 let arr = [];
-                data.forEach(ele => {
+                data.forEach((ele) => {
-                    let o = [`<span style="cursor: pointer;">${ele.events_title}</span>`, ele.events_influence, ele.events_type, ele.events_brand];
+                    let o = [
-                    arr.push(o)
+                        `<span style="cursor: pointer;">${ele.events_title}</span>`,
-                })
+                        ele.events_influence,
+                        ele.events_type,
+                        ele.events_brand,
+                    ];
+                    arr.push(o);
+                });
                 this.config = {
                     headerBGC: "#0c203b",
                     oddRowBGC: "#173b6d",
                     evenRowBGC: "rgba(69, 149, 244, 0)",
                     columnWidth: [900],
                     rowNum: 6,
-                        header: ["事件标题", "影响力","类型","关联品牌"],
+                    header: ["事件标题", "影响力", "类型", "关联品牌"],
                     data: arr,
                 };
                 this.load = false;
-            })
+            });
+        },
+        handlerSs(obj) {
+          let rowIndex = obj.rowIndex;
+          let row = this.list[rowIndex];
+          this.$router.push({path: '/eventDEC', query: {events_id: row.events_id}})
+        },
     },
-        handlerSs() {
-
-        }
-    }
 };
 </script>
 

src/views/GolEventDetails/golEventDetailsHeader/index.vue

@@ -1,26 +0,0 @@
-<!--
- * @Author: your name
- * @Date: 2021-11-04 13:52:00
- * @LastEditTime: 2021-11-04 13:53:01
- * @LastEditors: Please set LastEditors
- * @Description: In User Settings Edit
- * @FilePath: /data-show/src/views/GolEventDetails/golEventDetailsHeader/index.vue
--->
-<template>
-    <div class="gd-outter">
-        
-    </div>
-</template>
-
-<script>
-export default {
-    name: "golEventDetailsHeader"
-}
-</script>
-
-<style lang="less" scoped>
-.gd-outter {
-    width: 100%;
-    height: 245px;
-}
-</style>

src/views/GolEventDetails/index.vue

@@ -1,23 +0,0 @@
-<!--
- * @Author: your name
- * @Date: 2021-11-04 13:43:19
- * @LastEditTime: 2021-11-04 13:51:07
- * @LastEditors: Please set LastEditors
- * @Description: In User Settings Edit
- * @FilePath: /data-show/src/views/GolEventDetails/index.vue
--->
-<template>
-    <div class="d-container">
-        
-    </div>
-</template>
-
-<script>
-export default {
-    name: "GolEventDetails"
-}
-</script>
-
-<style lang="less" scoped>
-
-</style>