10 changed files with 226 additions and 36 deletions
@ -0,0 +1,182 @@ |
|||||
|
<template> |
||||
|
<div class="body"> |
||||
|
<div class="right" :style="{ width: isMultiControl ? '100%' : undefined }"> |
||||
|
<div class="top-content"> |
||||
|
<Video v-if="!isMultiControl" class="item-video" :pileNum="pileNum" /> |
||||
|
|
||||
|
<label style="width: 99px;">发布内容: </label> |
||||
|
<ElInput type="textarea" v-model="releaseMessage" :autosize="{ minRows: 3, maxRows: 3 }" :maxlength="150" |
||||
|
showWordLimit placeholder="请输入发布内容" /> |
||||
|
</div> |
||||
|
|
||||
|
<div class="footer"> |
||||
|
<Button @click.native="handleSubmit" :loading="submitting"> |
||||
|
确定 |
||||
|
</Button> |
||||
|
|
||||
|
<Button style="background-color: rgba(0, 179, 204, 0.3)" @click.native="cancelClick"> |
||||
|
取消 |
||||
|
</Button> |
||||
|
</div> |
||||
|
</div> |
||||
|
</div> |
||||
|
</template> |
||||
|
|
||||
|
<script> |
||||
|
import Dialog from "@screen/components/Dialog/index.vue"; |
||||
|
import Button from "@screen/components/Buttons/Button.vue"; |
||||
|
import Video from "@screen/components/Video"; |
||||
|
import CheckboxGroup from "@screen/components/FormConfig/components/ElCheckboxGroup.vue"; |
||||
|
|
||||
|
import request from "@/utils/request"; |
||||
|
import { batchFunctions } from "@screen/pages/Home/components/RoadAndEvents/utils/httpList.js"; |
||||
|
|
||||
|
import { Message } from "element-ui"; |
||||
|
|
||||
|
export default { |
||||
|
name: "BroadcastReleases", |
||||
|
components: { |
||||
|
Dialog, |
||||
|
Button, |
||||
|
Video, |
||||
|
CheckboxGroup, |
||||
|
}, |
||||
|
model: { |
||||
|
prop: "visible", |
||||
|
event: "update:value", |
||||
|
}, |
||||
|
props: { |
||||
|
visible: Boolean, |
||||
|
pileNum: String, |
||||
|
otherConfig: String, |
||||
|
isMultiControl: Boolean, |
||||
|
selectItems: { |
||||
|
type: Array, |
||||
|
default: () => [] |
||||
|
} |
||||
|
}, |
||||
|
data() { |
||||
|
return { |
||||
|
submitting: false, |
||||
|
checkList: [], |
||||
|
releaseMessage: null, |
||||
|
// musicList: [], |
||||
|
}; |
||||
|
}, |
||||
|
computed: { |
||||
|
modelVisible: { |
||||
|
get() { |
||||
|
return this.visible; |
||||
|
}, |
||||
|
set(val) { |
||||
|
this.$emit("update:value", val); |
||||
|
}, |
||||
|
}, |
||||
|
}, |
||||
|
created() { |
||||
|
// getDeviceList(5).then((data) => { |
||||
|
// if (Array.isArray(data)) |
||||
|
// this.musicList = data.map((item) => ({ |
||||
|
// ...item, |
||||
|
// disabled: item.deviceState != 1, |
||||
|
// })); |
||||
|
// }); |
||||
|
}, |
||||
|
methods: { |
||||
|
cancelClick() { |
||||
|
this.$emit("update:activeIcon", null); |
||||
|
this.submitting = false; |
||||
|
}, |
||||
|
handleSubmit() { |
||||
|
const selectItems = this.selectItems.map(item => JSON.parse(item)); |
||||
|
console.log(this.selectItems, selectItems, "selectItems"); |
||||
|
const checkList = selectItems.map(item => JSON.parse(item.otherConfig)); |
||||
|
if (!this.releaseMessage?.trim()) |
||||
|
return Message.error("发布内容不能为空!"); |
||||
|
if (!selectItems.length) |
||||
|
return Message.error("请至少选择一个广播设备!"); |
||||
|
|
||||
|
this.submitting = true; |
||||
|
|
||||
|
batchFunctions( |
||||
|
{ |
||||
|
"devices": selectItems, |
||||
|
"functions": [ |
||||
|
{ |
||||
|
"functionId": "1",//随便 不为空即可 |
||||
|
"params": { |
||||
|
name: "task-3", |
||||
|
outVol: "6", |
||||
|
priority: "1", |
||||
|
text: this.releaseMessage.trim(), |
||||
|
repeatTimes: "3", |
||||
|
termList: checkList, |
||||
|
functionType: "startPaTts", |
||||
|
} |
||||
|
} |
||||
|
|
||||
|
] |
||||
|
}) |
||||
|
.then((data) => { |
||||
|
const allItems = data.data; |
||||
|
const successItems = allItems.filter(item => item.result.retCode == 0); |
||||
|
console.log("xxxxxxx111") |
||||
|
if (successItems.length == allItems.length) { |
||||
|
Message.success("广播设置成功!"); |
||||
|
} else { |
||||
|
Message.error(`广播设置失败, 失败${allItems.length - successItems.length}个!`); |
||||
|
} |
||||
|
}) |
||||
|
.finally(() => { |
||||
|
this.submitting = false; |
||||
|
}); |
||||
|
}, |
||||
|
}, |
||||
|
}; |
||||
|
</script> |
||||
|
|
||||
|
<style lang="scss" scoped> |
||||
|
.body { |
||||
|
display: flex; |
||||
|
gap: 9px; |
||||
|
height: 100%; |
||||
|
padding-right: 9px; |
||||
|
margin-top: 15px; |
||||
|
|
||||
|
.right { |
||||
|
display: flex; |
||||
|
flex-direction: column; |
||||
|
justify-content: space-between; |
||||
|
|
||||
|
.top-content { |
||||
|
display: flex; |
||||
|
flex-direction: row; |
||||
|
// gap: 9px; |
||||
|
align-items: center; |
||||
|
|
||||
|
.item-video { |
||||
|
width: 545px; |
||||
|
} |
||||
|
|
||||
|
label { |
||||
|
font-size: 15px; |
||||
|
font-family: PingFang SC, PingFang SC; |
||||
|
font-weight: 400; |
||||
|
color: #3de8ff; |
||||
|
line-height: 19px; |
||||
|
vertical-align: middle; |
||||
|
text-align: right; |
||||
|
padding-right: 12px; |
||||
|
box-sizing: border-box; |
||||
|
} |
||||
|
} |
||||
|
} |
||||
|
} |
||||
|
|
||||
|
.footer { |
||||
|
display: flex; |
||||
|
align-items: center; |
||||
|
justify-content: flex-end; |
||||
|
gap: 9px; |
||||
|
} |
||||
|
</style> |
||||
Loading…
Reference in new issue