refactor(article): 优化标签和作者信息显示逻辑

- 格式化标签循环代码，提高可读性
- 添加条件渲染判断，仅在数据存在时显示编辑和二校信息
- 为ETF关联标的添加显示条件判断

src/components/article/indexNewsInfo.vue

@@ -19,17 +19,25 @@
     <view class="r_r_tags" :class="{ mohu: !isLogin }">
       <view style="display: flex; margin-top: 20rpx; overflow-x: auto; width: 95vw">
         <view class="r_tags">
-          <view class="tag" style="background-color: #fff9ec; color: #ffb100" v-for="(item, index) in props.data.conceptLabels" :key="index">{{
+          <view
-            item
+            class="tag"
-          }}</view>
+            style="background-color: #fff9ec; color: #ffb100"
+            v-for="(item, index) in props.data.conceptLabels"
+            :key="index"
+            >{{ item }}</view
+          >
         </view>
       </view>
 
       <view style="display: flex; margin-top: 20rpx; overflow-x: auto; width: 100vw">
         <view class="r_tags">
-          <view class="tag" style="background-color: #f5f8fe; color: #007aff" v-for="(item, index) in props.data.industryLabels" :key="index">{{
+          <view
-            item
+            class="tag"
-          }}</view>
+            style="background-color: #f5f8fe; color: #007aff"
+            v-for="(item, index) in props.data.industryLabels"
+            :key="index"
+            >{{ item }}</view
+          >
         </view>
       </view>
     </view>
@@ -49,7 +57,13 @@
     </view>
 
     <view style="padding: 35rpx" :class="{ mohu: !isLogin }">
-      <text class="articleDes" :class="props?.data?.needpay && 'needpay'" style="white-space: pre-wrap" v-html="props.data.content"> </text>
+      <text
+        class="articleDes"
+        :class="props?.data?.needpay && 'needpay'"
+        style="white-space: pre-wrap"
+        v-html="props.data.content"
+      >
+      </text>
     </view>
 
     <!-- <view
@@ -60,18 +74,18 @@
     </view> -->
 
     <view class="author" style="justify-content: flex-start; margin-top: -30rpx">
-      <view class="name">
+      <view class="name" v-if="props.data.editor">
         <text class="text">编辑:</text>
         <text class="text">{{ props.data.editor }}</text>
       </view>
 
-      <view class="name" style="margin-left: 40rpx">
+      <view class="name" style="margin-left: 40rpx" v-if="props.data.secondReviewer">
         <text class="text">二校:</text>
         <text class="text">{{ props.data.secondReviewer }}</text>
       </view>
     </view>
 
-    <view class="r_etf" style="margin-top: 80rpx">
+    <view class="r_etf" style="margin-top: 80rpx" v-if="intoType == 'etf'">
       <text class="etf_title">AI关联标的</text>
       <view class="etfs">
         <view v-for="(item, index) in data.etfs" class="etf_item" :key="index" @click="goEtfDetail(item)">
@@ -84,7 +98,8 @@
       :show="LoginShow"
       @handlePopupClose="handlePopupClose"
       @handlePopupSuccessCallback="handlePopupSuccessCallback"
-      @handlePopupErrorCallback="handlePopupErrorCallback" />
+      @handlePopupErrorCallback="handlePopupErrorCallback"
+    />
   </view>
 </template>