Skip to content

C
confucius
Commit 9c6b3d33 authored by 罗超's avatar 罗超
Browse files
Options

更新备课相关

parent 51aea3d8
Hide whitespace changes
Inline Side-by-side
Showing with 346 additions and 249 deletions
src/App.vue
View file @ 9c6b3d33
...@@ -13,7 +13,9 @@ export default { ...@@ -13,7 +13,9 @@ export default {
<style> <style>
@import url('~assets/css/font.css'); @import url('~assets/css/font.css');
@import url('//at.alicdn.com/t/font_2077629_1f7iels6h8w.css'); @import url('//at.alicdn.com/t/font_2077629_1f7iels6h8w.css');
.q-scrollarea__thumb{
z-index: 999999!important;
}
html, html,
body, body,
#q-app { #q-app {
......
src/layouts/MainLayout.vue
View file @ 9c6b3d33
...@@ -68,7 +68,7 @@ ...@@ -68,7 +68,7 @@
</div> </div>
</div> </div>
<div class="col" style="background: #f2f4f7;"> <div class="col" style="background: #f2f4f7;">
<q-scroll-area class="fit" :thumb-style="thumbStyle" :bar-style="barStyle" visible style=""> <q-scroll-area :thumb-style="thumbStyle" :bar-style="barStyle" visible class="fit content-scroll full-width full-height">
<router-view /> <router-view />
</q-scroll-area> </q-scroll-area>
</div> </div>
...@@ -307,7 +307,7 @@ ...@@ -307,7 +307,7 @@
<style> <style>
@import url('~assets/css/common.css'); @import url('~assets/css/common.css');
.full-width { .content-scroll>.scroll>.full-width {
height: 100%; height: 100%;
} }
......
src/pages/course/lessonPreparation.vue
View file @ 9c6b3d33
...@@ -182,101 +182,124 @@ ...@@ -182,101 +182,124 @@
line-height: unset !important; line-height: unset !important;
letter-spacing: unset !important; letter-spacing: unset !important;
} }
</style> </style>
<template> <template>
<div class="row"> <div class="row full-height">
<div class="page-body lessonPreparation" style="width:40%" v-if="chapter"> <div class="page-body lessonPreparation" style="width:40%;height: calc(100% - 30px) !important;">
<div class="prepareTopTitle q-table__title"> <q-scroll-area
<div class="prePare_Line"></div> :thumb-style="thumbStyle"
<div>{{chapter.CourseName}}</div> :content-style="contentStyle"
</div> :content-active-style="contentActiveStyle"
<div class="preSecond"> class="full-width full-height"
{{chapter.ChapterName}} >
</div> <div class="row">
<div class="prepareTopTitle q-table__title"> <div class="prepareTopTitle q-table__title col">
<div class="prePare_Line" style="background-color:#2961FE"></div> <div class="prePare_Line"></div>
<div>章节学习内容</div> <div>{{courseName}}</div>
</div>
<div class="prePare_Content" v-if="chapter.ChapterContent!=''" v-html="decodeURIComponent(chapter.ChapterContent)"></div>
<div class="prePare_Content text-center q-pa-lg" v-else>暂无内容</div>
<div class="prepareTopTitle q-table__title">
<div class="prePare_Line" style="background-color:#2961FE"></div>
<div>教学目标</div>
</div>
<div class="prePare_Content" style="background:#F7F0FB" v-if="chapter.Objectives!=''" v-html="decodeURIComponent(chapter.Objectives)">
</div>
<div class="prePare_Content text-center q-pa-lg" style="background:#F7F0FB" v-else>暂无内容</div>
<div class="prepareTopTitle q-table__title">
<div class="prePare_Line" style="background:#2961FE"></div>
<div>学生学习要求</div>
</div>
<div class="prePare_Content" style="background:#FBF6F0" v-if="chapter.Requirement!=''" v-html="decodeURIComponent(chapter.Requirement)">
</div>
<div class="prePare_Content text-center q-pa-lg" style="background:#FBF6F0" v-else>暂无内容</div>
</div>
<div class="page-body lessonPreparation row col">
<div>
<div class="lessTop">备课编辑</div>
<div style="margin:20px 0;">
<span class="Less_LeftIcon"></span>
教案名称：<el-input v-model="addMsg.LessonPlan" placeholder="教案名称" class="w260"></el-input>
<span style="margin-left:30px;">第
<el-input v-model="addMsg.CourseNum" style="margin:0 5px;" placeholder="第几课" @keyup.native="checkInteger(addMsg,'CourseNum')" class="w60"></el-input>课</span>
<span style="float:right;display:inline-block;margin-left:20px;">
<q-btn color="accent" size="sm" class="q-mr-md" icon="add" label="选择模板" @click="getModule()" />
</span>
</div>
<div style="display:flex;">
<div>
<span class="less_Time" style="margin-left:30px;">时间：</span>
<span>{{WorkDate}}</span>
</div> </div>
<div style="margin-left:188px;"> <div class="prepareTopTitle q-table__title" v-if="chapters && chapters.length>0">
<span class="less_Time">担当者：</span> <div class="prePare_Line"></div>
<span>{{TeacherName}}</span> <div>{{chapters[0].ChapterName}}</div>
</div> </div>
</div> </div>
<div class="teach_Content"> <div v-if="chapters && chapters.length>0">
教学目标 <div v-for="(chapter,i) in chapters[0].ChildList">
</div> <div class="preSecond">
<div style="" v-for="(item,index) in addMsg.LessonPlanList" v-if="index==0"> {{chapter.ChapterName}}
<q-input filled stack-label maxlength="50" v-model="item.CourseTitle" :dense="false" class="col-12 q-pb-lg" label="教学目标" /> </div>
</div> <div class="prepareTopTitle q-table__title">
<div class="teach_Content"> <div class="prePare_Line" style="background-color:#2961FE"></div>
教学难点 <div>章节学习内容</div>
</div> </div>
<div style="" v-for="(item,index) in addMsg.LessonPlanList" v-if="index==0"> <div class="prePare_Content" v-if="chapter.ChapterContent!=''" v-html="decodeURIComponent(chapter.ChapterContent)"></div>
<!-- <div style="margin-top: 10px">{{item.CourseName}}</div> --> <div class="prePare_Content text-center q-pa-lg" v-else>暂无内容</div>
<UeEditor class="col-8" v-model="item.LessonPlanProjectsList[0].ProjectContent" :config="config"></UeEditor> <div class="prepareTopTitle q-table__title">
<div class="prePare_Line" style="background-color:#2961FE"></div>
<div>教学目标</div>
</div>
<div class="prePare_Content" style="background:#F7F0FB" v-if="chapter.Objectives!=''" v-html="decodeURIComponent(chapter.Objectives)">
</div>
<div class="prePare_Content text-center q-pa-lg" style="background:#F7F0FB" v-else>暂无内容</div>
<div class="prepareTopTitle q-table__title">
<div class="prePare_Line" style="background:#2961FE"></div>
<div>学生学习要求</div>
</div>
<div class="prePare_Content" style="background:#FBF6F0" v-if="chapter.Requirement!=''" v-html="decodeURIComponent(chapter.Requirement)">
</div>
<div class="prePare_Content text-center q-pa-lg" style="background:#FBF6F0" v-else>暂无内容</div>
</div>
</div> </div>
<div style="" v-for="(item,index) in addMsg.LessonPlanList" v-if="index==0"> <div v-else class="q-pa-lg bg-grey-2 rounded-borders q-my-lg">暂无章节信息</div>
</q-scroll-area>
</div>
<div class="page-body lessonPreparation row col" style="height: calc(100% - 30px) !important;">
<q-scroll-area
:thumb-style="thumbStyle"
:content-style="contentStyle"
:content-active-style="contentActiveStyle"
class="full-width full-height"
>
<div>
<div class="lessTop">备课编辑</div>
<div style="margin:20px 0;">
<span class="Less_LeftIcon"></span>
教案名称：<el-input v-model="addMsg.LessonPlan" placeholder="教案名称" class="w260"></el-input>
<span style="margin-left:30px;">第
<el-input v-model="addMsg.CourseNum" style="margin:0 5px;" placeholder="第几课" @keyup.native="checkInteger(addMsg,'CourseNum')" class="w60"></el-input>课</span>
<span style="float:right;display:inline-block;margin-left:20px;">
<q-btn color="accent" size="sm" class="q-mr-md" icon="add" label="选择模板" @click="getModule()" />
</span>
</div>
<div style="display:flex;">
<div>
<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 class="teach_Content">
教学目标
</div>
<div style="" v-for="(item,index) in addMsg.LessonPlanList" v-if="index==0">
<q-input filled stack-label maxlength="50" v-model="item.CourseTitle" :dense="false" class="col-12 q-pb-lg" label="教学目标" />
</div>
<div class="teach_Content"> <div class="teach_Content">
教学流程 教学难点
</div> </div>
<div class="row q-gutter-xs cont" v-for="(subItem,subIndex) in item.LessonPlanDetailsList" style="margin-top:20px;align-items: self-end;width:100%;"> <div style="" v-for="(item,index) in addMsg.LessonPlanList" v-if="index==0">
<!-- <div style="margin-top: 10px">{{item.CourseName}}</div> -->
<UeEditor class="col-8" v-model="item.LessonPlanProjectsList[0].ProjectContent" :config="config"></UeEditor>
</div>
<div style="" v-for="(item,index) in addMsg.LessonPlanList" v-if="index==0">
<div class="teach_Content">
教学流程
</div>
<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="分钟" /> <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> <UeEditor class="" style="width: 100%;" v-model="subItem.ProjectContent" :config="config"></UeEditor>
<div class="Less_Delete " title="删除详情" @click="delLessInfo(index,subIndex)"> <div class="Less_Delete " title="删除详情" @click="delLessInfo(index,subIndex)">
<i class="iconfont icon-shanchu"></i> <i class="iconfont icon-shanchu"></i>
</div>
</div> </div>
</div>
<div class="addbtn flex flex-center" @click="addPlanDetailsList(index)"> <div class="addbtn flex flex-center" @click="addPlanDetailsList(index)">
<i class="iconfont icon-add"></i> <i class="iconfont icon-add"></i>
</div>
</div> </div>
</div>
<div style="margin-top:30px;" v-if="isShowEdit"> <div style="margin-top:30px;">
<span class="beikeModule" @click="saveInfo(1)">存为模板</span> <span class="beikeModule" @click="saveInfo(1)">存为模板</span>
<q-btn label="提交" size="md" color="accent q-px-md" @click="saveInfo(0)" /> <q-btn label="提交" size="md" color="accent q-px-md" @click="saveInfo(0)" />
</div>
<lessoncheck-form v-if="IsShowLessForm" @close="closeTeachSaveForm" @success="refreshPage">
</lessoncheck-form>
</div> </div>
<lessoncheck-form v-if="IsShowLessForm" @close="closeTeachSaveForm" @success="refreshPage"> </q-scroll-area>
</lessoncheck-form>
</div>
</div> </div>
</div> </div>
</template> </template>
...@@ -299,6 +322,15 @@ export default { ...@@ -299,6 +322,15 @@ export default {
}, },
data() { data() {
return { return {
contentStyle: {},
contentActiveStyle: {},
thumbStyle: {
right: '2px',
borderRadius: '5px',
backgroundColor: '#027be3',
width: '5px',
opacity: 0.75
},
msg: { msg: {
ClassId: 0, ClassId: 0,
School_Id: 0, School_Id: 0,
...@@ -321,7 +353,8 @@ export default { ...@@ -321,7 +353,8 @@ export default {
}, },
IsShowLessForm: false, IsShowLessForm: false,
nowDate: '', nowDate: '',
chapter: null, chapters: null,
courseName:"",
isShowEdit: false, //是否显示提交按钮 isShowEdit: false, //是否显示提交按钮
} }
}, },
...@@ -350,9 +383,16 @@ export default { ...@@ -350,9 +383,16 @@ export default {
console.log(res.Data) console.log(res.Data)
if (res.Code == 1) { if (res.Code == 1) {
let data = res.Data; let data = res.Data;
if (data.Chapter) { if (data.Chapter && data.Chapter.length>0) {
this.chapter = data.Chapter if(!data.Chapter[0].ChildList || data.Chapter[0].ChildList.length==0){
console.log(data.Chapter[0].ChildList.length)
data.Chapter[0].ChildList=[]
data.Chapter[0].ChildList.push(data.Chapter[0])
}
this.chapters = data.Chapter
} }
this.courseName=data.CourseName
// 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;
......
src/pages/course/prepareclassDetails.vue
View file @ 9c6b3d33
...@@ -17,8 +17,6 @@ ...@@ -17,8 +17,6 @@
} }
.prepareclassDetails .comment { .prepareclassDetails .comment {
height: 600px;
overflow: auto;
padding: 0 15px; padding: 0 15px;
} }
...@@ -218,190 +216,229 @@ ...@@ -218,190 +216,229 @@
<template> <template>
<div class="row prepareclassDetails"> <div class="row prepareclassDetails">
<div class="page-body col" v-if="data.Chapter"> <div class="page-body col" style="height: calc(100% - 30px) !important;" v-if="data.Chapter">
<div class="prepareTopTitle q-table__title"> <q-scroll-area
<div class="prePare_Line"></div> :thumb-style="thumbStyle"
<div>{{data.Chapter.CourseName}}</div> :content-style="contentStyle"
</div> :content-active-style="contentActiveStyle"
<div class="preSecond"> class="full-width full-height"
{{data.Chapter.ChapterName}} >
</div> <div class="row">
<div class="prepareTopTitle q-table__title"> <div class="prepareTopTitle q-table__title col">
<div class="prePare_Line" style="background-color:#2961FE"></div> <div class="prePare_Line"></div>
<div>章节学习内容</div> <div>{{data.CourseName}}</div>
</div> </div>
<div class="prePare_Content" v-if="data.Chapter.ChapterContent!=''" <div class="prepareTopTitle q-table__title" v-if="data.Chapter && data.Chapter.length>0">
v-html="decodeURIComponent(data.Chapter.ChapterContent)"></div> <div class="prePare_Line"></div>
<div class="prePare_Content text-center q-pa-lg" v-else>暂无内容</div> <div>{{data.Chapter[0].ChapterName}}</div>
<div class="prepareTopTitle q-table__title"> </div>
<div class="prePare_Line" style="background-color:#2961FE"></div> </div>
<div>教学目标</div> <div v-if="data.Chapter && data.Chapter.length>0">
</div> <div v-for="(chapter,i) in data.Chapter[0].ChildList">
<div class="prePare_Content" style="background:#F7F0FB" v-if="data.Chapter.Objectives!=''" <div class="preSecond">
v-html="decodeURIComponent(data.Chapter.Objectives)"> {{chapter.ChapterName}}
</div> </div>
<div class="prePare_Content text-center q-pa-lg" style="background:#F7F0FB" v-else>暂无内容</div> <div class="prepareTopTitle q-table__title">
<div class="prepareTopTitle q-table__title"> <div class="prePare_Line" style="background-color:#2961FE"></div>
<div class="prePare_Line" style="background:#2961FE"></div> <div>章节学习内容</div>
<div>学生学习要求</div> </div>
</div> <div class="prePare_Content" v-if="chapter.ChapterContent!=''" v-html="decodeURIComponent(chapter.ChapterContent)"></div>
<div class="prePare_Content" style="background:#FBF6F0" v-if="data.Chapter.Requirement!=''" <div class="prePare_Content text-center q-pa-lg" v-else>暂无内容</div>
v-html="decodeURIComponent(data.Chapter.Requirement)"> <div class="prepareTopTitle q-table__title">
</div> <div class="prePare_Line" style="background-color:#2961FE"></div>
<div class="prePare_Content text-center q-pa-lg" style="background:#FBF6F0" v-else>暂无内容</div> <div>教学目标</div>
</div>
<div class="prePare_Content" style="background:#F7F0FB" v-if="chapter.Objectives!=''" v-html="decodeURIComponent(chapter.Objectives)">
</div>
<div class="prePare_Content text-center q-pa-lg" style="background:#F7F0FB" v-else>暂无内容</div>
<div class="prepareTopTitle q-table__title">
<div class="prePare_Line" style="background:#2961FE"></div>
<div>学生学习要求</div>
</div>
<div class="prePare_Content" style="background:#FBF6F0" v-if="chapter.Requirement!=''" v-html="decodeURIComponent(chapter.Requirement)">
</div>
<div class="prePare_Content text-center q-pa-lg" style="background:#FBF6F0" v-else>暂无内容</div>
</div>
</div>
<div v-else class="q-pa-lg bg-grey-2 rounded-borders q-my-lg">暂无章节信息</div>
</q-scroll-area>
</div> </div>
<div class="page-body col"> <div class="page-body col" style="height: calc(100% - 30px) !important;">
<div class="q-table__title">备课内容</div> <q-scroll-area
<div style="width: 100%;"> :thumb-style="thumbStyle"
<div class="row" style="margin-top: 10px;align-items: center"> :content-style="contentStyle"
<div class="beike-jan"> :content-active-style="contentActiveStyle"
<div class="jan-l"></div> class="full-width full-height"
</div> >
<div class="row" style="font-size: 14px;color: #000000;font-weight: bold;font-family: perfectFont"> <div class="q-table__title">备课内容</div>
教案·{{data.ClassId}}班 <div style="width: 100%;">
<span class="text12-o marginl-15" <div class="row" style="margin-top: 10px;align-items: center">
style="line-height: 21px;font-weight: inherit">{{data.LessonPlan}}·第{{data.CourseNum}}课</span> <div class="beike-jan">
</div> <div class="jan-l"></div>
</div> </div>
<div class="row marginl-15 margint-15"> <div class="row" style="font-size: 14px;color: #000000;font-weight: bold;font-family: perfectFont">
<div class="row"> 教案·{{data.ClassId}}班
<span class="text12-n">时间：</span> <span class="text12-o marginl-15"
<span class="text12-o">{{data.WorkDate}} ({{data.WeekStr}}) {{data.DayTime}}</span> style="line-height: 21px;font-weight: inherit">{{data.LessonPlan}}·第{{data.CourseNum}}课</span>
</div> </div>
<div class="row" style="margin-left: 100px">
<span class="text12-n">担当者：</span>
<span class="text12-o">{{data.TeacherName}}</span>
</div> </div>
</div> <div class="row marginl-15 margint-15">
<div class="marginl-15 margint-15 "> <div class="row">
<div class="text-title">教学目标</div> <span class="text12-n">时间：</span>
<div class="margint-15 row" style="align-items: flex-start" <span class="text12-o">{{data.WorkDate}} ({{data.WeekStr}}) {{data.DayTime}}</span>
v-for="(item,index) in data.LessonPlanList" :key="index" v-if="index==0"> </div>
<div class="text14-o q-pa-md Pre-ComBg rounded-borders" style="flex:1">{{item.CourseTitle}}</div> <div class="row" style="margin-left: 100px">
<span class="text12-n">担当者：</span>
<span class="text12-o">{{data.TeacherName}}</span>
</div>
</div> </div>
<div class="marginl-15 margint-15 ">
</div> <div class="text-title">教学目标</div>
<div class="marginl-15 margint-15 "> <div class="margint-15 row" style="align-items: flex-start"
<div class="text-title">教学难点</div> v-for="(item,index) in data.LessonPlanList" :key="index" v-if="index==0">
<div class="margint-15" style="align-items: flex-start" <div class="text14-o q-pa-md Pre-ComBg rounded-borders" style="flex:1">{{item.CourseTitle}}</div>
v-for="(item,index) in data.LessonPlanList" :key="index" v-if="index==0">
<!-- <div class="text12-n width50">{{item.CourseName}}：</div> -->
<div class="text14-o q-pa-md Pre-ComBg rounded-borders" v-for="(x,y) in item.LessonPlanProjectsList" :key="y" v-if="x.ProjectContent!=''">
<div v-html="x.ProjectContent">
</div>
</div> </div>
</div> </div>
</div> <div class="marginl-15 margint-15 ">
<div class="marginl-15 margint-15 "> <div class="text-title">教学难点</div>
<div class="text-title">教学流程</div> <div class="margint-15" style="align-items: flex-start"
<div class="margint-15 row" style="align-items: flex-start;flex-wrap: nowrap" v-for="(item,index) in data.LessonPlanList" :key="index" v-if="index==0">
v-for="(item,index) in data.LessonPlanList" :key="index" v-if="index==0"> <!-- <div class="text12-n width50">{{item.CourseName}}：</div> -->
<!-- <div class="text12-n width50">{{item.CourseName}}：</div> --> <div class="text14-o q-pa-md Pre-ComBg rounded-borders" v-for="(x,y) in item.LessonPlanProjectsList" :key="y" v-if="x.ProjectContent!=''">
<div class="text14-o" style="flex:1"> <div v-html="x.ProjectContent">
<div class="column" v-for="(x,y) in item.LessonPlanDetailsList" :key="y">
<div class="text14-l" style="margin-bottom:10px;">{{x.Duration}}分钟-{{x.DurationEndTime}}</div> </div>
<div class="text14-o q-pa-md Pre-ComBg rounded-borders" v-html="x.ProjectContent"></div>
<!-- <template v-if="data.IsEditSummary>0">
<div v-if="x.Summary" style="width: 100%;background: #F0F5FB;border-radius: 5px;padding:10px;margin-bottom:20px;">
单项总结：{{x.Summary}}
</div>
</template>
<template v-else>
<div style="width: 100%;background: #F0F5FB;border-radius: 5px;margin-bottom:20px;">
<q-input
style="background:#F0F5FB ;font-size: 12px"
v-model="x.Summary"
label="课后总结"
type="textarea"
filled
clearable
autogrow
:disable="AccountType||!isCanEdit"
/>
</div>
</template> -->
</div> </div>
</div> </div>
</div> </div>
</div> <div class="marginl-15 margint-15 ">
<div class="marginl-15"> <div class="text-title">教学流程</div>
<div class="row" style="margin: 20px 0;align-items: center"> <div class="margint-15 row" style="align-items: flex-start;flex-wrap: nowrap"
<div class="beike-jan"> v-for="(item,index) in data.LessonPlanList" :key="index" v-if="index==0">
<div class="jan-l"></div> <!-- <div class="text12-n width50">{{item.CourseName}}：</div> -->
</div> <div class="text14-o" style="flex:1">
<div class="row" style="font-size: 14px;color: #000000;font-weight: bold;font-family: perfectFont"> <div class="column" v-for="(x,y) in item.LessonPlanDetailsList" :key="y">
课后总结 <div class="text14-l" style="margin-bottom:10px;">{{x.Duration}}分钟-{{x.DurationEndTime}}</div>
<div class="text14-o q-pa-md Pre-ComBg rounded-borders" v-html="x.ProjectContent"></div>
<!-- <template v-if="data.IsEditSummary>0">
<div v-if="x.Summary" style="width: 100%;background: #F0F5FB;border-radius: 5px;padding:10px;margin-bottom:20px;">
单项总结：{{x.Summary}}
</div>
</template>
<template v-else>
<div style="width: 100%;background: #F0F5FB;border-radius: 5px;margin-bottom:20px;">
<q-input
style="background:#F0F5FB ;font-size: 12px"
v-model="x.Summary"
label="课后总结"
type="textarea"
filled
clearable
autogrow
:disable="AccountType||!isCanEdit"
/>
</div>
</template> -->
</div>
</div>
</div> </div>
</div> </div>
<template v-if="LessonPlanNum>0&&LessonPlanSummaryNum>0"> <div class="marginl-15">
<div class="text14-o q-pa-md Pre-ComBg rounded-borders" style="margin-top:10px;background-color:rgb(251, 246, 240)">{{conclusion}}</div> <div class="row" style="margin: 20px 0;align-items: center">
<div style="display:flex;flex-wrap: wrap;margin-top:20px;"> <div class="beike-jan">
<div v-if="ImgList.length>0" v-for="(item,index) in ImgList"> <div class="jan-l"></div>
<div class="pre-ImgDiv"> </div>
<q-img :src="item" spinner-color="white" style="height: 100%;height:100%" /> <div class="row" style="font-size: 14px;color: #000000;font-weight: bold;font-family: perfectFont">
</div> 课后总结
</div> </div>
</div> </div>
</template> <template v-if="(LessonPlanNum>0&&LessonPlanSummaryNum>0) || this.data.LessonPlanList[0].Summary!=''">
<template v-else> <div class="text14-o q-pa-md Pre-ComBg rounded-borders" style="margin-top:10px;background-color:rgb(251, 246, 240)">{{conclusion}}</div>
<q-input type="textarea" filled label="课后总结" v-model="conclusion" :rows="3" style="flex:1;margin-top:20px;" /> <div style="display:flex;flex-wrap: wrap;margin-top:20px;">
<div style="display:flex;flex-wrap: wrap;margin-top:20px;"> <div v-if="ImgList.length>0" v-for="(item,index) in ImgList">
<div v-if="ImgList.length>0" v-for="(item,index) in ImgList"> <div class="pre-ImgDiv">
<div class="pre-ImgDiv"> <el-image
<q-img :src="item" spinner-color="white" style="height: 100%;height:100%" /> style="height: 100%;height:100%"
<q-btn size="7px" @click="deleteItemImg(index)" style="position:absolute;right:-5px;top:-5px;" round :src="item"
color="red" icon="iconfont icon-guanbi1" /> fit="cover"
:preview-src-list="ImgList"></el-image>
</div>
</div> </div>
</div> </div>
<el-upload action="" class="avatar-uploader prepareDuty" :before-upload="uploadFile" </template>
:show-file-list="false"> <template v-else>
<i class="el-icon-plus avatar-uploader-icon"></i> <q-input type="textarea" filled label="课后总结" v-model="conclusion" :rows="3" style="flex:1;margin-top:20px;" />
</el-upload> <div style="display:flex;flex-wrap: wrap;margin-top:20px;">
</div> <div v-if="ImgList.length>0" v-for="(item,index) in ImgList">
</template> <div class="pre-ImgDiv">
</div>
<q-btn color="accent" size="sm" v-if="LessonPlanNum>0&&LessonPlanSummaryNum==0&&isShowBtn" class="margint-15" @click="saveOrderInfo()" <el-image
style="margin:20px 0 0 15px;width:97%;height:40px;" label="提交" /> style="height: 100%;height:100%"
:src="item"
fit="cover"
:preview-src-list="ImgList"></el-image>
<q-btn size="7px" @click="deleteItemImg(index)" style="position:absolute;right:-5px;top:-5px;" round
color="red" icon="iconfont icon-guanbi1" />
</div>
</div>
<el-upload action="" class="avatar-uploader prepareDuty" :before-upload="uploadFile"
:show-file-list="false">
<i class="el-icon-plus avatar-uploader-icon"></i>
</el-upload>
</div>
</template>
</div>
<q-btn color="accent" size="sm" v-if="LessonPlanNum>0&&LessonPlanSummaryNum==0&&isShowBtn" class="margint-15" @click="saveOrderInfo()"
style="margin:20px 0 0 15px;width:97%;height:40px;" label="提交" />
<!-- <q-btn color="accent" size="sm" class="q-mr-md marginl-15 margint-15" label="提交" @click="saveOrderInfo()" <!-- <q-btn color="accent" size="sm" class="q-mr-md marginl-15 margint-15" label="提交" @click="saveOrderInfo()"
:loading="Dloading" v-if="(AccountType==false&&data.IsEditSummary<=0)&&isUpData" /> --> :loading="Dloading" v-if="(AccountType==false&&data.IsEditSummary<=0)&&isUpData" /> -->
</div> </div>
</q-scroll-area>
</div> </div>
<div class="col-3" <div class="col-3"
style="position: relative;overflow: hidden;border-radius: 6px;background: #FFF;margin: 5px;height: 800px"> style="position: relative;overflow: hidden;border-radius: 6px;background: #FFF;margin: 5px;height: calc(100% - 30px) !important;">
<div class="q-table__title" style="padding: 15px;">评价</div> <div class="q-table__title" style="padding: 15px;">评价</div>
<div class="comment"> <q-scroll-area
<div class="row" :thumb-style="thumbStyle"
style="width: 100%;height: 50px;align-items: center;justify-content: center;font-size: 16px;color: #999999" :content-style="contentStyle"
v-if="CommentList.length==0"> :content-active-style="contentActiveStyle"
暂无评论 class="full-width"
</div> style="height:calc(100% - 161px);"
<div class="comment-item" v-for="(item,index) in CommentList" :key="index" v-if="CommentList.length>0"> >
<div class="row"> <div class="comment">
<!-- <div class="c-i-t-l row">{{item.CreateByName.substr(0, 1)}}</div>--> <div class="row"
<q-avatar size="35px" rounded color="primary" text-color="white"> style="width: 100%;height: 50px;align-items: center;justify-content: center;font-size: 16px;color: #999999"
<img :src="userInfo.UserIcon" v-if="item.UserIcon"> v-if="CommentList.length==0">
<span v-else>{{item.CreateByName.substring(0,1)}}</span> 暂无评论
</q-avatar> </div>
<div class="c-i-t-r column"> <div class="comment-item" v-for="(item,index) in CommentList" :key="index" v-if="CommentList.length>0">
<div class="row" style="align-items: center"> <div class="row">
<span style="margin-right: 10px">{{item.CreateByName}}</span> <!-- <div class="c-i-t-l row">{{item.CreateByName.substr(0, 1)}}</div>-->
<q-rating v-model="item.Score" size="1em" v-if="item.Score!=-1" icon="thumb_up" readonly /> <q-avatar size="35px" rounded color="primary" text-color="white">
<img :src="userInfo.UserIcon" v-if="item.UserIcon">
<span v-else>{{item.CreateByName.substring(0,1)}}</span>
</q-avatar>
<div class="c-i-t-r column">
<div class="row" style="align-items: center">
<span style="margin-right: 10px">{{item.CreateByName}}</span>
<q-rating v-model="item.Score" size="1em" v-if="item.Score!=-1" icon="thumb_up" readonly />
</div>
<span style="font-size: 12px;color: #999999">
{{item.CreateTimeStr}}
</span>
</div> </div>
<span style="font-size: 12px;color: #999999">
{{item.CreateTimeStr}}
</span>
</div> </div>
</div> <div class="c-i-Comment">
<div class="c-i-Comment"> {{item.Comment}}
{{item.Comment}} </div>
</div> </div>
</div> </div>
</div> </q-scroll-area>
<!-- 评论区域--> <!-- 评论区域-->
<div class="pl column"> <div class="pl column">
<div class="row" style="align-items: center"> <div class="row" style="align-items: center">
...@@ -443,6 +480,15 @@ ...@@ -443,6 +480,15 @@
name: "prepareclassDetails", name: "prepareclassDetails",
data() { data() {
return { return {
contentStyle: {},
contentActiveStyle: {},
thumbStyle: {
right: '2px',
borderRadius: '5px',
backgroundColor: '#027be3',
width: '5px',
opacity: 0.75
},
msg: { msg: {
ClassId: 0, ClassId: 0,
School_Id: 0, School_Id: 0,
...@@ -529,8 +575,16 @@ ...@@ -529,8 +575,16 @@
getList() { getList() {
getClassLessPlan(this.msg).then(res => { getClassLessPlan(this.msg).then(res => {
if (res.Code == 1) { if (res.Code == 1) {
this.data = res.Data; let data=res.Data;
console.log(this.data, 'data'); if (data.Chapter && data.Chapter.length>0) {
if(!data.Chapter[0].ChildList || data.Chapter[0].ChildList.length==0){
console.log(data.Chapter[0].ChildList.length)
data.Chapter[0].ChildList=[]
data.Chapter[0].ChildList.push(data.Chapter[0])
}
this.chapters = data.Chapter
}
this.data = data;
this.plmsg.TeacherId = res.Data.UpdateBy; this.plmsg.TeacherId = res.Data.UpdateBy;
var beginTimes = this.nowDate.replace(/-/g, "/"); //当前 var beginTimes = this.nowDate.replace(/-/g, "/"); //当前
var endTimes = this.data.ClassEndTime.replace(/-/g, "/"); //结束 var endTimes = this.data.ClassEndTime.replace(/-/g, "/"); //结束
...@@ -545,6 +599,7 @@ ...@@ -545,6 +599,7 @@
if(this.data.LessonPlanList&&this.data.LessonPlanList.length>0){ if(this.data.LessonPlanList&&this.data.LessonPlanList.length>0){
this.conclusion = this.data.LessonPlanList[0].Summary; this.conclusion = this.data.LessonPlanList[0].Summary;
this.ImgList = this.data.LessonPlanList[0].ProjectPicList; this.ImgList = this.data.LessonPlanList[0].ProjectPicList;
this.isShowBtn=false
} }
} }
}) })
......
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