kubbo/dvcp_v2_webapp
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

播发记录

Browse Source
This commit is contained in:
shijingjing
2022-06-11 14:36:19 +08:00
parent 231717f862
commit 96f565bbe4
4 changed files with 59 additions and 95 deletions
Download Patch File Download Diff File Expand all files Collapse all files

58
packages/device/AppBroadcast/components/Detail.vue
View File

@@ -11,23 +11,24 @@
<template #content>
<ai-wrapper
label-width="120px">
<ai-info-item label="播发级别" :value="info.name"></ai-info-item>
<ai-info-item label="播放方式" :value="info.createTime"></ai-info-item>
<ai-info-item label="开始日期" :value="info.name"></ai-info-item>
<ai-info-item label="播放天数" :value="info.name"></ai-info-item>
<ai-info-item label="开始时间" :value="info.name"></ai-info-item>
<ai-info-item label="结束时间" :value="info.areaName"></ai-info-item>
<ai-info-item label="创建人" :value="info.idNumber"></ai-info-item>
<ai-info-item label="创建时间" :value="info.areaName"></ai-info-item>
<ai-info-item label="起止时间" :value="info.name"></ai-info-item>
<ai-info-item label="详细地址" isLine :value="info.address"></ai-info-item>
<ai-info-item label="播发级别">{{ $dict.getLabel('dlbMessageUrgency',info.messageLevel) }} - {{ $dict.getLabel('dlbDyclingType', info.cyclingType) }}</ai-info-item>
<ai-info-item label="播放方式">{{ info.taskType==1? '定时播放': '立即播放'}}</ai-info-item>
<ai-info-item label="创建人" :value="info.createUserName"></ai-info-item>
<ai-info-item label="创建时间" :value="info.createTime"></ai-info-item>
<ai-info-item label="开始日期" :value="info.startDate" v-if="info.taskType == 1"></ai-info-item>
<ai-info-item label="播放天数" :value="info.broadcastDay" v-if="info.cyclingType == 3 && info.taskType == 1"></ai-info-item>
<ai-info-item label="播放天数" v-if="info.cyclingType == 2 && info.taskType == 1">
<span v-for="(item, index) in info.cyclingDateList" :key="index"><span v-if="index > 0">,</span>{{dayList[item]}}</span>
</ai-info-item>
<ai-info-item label="开始时间" :value="info.startTime" v-if="info.taskType == 1"></ai-info-item>
<ai-info-item label="结束时间" :value="info.endTime" v-if="info.taskType == 1"></ai-info-item>
</ai-wrapper>
</template>
</ai-card>
</div>
<ai-card title="播发设备" v-show="currIndex == 1">
<template #right>
<div style="color: #333;font-size: 15px;">共<span style="color: #0082ff;font-size: 15px;">10</span>个设备</div>
<div style="color: #333;font-size: 15px;">共<span style="color: #0082ff;font-size: 15px;" v-if="info.devices.length">{{info.devices.length}}</span>个设备</div>
</template>
<template #content>
<ai-table
@@ -35,16 +36,14 @@
:tableData="tableData"
:col-configs="colConfigs"
:total="total"
:current.sync="search.current"
:size.sync="search.size"
@getList="getList">
@getList="getDetail">
</ai-table>
</template>
</ai-card>
<ai-card title="播发素材" v-show="currIndex == 2">
<template #content>
<div class="audios">
<ai-audio :src="info.url" skin="flat"/>
<ai-audio :src="item.url" v-for="item in info.materials" :key="item.id" skin="flat" style="margin-bottom: 8px;"/>
</div>
</template>
</ai-card>
@@ -70,16 +69,23 @@ export default {
search: {},
total: 0,
colConfigs: [
{prop: 'messageName', label: '设备名称', width: 400},
{prop: 'messageType', label: '行政区划', align: 'center', dict: "dlbResourceType"},
{prop: 'messageUrgency', label: '状态', align: 'center', dict: "dlbMessageUrgency"},
{prop: 'name', label: '设备名称', width: 400},
{prop: 'areaName', label: '行政区划', align: 'center'},
{prop: 'devStatus', label: '状态', align: 'center', render: (h, { row })=>{
return h('span',null,this.dict.getLabel('dlbDevStatus',row.devStatus))
}},
],
dayList: ['', '每周一', '每周二', '每周三', '每周四', '每周五', '每周六', '每周日'],
voiceList: [],
}
},
created() {
if(this.params.id) {
this.getDetail()
}
this.$dict.load('dlbMessageUrgency','dlbDyclingType','dlbDevStatus').then(()=>{
if(this.params.id) {
this.getDetail()
}
})
},
methods: {
@@ -91,10 +97,16 @@ export default {
},
getDetail() {
this.instance.post(`/app/appzyvideobroadcast/queryDetailById?id=${this.params.id}`).then((res) => {
console.log(res);
if(res?.data) {
this.info = res.data
this.tableData = res.data.devices
this.total = res.data.devices.length
if(this.info.cyclingType == 2) {
this.info.cyclingDateList = this.info.cyclingDate.split(',')
}
}
})
},
getList() {},
}
}
</script>