!810 fix(mp): 修复微信图文消息图片显示问题

Merge pull request !810 from wuKong/master

src/views/mp/components/wx-msg/components/MsgEvent.vue

@@ -34,6 +34,9 @@
     <div v-else-if="item.event === 'location_select'">
       <el-tag>选择地理位置</el-tag>
     </div>
+    <div v-else-if="item.event === 'SCAN'">
+      <el-tag>扫码</el-tag>
+    </div>
     <div v-else>
       <el-tag type="danger">未知事件类型</el-tag>
     </div>

src/views/mp/components/wx-msg/main.vue

@@ -82,7 +82,7 @@ const msgDivRef = ref<HTMLDivElement | null>(null) // 消息显示窗口ref，
 onMounted(async () => {
   const data = await getUser(props.userId)
   user.nickname = data.nickname?.length > 0 ? data.nickname : user.nickname
-  user.avatar = user.avatar?.length > 0 ? data.avatar : user.avatar
+  user.avatar = data.headImageUrl?.length > 0 ? data.headImageUrl : user.avatar
   accountId.value = data.accountId
   reply.value.accountId = data.accountId
 

src/views/mp/components/wx-news/main.vue

@@ -13,7 +13,7 @@
         <div class="news-main">
           <div class="news-content">
             <el-image
-              :src="article.picUrl"
+                :src="article.picUrl||article.thumbUrl"
               class="material-img"
               style="width: 100%; height: 120px"
             />
@@ -29,7 +29,7 @@
           <div class="news-content-item">
             <div class="news-content-item-title">{{ article.title }}</div>
             <div class="news-content-item-img">
-              <img :src="article.picUrl" class="material-img" height="100%" />
+              <img :src="article.picUrl||article.thumbUrl" class="material-img" height="100%"/>
             </div>
           </div>
         </div>

src/views/mp/message/MessageTable.vue

@@ -59,6 +59,9 @@
           >
             <el-tag>选择地理位置</el-tag>
           </div>
+          <div v-else-if="scope.row.type === MsgType.Event && scope.row.event === 'SCAN'">
+            <el-tag type="success">扫码</el-tag>
+          </div>
           <div v-else-if="scope.row.type === MsgType.Event">
             <el-tag type="danger">未知事件类型</el-tag>
           </div>

src/views/mp/user/index.vue

@@ -52,6 +52,11 @@
     <el-table v-loading="loading" :data="list">
       <el-table-column label="编号" align="center" prop="id" />
       <el-table-column label="用户标识" align="center" prop="openid" width="260" />
+      <el-table-column label="用户头像" min-width="80px" prop="headImageUrl">
+        <template #default="scope">
+          <el-avatar :src="scope.row.headImageUrl"/>
+        </template>
+      </el-table-column>
       <el-table-column label="昵称" align="center" prop="nickname" />
       <el-table-column label="备注" align="center" prop="remark" />
       <el-table-column label="标签" align="center" prop="tagIds" width="200">