diff --git a/src/assets/images/EventInsight/ic_kssj.png b/src/assets/images/EventInsight/ic_kssj.png
new file mode 100644
index 0000000..c901ddb
Binary files /dev/null and b/src/assets/images/EventInsight/ic_kssj.png differ
diff --git a/src/assets/images/EventInsight/ic_yxl.png b/src/assets/images/EventInsight/ic_yxl.png
new file mode 100644
index 0000000..cbf6b69
Binary files /dev/null and b/src/assets/images/EventInsight/ic_yxl.png differ
diff --git a/src/lycomponents/iHeader/index.vue b/src/lycomponents/iHeader/index.vue
index 299522d..d966e93 100644
--- a/src/lycomponents/iHeader/index.vue
+++ b/src/lycomponents/iHeader/index.vue
@@ -1,228 +1,232 @@
 
 <template>
-  <div class="iH-outter">
-    <div class="iH-left">
-      <img class="iH-left-img1" src="../../assets/images/Index/ic_cd.png" />
-      <span class="iH-left-s1">菜单</span>
+    <div class="iH-outter">
+        <div class="iH-left">
+            <a-dropdown placement="bottomLeft">
+                <img class="iH-left-img1" src="../../assets/images/Index/ic_cd.png" />
+                <a-menu slot="overlay" @click="handlerType">
+                    <a-menu-item key="index">
+                        <span>行业洞察</span>
+                    </a-menu-item>
+                    <a-menu-item key="brandInsight">
+                        <span>品牌洞察</span>
+                    </a-menu-item>
+                    <a-menu-item key="a">
+                        <span>车型洞察</span>
+                    </a-menu-item>
+                    <a-menu-item key="eventInsight">
+                        <span>事件洞察</span>
+                    </a-menu-item>
+                    <a-menu-item key="b">
+                        <span>营销分析</span>
+                    </a-menu-item>
+                </a-menu>
+            </a-dropdown>
+            <span class="iH-left-s1">菜单</span>
 
-      <a-select
-        :default-value="1"
-        :size="$vuiSize"
-        style="width: 120px; margin-left: 40px; margin-right: 8px"
-        v-model="selVal"
-        @change="handleChange"
-      >
-        <a-select-option
-          :style="{ color: '#fff' }"
-          v-for="item in selDatas"
-          :value="item.key"
-          :key="item.key"
-        >
-          {{ item.label }}
-        </a-select-option>
-      </a-select>
-      <a-range-picker :size="$vuiSize" valueFormat="YYYY-MM-DD" v-if="selVal === 4">
-        <a-icon slot="suffixIcon" type="calendar" />
-      </a-range-picker>
+            <a-select :default-value="1" :size="$vuiSize" style="width: 120px; margin-left: 40px; margin-right: 8px" v-model="selVal" @change="handleChange">
+                <a-select-option :style="{ color: '#fff' }" v-for="item in selDatas" :value="item.key" :key="item.key">
+                    {{ item.label }}
+                </a-select-option>
+            </a-select>
+            <a-range-picker :size="$vuiSize" valueFormat="YYYY-MM-DD" v-if="selVal === 4">
+                <a-icon slot="suffixIcon" type="calendar" />
+            </a-range-picker>
+        </div>
+        <div class="iH-center">
+            <img src="../../assets/images/Index/img_toubuyi.png" width="100%" height="100%" />
+        </div>
+        <div class="iH-right">
+            <span class="s1">{{ clock }}</span>
+            <span class="s2">{{ sClock }}</span>
+            <span class="s2">{{ week }}</span>
+            <img class="m1" src="../../assets/images/Index/ic_ry.png" width="24px" height="24px" />
+            <span class="s3">张三</span>
+            <a-dropdown placement="bottomRight">
+                <a class="ant-dropdown-link">
+                    <a-icon type="down" />
+                </a>
+                <a-menu slot="overlay">
+                    <a-menu-item>
+                        <span @click="handlerMyself">个人中心</span>
+                    </a-menu-item>
+                    <a-menu-item>
+                        <span>退出</span>
+                    </a-menu-item>
+                </a-menu>
+            </a-dropdown>
+        </div>
     </div>
-    <div class="iH-center">
-      <img
-        src="../../assets/images/Index/img_toubuyi.png"
-        width="100%"
-        height="100%"
-      />
-    </div>
-    <div class="iH-right">
-      <span class="s1">{{ clock }}</span>
-      <span class="s2">{{ sClock }}</span>
-      <span class="s2">{{ week }}</span>
-      <img
-        class="m1"
-        src="../../assets/images/Index/ic_ry.png"
-        width="24px"
-        height="24px"
-      />
-      <span class="s3">张三</span>
-      <a-dropdown placement="bottomRight">
-        <a class="ant-dropdown-link">
-          <a-icon type="down" />
-        </a>
-        <a-menu slot="overlay">
-          <a-menu-item>
-            <span @click="handlerMyself">个人中心</span>
-          </a-menu-item>
-          <a-menu-item>
-            <span>退出</span>
-          </a-menu-item>
-        </a-menu>
-      </a-dropdown>
-    </div>
-  </div>
 </template>
 
 <script>
 export default {
-  name: "iHeader",
-  data() {
-    return {
-      selVal: 1,
-      clock: "",
-      sClock: "",
-      week: "",
-      intDt: null,
-      selDatas: [
-        {
-          key: 1,
-          label: "24小时",
-        },
-        {
-          key: 2,
-          label: "最近7天",
+    name: "iHeader",
+    data() {
+        return {
+            selVal: 1,
+            clock: "",
+            sClock: "",
+            week: "",
+            intDt: null,
+            selDatas: [
+                {
+                    key: 1,
+                    label: "24小时",
+                },
+                {
+                    key: 2,
+                    label: "最近7天",
+                },
+                {
+                    key: 3,
+                    label: "最近30天",
+                },
+                {
+                    key: 4,
+                    label: "自定义",
+                },
+            ],
+        };
+    },
+    mounted() {
+        this.intDt = self.setInterval(() => {
+            this.getDatetime();
+        }, 1000);
+    },
+    destroyed() {
+        if (this.intDt) {
+            self.clearInterval(this.intDt);
+        }
+    },
+    methods: {
+        handleChange(val) {
+            console.log(val);
         },
-        {
-          key: 3,
-          label: "最近30天",
+        // 获取当前日期时间
+        getDatetime() {
+            let now = new Date();
+            let weeks = new Array(
+                "星期日",
+                "星期一",
+                "星期二",
+                "星期三",
+                "星期四",
+                "星期五",
+                "星期六"
+            );
+            let year = now.getFullYear();
+            let month = now.getMonth() + 1;
+            let day = now.getDate();
+            let hh = now.getHours();
+            let mm = now.getMinutes();
+            let ss = now.getSeconds();
+            let clock = year + "-";
+            let sClock = "";
+            let dayw = now.getDay();
+            let week = weeks[dayw];
+            if (month < 10) clock += "0";
+            clock += month + "-";
+            if (day < 10) clock += "0";
+            clock += day + " ";
+            if (hh < 10) sClock += "0";
+            sClock += hh + ":";
+            if (mm < 10) sClock += "0";
+            sClock += mm + ":";
+            if (ss < 10) sClock += "0";
+            sClock += ss;
+            this.clock = clock;
+            this.sClock = sClock;
+            this.week = week;
+            return { clock: clock, sClock: sClock, week: week };
         },
-        {
-          key: 4,
-          label: "自定义",
+        // 点击个人中心
+        handlerMyself() {
+            this.$router.push("/myself");
         },
-      ],
-    };
-  },
-  mounted() {
-    this.intDt = self.setInterval(() => {
-      this.getDatetime();
-    }, 1000);
-  },
-  destroyed() {
-    if (this.intDt) {
-      self.clearInterval(this.intDt);
-    }
-  },
-  methods: {
-    handleChange(val) {
-      console.log(val);
-    },
-    // 获取当前日期时间
-    getDatetime() {
-      let now = new Date();
-      let weeks = new Array(
-        "星期日",
-        "星期一",
-        "星期二",
-        "星期三",
-        "星期四",
-        "星期五",
-        "星期六"
-      );
-      let year = now.getFullYear();
-      let month = now.getMonth() + 1;
-      let day = now.getDate();
-      let hh = now.getHours();
-      let mm = now.getMinutes();
-      let ss = now.getSeconds();
-      let clock = year + "-";
-      let sClock = "";
-      let dayw = now.getDay();
-      let week = weeks[dayw];
-      if (month < 10) clock += "0";
-      clock += month + "-";
-      if (day < 10) clock += "0";
-      clock += day + " ";
-      if (hh < 10) sClock += "0";
-      sClock += hh + ":";
-      if (mm < 10) sClock += "0";
-      sClock += mm + ":";
-      if (ss < 10) sClock += "0";
-      sClock += ss;
-      this.clock = clock;
-      this.sClock = sClock;
-      this.week = week;
-      return { clock: clock, sClock: sClock, week: week };
+        // 
+        handlerType(obj) {
+          console.log(obj.key)
+          this.$router.push({path: `/${obj.key}`})
+        }
     },
-    // 点击个人中心
-    handlerMyself() {
-      this.$router.push('/myself');
-    }
-  },
 };
 </script>
 
 <style lang="less" scoped>
 .iH-outter {
-  display: flex;
-  justify-content: flex-start;
-  width: 100%;
-  height: 90px;
-  background: url("../../assets/images/Index/img_toubuer.png");
-  .iH-left {
     display: flex;
-    width: 572px;
-    height: 60px;
-    margin-left: 24px;
     justify-content: flex-start;
-    align-items: center;
-    .iH-left-img1 {
-      width: 24px;
-      height: 24px;
-      cursor: pointer;
-    }
-    .iH-left-s1 {
-      display: block;
-      font-size: 14px;
-      font-weight: bold;
-      color: #ffffff;
-      margin-left: 8px;
+    width: 100%;
+    height: 90px;
+    background: url("../../assets/images/Index/img_toubuer.png");
+    .iH-left {
+        display: flex;
+        width: 572px;
+        height: 60px;
+        margin-left: 22px;
+        justify-content: flex-start;
+        align-items: center;
+        .iH-left-img1 {
+            width: 24px;
+            height: 24px;
+            cursor: pointer;
+        }
+        .iH-left-s1 {
+            display: block;
+            font-size: 14px;
+            font-weight: bold;
+            color: #ffffff;
+            margin-left: 8px;
+        }
     }
-  }
-  .iH-center {
-    position: absolute;
-    width: 606px;
-    height: 80px;
-    top: 0px;
-    left: 50%;
-   transform: translate(-50%, 0);
-  }
-  .iH-right {
-    position: absolute;
-    display: flex;
-    width: 436px;
-    height: 60px;
-    justify-content: flex-start;
-    align-items: center;
-    top: 0px;
-    right: 19px;
-    .s1 {
-      display: inline-block;
-      font-size: 16px;
-      color: #ffffff;
+    .iH-center {
+        position: absolute;
+        width: 606px;
+        height: 80px;
+        top: 0px;
+        left: 50%;
+        transform: translate(-50%, 0);
     }
-    .s2 {
-      display: inline-block;
-      font-size: 16px;
-      color: #ffffff;
-      margin-left: 24px;
+    .iH-right {
+        position: absolute;
+        display: flex;
+        width: 436px;
+        height: 60px;
+        justify-content: flex-start;
+        align-items: center;
+        top: 0px;
+        right: 19px;
+        .s1 {
+            display: inline-block;
+            font-size: 16px;
+            color: #ffffff;
+        }
+        .s2 {
+            display: inline-block;
+            font-size: 16px;
+            color: #ffffff;
+            margin-left: 24px;
+        }
+        .s3 {
+            display: inline-block;
+            font-size: 14px;
+            color: #ffffff;
+            margin-left: 8px;
+        }
+        .m1 {
+            display: inline-block;
+            margin-left: 80px;
+            margin-right: 8px;
+        }
     }
-    .s3 {
-      display: inline-block;
-      font-size: 14px;
-      color: #ffffff;
-      margin-left: 8px;
-    }
-    .m1 {
-      display: inline-block;
-      margin-left: 80px;
-      margin-right: 8px;
-    }
-  }
 }
 .ant-dropdown-link {
-  color:#63AECC;
-  margin-left: 11px;
-  /deep/ .anticon svg{
-    font-size: 20px !important;
-    margin-top: 5px;
-  }
+    color: #63aecc;
+    margin-left: 11px;
+    /deep/ .anticon svg {
+        font-size: 20px !important;
+        margin-top: 5px;
+    }
 }
 </style>
diff --git a/src/views/EventDEC/incidentSpreadSituation/index.vue b/src/views/EventDEC/incidentSpreadSituation/index.vue
new file mode 100644
index 0000000..f331637
--- /dev/null
+++ b/src/views/EventDEC/incidentSpreadSituation/index.vue
@@ -0,0 +1,66 @@
+<!--
+ * @Author: your name
+ * @Date: 2021-10-19 19:05:36
+ * @LastEditTime: 2021-10-19 19:31:26
+ * @LastEditors: Please set LastEditors
+ * @Description: In User Settings Edit
+ * @FilePath: /data-show/src/views/EventDEC/incidentSpreadSituation/index.vue
+-->
+<template>
+    <div class="iss-outter">
+        <v-label-div title="事件传播态势">
+            <a-select :default-value="1" :size="$vuiSize" style="width: 120px; margin-left: 40px; margin-right: 8px" v-model="selVal" @change="handleChange">
+                <a-select-option :style="{ color: '#fff' }" v-for="item in selDatas" :value="item.key" :key="item.key">
+                    {{ item.label }}
+                </a-select-option>
+            </a-select>
+        </v-label-div>
+        <div class="iss-inner">
+            <v-echarts :opt="opt"></v-echarts>
+        </div>
+    </div>
+</template>
+
+<script>
+import createOpt from "./opt"
+export default {
+    name: "incidentSpreadSituation",
+    data() {
+        return {
+            opt: createOpt(),
+            selVal: 1,
+            selDatas: [
+                {
+                    key: 1,
+                    label: "24小时",
+                },
+                {
+                    key: 2,
+                    label: "最近7天",
+                },
+                {
+                    key: 3,
+                    label: "最近30天",
+                },
+                {
+                    key: 4,
+                    label: "自定义",
+                },
+            ],   
+        }
+    }
+};
+</script>
+
+<style lang="less" scoped>
+.iss-outter {
+    width: 100%;
+    height: 460px;
+    border: 2px solid #0f2a4d;
+    margin-top: 16px;
+    .iss-inner {
+        width: 100%;
+        height: calc(100% - 48px);
+    }
+}
+</style>
diff --git a/src/views/EventDEC/incidentSpreadSituation/opt.js b/src/views/EventDEC/incidentSpreadSituation/opt.js
new file mode 100644
index 0000000..d9eea98
--- /dev/null
+++ b/src/views/EventDEC/incidentSpreadSituation/opt.js
@@ -0,0 +1,141 @@
+/*
+ * @Author: your name
+ * @Date: 2021-10-12 10:11:24
+ * @LastEditTime: 2021-10-19 19:34:14
+ * @LastEditors: Please set LastEditors
+ * @Description: In User Settings Edit
+ * @FilePath: /data-show/src/views/BrandInsight/titsopo/opt.js
+ */
+export default function createOpt() {
+    return {
+        grid: {
+            left: 16,
+            right: 26,
+            bottom: 16,
+            top: 52,
+            containLabel: true
+        },
+        tooltip: {
+            trigger: "axis",
+            backgroundColor: "#08182F",
+            color: "#fff",
+            borderColor: "#3373CC",
+            textStyle: {
+                color: "#fff", //设置文字颜色
+            },
+            extraCssText: "box-shadow: 0px 0px 10px 0px #3373CC;"
+        },
+        legend: {
+            icon: 'roundRect',
+            textStyle: { //图例文字的样式
+                color: '#fff'
+            },
+            y: 12,
+            x: 16
+        },
+        xAxis: {
+            type: 'category',
+            boundaryGap: false,
+            axisTick: {
+                show: false,
+            },
+            axisLine: {
+                show: false,
+                lineStyle: {
+                    color: "#fff",
+                },
+            },
+            data: ['00:00', '04:00', '08:00', '12:00', '16:00', '20:00', '24:00']
+        },
+        yAxis: {
+            type: 'value',
+            axisLine: {
+                show: false,
+                lineStyle: {
+                    color: "#fff",
+                },
+            },
+            splitLine: {
+                lineStyle: {
+                    type: "dashed", // y轴分割线类型
+                    color: "#012b4b",
+                },
+            },
+        },
+        series: [
+            {
+                name: '新闻',
+                type: 'line',
+                symbol: 'none',
+                areaStyle: {
+                    opacity: 0.4
+                },
+                emphasis: {
+                    focus: 'series'
+                },
+                data: [2000, 1600, 1000, 2200, 2300, 2100, 1900]
+            },
+            {
+                name: '微信',
+                type: 'line',
+                symbol: 'none',
+                areaStyle: {
+                    opacity: 0.4
+                },
+                emphasis: {
+                    focus: 'series'
+                },
+                data: [1000, 1100, 1300, 2000, 1800, 2100, 1600]
+            },
+            {
+                name: '论坛',
+                type: 'line',
+                symbol: 'none',
+                areaStyle: {
+                    opacity: 0.4
+                },
+                emphasis: {
+                    focus: 'series'
+                },
+                data: [1200, 1200, 1400, 2100, 1400, 1900, 2000]
+            },
+            {
+                name: '微博',
+                type: 'line',
+                symbol: 'none',
+                areaStyle: {
+                    opacity: 0.4
+                },
+                emphasis: {
+                    focus: 'series'
+                },
+                data: [1200, 1200, 1350, 1550, 1750, 1900, 2000]
+            },
+            {
+                name: 'APP',
+                type: 'line',
+                symbol: 'none',
+                areaStyle: {
+                    opacity: 0.4
+                },
+                emphasis: {
+                    focus: 'series'
+                },
+                data: [1260, 1280, 1390, 1570, 1790, 1950, 2020]
+            },
+            {
+                name: '其他',
+                type: 'line',
+                symbol: 'none',
+                areaStyle: {
+                    opacity: 0.4
+                },
+                emphasis: {
+                    focus: 'series'
+                },
+                data: [1260, 1280, 1390, 1570, 1790, 1950, 2020]
+            },
+
+        ]
+    }
+}
diff --git a/src/views/EventDEC/index.vue b/src/views/EventDEC/index.vue
index 9861bd7..0575117 100644
--- a/src/views/EventDEC/index.vue
+++ b/src/views/EventDEC/index.vue
@@ -1,21 +1,134 @@
 <!--
  * @Author: your name
  * @Date: 2021-10-19 15:57:11
- * @LastEditTime: 2021-10-19 16:02:58
+ * @LastEditTime: 2021-10-19 19:38:19
  * @LastEditors: Please set LastEditors
  * @Description: In User Settings Edit
  * @FilePath: /data-show/src/views/EventDEC/index.vue
 -->
 <template>
     <div class="d-container">
-        
+        <div class="edec-outter">
+            <div class="edec-d1">
+                <v-label-div title="事件详情">
+                    <v-btn @click="goback">返回</v-btn>
+                </v-label-div>
+                <div class="edec-d1-dd1">
+                    <div class="d1">新车上市</div>
+                    <div class="d2">
+                        <div class="s1">延续哈弗H6设计 哈弗H6S内饰官图发布</div>
+                        <div class="s2">此前，有报道称，广汽丰田赛那SIENNA(参数|询价)将于8月29日亮相2021成都车展。不过我们从官方获悉到最新消息，新车将于8月28日在成都等多城市联合首发亮相，并实车现身成都车展。按照规划，新车有望在2021年下半年正式上市。作为丰田旗下的一款MPV车型，由广汽丰田进行国产。在官方的释义中，“赛那”的名称中，“赛”指赛过，超越，意味着霸气尽显，强者姿态一览无余；“那”则包含了“霎那”不负片刻快乐，以及“致远”时刻向幸福出发的美好寓意。此前，有报道称，广汽丰田赛那SIENNA(参数|询价)将于8月29日亮相2021成都车…</div>
+                    </div>
+                </div>
+                <div class="edec-d1-dd2">
+                    <div class="d1" style="margin-left: 16px">
+                        <img class="m1" src="../../assets/images/EventInsight/ic_kssj.png" />
+                        <span class="s1">开始时间：</span>
+                        <span class="s2">2021-08-01 00:59:18</span>
+                    </div>
+                     <div class="d1">
+                        <img class="m1" src="../../assets/images/EventInsight/ic_yxl.png" />
+                        <span class="s1">影响力指数：</span>
+                        <span class="s2">38.89</span>
+                    </div>
+                    <div class="d1">
+                        <img class="m1" src="../../assets/images/EventInsight/ic_cbl.png" />
+                        <span class="s1">传播总量：</span>
+                        <span class="s2">3467</span>
+                    </div>
+                </div>
+            </div>
+            <incidentSpreadSituation></incidentSpreadSituation>
+            <tonalCommunicationPosture></tonalCommunicationPosture>
+        </div>
     </div>
 </template>
 <script>
+import incidentSpreadSituation from "./incidentSpreadSituation"
+import tonalCommunicationPosture from "./tonalCommunicationPosture"
 export default {
-    name: "eventDEC"
-}
+    name: "eventDEC",
+    components: {
+        incidentSpreadSituation,
+        tonalCommunicationPosture
+    },
+    methods: {
+        goback() {
+            this.$router.go(-1);
+        },
+    },
+};
 </script>
 <style lang="less" scoped>
-
+.edec-outter {
+    padding: 0px 16px 16px 16px;
+}
+.edec-d1 {
+    width: 100%;
+    height: 245px;
+    border: 2px solid #0f2a4d;
+    .edec-d1-dd1 {
+        width: 100%;
+        height: auto;
+        display: flex;
+        justify-content: flex-start;
+        .d1 {
+            width: 120px;
+            height: 120px;
+            background-image: url("../../assets/images/EventInsight/img_xlq.png");
+            background-repeat: no-repeat;
+            background-size: cover;
+            margin-left: 16px;
+            margin-top: 16px;
+            line-height: 120px;
+            text-align: center;
+            color: #006dff;
+        }
+        .d2 {
+            width: 1714px;
+            margin-left: 16px;
+            .s1 {
+                font-size: 20px;
+                color: #fff;
+                margin-top: 36px;
+            }
+            .s2 {
+                width: 100%;
+                color: #828990;
+                font-size: 14px;
+                margin-top: 6px;
+                height: 40px;
+                word-break: break-all;
+                text-overflow: ellipsis;
+                overflow: hidden;
+            }
+        }
+    }
+    .edec-d1-dd2 {
+        width: 100%;
+        display: flex;
+        justify-content: flex-start;
+        align-items: center;
+        .d1 {
+            width: 620px;
+            margin-top: 15px;
+            .m1 {
+                width: 44px;
+                height: 44px;
+            }
+            .s1 {
+                display: inline-block;
+                font-size: 12px;
+                color: #878887;
+                margin-left: 4px;
+            }
+            .s2 {
+                display: inline-block;
+                font-size: 12px;
+                font-family: Bebas;
+                color: #ffffff;
+            }
+        }
+    }
+}
 </style>
diff --git a/src/views/EventDEC/tonalCommunicationPosture/index.vue b/src/views/EventDEC/tonalCommunicationPosture/index.vue
new file mode 100644
index 0000000..c50c93f
--- /dev/null
+++ b/src/views/EventDEC/tonalCommunicationPosture/index.vue
@@ -0,0 +1,66 @@
+<!--
+ * @Author: your name
+ * @Date: 2021-10-19 19:35:25
+ * @LastEditTime: 2021-10-19 19:40:32
+ * @LastEditors: Please set LastEditors
+ * @Description: In User Settings Edit
+ * @FilePath: /data-show/src/views/EventDEC/tonalCommunicationPosture/index.vue
+-->
+<template>
+    <div class="tcp-outter">
+        <v-label-div title="事件传播态势">
+            <a-select :default-value="1" :size="$vuiSize" style="width: 120px; margin-left: 40px; margin-right: 8px" v-model="selVal" @change="handleChange">
+                <a-select-option :style="{ color: '#fff' }" v-for="item in selDatas" :value="item.key" :key="item.key">
+                    {{ item.label }}
+                </a-select-option>
+            </a-select>
+        </v-label-div>
+        <div class="tcp-inner">
+            <v-echarts :opt="opt"></v-echarts>
+        </div>
+    </div>
+</template>
+
+<script>
+import createOpt from "./opt"
+export default {
+    name: "tonalCommunicationPosture",
+    data() {
+        return {
+            opt: createOpt(),
+            selVal: 1,
+            selDatas: [
+                {
+                    key: 1,
+                    label: "24小时",
+                },
+                {
+                    key: 2,
+                    label: "最近7天",
+                },
+                {
+                    key: 3,
+                    label: "最近30天",
+                },
+                {
+                    key: 4,
+                    label: "自定义",
+                },
+            ],
+        };
+    },
+};
+</script>
+
+<style lang="less" scoped>
+.tcp-outter {
+    width: 100%;
+    height: 460px;
+    border: 2px solid #0f2a4d;
+    margin-top: 16px;
+    .tcp-inner {
+        width: 100%;
+        height: calc(100% - 48px);
+    }
+}
+</style>
diff --git a/src/views/EventDEC/tonalCommunicationPosture/opt.js b/src/views/EventDEC/tonalCommunicationPosture/opt.js
new file mode 100644
index 0000000..7310e73
--- /dev/null
+++ b/src/views/EventDEC/tonalCommunicationPosture/opt.js
@@ -0,0 +1,106 @@
+/*
+ * @Author: your name
+ * @Date: 2021-10-12 10:11:24
+ * @LastEditTime: 2021-10-19 19:41:42
+ * @LastEditors: Please set LastEditors
+ * @Description: In User Settings Edit
+ * @FilePath: /data-show/src/views/BrandInsight/titsopo/opt.js
+ */
+export default function createOpt() {
+    return {
+        grid: {
+            left: 16,
+            right: 26,
+            bottom: 16,
+            top: 52,
+            containLabel: true
+        },
+        tooltip: {
+            trigger: "axis",
+            backgroundColor: "#08182F",
+            color: "#fff",
+            borderColor: "#3373CC",
+            textStyle: {
+                color: "#fff", //设置文字颜色
+            },
+            extraCssText: "box-shadow: 0px 0px 10px 0px #3373CC;"
+        },
+        legend: {
+            icon: 'roundRect',
+            textStyle: { //图例文字的样式
+                color: '#fff'
+            },
+            y: 12,
+            x: 16
+        },
+        xAxis: {
+            type: 'category',
+            boundaryGap: false,
+            axisTick: {
+                show: false,
+            },
+            axisLine: {
+                show: false,
+                lineStyle: {
+                    color: "#fff",
+                },
+            },
+            data: ['00:00', '04:00', '08:00', '12:00', '16:00', '20:00', '24:00']
+        },
+        yAxis: {
+            type: 'value',
+            axisLine: {
+                show: false,
+                lineStyle: {
+                    color: "#fff",
+                },
+            },
+            splitLine: {
+                lineStyle: {
+                    type: "dashed", // y轴分割线类型
+                    color: "#012b4b",
+                },
+            },
+        },
+        series: [
+            {
+                name: '正面',
+                type: 'line',
+                symbol: 'none',
+                areaStyle: {
+                    opacity: 0.4
+                },
+                emphasis: {
+                    focus: 'series'
+                },
+                data: [2000, 1600, 1000, 2200, 2300, 2100, 1900]
+            },
+            {
+                name: '中性',
+                type: 'line',
+                symbol: 'none',
+                areaStyle: {
+                    opacity: 0.4
+                },
+                emphasis: {
+                    focus: 'series'
+                },
+                data: [1000, 1100, 1300, 2000, 1800, 2100, 1600]
+            },
+            {
+                name: '负面',
+                type: 'line',
+                symbol: 'none',
+                areaStyle: {
+                    opacity: 0.4
+                },
+                emphasis: {
+                    focus: 'series'
+                },
+                data: [1200, 1200, 1400, 2100, 1400, 1900, 2000]
+            }
+            
+
+        ]
+    }
+}
diff --git a/src/views/EventInsight/industryTOPHE/index.vue b/src/views/EventInsight/industryTOPHE/index.vue
index d28df5e..fc3151a 100644
--- a/src/views/EventInsight/industryTOPHE/index.vue
+++ b/src/views/EventInsight/industryTOPHE/index.vue
@@ -1,7 +1,7 @@
 <!--
  * @Author: your name
  * @Date: 2021-10-18 09:34:53
- * @LastEditTime: 2021-10-18 09:52:35
+ * @LastEditTime: 2021-10-19 17:10:48
  * @LastEditors: Please set LastEditors
  * @Description: In User Settings Edit
  * @FilePath: /data-show/src/views/EventInsight/IndustryTOPHE/index.vue
@@ -11,7 +11,9 @@
     <div class="itp-outter">
         <v-label-div title="行业TOP热点事件">
         </v-label-div>
-        <v-table :columns="columns" :data="tbData" :pagination="false"></v-table>
+        <v-table :columns="columns" :data="tbData" :pagination="false">
+            <a slot="a" slot-scope="text" @click="goDetails">{{ text }}</a>
+        </v-table>
     </div>
 </template>
 
@@ -25,7 +27,8 @@ export default {
                     title: "事件标题",
                     dataIndex: "a",
                     key: "a",
-                    width: "55%"
+                    width: "55%",
+                    scopedSlots: { customRender: 'a' },
                 },
                 {
                     title: "影响力",
@@ -54,6 +57,11 @@ export default {
             ]
         };
     },
+    methods: {
+        goDetails() {
+            this.$router.push({path: '/eventDEC'})
+        }
+    }
 };
 </script>