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 @@
<div>{{ saveObj.ClassName }}</div>
</template>
</q-field>
<q-field
<!-- <q-field
filled
label="等级"
stack-label
......@@ -37,7 +37,7 @@
<template v-slot:control>
<div>{{ saveObj.CourseGradeName }}</div>
</template>
</q-field>
</q-field> -->
<q-field filled label="类型" stack-label class="col-6">
<template v-slot:control>
<div>
......@@ -54,7 +54,7 @@
</q-field>
<q-field filled label="进度" stack-label class="col-6">
<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>
</q-field>
<q-field
......@@ -66,17 +66,18 @@
>
<template v-slot:control>
<div>
<span v-if="saveObj.AppointState == 1">待确认</span
><span v-if="saveObj.AppointState == 2">已确认</span>
<span v-if="saveObj.AppointState == 1" style="color:#ef5350">待确认</span
><span v-if="saveObj.AppointState == 2" style="color:#21ba45">已确认</span>
</div>
<q-btn
color="accent"
size="xs"
label="确认"
v-if="saveObj.AppointState == 1"
v-if="saveObj.AppointState == 1&&saveObj.GuestList.length>=saveObj.ScrollMinNum"
@click="confirmSub"
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>
</q-field>
<q-field
......@@ -90,7 +91,7 @@
<div>{{ saveObj.ScrollMinNum }}</div>
</template>
</q-field>
<q-field
<!-- <q-field
filled
label="最大成班人数："
stack-label
......@@ -100,7 +101,7 @@
<template v-slot:control>
<div>{{ saveObj.ScrollMaxNum }}</div>
</template>
</q-field>
</q-field> -->
<q-field
filled
label="已约学员："
......
src/pages/studyAbroad/subscribe.vue
View file @ 253a97af
......@@ -68,7 +68,7 @@
format="yyyy-MM-dd"
value-format="yyyy-MM-dd"
:clearable="false"
@change="getData"
@change="changeDate"
>
</el-date-picker>
</template>
......@@ -160,6 +160,7 @@
:key="__index"
class="my-event justify-center ellipsis courseItem"
:class="badgeClasses(__item, 'body', _item.TeacherId)"
style="overflow:hidden"
:style="
badgeStyles(
__item,
......@@ -174,30 +175,33 @@
showDetail(__item, item.ClassDate, _item.TeacherId)
"
>
<el-popover
placement="top-start"
width="200"
trigger="hover"
>
<div slot="reference" style="height:100vh">
<el-popover placement="top-start" width="200" trigger="hover">
<div slot="reference" style="height:80vh;position:relative">
<q-badge rounded color="red" label="未成班" style="position:absolute;top:0;right:0" v-if="viewType=='day'&&isShowTag(__item.GuestList.length, __item.ScrollMinNum)"/>
<q-icon name="lock" color="res" style="position:absolute;top:0;right:0" v-if="viewType=='week'&&isShowTag(__item.GuestList.length, __item.ScrollMinNum)"/>
<div
v-if="viewType == 'day' || item.RList.length == 1"
class="q-pa-xs"
>
<div class="flex">
<!-- <div class="flex">
<span class="detailLabel">老师：</span
><span>{{ _item.TeacherName }}</span>
</div>
</div> -->
<div class="flex">
<span class="detailLabel">教室：</span
>{{ __item.RoomName }}
</div>
<div class="flex no-wrap">
<span class="detailLabel">进度：</span
><span
>{{ __item.Ranks }}/{{ __item.TotalPlanNum }}</span
>
</div>
<div class="row flex no-wrap">
<span class="detailLabel">课程：</span
><span style="flex-grow:1">{{
><div class="detailValue">{{
__item.CourseName
}}</span>
}}</div>
</div>
<div class="flex no-wrap">
<span class="detailLabel">班级：</span
......@@ -221,7 +225,7 @@
<div class="flex no-wrap">
<span class="detailLabel">进度：</span
><span
>{{__item.Ranks}}/{{__item.TotalPlanNum}}</span
>{{ __item.Ranks }}/{{ __item.TotalPlanNum }}</span
>
</div>
<div class="flex no-wrap">
......@@ -232,9 +236,9 @@
</div>
<div class="flex no-wrap" v-if="__item.ClassType == 3">
<span class="detailLabel">
预约状态：<span></span
><span v-if="__item.AppointState == 1">待确认</span
><span v-if="__item.AppointState == 2">已确认</span>
状态：<span></span
><span v-if="__item.AppointState == 1" style="color:#ef5350">待确认</span
><span v-if="__item.AppointState == 2" style="color:#21ba45">已确认</span>
<q-btn
color="accent"
size="xs"
......@@ -261,7 +265,8 @@
<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">
<span class="detailLabel">老师：</span
><span>{{ _item.TeacherName }}</span>
......@@ -282,6 +287,10 @@
<span class="detailLabel">时间：</span
><span>{{ __item.StartTime }}-{{ __item.EndTime }}</span>
</div>
<div class="flex no-wrap">
<span class="detailLabel">进度</span
><span>{{ __item.Ranks }}/{{ __item.TotalPlanNum }}</span>
</div>
<div class="flex no-wrap">
<span class="detailLabel">
类型：<span></span
......@@ -291,12 +300,6 @@
>
</div>
<div class="flex no-wrap">
<span class="detailLabel">进度：</span
><span
>{{__item.Ranks}}/{{__item.TotalPlanNum}}</span
>
</div>
<div class="flex no-wrap">
<span class="detailLabel">学员：</span
><span>{{
......@@ -305,9 +308,9 @@
</div>
<div class="flex no-wrap" v-if="__item.ClassType == 3">
<span class="detailLabel">
预约状态：<span></span
><span v-if="__item.AppointState == 1">待确认</span
><span v-if="__item.AppointState == 2">已确认</span>
状态：<span></span
><span v-if="__item.AppointState == 1" style="color:#ef5350">待确认</span
><span v-if="__item.AppointState == 2" style="color:#21ba45">已确认</span>
<q-btn
color="accent"
size="xs"
......@@ -423,7 +426,7 @@ export default {
"blue-grey",
"purple",
"orange",
"red",
"pink",
"green",
"teal",
"secondary",
......@@ -552,6 +555,13 @@ export default {
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) {
let timeStamp = Date.now();
let formatStr = date.formatDate(timeStamp, "YYYY-MM-DD");
......@@ -569,29 +579,18 @@ export default {
});
return bg;
},
onModelChanged(date) {
},
onClickDate2(data) {
},
onClickDayHeader2(data) {
},
onClickInterval2(data) {
},
onModelChanged(date) {},
onClickDate2(data) {},
onClickDayHeader2(data) {},
onClickInterval2(data) {},
onClickTime2(data) {
this.showForm = true;
this.editType = 1;
this.saveObj = {};
this.dateObj = data.scope.timestamp;
},
onClickIntervalHeader2(data) {
},
onClickIntervalHeader2(data) {},
showDetail(data, date, tid) {
this.showForm = true;
this.editType = 2;
this.dateObj.date = date;
......@@ -625,6 +624,13 @@ export default {
},
successHandle() {
this.getData();
},
isShowTag(n,min){
if(n<min){
return true
}else{
return false
}
}
}
};
......@@ -680,4 +686,8 @@ export default {
width: 40px;
white-space: nowrap;
}
.detailValue{
width: 100%;
display: inline-block;
}
</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