zx

src/views/EventComparison/comparisonOfEventpp/index.vue

@@ -244,9 +244,9 @@ export default {
         }
     }
 }
-/deep/ .__view {
-    display: flex !important;
-    justify-content: flex-start !important;
-    align-items: center !important;
+::v-deep .__view {
+    display: flex;
+    justify-content: flex-start;
+    align-items: center;
 }
 </style>

src/views/ThemeBoard/EventTransform/index.vue

@@ -4,24 +4,24 @@
       <div class="et-ts">
             <div class="et-ts-d1" @click="goL"><img src="../../../assets/images/EventInsight/img_zuo.png" /></div>
             <div class="et-ts-d2">
-                <!-- <vue-scroll ref="vs"> -->
-                    <div class="dd1-label">
+                <vue-scroll ref="vs">
+                    <!-- <div class="dd1-label">
                         <div class="d1x">新车上市</div>
                         <div class="d2">状态：事件发生</div>
                         <div class="d3">2021-06-01 11:26</div>
-                    </div>
+                    </div> -->
                     <template v-for="(item,index) in list">
                         <div class="dd1-item" :key="index">
                             <img class="m1" :src="index % 2 === 0 ? m2 : m1" :style="index % 2 === 0 ? 'margin-top: 8.2rem' : ''" />
                             <div class="dd1-fen"></div>
                             <div class="dt-d1" :style="index % 2 === 0 ? 'margin-top: 8.6rem' : ''">
-                                <div class="d1" :style="index % 2 === 0 ? 'color: #3373CC' : 'color:#CC7733'" @click="openUrl(item._source.url)">{{item._source.title|doStr(30)}}</div>
+                                <div class="d1" :style="index % 2 === 0 ? 'color: #3373CC' : 'color:#CC7733'" @click="openUrl(item._source.url)"><span v-html="item._source.title"></span></div>
                                 <div class="d2">{{item._source.source}}</div>
                                 <div class="d3">{{item._source.sourcetime}}</div>
                             </div>
                         </div>
                     </template>
-                <!-- </vue-scroll> -->
+                </vue-scroll>
             </div>
             <div class="et-ts-d1" @click="goR"><img src="../../../assets/images/EventInsight/img_xan.png" /></div>
         </div>
@@ -30,6 +30,7 @@
 
 <script>
 import {getList} from "@/api/ThemeAnalizeDec"
+import { doStr } from "@/utils/gol/dataTool";
 export default {
     name: "EventTransform",
     data() {
@@ -69,6 +70,10 @@ export default {
             getList(obj).then(res => {
                 this.load = true;
                 let data = res.data || [];
+                data.forEach(ele => {
+                    ele._source.title = ele._source.title.replace(/<.*?>/ig,"")
+                    ele._source.title = doStr(ele._source.title, 30)
+                })
                 this.list = data;
                 this.load = false;
             })
@@ -109,13 +114,10 @@ export default {
 }
 </script>
 
-<style lang="less">
+<style lang="less" scoped>
 .et-container1 {
     width: 100%;
-    height: 460px;
-    border: 2px solid #0f2a4d;
-    margin-top: 16px;
-    overflow: hidden;
+    height: auto;
     .et-ts {
         position: relative;
         width: 100%;
@@ -226,4 +228,9 @@ export default {
         }
     }
 }
+/deep/ .__view {
+    display: flex;
+    justify-content: flex-start;
+    align-items: center;
+}
 </style>