feat: 样式、监控问题处理

apps/bigmember_pc/src/views/article-content/components/ContentRightTimeLine.vue

@@ -87,7 +87,7 @@ function doOpen(item) {
           <div class="item-after-circle" v-else></div>
           <div
             class="item-after-line"
-            :class="{ 'gray-line': index !== 0 }"
+            :class="{ 'gray-line': !item.isActive }"
           ></div>
         </div>
       </div>
@@ -135,6 +135,11 @@ function doOpen(item) {
         background-color: #2abed1;
       }
     }
+    &.is-active {
+      .item-after-line--fill {
+        background-color: #2abed1;
+      }
+    }
     &:last-child .item-container {
       border-color: transparent;
     }

apps/bigmember_pc/src/views/article-content/components/RecommendEnt.vue

@@ -21,6 +21,7 @@ function getRecommendEntInfo(list) {
         const resItem = res.data
         resultList[i] = {
           type,
+          _key: type + key + Date.now(),
           id: resItem?.winnerId || '',
           name: resItem.companyName || item?.name || '',
           time: resItem.timeFrame,
@@ -109,11 +110,11 @@ function doOpen(item) {
           <h3 class="ellipsis" style="max-width: 25em">{{ item.name }}</h3>
           <div
             class="monitor-action"
-            v-if="item.monitor && item.monitor.params"
+            v-if="item._key && item.monitor && item.monitor.params"
           >
             <quick-monitor
               class="action-item"
-              :key="index"
+              :key="item._key"
               :cache="true"
               :type="item.monitor.type"
               :params="item.monitor.params"