Commit a08fdf33 authored by 罗超's avatar 罗超

2

parent a1ef016e
<style> <style></style>
</style>
<template> <template>
<div> <div>
<el-collapse v-if="dayData&&dayData.SubList&&dayData.SubList.length>0"> <el-collapse
<el-collapse-item v-for="(subItem,subIndex) in dayData.SubList" :key="subIndex" :name="subIndex"> v-if="dayData && dayData.SubList && dayData.SubList.length > 0"
>
<el-collapse-item
v-for="(subItem, subIndex) in dayData.SubList"
:key="subIndex"
:name="subIndex"
>
<template slot="title"> <template slot="title">
<div class="plan_Tdiv"> <div class="plan_Tdiv">
<span v-if="subItem.TimeStr==='早上'" class="commonTimeStr greenTime">{{subItem.TimeStr}}</span> <span
<span v-if="subItem.TimeStr==='下午'" class="commonTimeStr blueTime">{{subItem.TimeStr}}</span> v-if="subItem.TimeStr === '早上'"
<span v-if="subItem.TimeStr==='晚上'" class="commonTimeStr orangeTime">{{subItem.TimeStr}}</span> class="commonTimeStr greenTime"
<q-badge rounded color="orange" label="试听课" v-if="subItem.ClassType==2" >{{ subItem.TimeStr }}</span
style="margin-left:5px;font-size:10px" /> >
<q-badge rounded color="cyan-7" label="预约课" v-if="subItem.ClassType==3" <span
style="margin-left:5px;font-size:10px" /> v-if="subItem.TimeStr === '下午'"
<span style="color:red;margin:0 5px;">{{subItem.TeacherName}}</span> class="commonTimeStr blueTime"
<span>[{{subItem.RoomName}}]</span> >{{ subItem.TimeStr }}</span
<template v-if="(subItem.ClassType==3)&&(subItem.GuestList.length<subItem.ScrollMinNum)&&(subItem.AppointState==1)"> >
<span
v-if="subItem.TimeStr === '晚上'"
class="commonTimeStr orangeTime"
>{{ subItem.TimeStr }}</span
>
<q-badge
rounded
color="orange"
label="试听课"
v-if="subItem.ClassType == 2"
style="margin-left:5px;font-size:10px"
/>
<q-badge
rounded
color="cyan-7"
label="预约课"
v-if="subItem.ClassType == 3"
style="margin-left:5px;font-size:10px"
/>
<span style="color:red;margin:0 5px;">{{
subItem.TeacherName
}}</span>
<span>[{{ subItem.RoomName }}]</span>
<template
v-if="
subItem.ClassType == 3 &&
subItem.AppointState == 1 &&
isShowTag(subItem.GuestList, subItem.ScrollMinNum)
"
>
<q-badge color="red" rounded style="margin-left:5px;"> <q-badge color="red" rounded style="margin-left:5px;">
</q-badge> </q-badge>
...@@ -25,49 +59,82 @@ ...@@ -25,49 +59,82 @@
</template> </template>
<div class="plan_Inner"> <div class="plan_Inner">
<div class="plan_LeftTitle">上课时间:</div> <div class="plan_LeftTitle">上课时间:</div>
<div class="plan_RightInner">{{subItem.StartTime}}-{{subItem.EndTime}}</div> <div class="plan_RightInner">
{{ subItem.StartTime }}-{{ subItem.EndTime }}
</div>
</div> </div>
<div class="plan_Inner" v-if="subItem.ClassName&&subItem.ClassType!==3"> <div
class="plan_Inner"
v-if="subItem.ClassName && subItem.ClassType !== 3"
>
<div class="plan_LeftTitle">班级:</div> <div class="plan_LeftTitle">班级:</div>
<div class="plan_RightInner">{{subItem.ClassName}}</div> <div class="plan_RightInner">{{ subItem.ClassName }}</div>
</div> </div>
<div class="plan_Inner"> <div class="plan_Inner">
<div class="plan_LeftTitle">课程名称:</div> <div class="plan_LeftTitle">课程名称:</div>
<div class="plan_RightInner">{{subItem.CourseName}}</div> <div class="plan_RightInner">{{ subItem.CourseName }}</div>
</div> </div>
<div class="plan_Inner" v-if="subItem.GuestList&&subItem.GuestList.length>0"> <div
class="plan_Inner"
v-if="subItem.GuestList && subItem.GuestList.length > 0"
>
<div class="plan_LeftTitle">学生名称:</div> <div class="plan_LeftTitle">学生名称:</div>
<div class="plan_RightInner"> <div class="plan_RightInner">
<span style="margin-right:10px;" v-for="(tItem,tIndex) in subItem.GuestList" <span
:key="tIndex">{{tItem.GuestName}}</span> style="margin-right:10px;"
v-for="(tItem, tIndex) in subItem.GuestList"
:key="tIndex"
>{{ tItem.GuestName }}
<span v-if="tItem.AppointType == 2">(补)</span>
<span v-if="tItem.AppointType == 3">(重)</span>
</span>
</div> </div>
</div> </div>
<template v-if="subItem.ClassType==3"> <template v-if="subItem.ClassType == 3">
<div class="plan_Inner" style="align-items:center;"> <div class="plan_Inner" style="align-items:center;">
<div class="plan_LeftTitle">课程进度:</div> <div class="plan_LeftTitle">课程进度:</div>
<div class="plan_RightInner"> <div class="plan_RightInner">
{{subItem.Ranks}}/{{subItem.TotalPlanNum}} {{ subItem.Ranks }}/{{ subItem.TotalPlanNum }}
</div> </div>
</div> </div>
</template> </template>
<template v-else> <template v-else>
<div class="plan_Inner" style="align-items:center;" v-if="subItem.CompleteProgress>=0"> <div
class="plan_Inner"
style="align-items:center;"
v-if="subItem.CompleteProgress >= 0"
>
<div class="plan_LeftTitle">课程进度:</div> <div class="plan_LeftTitle">课程进度:</div>
<div class="plan_RightInner"> <div class="plan_RightInner">
<el-progress :percentage="subItem.CompleteProgress"></el-progress> <el-progress :percentage="subItem.CompleteProgress"></el-progress>
</div> </div>
</div> </div>
</template> </template>
<template v-if="subItem.ClassType==3"> <template v-if="subItem.ClassType == 3">
<div class="plan_Inner"> <div class="plan_Inner">
<div class="plan_LeftTitle">课程状态:</div> <div class="plan_LeftTitle">课程状态:</div>
<div class="plan_RightInner" style="color: rgb(239, 83, 80);" v-if="subItem.AppointState==1">待确认</div> <div
<div class="plan_RightInner" style="color: rgb(33, 186, 69);" v-if="subItem.AppointState==2">已确认</div> class="plan_RightInner"
style="color: rgb(239, 83, 80);"
v-if="subItem.AppointState == 1"
>
待确认
</div>
<div
class="plan_RightInner"
style="color: rgb(33, 186, 69);"
v-if="subItem.AppointState == 2"
>
已确认
</div>
</div> </div>
<div class="plan_Inner" v-if="subItem.ScrollMinNum"> <div class="plan_Inner" v-if="subItem.ScrollMinNum">
<div class="plan_LeftTitle">最小成班:</div> <div class="plan_LeftTitle">最小成班:</div>
<div class="plan_RightInner"> <div class="plan_RightInner">
<span style="color: rgb(33, 186, 69);">{{subItem.ScrollMinNum}}</span> <span style="color: rgb(33, 186, 69);">{{
subItem.ScrollMinNum
}}</span
>
</div> </div>
</div> </div>
</template> </template>
...@@ -76,27 +143,33 @@ ...@@ -76,27 +143,33 @@
</div> </div>
</template> </template>
<script> <script>
export default { export default {
props: { props: {
dayData: { dayData: {
type: Object, type: Object,
default: null default: null
} }
}, },
components: { components: {},
data() {
}, return {};
data() { },
return { created() {},
mounted() {},
methods: {
isShowTag(arr, min) {
let n = 0;
arr.map(e => {
if (e.AppointType !== 3) {
n += 1;
}
});
if (n < min) {
return true;
} else {
return false;
} }
},
created() {},
mounted() {
},
methods: {
} }
} }
};
</script> </script>
...@@ -96,8 +96,7 @@ ...@@ -96,8 +96,7 @@
style="position:absolute;top:0;right:0" style="position:absolute;top:0;right:0"
class="q-ml-sm" class="q-ml-sm"
v-if=" v-if="
saveObj.AppointState == 1 && saveObj.AppointState == 1 &&isShowTag(saveObj.GuestList,saveObj.ScrollMinNum)
saveObj.GuestList.length < saveObj.ScrollMinNum
" "
/> />
</template> </template>
...@@ -342,7 +341,20 @@ export default { ...@@ -342,7 +341,20 @@ export default {
arr.push(val); arr.push(val);
this.$set(this.saveObj, "GuestList", arr); this.$set(this.saveObj, "GuestList", arr);
this.$emit("success"); this.$emit("success");
} },
isShowTag(arr, min) {
let n=0
arr.map((e)=>{
if(e.AppointType!==3){
n+=1
}
})
if (n < min) {
return true;
} else {
return false;
}
},
} }
}; };
</script> </script>
...@@ -188,7 +188,7 @@ ...@@ -188,7 +188,7 @@
v-if=" v-if="
viewType == 'day' && viewType == 'day' &&
isShowTag( isShowTag(
__item.GuestList.length, __item.GuestList,
__item.ScrollMinNum __item.ScrollMinNum
) )
" "
...@@ -200,7 +200,7 @@ ...@@ -200,7 +200,7 @@
v-if=" v-if="
viewType == 'week' && viewType == 'week' &&
isShowTag( isShowTag(
__item.GuestList.length, __item.GuestList,
__item.ScrollMinNum __item.ScrollMinNum
) )
" "
...@@ -321,7 +321,7 @@ ...@@ -321,7 +321,7 @@
style="position:absolute;top:0;right:0" style="position:absolute;top:0;right:0"
v-if=" v-if="
isShowTag( isShowTag(
__item.GuestList.length, __item.GuestList,
__item.ScrollMinNum __item.ScrollMinNum
) )
" "
...@@ -748,7 +748,13 @@ export default { ...@@ -748,7 +748,13 @@ export default {
successHandle() { successHandle() {
this.getData(); this.getData();
}, },
isShowTag(n, min) { isShowTag(arr, min) {
let n=0
arr.map((e)=>{
if(e.AppointType!==3){
n+=1
}
})
if (n < min) { if (n < min) {
return true; return true;
} else { } else {
......
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