<template>
|
<el-dialog
|
:visible.sync="dialogVisible"
|
:modal-append-to-body="false"
|
:close-on-click-modal="false"
|
width="600px"
|
:before-close="handleClose"
|
>
|
<div style="margin: 0 25px">
|
<div style="display: flex;flex-direction: column">
|
<div style="display: flex;align-items: center;justify-content: space-between">
|
<span style="font-size: 20px;font-weight: 550">课程大纲</span>
|
<span style="color: #1890ff;cursor: pointer;" @click="clickOpen">收起/展开</span>
|
</div>
|
<div :class="{'open':isClose}" style="overflow: hidden">
|
<div v-for="(item,index) in courseList" :key="index" style="font-size: 16px;margin: 20px 35px">
|
<span>{{item.name}}</span>
|
</div>
|
</div>
|
|
</div>
|
<div style="display: flex;flex-direction: column">
|
<span style="font-size: 20px;font-weight: 550">课程章节资源</span>
|
<el-table
|
:data="courseTable"
|
style="width: 80%;margin: 20px 35px">
|
<el-table-column
|
prop="catalogCode"
|
label="章节UUID">
|
</el-table-column>
|
<el-table-column
|
prop="catalogName"
|
label="章节名称">
|
</el-table-column>
|
<el-table-column
|
label="资源类别"
|
prop="resourceType">
|
</el-table-column>
|
<el-table-column
|
label="章节学时"
|
prop="lessonNum">
|
</el-table-column>
|
<el-table-column label="预览" align="center" class-name="small-padding fixed-width">
|
<template #default="scope">
|
<el-button
|
size="mini"
|
type="text"
|
style="color: #1890ff"
|
>预览课程</el-button>
|
</template>
|
</el-table-column>
|
</el-table>
|
|
</div>
|
|
</div>
|
</el-dialog>
|
</template>
|
|
<script >
|
export default {
|
name: 'addUser',
|
components: {
|
},
|
data() {
|
return {
|
isClose:false,
|
dialogVisible: false,
|
dialogStatus: '',
|
dataForm: {},
|
courseTable: [
|
{
|
catalogCode: '1',
|
catalogName: '测试',
|
resourceType: '视频',
|
lessonNum: '2h'
|
},
|
{
|
catalogCode: '1',
|
catalogName: '测试3',
|
resourceType: '音频',
|
lessonNum: '45min'
|
}
|
],
|
courseList: [
|
{
|
name: '1.1 ……'
|
},
|
{
|
name: '1.2 ……'
|
},
|
{
|
name: '1.3 ……'
|
}
|
|
]
|
}
|
},
|
created() {
|
},
|
methods: {
|
openDialog (type, data) {
|
this.resetDataForm();
|
this.dialogVisible = true;
|
this.dialogStatus = type;
|
},
|
clickOpen() {
|
this.isClose = !this.isClose
|
},
|
handleClose() {
|
this.dialogVisible = false;
|
this.$emit("getList");
|
},
|
onSubmit() {
|
this.$refs["dataForm"].validate( async valid => {
|
if (valid) {
|
if(this.dialogStatus == 'add'){
|
// this.dataForm.isCm = 1;
|
// console.log("this.dataForm",this.dataForm)
|
// const res = await addExam(this.dataForm);
|
// if(res.code == 200) {
|
this.$emit("getList");
|
this.dialogVisible = false;
|
// this.$message({
|
// type:'success',
|
// message: '新增成功'
|
// })
|
// }else{
|
// this.$message({
|
// type:'warning',
|
// message: res.msg
|
// })
|
// }
|
}else {
|
// this.dataForm.isCm = 1;
|
// console.log("this.dataForm",this.dataForm)
|
// const res = await updateExam(this.dataForm);
|
// if(res.code == 200) {
|
this.$emit("getList");
|
this.dialogVisible = false;
|
// this.$message({
|
// type:'success',
|
// message: '编辑成功'
|
// })
|
// }else{
|
// this.$message({
|
// type:'warning',
|
// message: res.msg
|
// })
|
// }
|
}
|
}
|
})
|
|
},
|
resetDataForm() {
|
this.dataForm = {
|
}
|
},
|
}
|
}
|
|
</script>
|
<style scoped>
|
.open{
|
height: 15px;
|
}
|
</style>
|
