Skip to content

C
confucius
Commit fde89e14 authored by Mac's avatar Mac
Browse files
Options

1

parent aa46537d
Hide whitespace changes
Inline Side-by-side
Showing with 116 additions and 35 deletions
src/pages/course/lessonPreparation.vue
View file @ fde89e14
......@@ -81,9 +81,13 @@
text-align: center;
line-height: 30px;
border-radius: 50%;
display: inline-block;
cursor: pointer;
margin-top:5px;
margin-left: 8px;
position: absolute;
right: -10px;
top: -10px;
display: none;
}
.Less_Delete:hover{
opacity: 0.6;
......@@ -91,6 +95,28 @@
.w60{
width:60px!important;
}
.lessonPreparation .addbtn{
width: 100%;
height: 45px;
border-radius: 5px;
border: 1px dashed #E2E2E2;
margin-top: 10px;
}
.lessonPreparation .cont{
padding: 1px;
border: 1px dashed #FFF;
position: relative;
}
.lessonPreparation .cont:hover{
border: 1px dashed #E2E2E2;
}
.lessonPreparation .cont .q-gutter-y-xs > *, .q-gutter-xs > *{
margin: 0;
}
.lessonPreparation .cont:hover .Less_Delete{
display: inline-block;
}
</style>
<template>
<div class="page-body lessonPreparation">
......@@ -116,47 +142,98 @@
</div>
</div>
<div class="teach_Content">
教案详情
指導内容
</div>
<div class="teach_Lessback">
<q-btn color="accent" size="sm" class="q-mr-md" icon="add" label="新增教案" @click="addPlanList()" />
<div style="" v-for="(item,index) in addMsg.LessonPlanList">
<q-input filled stack-label maxlength="50" v-model="item.CourseName" :dense="false"
class="col-12 q-pb-lg" label="指導項目" />
</div>
<div style="margin-top:20px;" v-for="(item,index) in addMsg.LessonPlanList">
<div class="row" style="width:908px;">
<q-input filled stack-label maxlength="20" v-model="item.CourseName" :dense="false"
class="col-3 q-pr-lg q-pb-lg" label="课程名称" />
<q-input filled stack-label maxlength="50" v-model="item.CourseTitle" :dense="false"
class="col-8 q-pb-lg" label="课程标题" />
<span class="Less_Delete" style="margin:10px 0 0 20px;" title="删除详情" @click="delLessOne(index)">
<i class="iconfont icon-shanchu"></i>
</span>
</div>
<div class="teach_Lessback" style="min-width:832px;">
<span class="add_Lesson" @click="addPlanDetailsList(index)" title="新增教案详情">
<i class="iconfont icon-add"></i>
</span>
<div class="teach_Content">
指導項目
</div>
<div style="" v-for="(item,index) in addMsg.LessonPlanList">
<div style="margin-top: 10px">{{item.CourseName}}</div>
<UeEditor class="col-8" v-model="item.ProjectContent" :config="config"></UeEditor>
</div>
<div style="" v-for="(item,index) in addMsg.LessonPlanList">
<div class="teach_Content">
{{item.CourseName}}上课内容
</div>
<div class="row" v-for="(subItem,subIndex) in item.LessonPlanDetailsList"
style="margin-top:20px;align-items: self-end;width:908px;">
<UeEditor class="col-8" v-model="subItem.ProjectContent" :config="config"></UeEditor>
<q-input filled stack-label maxlength="20" v-model="subItem.Duration" @keyup.native="checkInteger(subItem,'Duration')" style="margin-left:10px;margin-top:5px;"
:dense="false" class="col-2 q-pr-lg q-pb-lg" label="时长" />
<span class="Less_Delete" title="删除详情" @click="delLessInfo(index,subIndex)">
<div class="row q-gutter-xs cont" v-for="(subItem,subIndex) in item.LessonPlanDetailsList"
style="margin-top:20px;align-items: self-end;width:100%;">
<q-input filled stack-label maxlength="20" v-model="subItem.Duration" @keyup.native="checkInteger(subItem,'Duration')" style="width: 100%;"
:dense="false" class=" " label="时长" suffix="分钟"/>
<UeEditor class="" style="width: 100%;" v-model="subItem.ProjectContent" :config="config"></UeEditor>
<div class="Less_Delete " title="删除详情" @click="delLessInfo(index,subIndex)">
<i class="iconfont icon-shanchu"></i>
</span>
</div>
</div>
<div style="margin-top:20px;border-bottom:1px dashed #d1d1d1;padding-bottom:20px;margin-right:90px;">
<el-tag :key="tag" style="margin-right:10px;" v-for="tag in item.LessonPlanProjectsList[0].ProjectContentList"
closable :disable-transitions="false" @close="handleClose(tag,index)">
{{tag}}
</el-tag>
<el-input class="input-new-tag w260" v-if="item.isShow" v-model="item.isValue" ref="saveTagInput" size="small"
@keyup.enter.native="handleInputConfirm(item,index)" @blur="handleInputConfirm(item,index)">
</el-input>
<el-button v-else class="button-new-tag" size="small" @click="showInput(item)">
新增教案项目</el-button>
<div class="addbtn flex flex-center" @click="addPlanDetailsList(index)">
<i class="iconfont icon-add"></i>
</div>
</div>
<!-- <div class="teach_Content">-->
<!-- 教案详情-->
<!-- </div>-->
<!-- <div class="teach_Lessback">-->
<!-- <q-btn color="accent" size="sm" class="q-mr-md" icon="add" label="新增教案" @click="addPlanList()" />-->
<!-- </div>-->
<!-- <div style="margin-top:20px;" v-for="(item,index) in addMsg.LessonPlanList">-->
<!-- <div class="row" style="width:908px;">-->
<!-- <q-input filled stack-label maxlength="20" v-model="item.CourseName" :dense="false"-->
<!-- class="col-3 q-pr-lg q-pb-lg" label="课程名称" />-->
<!-- <q-input filled stack-label maxlength="50" v-model="item.CourseTitle" :dense="false"-->
<!-- class="col-8 q-pb-lg" label="课程标题" />-->
<!-- <span class="Less_Delete" style="margin:10px 0 0 20px;" title="删除详情" @click="delLessOne(index)">-->
<!-- <i class="iconfont icon-shanchu"></i>-->
<!-- </span>-->
<!-- </div>-->
<!-- <div class="teach_Lessback" style="min-width:832px;">-->
<!-- <span class="add_Lesson" @click="addPlanDetailsList(index)" title="新增教案详情">-->
<!-- <i class="iconfont icon-add"></i>-->
<!-- </span>-->
<!-- </div>-->
<!-- <div class="row" v-for="(subItem,subIndex) in item.LessonPlanDetailsList"-->
<!-- style="margin-top:20px;align-items: self-end;width:908px;">-->
<!-- <UeEditor class="col-8" v-model="subItem.ProjectContent" :config="config"></UeEditor>-->
<!-- <q-input filled stack-label maxlength="20" v-model="subItem.Duration" @keyup.native="checkInteger(subItem,'Duration')" style="margin-left:10px;margin-top:5px;"-->
<!-- :dense="false" class="col-2 q-pr-lg q-pb-lg" label="时长" />-->
<!-- <span class="Less_Delete" title="删除详情" @click="delLessInfo(index,subIndex)">-->
<!-- <i class="iconfont icon-shanchu"></i>-->
<!-- </span>-->
<!-- </div>-->
<!-- <div style="margin-top:20px;border-bottom:1px dashed #d1d1d1;padding-bottom:20px;margin-right:90px;">-->
<!-- <el-tag :key="tag" style="margin-right:10px;" v-for="tag in item.LessonPlanProjectsList[0].ProjectContentList"-->
<!-- closable :disable-transitions="false" @close="handleClose(tag,index)">-->
<!-- {{tag}}-->
<!-- </el-tag>-->
<!-- <el-input class="input-new-tag w260" v-if="item.isShow" v-model="item.isValue" ref="saveTagInput" size="small"-->
<!-- @keyup.enter.native="handleInputConfirm(item,index)" @blur="handleInputConfirm(item,index)">-->
<!-- </el-input>-->
<!-- <el-button v-else class="button-new-tag" size="small" @click="showInput(item)">-->
<!-- 新增教案项目</el-button>-->
<!-- </div>-->
<!-- </div>-->
<div style="margin-top:30px;">
<span class="beikeModule" @click="saveInfo(1)">存为模板</span>
<q-btn label="提交" size="md" color="accent q-px-md" @click="saveInfo()" />
......@@ -235,6 +312,9 @@
this.addMsg.LessonPlanList = [];
} else {
this.addMsg.LessonPlanList = data.LessonPlanList;
this.addMsg.LessonPlanList.forEach(x=>{
x.ProjectContent=''
})
}
this.TeacherName = data.TeacherName;
this.WorkDate = data.WorkDate;
......@@ -279,6 +359,7 @@
Duration: ''
}
this.addMsg.LessonPlanList[index].LessonPlanDetailsList.push(obj);
console.log(this.addMsg.LessonPlanList)
},
//删除教案详情
delLessInfo(index,subIndex){
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment