|
|
|
@ -6,77 +6,78 @@ |
|
|
|
|
|
|
|
<!-- 班级详情 --> |
|
|
|
<block v-if="curTabID==0"> |
|
|
|
<view class="cmd-status">课程状态：<text :class="[false?'cs-gray':false?'cs-red':'cs-green']">成班中</text></view> |
|
|
|
<view class="cmd-status">课程状态：<text :class="[pageInfo.sclass_status==2?'cs-gray':pageInfo.sclass_status==3?'cs-red':'cs-green']">{{zh_sclass_status(pageInfo.sclass_status)||'-'}}</text></view> |
|
|
|
<view class="cmd-section"> |
|
|
|
<view>课程信息</view> |
|
|
|
<view>欧轩智能羽毛球馆（番禺店）</view> |
|
|
|
<view><text>课程名称：</text>羽毛球培训课</view> |
|
|
|
<view><text>课程课时数量：</text>10节课</view> |
|
|
|
<view><text>课时时长：</text>1小时</view> |
|
|
|
<view><text>课程有效期：</text>2021.06.30-2021.09.30</view> |
|
|
|
<view>{{pageInfo.brand_name||''}}（{{pageInfo.stadium_name||'-'}}）</view> |
|
|
|
<view><text>课程名称：</text>{{pageInfo.course_name||''}}</view> |
|
|
|
<view><text>课程课时数量：</text>{{pageInfo.course_number ||0}}节课</view> |
|
|
|
<view><text>课时时长：</text>{{pageInfo.course_time_length}}分钟</view> |
|
|
|
<view><text>课程有效期：</text>{{pageInfo.course_valid_period||''}}</view> |
|
|
|
<!-- 成班中、失败 --> |
|
|
|
<block v-if="true"> |
|
|
|
<view><text>成班区间人数：</text>2-6人</view> |
|
|
|
<view><text>报名截止时间：</text>2021.07.12 23:50:50</view> |
|
|
|
<block v-if="pageInfo.sclass_status==0||pageInfo.sclass_status==3"> |
|
|
|
<view><text>成班区间人数：</text>{{pageInfo.sclass_min_nums||''}}-{{pageInfo.sclass_max_nums||''}}人</view> |
|
|
|
<view><text>报名截止时间：</text>{{pageInfo.sclass_join_deadline||''}}</view> |
|
|
|
</block> |
|
|
|
</view> |
|
|
|
<view class="cmd-section"> |
|
|
|
<view>班级信息</view> |
|
|
|
<view><text>班级id：</text>2-3</view> |
|
|
|
<view><text>班级名称：</text></view> |
|
|
|
<view><text>班级人数：</text>20</view> |
|
|
|
<view><text>上课教练：</text></view> |
|
|
|
<view><text>上课地点：</text></view> |
|
|
|
<view><text>课程日期：</text></view> |
|
|
|
<view><text>班级id：</text>{{pageInfo.sclass_number||''}}</view> |
|
|
|
<view><text>班级名称：</text>{{pageInfo.sclass_name||''}}</view> |
|
|
|
<view><text>班级人数：</text>{{pageInfo.sclass_nums||''}}</view> |
|
|
|
<view><text>上课教练：</text>{{pageInfo.sclass_coach||''}}</view> |
|
|
|
<view><text>上课地点：</text>{{pageInfo.sclass_addr||''}}</view> |
|
|
|
<view><text>课程日期：</text>{{pageInfo.sclass_date||''}}</view> |
|
|
|
</view> |
|
|
|
<view class="cmd-fixed"> |
|
|
|
<view class="cmd-fixed" v-if="pageInfo.sclass_status==0"> |
|
|
|
<view hover-class="hover-active" @click="confirmClass()">确认成班</view> |
|
|
|
</view> |
|
|
|
</block> |
|
|
|
|
|
|
|
<!-- 班级学员 --> |
|
|
|
<view class="cmd-stu" v-for="(item,i) in 3" :key="i" v-if="curTabID==1"> |
|
|
|
<view class="cs-item" @click="toStuDetail()"> |
|
|
|
<view class="cmd-stu" v-for="(e,i) in pageInfo.students" :key="i" v-if="curTabID==1"> |
|
|
|
<view class="cs-item" @click="toStuDetail(e)"> |
|
|
|
<view class="ci-line"> |
|
|
|
<view>张安（男 ） |
|
|
|
<text>18316536894</text> |
|
|
|
<image src="/subpackage/course/static/images/icon/phone.png"></image> |
|
|
|
<view>{{e.student_name||'-'}}（{{e.student_gender||'-'}}） |
|
|
|
<block v-if="e.student_phone!=''"> |
|
|
|
<text>{{e.student_phone||'-'}}</text> |
|
|
|
<image src="/subpackage/course/static/images/icon/phone.png" @click.stop="phoneCall(e.student_phone)"></image> |
|
|
|
</block> |
|
|
|
</view> |
|
|
|
<image src="/subpackage/course/static/images/icon/arrow_black.png"></image> |
|
|
|
</view> |
|
|
|
<view class="ci-view">剩余课时：10节 （共12节)</view> |
|
|
|
<view class="ci-view"><text>有效期：2020.12.27 22:55:56</text></view> |
|
|
|
<view class="ci-btn"> |
|
|
|
<view hover-class="hover-active" @click.stop="isShowClass=true">转班</view> |
|
|
|
<view class="ci-view">剩余课时：{{e.course_period_residue||0}}节 （共{{e.course_period_nums||0}}节)</view> |
|
|
|
<view class="ci-view"><text>有效期：{{e.end_at || ''}}</text></view> |
|
|
|
<view class="ci-btn" v-if="e.order_status==0||e.order_status==1"> |
|
|
|
<view hover-class="hover-active" @click.stop="resetBtn(e)" >转班</view> |
|
|
|
</view> |
|
|
|
</view> |
|
|
|
</view> |
|
|
|
|
|
|
|
<!-- 上课表 --> |
|
|
|
<view class="cmd-schedule" v-if="curTabID==2"> |
|
|
|
<block v-if="true"> |
|
|
|
<block v-if="pageInfo.sclass_period_time.length > 0"> |
|
|
|
<view class="cs-tab"> |
|
|
|
<view>课时</view> |
|
|
|
<view>上课时间</view> |
|
|
|
<view>上课状态</view> |
|
|
|
<view>操作</view> |
|
|
|
</view> |
|
|
|
<view class="cs-list" v-for="(e,i) in 6" :key="i"> |
|
|
|
<view class="cs-list" v-for="(e,i) in pageInfo.sclass_period_time" :key="i"> |
|
|
|
<view class="cl-item"> |
|
|
|
<view>第{{e.lesson_no|| '-'}}节</view> |
|
|
|
<!-- ${formatDate({date: e.period_date, partition: '.'}) ||'-'} --> |
|
|
|
<view>{{`${' '+e.period_start_time || ''}-${e.period_end_time || ''}`}}</view> |
|
|
|
<view>{{e.period_date!=''?formatDate({date: e.period_date, partition: '.'}):'-'}}{{`${' '+e.period_start_time || ''}-${e.period_end_time || ''}`}}</view> |
|
|
|
<view |
|
|
|
:class="[!e.status?'ci-txt-green':'']" |
|
|
|
>{{e.status?'已上课':'待上课'}}</view> |
|
|
|
<view> |
|
|
|
<view hover-class="hover-active" v-if="!e.status" @click="toChange(e)">更改</view> |
|
|
|
<view hover-class="hover-active" v-if="!e.status" @click="toChangeTime(e)">更改</view> |
|
|
|
</view> |
|
|
|
</view> |
|
|
|
</view> |
|
|
|
</block> |
|
|
|
|
|
|
|
<view class="cmd-no" v-if="false"> |
|
|
|
<view class="cmd-no" v-if="pageInfo.sclass_period_time.length == 0"> |
|
|
|
<image src="/subpackage/course/static/images/no_order.png"></image> |
|
|
|
<view>暂未排课</view> |
|
|
|
</view> |
|
|
|
@ -84,8 +85,8 @@ |
|
|
|
|
|
|
|
<!-- 作业列表 --> |
|
|
|
<view class="cmd-task" v-if="curTabID==3"> |
|
|
|
<task-section ref="refTask" :taskInfo="taskList" taskType="finish" v-if="true"></task-section> |
|
|
|
<view class="cmd-no" v-if="false"> |
|
|
|
<task-section ref="refTask" :taskInfo="pageInfo.work_list" taskType="finish" v-if="pageInfo.work_list.length>0"></task-section> |
|
|
|
<view class="cmd-no" v-if="pageInfo.work_list.length==0"> |
|
|
|
<image src="/subpackage/course/static/images/no_order.png"></image> |
|
|
|
<view>暂未布置作业</view> |
|
|
|
</view> |
|
|
|
@ -94,8 +95,8 @@ |
|
|
|
<!-- 转班弹框 --> |
|
|
|
<class-reset-modal |
|
|
|
:isShowClass="isShowClass" |
|
|
|
:info="6" |
|
|
|
:canlist="canlist" |
|
|
|
:info="pageInfo" |
|
|
|
:canlist="classList" |
|
|
|
@confirmReset="confirmReset" |
|
|
|
@closeReset="isShowClass=false" |
|
|
|
></class-reset-modal> |
|
|
|
@ -105,7 +106,8 @@ |
|
|
|
<script> |
|
|
|
import util from '@/utils/util'; |
|
|
|
import boxServer from '../../../js/course_server'; |
|
|
|
import { BOX_API } from '../../../js/course_api'; |
|
|
|
import BOX_API from '../../../js/course_api'; |
|
|
|
import { mapState } from 'vuex'; |
|
|
|
import tabBar from '../../../components/tab_bar/tab_bar.vue'; |
|
|
|
import class_reset_modal from '../../../components/class_reset_modal/class_reset_modal.vue'; |
|
|
|
import task_section from '../../../components/task_section/task_section.vue'; |
|
|
|
@ -118,77 +120,182 @@ export default { |
|
|
|
'class-reset-modal': class_reset_modal, |
|
|
|
'task-section': task_section, |
|
|
|
}, |
|
|
|
computed:{ |
|
|
|
...mapState([ 'brandInfo',]), |
|
|
|
}, |
|
|
|
data() { |
|
|
|
return { |
|
|
|
tabList, |
|
|
|
curTabID: 0, |
|
|
|
isShowClass: false, |
|
|
|
canlist: [], |
|
|
|
classList: [], |
|
|
|
|
|
|
|
taskList: [ |
|
|
|
{ |
|
|
|
work_content: "今年第三批高考综合改革省份迎来“新高考”，目前，全国实施新高考的省份达到了14个。实施新高考的省份，由于考试科目安", |
|
|
|
pageInfo: { |
|
|
|
students: [], //班级学员 |
|
|
|
work_list: [], //作业列表 |
|
|
|
sclass_period_time: [], //上课表 |
|
|
|
}, |
|
|
|
{ |
|
|
|
work_content: "今年第三批高考综合改革省份迎来“新高考”，目前，全国实施新高考的省份达到了14个。实施新高考的省份，由于考试科目安排的不同，大部分在9日到10日间仍有部分科目的考试。今年新增的8个高考综合改革省份的考生，将在明天完成高中学业水平选考科目的考试后结束高考。", |
|
|
|
}, |
|
|
|
{ |
|
|
|
work_content: "今年第三批高考综合改革省份迎来“新高考”，目前，全国实施新高考的省份达到了14个。实施新高考的省份，由于考试科目安今年第三批高考综合改革省份迎来“新高考”，目前省份，由于考试科目安", |
|
|
|
} |
|
|
|
], |
|
|
|
optionsId: -1, |
|
|
|
resetInfo: {}, //转班信息 |
|
|
|
} |
|
|
|
}, |
|
|
|
onLoad(options) { |
|
|
|
this.optionsId = options.id |
|
|
|
this.getDetail(options.id) |
|
|
|
}, |
|
|
|
methods: { |
|
|
|
formatDate: util.formatDate, |
|
|
|
getDetail(id){ |
|
|
|
let { brandInfo } = this |
|
|
|
util.showLoad(); |
|
|
|
boxServer.get({ |
|
|
|
url: BOX_API.sclassInfo, |
|
|
|
data: { |
|
|
|
brand_id: brandInfo.brand.id, |
|
|
|
id, |
|
|
|
}, |
|
|
|
failMsg: '加载失败！' |
|
|
|
}) |
|
|
|
.then(res=>{ |
|
|
|
util.hideLoad(); |
|
|
|
let _res = res |
|
|
|
_res.students = res.students || [] |
|
|
|
_res.work_list = res.work_list || [] |
|
|
|
_res.sclass_period_time = res.sclass_period_time || [] |
|
|
|
this.pageInfo = _res |
|
|
|
this.getCanlist(res.course_id); |
|
|
|
}) |
|
|
|
}, |
|
|
|
|
|
|
|
zh_sclass_status(status){ |
|
|
|
let _arr = ["成班中","进行中","已结束","成班失败"] |
|
|
|
return _arr[status] || '-'; |
|
|
|
}, |
|
|
|
|
|
|
|
tabChange: util.debounce(function(e){ |
|
|
|
this.curTabID = e.id; |
|
|
|
this.refreshList(); |
|
|
|
this.$nextTick(() => { |
|
|
|
if(this.curTabID==3 && this.taskList.length>0)this.$refs.refTask.initDesc(); |
|
|
|
if(this.curTabID==3 && this.pageInfo.work_list.length>0)this.$refs.refTask.initDesc(); |
|
|
|
}); |
|
|
|
}, 300, true), |
|
|
|
refreshList(){ |
|
|
|
|
|
|
|
this.curTabID = 0 |
|
|
|
this.getDetail(this.optionsId) |
|
|
|
}, |
|
|
|
// 成班课确认成班 |
|
|
|
confirmClass(){ |
|
|
|
let { brandInfo, pageInfo } = this |
|
|
|
util.showModal({ |
|
|
|
title: '是否确认成班', |
|
|
|
content: '确认后代表用户报名成功，提前成立班级安排上课', |
|
|
|
showCancel: true, |
|
|
|
success: modalRes=>{ |
|
|
|
if(modalRes.confirm){ |
|
|
|
// util.showLoad(); |
|
|
|
// boxServer.get({ |
|
|
|
// url: BOX_API.schedule.cancelBclassAc, |
|
|
|
// data: { |
|
|
|
// subscribe_no, |
|
|
|
// }, |
|
|
|
// failMsg: '加载失败！' |
|
|
|
// }) |
|
|
|
// .then(res=>{ |
|
|
|
// util.hideLoad(); |
|
|
|
// this.doSuccess() |
|
|
|
// }) |
|
|
|
util.showLoad(); |
|
|
|
boxServer.get({ |
|
|
|
url: BOX_API.sclassConfirm, |
|
|
|
data: { |
|
|
|
brand_id: brandInfo.brand.id, |
|
|
|
id: pageInfo.sclass_id, |
|
|
|
}, |
|
|
|
failMsg: '加载失败！' |
|
|
|
}) |
|
|
|
.then(res=>{ |
|
|
|
util.hideLoad(); |
|
|
|
util.showNone('操作成功！'); |
|
|
|
setTimeout(_=>{this.refreshList()}, 1200) |
|
|
|
}) |
|
|
|
} |
|
|
|
} |
|
|
|
}) |
|
|
|
}, |
|
|
|
|
|
|
|
btnChange(){}, |
|
|
|
|
|
|
|
toStuDetail(){ |
|
|
|
util.routeTo(`/subpackage/course/pages/class_student_detail/class_student_detail`,'nT'); |
|
|
|
toStuDetail(item){ |
|
|
|
let { pageInfo } = this |
|
|
|
let _query = item |
|
|
|
_query["course_id"] = pageInfo.course_id |
|
|
|
_query["course_name"] = pageInfo.course_name |
|
|
|
// _query["sclass_name"] = pageInfo.sclass_name |
|
|
|
// _query["sclass_nums"] = pageInfo.sclass_nums |
|
|
|
_query["sclass_id"] = pageInfo.sclass_id |
|
|
|
console.log("的点点滴滴：", _query) |
|
|
|
util.routeTo(`/subpackage/course/pages/class_student_detail/class_student_detail?query=${util.jsonStr(_query)}`,'nT') |
|
|
|
}, |
|
|
|
// 可换班级列表 |
|
|
|
getCanlist(course_id){ |
|
|
|
let { brandInfo, pageInfo } = this |
|
|
|
util.showLoad(); |
|
|
|
boxServer.get({ |
|
|
|
url: BOX_API.stuCanChangeSclass, |
|
|
|
data: { |
|
|
|
brand_id: brandInfo.brand.id, |
|
|
|
course_id, |
|
|
|
}, |
|
|
|
failMsg: '加载失败！' |
|
|
|
}) |
|
|
|
.then(res=>{ |
|
|
|
util.hideLoad(); |
|
|
|
this.classList = res.list || [] |
|
|
|
}) |
|
|
|
}, |
|
|
|
// 转班按钮 |
|
|
|
resetBtn(item){ |
|
|
|
this.isShowClass = true |
|
|
|
this.resetInfo.user_id = item.user_id |
|
|
|
this.resetInfo.order_no = item.order_no |
|
|
|
}, |
|
|
|
// 转班 |
|
|
|
// 转班确认 |
|
|
|
confirmReset(e){ |
|
|
|
// this.resetInfo["new_id"] = e.new_id |
|
|
|
// this.$emit('confirmReset',this.resetInfo) |
|
|
|
let { brandInfo, pageInfo, resetInfo } = this |
|
|
|
util.showLoad(); |
|
|
|
boxServer.get({ |
|
|
|
url: BOX_API.resetStuSclass, |
|
|
|
data: { |
|
|
|
brand_id: brandInfo.brand.id, |
|
|
|
old_id: pageInfo.sclass_id, |
|
|
|
new_id: e.new_id, |
|
|
|
user_id: resetInfo.user_id, |
|
|
|
user_order_no: resetInfo.order_no, |
|
|
|
}, |
|
|
|
failMsg: '加载失败！' |
|
|
|
}) |
|
|
|
.then(res=>{ |
|
|
|
util.hideLoad(); |
|
|
|
util.showNone('操作成功！'); |
|
|
|
this.isShowClass = false |
|
|
|
setTimeout(_=>{this.refreshList()}, 1200) |
|
|
|
}) |
|
|
|
}, |
|
|
|
|
|
|
|
toChange(){ |
|
|
|
util.routeTo(`/subpackage/course/pages/class_time_change/class_time_change`,'nT'); |
|
|
|
// 更改上课时间 |
|
|
|
toChangeTime(item){ |
|
|
|
let { pageInfo } = this |
|
|
|
let _query = { |
|
|
|
brand_name: `${pageInfo.brand_name||''}（${pageInfo.stadium_name||''}）`, |
|
|
|
course_name: pageInfo.course_name, |
|
|
|
sclass_name: pageInfo.sclass_name, |
|
|
|
sclass_id: pageInfo.sclass_id, |
|
|
|
lesson_no: item.lesson_no, |
|
|
|
period_date: item.period_date, |
|
|
|
period_start_time: item.period_start_time, |
|
|
|
period_end_time: item.period_end_time, |
|
|
|
} |
|
|
|
util.routeTo(`/subpackage/course/pages/class_time_change/class_time_change?query=${util.jsonStr(_query)}`,'nT'); |
|
|
|
}, |
|
|
|
|
|
|
|
phoneCall(mobile) { |
|
|
|
let _phoneStr = mobile || '' |
|
|
|
let _phoneArr = _phoneStr.split(',') || []; |
|
|
|
uni.showActionSheet({ |
|
|
|
itemList: _phoneArr, |
|
|
|
success: res =>{ |
|
|
|
uni.makePhoneCall({ |
|
|
|
phoneNumber: _phoneArr[res.tapIndex] |
|
|
|
}) |
|
|
|
} |
|
|
|
}) |
|
|
|
}, |
|
|
|
|
|
|
|
} |
|
|
|
} |
|
|
|
|
