From a1d7e81859f554f3a53680cc35f0f49bf1f77098 Mon Sep 17 00:00:00 2001
From: wwf <1971391498@qq.com>
Date: 星期四, 14 五月 2026 14:37:02 +0800
Subject: [PATCH] 导入项目
---
src/views/mp/message/MessageTable.vue | 148 +++++++++++++++++++++++++++++++++++++++++++++++++
1 files changed, 148 insertions(+), 0 deletions(-)
diff --git a/src/views/mp/message/MessageTable.vue b/src/views/mp/message/MessageTable.vue
new file mode 100644
index 0000000..185bdec
--- /dev/null
+++ b/src/views/mp/message/MessageTable.vue
@@ -0,0 +1,148 @@
+<template>
+ <div>
+ <el-table v-loading="props.loading" :data="props.list">
+ <el-table-column
+ label="鍙戦�佹椂闂�"
+ align="center"
+ prop="createTime"
+ width="180"
+ :formatter="dateFormatter"
+ />
+ <el-table-column label="娑堟伅绫诲瀷" align="center" prop="type" width="80" />
+ <el-table-column label="鍙戦�佹柟" align="center" prop="sendFrom" width="80">
+ <template #default="scope">
+ <el-tag v-if="scope.row.sendFrom === 1" type="success">绮変笣</el-tag>
+ <el-tag v-else type="info">鍏紬鍙�</el-tag>
+ </template>
+ </el-table-column>
+ <el-table-column label="鐢ㄦ埛鏍囪瘑" align="center" prop="openid" width="300" />
+ <el-table-column label="鍐呭" prop="content">
+ <template #default="scope">
+ <!-- 銆愪簨浠躲�戝尯鍩� -->
+ <div v-if="scope.row.type === MsgType.Event && scope.row.event === 'subscribe'">
+ <el-tag type="success">鍏虫敞</el-tag>
+ </div>
+ <div v-else-if="scope.row.type === MsgType.Event && scope.row.event === 'unsubscribe'">
+ <el-tag type="danger">鍙栨秷鍏虫敞</el-tag>
+ </div>
+ <div v-else-if="scope.row.type === MsgType.Event && scope.row.event === 'CLICK'">
+ <el-tag>鐐瑰嚮鑿滃崟</el-tag>
+ 銆恵{ scope.row.eventKey }}銆�
+ </div>
+ <div v-else-if="scope.row.type === MsgType.Event && scope.row.event === 'VIEW'">
+ <el-tag>鐐瑰嚮鑿滃崟閾炬帴</el-tag>
+ 銆恵{ scope.row.eventKey }}銆�
+ </div>
+ <div
+ v-else-if="scope.row.type === MsgType.Event && scope.row.event === 'scancode_waitmsg'"
+ >
+ <el-tag>鎵爜缁撴灉</el-tag>
+ 銆恵{ scope.row.eventKey }}銆�
+ </div>
+ <div v-else-if="scope.row.type === MsgType.Event && scope.row.event === 'scancode_push'">
+ <el-tag>鎵爜缁撴灉</el-tag>
+ 銆恵{ scope.row.eventKey }}銆�
+ </div>
+ <div v-else-if="scope.row.type === MsgType.Event && scope.row.event === 'pic_sysphoto'">
+ <el-tag>绯荤粺鎷嶇収鍙戝浘</el-tag>
+ </div>
+ <div
+ v-else-if="scope.row.type === MsgType.Event && scope.row.event === 'pic_photo_or_album'"
+ >
+ <el-tag>鎷嶇収鎴栬�呯浉鍐�</el-tag>
+ </div>
+ <div v-else-if="scope.row.type === MsgType.Event && scope.row.event === 'pic_weixin'">
+ <el-tag>寰俊鐩稿唽</el-tag>
+ </div>
+ <div
+ v-else-if="scope.row.type === MsgType.Event && scope.row.event === 'location_select'"
+ >
+ <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>
+ <!-- 銆愭秷鎭�戝尯鍩� -->
+ <div v-else-if="scope.row.type === MsgType.Text">{{ scope.row.content }}</div>
+ <div v-else-if="scope.row.type === MsgType.Voice">
+ <wx-voice-player :url="scope.row.mediaUrl" :content="scope.row.recognition" />
+ </div>
+ <div v-else-if="scope.row.type === MsgType.Image">
+ <a target="_blank" :href="scope.row.mediaUrl">
+ <img :src="scope.row.mediaUrl" style="width: 100px" />
+ </a>
+ </div>
+ <div v-else-if="scope.row.type === MsgType.Video || scope.row.type === 'shortvideo'">
+ <wx-video-player :url="scope.row.mediaUrl" style="margin-top: 10px" />
+ </div>
+ <div v-else-if="scope.row.type === MsgType.Link">
+ <el-tag>閾炬帴</el-tag>
+ 锛�
+ <a :href="scope.row.url" target="_blank">{{ scope.row.title }}</a>
+ </div>
+ <div v-else-if="scope.row.type === MsgType.Location">
+ <WxLocation
+ :label="scope.row.label"
+ :location-y="scope.row.locationY"
+ :location-x="scope.row.locationX"
+ />
+ </div>
+ <div v-else-if="scope.row.type === MsgType.Music">
+ <WxMusic
+ :title="scope.row.title"
+ :description="scope.row.description"
+ :thumb-media-url="scope.row.thumbMediaUrl"
+ :music-url="scope.row.musicUrl"
+ :hq-music-url="scope.row.hqMusicUrl"
+ />
+ </div>
+ <div v-else-if="scope.row.type === MsgType.News">
+ <WxNews :articles="scope.row.articles" />
+ </div>
+ <div v-else>
+ <el-tag type="danger">鏈煡娑堟伅绫诲瀷</el-tag>
+ </div>
+ </template>
+ </el-table-column>
+ <el-table-column label="鎿嶄綔" align="center" class-name="small-padding fixed-width">
+ <template #default="scope">
+ <el-button
+ link
+ type="primary"
+ @click="emit('send', scope.row.userId)"
+ v-hasPermi="['mp:message:send']"
+ >
+ 娑堟伅
+ </el-button>
+ </template>
+ </el-table-column>
+ </el-table>
+ <!-- 鍒嗛〉缁勪欢 -->
+ </div>
+</template>
+
+<script lang="ts" setup>
+import WxVideoPlayer from '@/views/mp/components/wx-video-play'
+import WxVoicePlayer from '@/views/mp/components/wx-voice-play'
+import WxLocation from '@/views/mp/components/wx-location'
+import WxMusic from '@/views/mp/components/wx-music'
+import WxNews from '@/views/mp/components/wx-news'
+import { dateFormatter } from '@/utils/formatTime'
+import { MsgType } from '@/views/mp/components/wx-msg/types'
+
+const props = defineProps({
+ list: {
+ type: Array,
+ required: true
+ },
+ loading: {
+ type: Boolean,
+ required: true
+ }
+})
+
+const emit = defineEmits<{ (e: 'send', v: number) }>()
+</script>
--
Gitblit v1.8.0