详情

packages/device/AppMediaManage/components/List.vue

@@ -32,13 +32,41 @@
           </el-table-column>
           <el-table-column slot="options" label="操作" align="center" width="180" fixed="right">
             <div class="table-options" slot-scope="{ row }">
-              <el-button type="text" @click="play(row.id)">播发</el-button>
+              <!-- play(row.id) -->
+              <el-button type="text" @click="getItemInfo(row.id)">播发</el-button>
               <el-button type="text" @click="remove(row.id)">删除</el-button>
             </div>
           </el-table-column>
         </ai-table>
       </template>
     </ai-list>
+
+    <ai-dialog 
+      title="广播播发"
+      :visible.sync="detailDialog"
+      :customFooter="true"
+      :destroyOnClose="true"
+      width="780px">
+      <ai-detail style="background: #FFF;">
+        <template #content>
+          <div class="audios">
+            <ai-audio :src="info.url" v-if="info.type == 1" skin="flat"/>
+          </div>
+          <ai-wrapper style="margin-top: 30px;">
+            <ai-info-item label="媒资名称" :value="info.name"></ai-info-item>
+            <ai-info-item label="状态" :value="info.content"></ai-info-item>
+            <ai-info-item label="媒资类型">{{$dict.getLabel('dlbResourceType', info.type)}}</ai-info-item>
+            <ai-info-item label="创建时间" :value="info.createTime"></ai-info-item>
+          </ai-wrapper>
+        </template>
+      </ai-detail>
+
+      <div class="dialog-footer" slot="footer">
+        <el-button @click="detailDialog=false" size="medium">关闭</el-button>
+        <el-button @click="play(info.id)" size="medium">新建广播</el-button>
+      </div>
+    </ai-dialog>
+
   </section>
 </template>
 
@@ -82,9 +110,9 @@ export default {
             return h('span', null, this.dict.getLabel('dlbResourceType', row.type))
           },
         },
-        {
+        // {
-          slot: 'content',
+        //   slot: 'content',
-        },
+        // },
         {prop: 'createTime', label: '创建时间', align: 'center'},
         {
           prop: 'createUserName',
@@ -101,6 +129,8 @@ export default {
       ],
       tableData: [],
       areaId: '',
+      detailDialog: false,
+      info: {},
     }
   },
 
@@ -137,7 +167,18 @@ export default {
       })
     },
 
+    getItemInfo (id) {
+      this.instance.post(`/app/appdlbresource/queryDetailById?id=${id}`).then(res => {
+        if (res?.data) {
+          console.log(res);
+          this.info = res.data
+          this.detailDialog = true
+        }
+      })
+    },
+
     play (id) {
+      this.detailDialog = false
       this.$emit('change', {
         type: 'Play',
         params: {
@@ -184,5 +225,8 @@ export default {
   .mar-t10 {
     margin-top: 10px;
   }
+  .audios {
+    padding-left: 40px;
+  }
 }
 </style>