大喇叭

src/apps/AppBroadcast1/AppResourcesManage/detail.vue

@@ -3,21 +3,59 @@
     <div class="header">
       <img :src="`${$cdn}video/play-icon.png`" alt="">
       <div class="right">
-        <h2>五一活动唱红歌.mp3</h2>
-        <p>2022-06-09 09:43:45</p>
+        <h2>{{info.name}}.mp3</h2>
+        <p>{{info.createTime}}</p>
       </div>
     </div>
-    <div class="content"></div>
+    <div class="content" v-if="info.content">{{info.content}}</div>
     <div class="footer-bottom"></div>
     <div class="footer">
-      <div>删除素材</div>
-      <div class="confirm">发布广播</div>
+      <div @click="del">删除素材</div>
+      <div class="confirm" @click="toAddBroadcast()">发布广播</div>
     </div>
   </div>
 </template>
 <script>
 export default {
-  name: "detail"
+  name: "detail",
+  data() {
+    return {
+      info: {},
+      id: ''
+    }
+  },
+  onLoad(option) {
+    this.id = option.id
+    this.getDetail()
+  },
+
+  onShow() {
+    document.title = '媒资管理'
+  },
+
+  methods: {
+    getDetail() {
+      this.$http.post(`/app/appdlbresource/queryDetailById?id=${this.id}`).then(res => {
+        if (res.code == 0) {
+          this.info = res.data
+        }
+      })
+    },
+    del() {
+      this.$confirm(`是否删除该条素材？`).then(() => {
+        this.$http.post(`/app/appdlbresource/delete?id=${this.id}`).then((res) => {
+          if (res.code == 0) {
+            this.$u.toast('删除成功')
+            uni.$emit('getList')
+            uni.navigateBack()
+          }
+        })
+      })
+    },
+    toAddBroadcast() {
+      uni.navigateTo({ url: `../addPlay?mediaId=${this.info.id}&mediaName=${this.info.name}` })
+    }
+  },
 }
 </script>
 <style lang="scss" scoped>