Commit 8a5db8c1eb9dad272b3b076699b5e5cb079e7782
1 parent
18bf098a
mp：前端 message 增加文本、图片、事件等的展示
Showing
1 changed file
with
39 additions
and
4 deletions
yudao-ui-admin/src/views/mp/message/index.vue
| @@ -44,13 +44,48 @@ | @@ -44,13 +44,48 @@ | ||
| 44 | <span>{{ parseTime(scope.row.createTime) }}</span> | 44 | <span>{{ parseTime(scope.row.createTime) }}</span> |
| 45 | </template> | 45 | </template> |
| 46 | </el-table-column> | 46 | </el-table-column> |
| 47 | - <el-table-column label="消息类型" align="center" prop="type"/> | ||
| 48 | - <el-table-column label="用户标识" align="center" prop="openid"/> | ||
| 49 | - <el-table-column label="内容" align="center" prop="content"> | 47 | + <el-table-column label="消息类型" align="center" prop="type" width="80"/> |
| 48 | + <el-table-column label="用户标识" align="center" prop="openid" width="300" /> | ||
| 49 | + <!-- TODO 芋艿：发送/接收 --> | ||
| 50 | + <el-table-column label="内容" prop="content"> | ||
| 50 | <template slot-scope="scope"> | 51 | <template slot-scope="scope"> |
| 51 | - <div v-if="scope.row.type === 'video'"> | 52 | + <!-- 【事件】区域 --> |
| 53 | + <div v-if="scope.row.type === 'event' && scope.row.event === 'subscribe'"> | ||
| 54 | + <el-tag type="success" size="mini">关注</el-tag> | ||
| 55 | + </div> | ||
| 56 | + <div v-else-if="scope.row.type === 'event' && scope.row.event === 'unsubscribe'"> | ||
| 57 | + <el-tag type="danger" size="mini">取消关注</el-tag> | ||
| 58 | + </div> | ||
| 59 | + <div v-else-if="scope.row.type === 'event' && scope.row.event === 'CLICK'"> | ||
| 60 | + <el-tag size="mini">点击菜单</el-tag>【{{ scope.row.eventKey }}】 | ||
| 61 | + </div> | ||
| 62 | + <div v-else-if="scope.row.type === 'event' && scope.row.event === 'VIEW'"> | ||
| 63 | + <el-tag size="mini">点击菜单链接</el-tag>【{{ scope.row.eventKey }}】 | ||
| 64 | + </div> | ||
| 65 | + <div v-else-if="scope.row.type === 'event' && scope.row.event === 'scancode_waitmsg'"> <!-- TODO 芋艿：需要测试下 --> | ||
| 66 | + <el-tag size="mini">扫码结果</el-tag>【{{ scope.row.eventKey }}】 | ||
| 67 | + </div> | ||
| 68 | + <div v-else-if="scope.row.type === 'event'"> | ||
| 69 | + <el-tag type="danger" size="mini">未知事件类型</el-tag> | ||
| 70 | + </div> | ||
| 71 | + <!-- 【消息】区域 --> | ||
| 72 | + <div v-else-if="scope.row.type === 'text'">{{ scope.row.content }}</div> | ||
| 73 | + <!-- TODO 语音 --> | ||
| 74 | + <div v-else-if="scope.row.type === 'image'"> | ||
| 75 | + <a target="_blank" :href="scope.row.mediaUrl"> | ||
| 76 | + <img :src="scope.row.mediaUrl" style="width: 100px"> | ||
| 77 | + </a> | ||
| 78 | + </div> | ||
| 79 | + <div v-else-if="scope.row.type === 'video' || scope.row.type === 'shortvideo'"> | ||
| 52 | <wx-video-player :url="scope.row.mediaUrl" style="margin-top: 10px" /> | 80 | <wx-video-player :url="scope.row.mediaUrl" style="margin-top: 10px" /> |
| 53 | </div> | 81 | </div> |
| 82 | + <div v-else-if="scope.row.type === 'link'"> | ||
| 83 | + <el-tag size="mini">链接</el-tag>： | ||
| 84 | + <a :href="scope.row.url" target="_blank">{{scope.row.title}}</a> | ||
| 85 | + </div> | ||
| 86 | + <div v-else> | ||
| 87 | + <el-tag type="danger" size="mini">未知消息类型</el-tag> | ||
| 88 | + </div> | ||
| 54 | </template> | 89 | </template> |
| 55 | </el-table-column> | 90 | </el-table-column> |
| 56 | <el-table-column label="操作" align="center" class-name="small-padding fixed-width"> | 91 | <el-table-column label="操作" align="center" class-name="small-padding fixed-width"> |