处理文件消息

pages/account/index/message.vue

@@ -2,7 +2,7 @@
  * @Author: ch
  * @Date: 2022-05-04 17:48:12
  * @LastEditors: ch
- * @LastEditTime: 2022-05-26 10:50:18
+ * @LastEditTime: 2022-05-26 21:10:34
  * @Description: file content
 -->
 
@@ -15,7 +15,6 @@
           class="section__item flex"
           v-for="item in msgData"
           :key="item.id"
-          @click="handleDetail(item)"
         >
           <img
             class="section__item-img"
@@ -27,9 +26,14 @@
               <span>{{ item.payload.title || `` }}</span>
               <span class="section__item-content--time">{{item.createTimeStamp}}</span>
             </div>
-            <div class="section__item-content--txt">
-              {{ item.payload.content || `` }}
+            <div class="section__item-content--txt" v-if="item.payload.customType === 'orderAutoDelivery'">
+                <template v-for="i in item.payload.virtualProductContentList" @click="openLink(i)">
+                  <a v-if="i.shipType === 1"  :key="i.shipContent" :href="i.shipContent" target="_blank">[下载文件]</a>
+                  <span v-else :key="i.shipContent" >{{i.shipContent}}</span>
+                </template>
             </div>
+            <div class="section__item-content--txt" v-else 
+            @click="handleDetail(item)" >{{ item.payload.content }}</div>
           </div>
         </div>
         <UiEmpty
@@ -105,7 +109,6 @@ export default {
 
     &__item {
       margin-bottom: 20px;
-      cursor: pointer;
 
       &-img {
         width: 50px;
@@ -115,8 +118,9 @@ export default {
 
       &-content {
         width: 840px;
+        cursor: pointer;
         &--title {
-          margin-top: 8px;
+          margin: 8px 0;
           font-size: 16px;
           font-family: Microsoft YaHei-Regular, Microsoft YaHei;
           font-weight: 400;
@@ -136,6 +140,9 @@ export default {
           font-family: Microsoft YaHei-Regular, Microsoft YaHei;
           font-weight: 400;
           color: #999999;
+          a{
+            color: #FF875B;
+          }
         }
       }
     }