cxw-010203

src/views/EventDEC/index.vue

@@ -1,7 +1,7 @@
 <!--
  * @Author: your name
  * @Date: 2021-10-19 15:57:11
- * @LastEditTime: 2021-10-19 19:51:38
+ * @LastEditTime: 2021-10-19 20:04:29
  * @LastEditors: Please set LastEditors
  * @Description: In User Settings Edit
  * @FilePath: /data-show/src/views/EventDEC/index.vue
@@ -41,6 +41,7 @@
             <incidentSpreadSituation></incidentSpreadSituation>
             <tonalCommunicationPosture></tonalCommunicationPosture>
             <esprocess></esprocess>
+            <mediaInterpretationEc></mediaInterpretationEc>
         </div>
     </div>
 </template>
@@ -48,12 +49,14 @@
 import incidentSpreadSituation from "./incidentSpreadSituation"
 import tonalCommunicationPosture from "./tonalCommunicationPosture"
 import esprocess from "./esprocess"
+import mediaInterpretationEc from "./mediaInterpretationEc"
 export default {
     name: "eventDEC",
     components: {
         incidentSpreadSituation,
         tonalCommunicationPosture,
-        esprocess
+        esprocess,
+        mediaInterpretationEc
     },
     methods: {
         goback() {

src/views/EventDEC/mediaInterpretationEc/index.vue

@@ -0,0 +1,64 @@
+<!--
+ * @Author: your name
+ * @Date: 2021-10-19 20:00:49
+ * @LastEditTime: 2021-10-19 20:18:47
+ * @LastEditors: Please set LastEditors
+ * @Description: In User Settings Edit
+ * @FilePath: /data-show/src/views/EventDEC/mediaInterpretationEc/index.vue
+-->
+<template>
+    <div class="mec-outter">
+        <v-label-div title="事件传播历程">
+        </v-label-div>
+        <div class="mec-inner">
+            <div class="dd1">
+                <v-label-div title="媒体解读" :showLine="false" :eStyle="{'border-style': 'none'}"></v-label-div>
+                <dv-scroll-board :config="config" :style="{ width: '100%', height: '358px' }" />
+            </div>
+            <div class="dd1"></div>
+        </div>
+    </div>
+</template>
+
+<script>
+export default {
+    name: "mediaInterpretationEc",
+    data() {
+        return {
+            config: {
+                headerBGC: "#0F2A4D",
+                oddRowBGC: "rgba(69, 149, 244, 0);",
+                evenRowBGC: "#0F2A4D;",
+                columnWidth: [660],
+                header: ["标题", "媒体报道数量"],
+                data: [
+                    ["为“PLUS”正名！欧尚X7 PLUS越", "33家媒体报道"],
+                    ["五菱星辰内饰谍照曝光，预计第三季度正式上", "33家媒体报道"],
+                    ["吉利博越X将于8月27日正式亮相 外观设", "33家媒体报道"],
+                    ["吉利汽车上半年财报出炉：营收、净利双双上", "21家媒体报道"],
+                    ["WEY玛奇朵到店实拍，新车将于8月27日", "21家媒体报道"],
+                ],
+            },
+        };
+    },
+};
+</script>
+
+<style lang="less" scoped>
+.mec-outter {
+    width: 100%;
+    height: 460px;
+    border: 2px solid #0f2a4d;
+    margin-top: 16px;
+    .mec-inner {
+        width: 100%;
+        height: calc(100% - 48px);
+        display: flex;
+        justify-content: flex-start;
+        .dd1 {
+            width: 944px;
+            height: 100%;
+        }
+    }
+}
+</style>