大喇叭

src/apps/AppBroadcast1/AppEquipment/detail.vue

@@ -31,23 +31,24 @@
       </div>
       <div class="list-content" v-else>
         <div class="list">
-          <div class="item" @click="toTaskDetail">
+          <div class="item" v-for="(item, index) in list" :key="index"  @click="toPlayDetail(item)">
             <div class="left">
-              <p>韩红-我的祖国.mp3</p>
-              <div>李毅 2022-06-09 09:43:05</div>
-              <div>日常 立即播发</div>
+              <p>{{ item.sourceName }}</p>
+              <div>{{item.createUserName}} {{ item.createTime }}</div>
+              <div>{{ $dict.getLabel('dlbMessageUrgency', item.messageLevel) }} {{item.taskType == 1 ? '定时播放' : '立即播放'}}</div>
             </div>
             <div class="right">
               <div class="status">已下发</div>
-              <div class="cancel-btn">撤销</div>
+              <div class="cancel-btn" @click="cancel(item.id)" v-if="item.taskType == 1">撤销</div>
+              <div class="cancel-btn bg-AFD0FC" v-else>撤销</div>
             </div>
           </div>
         </div>
-        <!-- <AiEmpty v-if="!list.length"></AiEmpty> -->
+        <AiEmpty v-if="!list.length"></AiEmpty>
       </div>
     </div>
     
-    <div class="btn" @click="setVolume">设置音量</div>
+    <div class="btn" @click="setVolume" v-if="currIndex != 1">设置音量</div>
     <u-popup v-model="isShow" mode="bottom" class="popup">
       <div class="title">
         <span @click="isShow=false">取消</span>
@@ -102,8 +103,8 @@ export default {
     change(index) {
       this.currIndex = index
     },
-    toTaskDetail(item) {
-      uni.navigateTo({url: `./taskDetail`})
+    toPlayDetail(item) {
+      uni.navigateTo({url: `../AppPlayList/detail?id=${item.id}`})
     },
     setVolume() {
       this.isShow = true
@@ -123,9 +124,31 @@ export default {
       this.$http.post(`/app/appdlbquipment/queryDetailById?id=${this.id}`).then((res) => {
         if (res.code == 0) {
           this.info = res.data
+          this.getPlayList()
         }
       })
-    }
+    },
+    getPlayList() {
+      this.$http.post(`/app/appzyvideobroadcast/list?current=${this.current}&size=10&serialNo=${this.info.serialNo}`).then(res => {
+        if (res.code == 0) {
+          if (this.current > 1) {
+            this.list = [...this.list, ...res.data.records]
+          } else {
+            this.list = res.data.records
+          }
+        }
+      })
+    },
+    cancel(id) {
+      this.$confirm('确定撤回该广播?').then(() => {
+        this.$http.post(`/app/appzyvideobroadcast/getBroadcastRecall?broadcastId=${id}`).then((res) => {
+          if (res.code == 0) {
+            this.$u.toast('撤回成功！')
+            this.getList()
+          }
+        })
+      })
+    },
   },
 
   onReachBottom() {