Merge branch 'dev'

This commit is contained in:
daihh
2022-06-14 19:59:29 +08:00
16 changed files with 186 additions and 107 deletions

View File

@@ -58,7 +58,10 @@
<el-form-item label="名称" required><el-input maxlength="100" v-model="courseInfo.name" placeholder="课程名称(限100字以内)"></el-input></el-form-item>
<el-form-item label="封面图片" required >
<el-col :span="8">
<imageUpload :value="courseCoverurl" width="160px" height="90px" @success="uploadCoverImgSuccess" @remove="removeCoverImgSuccess"></imageUpload>
<div @click.stop="chooseFile">
<imageUpload :disabled="true" :value="courseCoverurl" width="160px" height="90px" @success="uploadCoverImgSuccess" @subimage="acceptimage" @remove="removeCoverImgSuccess"></imageUpload>
</div>
<div>上传为16:9(:800*450)的png或jpg图片</div>
</el-col>
<el-col :span="16">
@@ -212,6 +215,8 @@
</div>
</el-tab-pane>
</el-tabs>
<filecloud :show="dlgFileChoose.show" @choose="changeCourseImage" @close="choseChoose"></filecloud>
</div>
</template>
@@ -237,6 +242,7 @@ import apiTag from "../../api/modules/tag.js";
import videoPlayer from "@/components/VideoPlayer/index.vue";
import audioPlayer from "@/components/AudioPlayer/index.vue";
import apiCourseFile from '@/api/modules/courseFile.js';
import filecloud from '@/components/FileCloud/index.vue';
import { mapGetters, mapActions } from "vuex";
// import hyperLink from '@/components/Course/hyperLink.vue';
export default {
@@ -246,6 +252,7 @@ export default {
catalogCourseware,
imageUpload,
exam,
filecloud,
homework,
assess,
WxEditor,
@@ -279,6 +286,9 @@ export default {
},
data() {
return {
dlgFileChoose:{
show:false
},
converStatus:4,
courseType: courseType,
isEdit: true,
@@ -350,6 +360,26 @@ export default {
});
},
methods: {
chooseFile(){
this.dlgFileChoose.show=true;
},
choseChoose(){
this.dlgFileChoose.show=false;
},
changeCourseImage(img){
if(!img.path){
return;
}
//console.log(img);
this.dlgFileChoose.show=false;
this.courseInfo.coverImg = img.path;
this.courseCoverurl = this.fileUrl+img.path;
},
acceptimage(value){
this.courseInfo.coverImg = value.path;
this.courseCoverurl = value.path;
},
...mapActions({
getResOwnerTree: "resOwner/getResOwnerTree",
loadResOwners: "resOwner/loadResOwners",