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/material/components/VoiceTable.vue | 51 +++++++++++++++++++++++++++++++++++++++++++++++++++
1 files changed, 51 insertions(+), 0 deletions(-)
diff --git a/src/views/mp/material/components/VoiceTable.vue b/src/views/mp/material/components/VoiceTable.vue
new file mode 100644
index 0000000..76fab7a
--- /dev/null
+++ b/src/views/mp/material/components/VoiceTable.vue
@@ -0,0 +1,51 @@
+<template>
+ <el-table :data="props.list" stripe border v-loading="props.loading" style="margin-top: 10px">
+ <el-table-column label="缂栧彿" align="center" prop="mediaId" />
+ <el-table-column label="鏂囦欢鍚�" align="center" prop="name" />
+ <el-table-column label="璇煶" align="center">
+ <template #default="scope">
+ <WxVoicePlayer v-if="scope.row.url" :url="scope.row.url" />
+ </template>
+ </el-table-column>
+ <el-table-column
+ label="涓婁紶鏃堕棿"
+ align="center"
+ prop="createTime"
+ :formatter="dateFormatter"
+ width="180"
+ >
+ <template #default="scope">
+ <span>{{ scope.row.createTime }}</span>
+ </template>
+ </el-table-column>
+ <el-table-column label="鎿嶄綔" align="center" class-name="small-padding fixed-width">
+ <template #default="scope">
+ <el-button type="primary" link @click="emit('delete', scope.row.id)">
+ <Icon icon="ep:download" />涓嬭浇
+ </el-button>
+ <el-button
+ type="primary"
+ link
+ @click="emit('delete', scope.row.id)"
+ v-hasPermi="['mp:material:delete']"
+ >
+ <Icon icon="ep:delete" />鍒犻櫎
+ </el-button>
+ </template>
+ </el-table-column>
+ </el-table>
+</template>
+
+<script lang="ts" setup>
+import WxVoicePlayer from '@/views/mp/components/wx-voice-play'
+import { dateFormatter } from '@/utils/formatTime'
+
+const props = defineProps<{
+ list: any[]
+ loading: boolean
+}>()
+
+const emit = defineEmits<{
+ (e: 'delete', v: number)
+}>()
+</script>
--
Gitblit v1.8.0