提交 b714a3f0 编写于 作者: bo.dang's avatar bo.dang

新建直播优化

上级 ee52e917
......@@ -77,3 +77,12 @@ export const updateLiveStatus = (params) => {
};
export const getImages = (params) => {
return fetch({
headers,
url: getBaseUrl(`rtc/liveAdmin/backgroundImage`),
method: 'get',
description: '查询可用背景图',
})
};
......@@ -274,7 +274,7 @@
<!-- <img v-if="!cleatBroadcast.liveInfo.mgUrl" class="video-bg-img" src="../../../static/img/small.png"> -->
</el-upload>
</el-col>
<el-col :span="16" v-if="formData.rtcMaterial[0].fileName != ''">
<el-col :span="16" v-if="formData.rtcMaterial.fileName != ''">
<el-progress
:text-inside="true"
......@@ -285,7 +285,7 @@
</el-progress>
<div>
<span>{{fileToName(formData.rtcMaterial[0].fileName,".pdf", 6)}}({{fileToSize(formData.rtcMaterial[0].fileSize, 1)}}M)</span>
<span>{{fileToName(formData.rtcMaterial.fileName,".pdf", 6)}}({{fileToSize(formData.rtcMaterial.fileSize, 1)}}M)</span>
<el-button v-show="(uploadProgress1 > 0)" @click="delFile" style="margin-left: 100px;" size="small" type="text">{{uploadProgress1 && uploadProgress1 < 100 ? '取消上传' : '删除'}}</el-button>
</div>
......@@ -476,50 +476,50 @@
<el-form ref="setForm" :model="setForm">
<!--<input type="text" id="copyInput" class="hidden-input" />-->
<el-radio-group>
<div class="radio-background">
<el-radio :label="3"></el-radio>
<img class="background-img" src="https://test1-file.yunqueyi.com/image/png/protal/project/20200720152355168.png" />
</div>
<div class="radio-background">
<el-radio :label="6"></el-radio>
<img class="background-img" src="https://test1-file.yunqueyi.com/image/png/protal/project/20200720152355168.png" />
</div>
<div class="radio-background">
<el-radio :label="9"></el-radio>
<img class="background-img" src="https://test1-file.yunqueyi.com/image/png/protal/project/20200720152355168.png" />
</div>
<div class="radio-background">
<el-radio :label="12"></el-radio>
<img class="background-img" src="https://test1-file.yunqueyi.com/image/png/protal/project/20200720152355168.png" />
</div>
<div class="radio-background">
<el-radio :label="15"></el-radio>
<img class="background-img" src="https://test1-file.yunqueyi.com/image/png/protal/project/20200720152355168.png" />
</div>
</el-radio-group>
<el-radio-group>
<div class="radio-background">
<el-radio :label="3"></el-radio>
<img class="background-img" src="https://test1-file.yunqueyi.com/image/png/protal/project/20200720152355168.png" />
</div>
<div class="radio-background">
<el-radio :label="6"></el-radio>
<img class="background-img" src="https://test1-file.yunqueyi.com/image/png/protal/project/20200720152355168.png" />
</div>
<div class="radio-background">
<el-radio :label="9"></el-radio>
<img class="background-img" src="https://test1-file.yunqueyi.com/image/png/protal/project/20200720152355168.png" />
</div>
<div class="radio-background">
<el-radio :label="12"></el-radio>
<img class="background-img" src="https://test1-file.yunqueyi.com/image/png/protal/project/20200720152355168.png" />
</div>
<div class="radio-background">
<el-radio :label="15"></el-radio>
<img class="background-img" src="https://test1-file.yunqueyi.com/image/png/protal/project/20200720152355168.png" />
<el-radio-group v-model="formData.backgroundImageId">
<div class="radio-background" v-for="(item, index) in formData.backgroundImages" :key="index">
<el-radio :label="item.backgroundImageId"></el-radio>
<img class="background-img" src="item.imageUrl" />
</div>
<!--<div class="radio-background">-->
<!--<el-radio :label="6"></el-radio>-->
<!--<img class="background-img" src="https://test1-file.yunqueyi.com/image/png/protal/project/20200720152355168.png" />-->
<!--</div>-->
<!--<div class="radio-background">-->
<!--<el-radio :label="9"></el-radio>-->
<!--<img class="background-img" src="https://test1-file.yunqueyi.com/image/png/protal/project/20200720152355168.png" />-->
<!--</div>-->
<!--<div class="radio-background">-->
<!--<el-radio :label="12"></el-radio>-->
<!--<img class="background-img" src="https://test1-file.yunqueyi.com/image/png/protal/project/20200720152355168.png" />-->
<!--</div>-->
<!--<div class="radio-background">-->
<!--<el-radio :label="15"></el-radio>-->
<!--<img class="background-img" src="https://test1-file.yunqueyi.com/image/png/protal/project/20200720152355168.png" />-->
<!--</div>-->
</el-radio-group>
<!--<el-radio-group>-->
<!--<div class="radio-background">-->
<!--<el-radio :label="3"></el-radio>-->
<!--<img class="background-img" src="https://test1-file.yunqueyi.com/image/png/protal/project/20200720152355168.png" />-->
<!--</div>-->
<!--<div class="radio-background">-->
<!--<el-radio :label="6"></el-radio>-->
<!--<img class="background-img" src="https://test1-file.yunqueyi.com/image/png/protal/project/20200720152355168.png" />-->
<!--</div>-->
<!--<div class="radio-background">-->
<!--<el-radio :label="9"></el-radio>-->
<!--<img class="background-img" src="https://test1-file.yunqueyi.com/image/png/protal/project/20200720152355168.png" />-->
<!--</div>-->
<!--<div class="radio-background">-->
<!--<el-radio :label="12"></el-radio>-->
<!--<img class="background-img" src="https://test1-file.yunqueyi.com/image/png/protal/project/20200720152355168.png" />-->
<!--</div>-->
<!--<div class="radio-background">-->
<!--<el-radio :label="15"></el-radio>-->
<!--<img class="background-img" src="https://test1-file.yunqueyi.com/image/png/protal/project/20200720152355168.png" />-->
<!--</div>-->
<!--</el-radio-group>-->
</el-form>
......@@ -538,7 +538,7 @@
import { isEmptyUtils, openLoading, closeLoading } from "../../utils/utils";
import { doUpload, getFilePath } from "../../utils/qiniu-util";
import { checkMobile } from '../../utils/patients/checkValid';
import { getRtcInfo } from "../../utils/yqrange/yqrangeApi";
import { getRtcInfo, getImages } from "../../utils/yqrange/yqrangeApi";
import Cropper from '@/components/common/cropper.vue'
// import { ossUpload, getFilePathForOSS } from "@/utils/oss/ossUtil";
// import { checkPhone } from "../login.vue";
......@@ -615,13 +615,14 @@
phone: '',
username: ''
}], // 嘉宾
rtcMaterial: [{
rtcMaterial: {
fileName: "",
fileSize: "",
fileUrl: "",
rtcId: "",
}]
},
backgroundImageId: null
},
introTextNum: 0,
rtcIntroducesText:[],
......@@ -735,6 +736,7 @@
// if(rtcId){
// this.curmbThird = "编辑直播";
// }
this.initImages();
if(this.rtcId){
this.curmbThird = "编辑直播";
this.initRtcInfo(this.rtcId);
......@@ -749,6 +751,23 @@
return true;
}
},
// 取得背景
initImages(){
getImages({
}).then((res) => {
if(res.code == "000000") {
this.formData.backgroundImages = res.data;
}
}).catch((error) => {
this.$message({
message: "请重试",
type: 'error'
});
})
},
// 初始化直播
initRtcInfo(rtcId){
getRtcInfo({
......@@ -905,9 +924,9 @@
// else {
// vm.fileSize = file.size;
// }
this.formData.rtcMaterial[0].fileName = file.name;
this.formData.rtcMaterial[0].fileSize = file.size;
this.formData.rtcMaterial[0].rtcId = this.rtcId;
this.formData.rtcMaterial.fileName = file.name;
this.formData.rtcMaterial.fileSize = file.size;
this.formData.rtcMaterial.rtcId = this.rtcId;
// 初始化
this.uploadProgress1 = Number("0.00");
......@@ -919,7 +938,7 @@
// if(vm.playbackForm.videos != null && vm.playbackForm.videos[0] != null){
// vm.playbackForm.videos[0].videoUrl = path.fullPath;
// }
vm.formData.rtcMaterial[0].fileUrl = path.fullPath;
vm.formData.rtcMaterial.fileUrl = path.fullPath;
// vm.playbackForm.videos[0].videoSize =
// vm.playbackForm.videos[0].seqNo = 0;
// vm.playbackForm.videos[0].videoName = vm.fileName;
......@@ -1401,8 +1420,8 @@
if(!this.checkGuests()){
return;
}
if(this.formData.guests != null & this.formData.guests.length >= 50){
this.$message.error("嘉宾最多50位!");
if(this.formData.guests != null & this.formData.guests.length >= 100000){
this.$message.error("嘉宾最多100000位!");
}
else {
this.formData.guests.push({username: "", phone: ""});
......@@ -1647,12 +1666,12 @@
// this.uploadProgress = Number("0.00");
}
this.formData.rtcMaterial = [{
this.formData.rtcMaterial = {
fileName: "",
fileSize: "",
fileUrl: "",
rtcId: "",
}];
};
}
},
}
......
Markdown 格式
0% or
您添加了 0 到此讨论。请谨慎行事。
先完成此消息的编辑!
想要评论请 注册