Commit be0eebb0 authored by 黄奎's avatar 黄奎
parents 175610ac 55e3072e
...@@ -11,6 +11,7 @@ ...@@ -11,6 +11,7 @@
<span v-if="subItem.TimeStr==='下午'" class="commonTimeStr blueTime">{{subItem.TimeStr}}</span> <span v-if="subItem.TimeStr==='下午'" class="commonTimeStr blueTime">{{subItem.TimeStr}}</span>
<span v-if="subItem.TimeStr==='晚上'" class="commonTimeStr orangeTime">{{subItem.TimeStr}}</span> <span v-if="subItem.TimeStr==='晚上'" class="commonTimeStr orangeTime">{{subItem.TimeStr}}</span>
<span v-if="subItem.ClassType==2">试听课</span> <span v-if="subItem.ClassType==2">试听课</span>
<span v-if="subItem.ClassType==3">预约课</span>
<span style="color:red;margin:0 5px;">{{subItem.TeacherName}}</span> <span style="color:red;margin:0 5px;">{{subItem.TeacherName}}</span>
<span>[{{subItem.RoomName}}]</span> <span>[{{subItem.RoomName}}]</span>
</div> </div>
......
...@@ -27,7 +27,7 @@ ...@@ -27,7 +27,7 @@
<div>{{ saveObj.ClassName }}</div> <div>{{ saveObj.ClassName }}</div>
</template> </template>
</q-field> </q-field>
<q-field <!-- <q-field
filled filled
label="等级" label="等级"
stack-label stack-label
...@@ -37,7 +37,7 @@ ...@@ -37,7 +37,7 @@
<template v-slot:control> <template v-slot:control>
<div>{{ saveObj.CourseGradeName }}</div> <div>{{ saveObj.CourseGradeName }}</div>
</template> </template>
</q-field> </q-field> -->
<q-field filled label="类型" stack-label class="col-6"> <q-field filled label="类型" stack-label class="col-6">
<template v-slot:control> <template v-slot:control>
<div> <div>
...@@ -54,7 +54,7 @@ ...@@ -54,7 +54,7 @@
</q-field> </q-field>
<q-field filled label="进度" stack-label class="col-6"> <q-field filled label="进度" stack-label class="col-6">
<template v-slot:control> <template v-slot:control>
<div>{{ saveObj.Ranks }}/{{ saveObj.TotalPlanNum }}</div> <div>{{ saveObj.Ranks }}/{{ saveObj.TotalPlanNum }} <span class="q-ml-sm">({{ saveObj.CourseGradeName }})</span></div>
</template> </template>
</q-field> </q-field>
<q-field <q-field
...@@ -66,17 +66,18 @@ ...@@ -66,17 +66,18 @@
> >
<template v-slot:control> <template v-slot:control>
<div> <div>
<span v-if="saveObj.AppointState == 1">待确认</span <span v-if="saveObj.AppointState == 1" style="color:#ef5350">待确认</span
><span v-if="saveObj.AppointState == 2">已确认</span> ><span v-if="saveObj.AppointState == 2" style="color:#21ba45">已确认</span>
</div> </div>
<q-btn <q-btn
color="accent" color="accent"
size="xs" size="xs"
label="确认" label="确认"
v-if="saveObj.AppointState == 1" v-if="saveObj.AppointState == 1&&saveObj.GuestList.length>=saveObj.ScrollMinNum"
@click="confirmSub" @click="confirmSub"
class="q-ml-md" class="q-ml-md"
/> />
<q-badge rounded color="red" label="未成班" style="position:absolute;top:0;right:0" class="q-ml-sm" v-if="saveObj.AppointState == 1&&saveObj.GuestList.length<saveObj.ScrollMinNum"/>
</template> </template>
</q-field> </q-field>
<q-field <q-field
...@@ -90,7 +91,7 @@ ...@@ -90,7 +91,7 @@
<div>{{ saveObj.ScrollMinNum }}</div> <div>{{ saveObj.ScrollMinNum }}</div>
</template> </template>
</q-field> </q-field>
<q-field <!-- <q-field
filled filled
label="最大成班人数:" label="最大成班人数:"
stack-label stack-label
...@@ -100,7 +101,7 @@ ...@@ -100,7 +101,7 @@
<template v-slot:control> <template v-slot:control>
<div>{{ saveObj.ScrollMaxNum }}</div> <div>{{ saveObj.ScrollMaxNum }}</div>
</template> </template>
</q-field> </q-field> -->
<q-field <q-field
filled filled
label="已约学员:" label="已约学员:"
......
...@@ -68,7 +68,7 @@ ...@@ -68,7 +68,7 @@
format="yyyy-MM-dd" format="yyyy-MM-dd"
value-format="yyyy-MM-dd" value-format="yyyy-MM-dd"
:clearable="false" :clearable="false"
@change="getData" @change="changeDate"
> >
</el-date-picker> </el-date-picker>
</template> </template>
...@@ -160,6 +160,7 @@ ...@@ -160,6 +160,7 @@
:key="__index" :key="__index"
class="my-event justify-center ellipsis courseItem" class="my-event justify-center ellipsis courseItem"
:class="badgeClasses(__item, 'body', _item.TeacherId)" :class="badgeClasses(__item, 'body', _item.TeacherId)"
style="overflow:hidden;box-shadow: 0px 10px 10px 0 rgba(36, 36, 36, 0.2);"
:style=" :style="
badgeStyles( badgeStyles(
__item, __item,
...@@ -174,30 +175,33 @@ ...@@ -174,30 +175,33 @@
showDetail(__item, item.ClassDate, _item.TeacherId) showDetail(__item, item.ClassDate, _item.TeacherId)
" "
> >
<el-popover <el-popover placement="top-start" width="200" trigger="hover">
placement="top-start" <div slot="reference" style="height:80vh;position:relative">
width="200" <q-badge rounded color="red" label="未成班" style="position:absolute;top:0;right:0" v-if="viewType=='day'&&isShowTag(__item.GuestList.length, __item.ScrollMinNum)"/>
trigger="hover" <q-icon name="lock" color="res" style="position:absolute;top:0;right:0" v-if="viewType=='week'&&isShowTag(__item.GuestList.length, __item.ScrollMinNum)"/>
>
<div slot="reference" style="height:100vh">
<div <div
v-if="viewType == 'day' || item.RList.length == 1" v-if="viewType == 'day' || item.RList.length == 1"
class="q-pa-xs" class="q-pa-xs"
> >
<div class="flex"> <!-- <div class="flex">
<span class="detailLabel">老师:</span <span class="detailLabel">老师:</span
><span>{{ _item.TeacherName }}</span> ><span>{{ _item.TeacherName }}</span>
</div> </div> -->
<div class="flex"> <div class="flex">
<span class="detailLabel">教室:</span <span class="detailLabel">教室:</span
>{{ __item.RoomName }} >{{ __item.RoomName }}
</div> </div>
<div class="flex no-wrap" v-if="__item.ClassType !== 2">
<span class="detailLabel">进度:</span
><span
>{{ __item.Ranks }}/{{ __item.TotalPlanNum }}</span
>
</div>
<div class="row flex no-wrap"> <div class="row flex no-wrap">
<span class="detailLabel">课程:</span <span class="detailLabel">课程:</span
><span style="flex-grow:1">{{ ><div class="detailValue">{{
__item.CourseName __item.CourseName
}}</span> }}</div>
</div> </div>
<div class="flex no-wrap"> <div class="flex no-wrap">
<span class="detailLabel">班级:</span <span class="detailLabel">班级:</span
...@@ -218,13 +222,14 @@ ...@@ -218,13 +222,14 @@
> >
</div> </div>
<div class="flex no-wrap"> <div class="flex no-wrap" v-if="__item.ClassType !== 2">
<span class="detailLabel">进度:</span <span class="detailLabel">进度:</span
><span ><span
>{{__item.Ranks}}/{{__item.TotalPlanNum}}</span >{{ __item.Ranks }}/{{ __item.TotalPlanNum }}</span
> >
<span class="q-ml-sm">{{__item.CourseGradeName}}</span>
</div> </div>
<div class="flex no-wrap"> <div class="flex no-wrap" v-if="__item.ClassType !== 2">
<span class="detailLabel">学员:</span <span class="detailLabel">学员:</span
><span>{{ ><span>{{
__item.GuestList.map(e => e.GuestName).toString() __item.GuestList.map(e => e.GuestName).toString()
...@@ -232,9 +237,9 @@ ...@@ -232,9 +237,9 @@
</div> </div>
<div class="flex no-wrap" v-if="__item.ClassType == 3"> <div class="flex no-wrap" v-if="__item.ClassType == 3">
<span class="detailLabel"> <span class="detailLabel">
预约状态:<span></span 状态:<span></span
><span v-if="__item.AppointState == 1">待确认</span ><span v-if="__item.AppointState == 1" style="color:#ef5350">待确认</span
><span v-if="__item.AppointState == 2">已确认</span> ><span v-if="__item.AppointState == 2" style="color:#21ba45">已确认</span>
<q-btn <q-btn
color="accent" color="accent"
size="xs" size="xs"
...@@ -254,14 +259,14 @@ ...@@ -254,14 +259,14 @@
<span class="">最小成班人数:</span <span class="">最小成班人数:</span
><span>{{ __item.ScrollMinNum }}</span> ><span>{{ __item.ScrollMinNum }}</span>
</div> </div>
<div class="flex no-wrap" v-if="__item.ClassType == 3"> <!-- <div class="flex no-wrap" v-if="__item.ClassType == 3">
<span class="">最大成班人数:</span <span class="">最大成班人数:</span
><span>{{ __item.ScrollMaxNum }}</span> ><span>{{ __item.ScrollMaxNum }}</span>
</div> </div> -->
<div></div>
</div> </div>
</div> </div>
<div> <div style="position:relative">
<q-badge rounded color="red" label="未成班" style="position:absolute;top:0;right:0" v-if="isShowTag(__item.GuestList.length, __item.ScrollMinNum)"/>
<div class="flex"> <div class="flex">
<span class="detailLabel">老师:</span <span class="detailLabel">老师:</span
><span>{{ _item.TeacherName }}</span> ><span>{{ _item.TeacherName }}</span>
...@@ -282,6 +287,11 @@ ...@@ -282,6 +287,11 @@
<span class="detailLabel">时间:</span <span class="detailLabel">时间:</span
><span>{{ __item.StartTime }}-{{ __item.EndTime }}</span> ><span>{{ __item.StartTime }}-{{ __item.EndTime }}</span>
</div> </div>
<div class="flex no-wrap" v-if="__item.ClassType !== 2">
<span class="detailLabel">进度</span
><span>{{ __item.Ranks }}/{{ __item.TotalPlanNum }}</span>
<span class="q-ml-sm">{{__item.CourseGradeName}}</span>
</div>
<div class="flex no-wrap"> <div class="flex no-wrap">
<span class="detailLabel"> <span class="detailLabel">
类型:<span></span 类型:<span></span
...@@ -291,13 +301,7 @@ ...@@ -291,13 +301,7 @@
> >
</div> </div>
<div class="flex no-wrap"> <div class="flex no-wrap" v-if="__item.ClassType !== 2">
<span class="detailLabel">进度:</span
><span
>{{__item.Ranks}}/{{__item.TotalPlanNum}}</span
>
</div>
<div class="flex no-wrap">
<span class="detailLabel">学员:</span <span class="detailLabel">学员:</span
><span>{{ ><span>{{
__item.GuestList.map(e => e.GuestName).toString() __item.GuestList.map(e => e.GuestName).toString()
...@@ -305,9 +309,9 @@ ...@@ -305,9 +309,9 @@
</div> </div>
<div class="flex no-wrap" v-if="__item.ClassType == 3"> <div class="flex no-wrap" v-if="__item.ClassType == 3">
<span class="detailLabel"> <span class="detailLabel">
预约状态:<span></span 状态:<span></span
><span v-if="__item.AppointState == 1">待确认</span ><span v-if="__item.AppointState == 1" style="color:#ef5350">待确认</span
><span v-if="__item.AppointState == 2">已确认</span> ><span v-if="__item.AppointState == 2" style="color:#21ba45">已确认</span>
<q-btn <q-btn
color="accent" color="accent"
size="xs" size="xs"
...@@ -323,11 +327,10 @@ ...@@ -323,11 +327,10 @@
<span class="">最小成班人数:</span <span class="">最小成班人数:</span
><span>{{ __item.ScrollMinNum }}</span> ><span>{{ __item.ScrollMinNum }}</span>
</div> </div>
<div class="flex no-wrap" v-if="__item.ClassType == 3"> <!-- <div class="flex no-wrap" v-if="__item.ClassType == 3">
<span class="">最大成班人数:</span <span class="">最大成班人数:</span
><span>{{ __item.ScrollMaxNum }}</span> ><span>{{ __item.ScrollMaxNum }}</span>
</div> </div> -->
<div></div>
</div> </div>
</el-popover> </el-popover>
</div> </div>
...@@ -423,7 +426,7 @@ export default { ...@@ -423,7 +426,7 @@ export default {
"blue-grey", "blue-grey",
"purple", "purple",
"orange", "orange",
"red", "pink",
"green", "green",
"teal", "teal",
"secondary", "secondary",
...@@ -552,6 +555,13 @@ export default { ...@@ -552,6 +555,13 @@ export default {
this.events = res.Data; this.events = res.Data;
}); });
}, },
changeDate() {
setTimeout(() => {
this.msg.StartDate = this.$refs.calendar.lastStart;
this.msg.EndDate = this.$refs.calendar.lastEnd;
this.getData();
}, 500);
},
calcGap(s, e) { calcGap(s, e) {
let timeStamp = Date.now(); let timeStamp = Date.now();
let formatStr = date.formatDate(timeStamp, "YYYY-MM-DD"); let formatStr = date.formatDate(timeStamp, "YYYY-MM-DD");
...@@ -569,29 +579,18 @@ export default { ...@@ -569,29 +579,18 @@ export default {
}); });
return bg; return bg;
}, },
onModelChanged(date) { onModelChanged(date) {},
onClickDate2(data) {},
}, onClickDayHeader2(data) {},
onClickDate2(data) { onClickInterval2(data) {},
},
onClickDayHeader2(data) {
},
onClickInterval2(data) {
},
onClickTime2(data) { onClickTime2(data) {
this.showForm = true; this.showForm = true;
this.editType = 1; this.editType = 1;
this.saveObj = {}; this.saveObj = {};
this.dateObj = data.scope.timestamp; this.dateObj = data.scope.timestamp;
}, },
onClickIntervalHeader2(data) { onClickIntervalHeader2(data) {},
},
showDetail(data, date, tid) { showDetail(data, date, tid) {
this.showForm = true; this.showForm = true;
this.editType = 2; this.editType = 2;
this.dateObj.date = date; this.dateObj.date = date;
...@@ -625,6 +624,13 @@ export default { ...@@ -625,6 +624,13 @@ export default {
}, },
successHandle() { successHandle() {
this.getData(); this.getData();
},
isShowTag(n,min){
if(n<min){
return true
}else{
return false
}
} }
} }
}; };
...@@ -680,4 +686,8 @@ export default { ...@@ -680,4 +686,8 @@ export default {
width: 40px; width: 40px;
white-space: nowrap; white-space: nowrap;
} }
.detailValue{
width: 100%;
display: inline-block;
}
</style> </style>
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