fix：添加现场大屏配置视频按钮，projectSn暂时写死，部署时需要切换相应的projectSn
This commit is contained in:
Vce
parent
5fa165ddac
commit
f060f0e3fb
@ -18,6 +18,5 @@ export const getProjectExtendInfoApi = data => post('xmgl/projectExtend/getProje
|
||||
export const editProjectExtendApi = data => post('xmgl/projectExtend/editProjectExtend', data); //编辑项目信息扩展信息
|
||||
export const getSafeEducationDataApi = data => post('xmgl/safeEducationQuestion/selectSafeEducationCoursePage', data); //获取安全教育培训数据列表
|
||||
|
||||
|
||||
|
||||
|
||||
export const configWeekVideoSaveApi = data => post('xmgl/educationConfigWeekVideo/save', data); //保存现场大屏视频数据
|
||||
export const configWeekVideoListApi = data => get('xmgl/educationConfigWeekVideo/list', data); //获取现场大屏视频数据列表
|
||||
@ -338,6 +338,32 @@
|
||||
type="textarea"
|
||||
></el-input>
|
||||
</el-form-item>
|
||||
<el-form-item
|
||||
label="配置现场大屏视频"
|
||||
>
|
||||
<div class="videoBtn">
|
||||
<div class="videoInner" v-for="(item, index) in dialogInfo.videoUploadList" :key="index" >
|
||||
<el-upload
|
||||
ref="upload"
|
||||
class="upload-demo"
|
||||
:action="$store.state.UPLOADURL"
|
||||
:on-success="file => handleSuccess(file, index)"
|
||||
:beforeUpload="handleBeforeUploadVideo"
|
||||
name="files"
|
||||
:show-file-list="false"
|
||||
>
|
||||
<el-button type="primary" size="medium">{{item.title}}<i class="el-icon-upload"></i></el-button>
|
||||
</el-upload>
|
||||
</div>
|
||||
<!-- <div class="videoInner" @click="uploadVideo(1)"><el-button type="primary" size="medium">{{item.title}}<i class="el-icon-upload"></i></el-button></div>
|
||||
<div class="videoInner" @click="uploadVideo(2)"><el-button type="primary" size="medium">{{item.title}}<i class="el-icon-upload"></i></el-button></div>
|
||||
<div class="videoInner" @click="uploadVideo(3)"><el-button type="primary" size="medium">{{item.title}}<i class="el-icon-upload"></i></el-button></div>
|
||||
<div class="videoInner" @click="uploadVideo(4)"><el-button type="primary" size="medium">{{item.title}}<i class="el-icon-upload"></i></el-button></div>
|
||||
<div class="videoInner" @click="uploadVideo(5)"><el-button type="primary" size="medium">{{item.title}}<i class="el-icon-upload"></i></el-button></div>
|
||||
<div class="videoInner" @click="uploadVideo(6)"><el-button type="primary" size="medium">{{item.title}}<i class="el-icon-upload"></i></el-button></div>
|
||||
<div class="videoInner" @click="uploadVideo(7)"><el-button type="primary" size="medium">{{item.title}}<i class="el-icon-upload"></i></el-button></div> -->
|
||||
</div>
|
||||
</el-form-item>
|
||||
</el-form>
|
||||
<div class="dialog-footer">
|
||||
<el-button
|
||||
@ -367,12 +393,19 @@
|
||||
import {
|
||||
getProjectExtendInfoApi,
|
||||
editProjectExtendApi,
|
||||
getSafeEducationDataApi
|
||||
getSafeEducationDataApi,
|
||||
configWeekVideoListApi,
|
||||
configWeekVideoSaveApi
|
||||
} from "@/assets/js/api/baseInfo.js";
|
||||
export default {
|
||||
name: "extendInfo",
|
||||
data() {
|
||||
return {
|
||||
videoConfigData:'',
|
||||
dialogInfo:{
|
||||
postData:'',
|
||||
videoUploadList:[{id:1,title:'周一'},{id:1,title:'周二'},{id:1,title:'周三'},{id:1,title:'周四'},{id:1,title:'周五'},{id:1,title:'周六'},{id:1,title:'周日'}],
|
||||
},
|
||||
projectDialogTitle: this.$t("message.extendInfo.editProjectInfo"),
|
||||
editProjectDialog: false,
|
||||
editProjectForm: {
|
||||
@ -415,6 +448,79 @@ export default {
|
||||
this.getEducationListFn();
|
||||
},
|
||||
methods: {
|
||||
async configWeekVideoListFn(){
|
||||
await configWeekVideoListApi({
|
||||
// projectSn: this.$store.state.projectSn,
|
||||
projectSn: "BD3137498CB84BF0969979E0342CDBCA", // yh001
|
||||
}).then(res =>{
|
||||
if (res.result) {
|
||||
this.videoConfigData = res.result;
|
||||
}
|
||||
})
|
||||
},
|
||||
async configWeekVideoEditFn(url,weekIndex){
|
||||
console.log(url);
|
||||
let requestData = {
|
||||
// projectSn: this.$store.state.projectSn,
|
||||
projectSn: "BD3137498CB84BF0969979E0342CDBCA", // yh001
|
||||
type: 3
|
||||
};
|
||||
// 星期参数
|
||||
console.log("=============================")
|
||||
console.log(weekIndex,"weekIndex")
|
||||
console.log("=============================")
|
||||
// const today = weekIndex == 6 ? 0 : weekIndex + 1;
|
||||
// const weekParamsKey = ["sun", "mon", "tues", "wed", "thur", "fri", "sat"];
|
||||
// requestData[weekParamsKey[+today]] = url;
|
||||
if(weekIndex == 0) requestData.mon = url
|
||||
if(weekIndex == 1) requestData.tues = url
|
||||
if(weekIndex == 2) requestData.wed = url
|
||||
if(weekIndex == 3) requestData.thur = url
|
||||
if(weekIndex == 4) requestData.fri = url
|
||||
if(weekIndex == 5) requestData.sat = url
|
||||
if(weekIndex == 6) requestData.sun = url
|
||||
|
||||
// type参数
|
||||
// 项目看板：1 总览大屏：2 现场大屏：3
|
||||
requestData.type = 3
|
||||
// id参数
|
||||
if (this.videoConfigData && this.videoConfigData.length) {
|
||||
requestData.id = this.videoConfigData[0].id;
|
||||
}
|
||||
const res = await configWeekVideoSaveApi(requestData);
|
||||
if (res.success) {
|
||||
console.log("修改成功", res);
|
||||
this.$message({
|
||||
showClose: true,
|
||||
message: "上传成功",
|
||||
type: "success"
|
||||
});
|
||||
// configWeekVideoListFn(true);
|
||||
// emits("updateConfig");
|
||||
}
|
||||
},
|
||||
handleSuccess(file,index){
|
||||
if (file.code == 200 || file.status == "SUCCESS") {
|
||||
console.log(file, "上传成功");
|
||||
let url = file.data[0].imageUrl;
|
||||
// this.imgUrl = url;
|
||||
this.configWeekVideoEditFn( url, index);
|
||||
}
|
||||
},
|
||||
handleBeforeUploadVideo(file){
|
||||
console.log(file, "上传之前");
|
||||
let fileType = file.type.split("/")[0];
|
||||
if (fileType == "video") {
|
||||
return true;
|
||||
} else {
|
||||
this.$message({
|
||||
showClose: true,
|
||||
message: "请选择正确的视频文件",
|
||||
type: "warning"
|
||||
});
|
||||
return false;
|
||||
}
|
||||
},
|
||||
getEducationListFn() {
|
||||
let requestData = {
|
||||
projectSn: this.projectSn,
|
||||
@ -527,6 +633,14 @@ export default {
|
||||
};
|
||||
</script>
|
||||
<style lang="less" scoped>
|
||||
.videoBtn{
|
||||
width: 320px;
|
||||
display: flex;
|
||||
flex-wrap: wrap;
|
||||
.videoInner{
|
||||
width: 80px;
|
||||
}
|
||||
}
|
||||
.flex {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
|
||||
Loading…
x
Reference in New Issue
Block a user