Skip to content

C
confucius
Commit a002094c authored by zhengke's avatar zhengke
Browse files
Options

修改

parent 43470dd5
Hide whitespace changes
Inline Side-by-side
Showing with 164 additions and 95 deletions
src/pages/course/lessonPreparation.vue
View file @ a002094c
...@@ -42,6 +42,7 @@ ...@@ -42,6 +42,7 @@
display: inline-block; display: inline-block;
cursor: pointer; cursor: pointer;
} }
.lessonPreparation .beikeBtn { .lessonPreparation .beikeBtn {
padding: 6px 30px; padding: 6px 30px;
background-color: #2961FE; background-color: #2961FE;
...@@ -51,72 +52,114 @@ ...@@ -51,72 +52,114 @@
margin-left: 20px; margin-left: 20px;
cursor: pointer; cursor: pointer;
} }
.lessonPreparation .beikeModule { .lessonPreparation .beikeModule {
padding: 6px 15px; padding: 9px 15px;
background-color: #FFFFFF; background-color: #FFFFFF;
color: #A1AAB2; color: #A1AAB2;
font-size: 13px; font-size: 13px;
border-radius: 5px; border-radius: 5px;
margin-left: 20px; margin-right: 20px;
cursor: pointer; cursor: pointer;
border:1px solid #A1AAB2; border: 1px solid #A1AAB2;
} }
.teach_Lessback {
width: 64.5%;
height: 50px;
min-width: 908px;
text-align: right;
line-height: 50px;
padding-right: 20px;
background-color: #F0F5FB;
}
.Less_Delete{
width: 30px;
height: 30px;
background-color: red;
color: #fff;
text-align: center;
line-height: 30px;
border-radius: 50%;
display: inline-block;
cursor: pointer;
margin-top:5px;
}
.Less_Delete:hover{
opacity: 0.6;
}
</style> </style>
<template> <template>
<div class="page-body lessonPreparation"> <div class="page-body lessonPreparation">
<div class="lessTop">备课编辑</div> <div style="width:70%;min-width:908px;">
<div style="margin:20px 0;"> <div class="lessTop">备课编辑</div>
<span class="Less_LeftIcon"></span> <div style="margin:20px 0;">
<el-input v-model="addMsg.LessonPlan" placeholder="教案名称" class="w260"></el-input> <span class="Less_LeftIcon"></span>
<el-input v-model="addMsg.CourseNum" style="margin-left:20px;" placeholder="第几课" class="w180"></el-input> 教案名称：<el-input v-model="addMsg.LessonPlan" placeholder="教案名称" class="w260"></el-input>
</div> <span style="margin-left:30px;">第几课：</span>
<div style="display:flex;"> <el-input v-model="addMsg.CourseNum" placeholder="第几课" class="w180"></el-input>
<div>
<span class="less_Time">时间：</span>
<span>2016年4月18日</span>
</div> </div>
<div style="margin-left:200px;"> <div style="display:flex;">
<span class="less_Time">担当者：</span> <div>
<span>张三丰</span> <span class="less_Time" style="margin-left:30px;">时间：</span>
<span>{{WorkDate}}</span>
</div>
<div style="margin-left:188px;">
<span class="less_Time">担当者：</span>
<span>{{TeacherName}}</span>
</div>
</div> </div>
</div> <div class="teach_Content">
<div class="teach_Content"> 教案详情
上课内容
</div>
<div>
<span class="add_Lesson" @click="addPlanList()">
<i class="iconfont icon-add"></i>
</span>
</div>
<div style="margin-top:20px;" v-for="(item,index) in addMsg.LessonPlanList">
<div class="row">
<q-input filled stack-label maxlength="20" v-model="item.CourseName" :dense="false" class="col-2 q-pr-lg q-pb-lg" label="课程名称" />
<q-input filled stack-label maxlength="20" v-model="item.CourseTitle" :dense="false" class="col-8 q-pr-lg q-pb-lg" label="课程标题" />
</div> </div>
<div> <div class="teach_Lessback">
<span class="add_Lesson" style="margin-top:70px;" @click="addPlanDetailsList(index)"> <q-btn color="accent" size="sm" class="q-mr-md" icon="add" label="新增教案" @click="addPlanList()" />
<!-- <q-btn label="新增教案" color="accent q-px-md" style="font-weight:400 !important" @click="addPlanList()" /> -->
<!-- <span class="add_Lesson" @click="addPlanList()" title="新增教案">
<i class="iconfont icon-add"></i> <i class="iconfont icon-add"></i>
</span> </span> -->
</div>
<div class="row" v-for="(subItem,subIndex) in item.LessonPlanDetailsList">
<UeEditor class="col-8" v-model="subItem.ProjectContent" :config="config"></UeEditor>
<q-input filled stack-label maxlength="20" v-model="subItem.Duration" style="margin-left:10px;" :dense="false"
class="col-2 q-pr-lg q-pb-lg" label="时长" />
</div> </div>
<div style="margin-top:20px;"> <div style="margin-top:20px;" v-for="(item,index) in addMsg.LessonPlanList">
<el-tag :key="tag" v-for="tag in item.LessonPlanProjectsList" closable :disable-transitions="false" @close="handleClose(tag,index)"> <div class="row" style="width:908px;">
{{tag}} <q-input filled stack-label maxlength="20" v-model="item.CourseName" :dense="false"
</el-tag> class="col-3 q-pr-lg q-pb-lg" label="课程名称" />
<el-input class="input-new-tag w260" v-if="inputVisible" v-model="inputValue" ref="saveTagInput" size="small" <q-input filled stack-label maxlength="50" v-model="item.CourseTitle" :dense="false"
@keyup.enter.native="handleInputConfirm(index)" @blur="handleInputConfirm(index)"> class="col-8 q-pb-lg" label="课程标题" />
</el-input> <span class="Less_Delete" style="margin:10px 0 0 20px;" title="删除详情" @click="delLessOne(index)">
<el-button v-else class="button-new-tag" size="small" @click="showInput">新增教案项目</el-button> <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;">
<UeEditor class="col-8" v-model="subItem.ProjectContent" :config="config"></UeEditor>
<q-input filled stack-label maxlength="20" v-model="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>
</div> <div style="margin-top:30px;">
<div style="margin-top:30px;">
<span class="beikeModule" @click="saveInfo(1)">存为模板</span> <span class="beikeModule" @click="saveInfo(1)">存为模板</span>
<span class="beikeBtn" @click="saveInfo(0)">提交</span> <q-btn label="提交" size="md" color="accent q-px-md" @click="saveInfo()" />
<!-- <span class="beikeBtn" @click="saveInfo(0)">提交</span> -->
</div>
</div> </div>
</div> </div>
</template> </template>
...@@ -137,10 +180,10 @@ ...@@ -137,10 +180,10 @@
}, },
data() { data() {
return { return {
msg:{ msg: {
ClassId:0, ClassId: 0,
School_Id:0, School_Id: 0,
ClassPlanId:0 ClassPlanId: 0
}, },
addMsg: { addMsg: {
CourseNum: '', //第几课 CourseNum: '', //第几课
...@@ -151,6 +194,8 @@ ...@@ -151,6 +194,8 @@
IsTemplate: 0, //是否设置成模板0-否，1-是 IsTemplate: 0, //是否设置成模板0-否，1-是
LessonPlanList: [] //老师教案详情 LessonPlanList: [] //老师教案详情
}, },
TeacherName: '', //教师名字
WorkDate: '', //时间
config: { config: {
initialFrameWidth: null, initialFrameWidth: null,
initialFrameHeight: 150, initialFrameHeight: 150,
...@@ -171,65 +216,89 @@ ...@@ -171,65 +216,89 @@
methods: { methods: {
getList() { getList() {
GetClassLessPlan(this.msg).then(res => { GetClassLessPlan(this.msg).then(res => {
console.log(res,'数据来了'); console.log(res, '数据来了');
if(res.Code==1){ if (res.Code == 1) {
let data = res.Data; let data = res.Data;
this.addMsg.CourseNum = data.CourseNum; this.addMsg.CourseNum = data.CourseNum;
this.addMsg.ClassId = data.ClassId; this.addMsg.ClassId = data.ClassId;
this.addMsg.School_Id = data.School_Id; this.addMsg.School_Id = data.School_Id;
this.addMsg.ClassPlanId = data.ClassPlanId; this.addMsg.ClassPlanId = data.ClassPlanId;
this.addMsg.LessonPlan = data.LessonPlan; this.addMsg.LessonPlan = data.LessonPlan;
this.addMsg.IsTemplate = data.IsTemplate; this.addMsg.IsTemplate = data.IsTemplate;
this.addMsg.LessonPlanList = data.IsTemplate; if (data.LessonPlanList == null) {
this.addMsg.LessonPlanList = [];
} else {
this.addMsg.LessonPlanList = data.LessonPlanList;
} }
this.TeacherName = data.TeacherName;
this.WorkDate = data.WorkDate;
}
}) })
}, },
handleClose(tag,index) { handleClose(tag, index) {
this.addMsg.LessonPlanList[index].LessonPlanProjectsList.splice(this.addMsg.LessonPlanList[index].LessonPlanProjectsList.indexOf(tag), 1); this.addMsg.LessonPlanList[index].LessonPlanProjectsList[0].ProjectContentList.splice(this.addMsg
.LessonPlanList[index].LessonPlanProjectsList[0].ProjectContentList.indexOf(tag), 1);
}, },
showInput() { showInput(item) {
this.inputVisible = true; item.isShow = true;
this.$nextTick(() => { this.$nextTick(() => {
this.$refs.saveTagInput[0].$refs.input.focus(); this.$refs.saveTagInput[0].$refs.input.focus();
}); });
}, },
handleInputConfirm(index) { handleInputConfirm(item, index) {
let inputValue = this.inputValue; if (item.isValue) {
if (inputValue) { this.addMsg.LessonPlanList[index].LessonPlanProjectsList[0].ProjectContentList.push(item.isValue);
this.addMsg.LessonPlanList[index].LessonPlanProjectsList.push(inputValue);
} }
this.inputVisible = false; item.isShow = false;
this.inputValue = ''; item.isValue = '';
}, },
//新增教案 //新增教案
addPlanList(){ addPlanList() {
let obj={ let obj = {
CourseName:'', //课程名称（活动篇/理解篇） CourseName: '', //课程名称（活动篇/理解篇）
CourseTitle:'', //课程标题 CourseTitle: '', //课程标题
LessonPlanDetailsList:[], //老师教案详情 LessonPlanDetailsList: [], //老师教案详情
LessonPlanProjectsList:[] //老师教案详情 LessonPlanProjectsList: [{
} ProjectContentList: []
this.addMsg.LessonPlanList.push(obj); }], //老师教案详情
isShow: false,
isValue: ''
}
this.addMsg.LessonPlanList.push(obj);
}, },
//添加老师教案详情 //添加老师教案详情
addPlanDetailsList(index){ addPlanDetailsList(index) {
var obj={ var obj = {
ProjectContent:'', ProjectContent: '',
Duration:'' Duration: ''
} }
this.addMsg.LessonPlanList[index].LessonPlanDetailsList.push(obj); this.addMsg.LessonPlanList[index].LessonPlanDetailsList.push(obj);
},
//删除教案详情
delLessInfo(index,subIndex){
this.addMsg.LessonPlanList[index].LessonPlanDetailsList.splice(subIndex,1);
},
//删除整个教案
delLessOne(index){
this.addMsg.LessonPlanList.splice(index,1);
}, },
//提交 //提交
saveInfo(num){ saveInfo(num) {
this.addMsg.IsTemplate=num; this.addMsg.IsTemplate = num;
SetClassLessPlan(this.addMsg).then(res => { SetClassLessPlan(this.addMsg).then(res => {
this.$q.notify({ if(res.Code==1){
icon: 'iconfont icon-chenggong', this.$q.notify({
color: 'accent', icon: 'iconfont icon-chenggong',
timeout: 2000, color: 'accent',
message: '数据保存成功！', timeout: 2000,
position: 'top' message: '数据保存成功！',
}) position: 'top'
})
var tempStr = '/course/teacherLesson';
this.$router.push({
path: tempStr
});
}
}) })
}, },
}, },
......
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