Skip to content

C
confucius
Commit 253a97af authored by 罗超's avatar 罗超
Browse files
Options

2

parent 0642d88e
Hide whitespace changes
Inline Side-by-side
Showing with 62 additions and 51 deletions
src/components/stuMan/subscribe/detail.vue
View file @ 253a97af
...@@ -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="已约学员："
......
src/pages/studyAbroad/subscribe.vue
View file @ 253a97af
...@@ -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"
: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">
<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
...@@ -221,7 +225,7 @@ ...@@ -221,7 +225,7 @@
<div class="flex no-wrap"> <div class="flex no-wrap">
<span class="detailLabel">进度：</span <span class="detailLabel">进度：</span
><span ><span
>{{__item.Ranks}}/{{__item.TotalPlanNum}}</span >{{ __item.Ranks }}/{{ __item.TotalPlanNum }}</span
> >
</div> </div>
<div class="flex no-wrap"> <div class="flex no-wrap">
...@@ -232,9 +236,9 @@ ...@@ -232,9 +236,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"
...@@ -261,7 +265,8 @@ ...@@ -261,7 +265,8 @@
<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,10 @@ ...@@ -282,6 +287,10 @@
<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">
<span class="detailLabel">进度</span
><span>{{ __item.Ranks }}/{{ __item.TotalPlanNum }}</span>
</div>
<div class="flex no-wrap"> <div class="flex no-wrap">
<span class="detailLabel"> <span class="detailLabel">
类型：<span></span 类型：<span></span
...@@ -291,12 +300,6 @@ ...@@ -291,12 +300,6 @@
> >
</div> </div>
<div class="flex no-wrap">
<span class="detailLabel">进度：</span
><span
>{{__item.Ranks}}/{{__item.TotalPlanNum}}</span
>
</div>
<div class="flex no-wrap"> <div class="flex no-wrap">
<span class="detailLabel">学员：</span <span class="detailLabel">学员：</span
><span>{{ ><span>{{
...@@ -305,9 +308,9 @@ ...@@ -305,9 +308,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"
...@@ -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