Skip to content

C
confucius
Commit 73c168da authored by 罗超's avatar 罗超
Browse files
Options

2

parent 4d58c90d
Expand all Hide whitespace changes
Inline Side-by-side
Showing with 258 additions and 172 deletions
src/pages/studyAbroad/subscribe.vue
View file @ 73c168da
......@@ -67,6 +67,7 @@
placeholder="开始日期"
format="yyyy-MM-dd"
value-format="yyyy-MM-dd"
@change="getData"
>
</el-date-picker>
</template>
......@@ -128,7 +129,7 @@
@click:interval:header2="onClickIntervalHeader2"
>
<template #day-header="{ timestamp }">
<div class="justify-center items-center ">
<div class="justify-center items-center " v-if="viewType == 'week'">
<q-badge
:color="item.bg"
:label="item.TeacherName"
......@@ -137,13 +138,21 @@
class="q-mr-xs"
/>
</div>
<div class="justify-center items-center " v-if="viewType == 'day'">
<q-badge
:color="item.bg"
:label="item.TeacherName"
v-for="(item, index) in legendList"
:key="index"
style="height:20px"
:style="{ width: `${(1 / legendList.length) * 100}%` }"
/>
</div>
</template>
<template #day-body="{ timestamp, timeStartPos, timeDurationHeight }">
<div v-for="(item, index) in events" :key="index">
{{ item.ClassDate }}
<div v-if="item.ClassDate == timestamp.date">
{{ item.ClassDate }}
<div v-for="(_item, _index) in item.RList" :key="_index">
<div
v-for="(__item, __index) in _item.SubList"
......@@ -160,28 +169,101 @@
item.RList.length
)
"
@click.stop="showDetail(__item, item.ClassDate,_item.TeacherId)"
@click.stop="
showDetail(__item, item.ClassDate, _item.TeacherId)
"
>
<div v-if="viewType == 'day' || item.RList.length == 1">
<div class="itemRow">{{ _item.TeacherName }}</div>
<div class="itemRow">{{ __item.CourseName }}</div>
<div>班级：{{ __item.ClassName }}</div>
<div>{{ __item.StartTime }}-{{ __item.EndTime }}</div>
<div>类型：{{ __item.ClassType }}</div>
<div>
进度:{{
__item.TotalPlanNum < 0 ? 0 : __item.TotalPlanNum
}}%
</div>
<div>学员名单：{{ __item.GuestList }}</div>
</div>
<el-popover
placement="top-start"
width="200"
trigger="hover"
v-if="viewType == 'week' && item.RList.length > 1"
>
<div slot="reference" style="height:100vh"></div>
<div slot="reference" style="height:100vh">
<div
v-if="viewType == 'day' || item.RList.length == 1"
class="q-pa-xs"
>
<div class="flex">
<span class="detailLabel">老师：</span
><span>{{ _item.TeacherName }}</span>
</div>
<div class="flex">
<span class="detailLabel">教室：</span
>{{ __item.RoomName }}
</div>
<div class="row flex no-wrap">
<span class="detailLabel">课程：</span
><span style="flex-grow:1">{{
__item.CourseName
}}</span>
</div>
<div class="flex no-wrap">
<span class="detailLabel">班级：</span
><span>{{ __item.ClassName }}</span>
</div>
<div class="flex no-wrap">
<span class="detailLabel">时间：</span
><span
>{{ __item.StartTime }}-{{ __item.EndTime }}</span
>
</div>
<div class="flex no-wrap">
<span class="detailLabel">
类型：<span></span
><span v-if="__item.ClassType == 1">跟班</span
><span v-if="__item.ClassType == 2">试听课</span
><span v-if="__item.ClassType == 3">约课</span></span
>
</div>
<div class="flex no-wrap">
<span class="detailLabel">进度：</span
><span
>{{
__item.CompleteProgress > 0
? __item.CompleteProgress
: 0
}}%</span
>
</div>
<div class="flex no-wrap">
<span class="detailLabel">学员：</span
><span>{{
__item.GuestList.map(e => e.GuestName).toString()
}}</span>
</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>
<q-btn
color="accent"
size="xs"
label="确认"
v-if="__item.AppointState == 1"
@click="
confirmSub(
item.ClassDate,
_item.TeacherId,
__item
)
"
/>
</span>
</div>
<div class="flex no-wrap" v-if="__item.ClassType == 3">
<span class="">最小成班人数：</span
><span>{{ __item.ScrollMinNum }}</span>
</div>
<div class="flex no-wrap" v-if="__item.ClassType == 3">
<span class="">最大成班人数：</span
><span>{{ __item.ScrollMaxNum }}</span>
</div>
<div></div>
</div>
</div>
<div>
<div class="flex">
<span class="detailLabel">老师：</span
......@@ -214,7 +296,13 @@
<div class="flex no-wrap">
<span class="detailLabel">进度：</span
><span>{{ __item.CompleteProgress>0?__item.CompleteProgress:0 }}%</span>
><span
>{{
__item.CompleteProgress > 0
? __item.CompleteProgress
: 0
}}%</span
>
</div>
<div class="flex no-wrap">
<span class="detailLabel">学员：</span
......@@ -261,7 +349,7 @@
:dateObj="dateObj"
:saveObj="saveObj"
:teacherList="TeacherList2"
@success="saveObj={},getData"
@success="successHandle"
/>
</div>
</template>
......@@ -471,7 +559,6 @@ export default {
getData() {
GetAppointmentPlanStat(this.msg).then(res => {
this.events = res.Data;
console.log(498, this.events);
});
},
calcGap(s, e) {
......@@ -514,13 +601,13 @@ export default {
onClickIntervalHeader2(data) {
console.log(6, data);
},
showDetail(data, date,tid) {
showDetail(data, date, tid) {
console.log(7, data);
this.showForm = true;
this.editType = 2;
this.dateObj.date = date;
this.saveObj = data;
this.saveObj.Tid=tid
this.saveObj.Tid = tid;
},
confirmSub(date, id, item) {
if (item.EnrollNum < item.ScrollMinNum) {
......@@ -543,9 +630,13 @@ export default {
position: "top",
type: "positive"
});
this.getData()
this.getData();
}
});
},
successHandle() {
this.saveObj = {};
this.getData();
}
}
};
......
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