24 changed files with 2384 additions and 482 deletions
@ -0,0 +1,79 @@ |
|||
<?php |
|||
// +---------------------------------------------------------------------- |
|||
// | Niucloud-admin 企业快速开发的多应用管理平台 |
|||
// +---------------------------------------------------------------------- |
|||
// | 官方网址：https://www.niucloud.com |
|||
// +---------------------------------------------------------------------- |
|||
// | niucloud团队 版权所有 开源版本可自由商用 |
|||
// +---------------------------------------------------------------------- |
|||
// | Author: Niucloud Team |
|||
// +---------------------------------------------------------------------- |
|||
|
|||
namespace app\api\controller\apiController; |
|||
|
|||
use app\Request; |
|||
use app\service\api\apiService\StudentCourseService; |
|||
use core\base\BaseApiService; |
|||
|
|||
/** |
|||
* 学员课程相关接口 |
|||
* Class StudentCourse |
|||
* @package app\api\controller\apiController |
|||
*/ |
|||
class StudentCourse extends BaseApiService |
|||
{ |
|||
/** |
|||
* 获取课程详情 |
|||
* @param Request $request |
|||
* @return \think\Response |
|||
*/ |
|||
public function courseDetail(Request $request) |
|||
{ |
|||
$course_id = $request->param('course_id', ''); |
|||
$resource_id = $request->param('resource_id', ''); |
|||
|
|||
if (empty($course_id)) { |
|||
return fail('课程ID不能为空'); |
|||
} |
|||
|
|||
// 如果没有传resource_id，尝试从当前登录用户获取 |
|||
if (empty($resource_id)) { |
|||
// 这里需要根据实际情况获取当前学员的resource_id |
|||
// 可能需要从member_id获取对应的resource_id |
|||
$resource_id = $this->getResourceIdByMemberId($this->member_id); |
|||
} |
|||
|
|||
if (empty($resource_id)) { |
|||
return fail('资源ID不能为空'); |
|||
} |
|||
|
|||
$where = [ |
|||
'course_id' => $course_id, |
|||
'resource_id' => $resource_id |
|||
]; |
|||
|
|||
try { |
|||
$res = (new StudentCourseService())->getCourseDetail($where); |
|||
if (!$res['code']) { |
|||
return fail($res['msg']); |
|||
} |
|||
|
|||
return success($res['data']); |
|||
} catch (\Exception $e) { |
|||
return fail('获取课程详情失败：' . $e->getMessage()); |
|||
} |
|||
} |
|||
|
|||
/** |
|||
* 根据会员ID获取资源ID |
|||
* @param int $member_id |
|||
* @return int|string |
|||
*/ |
|||
private function getResourceIdByMemberId($member_id) |
|||
{ |
|||
// 这里根据实际业务逻辑实现 |
|||
// 从customer_resources表中根据member_id获取resource_id |
|||
$customerResource = \app\model\customer_resources\CustomerResources::where('member_id', $member_id)->find(); |
|||
return $customerResource ? $customerResource->id : ''; |
|||
} |
|||
} |
|||
@ -0,0 +1,220 @@ |
|||
<?php |
|||
// +---------------------------------------------------------------------- |
|||
// | Niucloud-admin 企业快速开发的多应用管理平台 |
|||
// +---------------------------------------------------------------------- |
|||
// | 官方网址：https://www.niucloud.com |
|||
// +---------------------------------------------------------------------- |
|||
// | niucloud团队 版权所有 开源版本可自由商用 |
|||
// +---------------------------------------------------------------------- |
|||
// | Author: Niucloud Team |
|||
// +---------------------------------------------------------------------- |
|||
|
|||
namespace app\service\api\apiService; |
|||
|
|||
use app\model\customer_resources\CustomerResources; |
|||
use app\model\student_courses\StudentCourses; |
|||
use app\model\person_course_schedule\PersonCourseSchedule; |
|||
use app\model\student_course_usage\StudentCourseUsage; |
|||
use app\model\course\Course; |
|||
use app\model\campus\Campus; |
|||
use app\model\venue\Venue; |
|||
use app\model\personnel\Personnel; |
|||
use core\base\BaseApiService; |
|||
use think\facade\Log; |
|||
|
|||
/** |
|||
* 学员课程服务类 |
|||
* Class StudentCourseService |
|||
* @package app\service\api\apiService |
|||
*/ |
|||
class StudentCourseService extends BaseApiService |
|||
{ |
|||
/** |
|||
* 获取课程详情 |
|||
* @param array $where |
|||
* @return array |
|||
*/ |
|||
public function getCourseDetail(array $where) |
|||
{ |
|||
try { |
|||
Log::debug('StudentCourseService::getCourseDetail - 查询条件: ' . json_encode($where)); |
|||
|
|||
$course_id = $where['course_id'] ?? ''; |
|||
$resource_id = $where['resource_id'] ?? ''; |
|||
|
|||
if (empty($course_id) || empty($resource_id)) { |
|||
return ['code' => 0, 'msg' => '参数不完整']; |
|||
} |
|||
|
|||
// 1. 获取学员课程基本信息 |
|||
$courseInfo = $this->getCourseInfo($course_id, $resource_id); |
|||
if (!$courseInfo) { |
|||
return ['code' => 0, 'msg' => '课程信息不存在']; |
|||
} |
|||
|
|||
// 2. 获取课程安排列表 |
|||
$scheduleList = $this->getScheduleList($course_id, $resource_id); |
|||
|
|||
// 3. 获取课程使用记录 |
|||
$usageList = $this->getUsageList($course_id, $resource_id); |
|||
|
|||
$result = [ |
|||
'course_info' => $courseInfo, |
|||
'schedule_list' => $scheduleList, |
|||
'usage_list' => $usageList |
|||
]; |
|||
|
|||
Log::debug('StudentCourseService::getCourseDetail - 返回数据: ' . json_encode($result)); |
|||
|
|||
return ['code' => 1, 'data' => $result]; |
|||
|
|||
} catch (\Exception $e) { |
|||
Log::error('StudentCourseService::getCourseDetail - 异常: ' . $e->getMessage()); |
|||
return ['code' => 0, 'msg' => '获取课程详情失败: ' . $e->getMessage()]; |
|||
} |
|||
} |
|||
|
|||
/** |
|||
* 获取课程基本信息 |
|||
* @param int $course_id |
|||
* @param int $resource_id |
|||
* @return array|null |
|||
*/ |
|||
private function getCourseInfo($course_id, $resource_id) |
|||
{ |
|||
$studentCourse = new StudentCourses(); |
|||
|
|||
$info = $studentCourse |
|||
->alias('sc') |
|||
->join(['school_course' => 'c'], 'sc.course_id = c.id', 'left') |
|||
->join(['school_campus' => 'campus'], 'sc.campus_id = campus.id', 'left') |
|||
->join(['school_personnel' => 'coach'], 'sc.main_coach_id = coach.id', 'left') |
|||
->join(['school_personnel' => 'education'], 'sc.education_id = education.id', 'left') |
|||
->where([ |
|||
'sc.course_id' => $course_id, |
|||
'sc.resource_id' => $resource_id |
|||
]) |
|||
->field([ |
|||
'sc.id', |
|||
'sc.course_id', |
|||
'sc.resource_id', |
|||
'sc.total_hours', |
|||
'sc.gift_hours', |
|||
'sc.start_date', |
|||
'sc.end_date', |
|||
'sc.use_total_hours', |
|||
'sc.use_gift_hours', |
|||
'sc.status', |
|||
'sc.single_session_count', |
|||
'c.course_name', |
|||
'campus.campus_name', |
|||
'coach.name as main_coach_name', |
|||
'education.name as education_name' |
|||
]) |
|||
->find(); |
|||
|
|||
return $info ? $info->toArray() : null; |
|||
} |
|||
|
|||
/** |
|||
* 获取课程安排列表 |
|||
* @param int $course_id |
|||
* @param int $resource_id |
|||
* @return array |
|||
*/ |
|||
private function getScheduleList($course_id, $resource_id) |
|||
{ |
|||
// 首先获取学员课程ID |
|||
$studentCourseId = $this->getStudentCourseId($course_id, $resource_id); |
|||
if (!$studentCourseId) { |
|||
return []; |
|||
} |
|||
|
|||
$personCourseSchedule = new PersonCourseSchedule(); |
|||
|
|||
$list = $personCourseSchedule |
|||
->alias('pcs') |
|||
->join(['school_course_schedule' => 'cs'], 'pcs.schedule_id = cs.id', 'left') |
|||
->join(['school_venue' => 'v'], 'cs.venue_id = v.id', 'left') |
|||
->join(['school_personnel' => 'coach'], 'cs.coach_id = coach.id', 'left') |
|||
->where([ |
|||
'pcs.student_course_id' => $studentCourseId, |
|||
'pcs.resources_id' => $resource_id |
|||
]) |
|||
->field([ |
|||
'pcs.id', |
|||
'pcs.schedule_id', |
|||
'pcs.course_date', |
|||
'pcs.time_slot', |
|||
'pcs.schedule_type', |
|||
'pcs.course_type', |
|||
'pcs.status', |
|||
'pcs.remark', |
|||
'v.venue_name', |
|||
'coach.name as coach_name' |
|||
]) |
|||
->order('pcs.course_date desc, pcs.time_slot desc') |
|||
->select(); |
|||
|
|||
return $list ? $list->toArray() : []; |
|||
} |
|||
|
|||
/** |
|||
* 获取课程使用记录 |
|||
* @param int $course_id |
|||
* @param int $resource_id |
|||
* @return array |
|||
*/ |
|||
private function getUsageList($course_id, $resource_id) |
|||
{ |
|||
// 首先获取学员课程ID |
|||
$studentCourseId = $this->getStudentCourseId($course_id, $resource_id); |
|||
if (!$studentCourseId) { |
|||
return []; |
|||
} |
|||
|
|||
$studentCourseUsage = new StudentCourseUsage(); |
|||
|
|||
$list = $studentCourseUsage |
|||
->alias('scu') |
|||
->join(['school_course_schedule' => 'cs'], 'scu.schedule_id = cs.id', 'left') |
|||
->join(['school_venue' => 'v'], 'cs.venue_id = v.id', 'left') |
|||
->where([ |
|||
'scu.student_course_id' => $studentCourseId, |
|||
'scu.resource_id' => $resource_id |
|||
]) |
|||
->field([ |
|||
'scu.id', |
|||
'scu.usage_date', |
|||
'scu.hours_used', |
|||
'scu.usage_type', |
|||
'scu.remark', |
|||
'cs.time_slot', |
|||
'v.venue_name' |
|||
]) |
|||
->order('scu.usage_date desc') |
|||
->select(); |
|||
|
|||
return $list ? $list->toArray() : []; |
|||
} |
|||
|
|||
/** |
|||
* 获取学员课程ID |
|||
* @param int $course_id |
|||
* @param int $resource_id |
|||
* @return int|null |
|||
*/ |
|||
private function getStudentCourseId($course_id, $resource_id) |
|||
{ |
|||
$studentCourse = new StudentCourses(); |
|||
|
|||
$info = $studentCourse |
|||
->where([ |
|||
'course_id' => $course_id, |
|||
'resource_id' => $resource_id |
|||
]) |
|||
->find(); |
|||
|
|||
return $info ? $info->id : null; |
|||
} |
|||
} |
|||
@ -0,0 +1,514 @@ |
|||
<template> |
|||
<view class="course-detail-container"> |
|||
<!-- 课程基本信息 --> |
|||
<view class="course-info-card"> |
|||
<view class="course-header"> |
|||
<text class="course-title">{{ courseInfo.course_name || '课程详情' }}</text> |
|||
<view class="course-status" :class="getStatusClass(courseInfo.status)"> |
|||
{{ getStatusText(courseInfo.status) }} |
|||
</view> |
|||
</view> |
|||
|
|||
<view class="course-stats"> |
|||
<view class="stat-item"> |
|||
<text class="stat-label">总课时</text> |
|||
<text class="stat-value">{{ courseInfo.total_hours || 0 }}</text> |
|||
</view> |
|||
<view class="stat-item"> |
|||
<text class="stat-label">赠送课时</text> |
|||
<text class="stat-value">{{ courseInfo.gift_hours || 0 }}</text> |
|||
</view> |
|||
<view class="stat-item"> |
|||
<text class="stat-label">已用课时</text> |
|||
<text class="stat-value">{{ (courseInfo.use_total_hours || 0) + (courseInfo.use_gift_hours || 0) }}</text> |
|||
</view> |
|||
<view class="stat-item"> |
|||
<text class="stat-label">剩余课时</text> |
|||
<text class="stat-value remaining">{{ getRemainingHours() }}</text> |
|||
</view> |
|||
</view> |
|||
|
|||
<view class="course-dates"> |
|||
<text class="date-item">开始日期：{{ courseInfo.start_date || '--' }}</text> |
|||
<text class="date-item">结束日期：{{ courseInfo.end_date || '--' }}</text> |
|||
</view> |
|||
</view> |
|||
|
|||
<!-- 课程安排列表 --> |
|||
<view class="section-title"> |
|||
<text class="title-text">课程安排</text> |
|||
<text class="title-count">({{ scheduleList.length }})</text> |
|||
</view> |
|||
|
|||
<view class="schedule-list"> |
|||
<view |
|||
v-for="(item, index) in scheduleList" |
|||
:key="item.id" |
|||
class="schedule-item" |
|||
@tap="showScheduleDetail(item)" |
|||
> |
|||
<view class="schedule-date"> |
|||
<text class="date-text">{{ formatDate(item.course_date) }}</text> |
|||
<text class="time-text">{{ item.time_slot }}</text> |
|||
</view> |
|||
|
|||
<view class="schedule-info"> |
|||
<view class="schedule-type"> |
|||
<text class="type-tag" :class="getScheduleTypeClass(item.schedule_type)"> |
|||
{{ getScheduleTypeText(item.schedule_type) }} |
|||
</text> |
|||
<text class="course-type-tag" :class="getCourseTypeClass(item.course_type)"> |
|||
{{ getCourseTypeText(item.course_type) }} |
|||
</text> |
|||
</view> |
|||
|
|||
<view class="schedule-status"> |
|||
<text class="status-text" :class="getScheduleStatusClass(item.status)"> |
|||
{{ getScheduleStatusText(item.status) }} |
|||
</text> |
|||
</view> |
|||
</view> |
|||
|
|||
<view class="schedule-arrow"> |
|||
<text class="arrow-icon">></text> |
|||
</view> |
|||
</view> |
|||
</view> |
|||
|
|||
<!-- 课程使用记录 --> |
|||
<view class="section-title"> |
|||
<text class="title-text">使用记录</text> |
|||
<text class="title-count">({{ usageList.length }})</text> |
|||
</view> |
|||
|
|||
<view class="usage-list"> |
|||
<view |
|||
v-for="(item, index) in usageList" |
|||
:key="item.id" |
|||
class="usage-item" |
|||
> |
|||
<view class="usage-date"> |
|||
<text class="date-text">{{ formatDate(item.usage_date) }}</text> |
|||
<text class="time-text">{{ item.time_slot || '--' }}</text> |
|||
</view> |
|||
|
|||
<view class="usage-info"> |
|||
<text class="usage-hours">消耗课时：{{ item.hours_used || 0 }}</text> |
|||
<text class="usage-type">{{ item.usage_type || '正常上课' }}</text> |
|||
</view> |
|||
|
|||
<view class="usage-status"> |
|||
<text class="status-text confirmed">已确认</text> |
|||
</view> |
|||
</view> |
|||
</view> |
|||
|
|||
<!-- 无数据提示 --> |
|||
<view v-if="scheduleList.length === 0 && usageList.length === 0" class="no-data"> |
|||
<text class="no-data-text">暂无课程安排和使用记录</text> |
|||
</view> |
|||
</view> |
|||
</template> |
|||
|
|||
<script> |
|||
export default { |
|||
data() { |
|||
return { |
|||
courseId: '', |
|||
courseInfo: {}, |
|||
scheduleList: [], |
|||
usageList: [] |
|||
} |
|||
}, |
|||
|
|||
onLoad(options) { |
|||
this.courseId = options.courseId || '' |
|||
if (this.courseId) { |
|||
this.loadCourseDetail() |
|||
} |
|||
}, |
|||
|
|||
methods: { |
|||
// 加载课程详情 |
|||
async loadCourseDetail() { |
|||
try { |
|||
uni.showLoading({ title: '加载中...' }) |
|||
|
|||
const res = await this.$http.get('/xy/course/detail', { |
|||
course_id: this.courseId |
|||
}) |
|||
|
|||
if (res.data.code === 1) { |
|||
this.courseInfo = res.data.data.course_info || {} |
|||
this.scheduleList = res.data.data.schedule_list || [] |
|||
this.usageList = res.data.data.usage_list || [] |
|||
} else { |
|||
uni.showToast({ |
|||
title: res.data.msg || '加载失败', |
|||
icon: 'none' |
|||
}) |
|||
} |
|||
} catch (error) { |
|||
console.error('加载课程详情失败:', error) |
|||
uni.showToast({ |
|||
title: '加载失败', |
|||
icon: 'none' |
|||
}) |
|||
} finally { |
|||
uni.hideLoading() |
|||
} |
|||
}, |
|||
|
|||
// 计算剩余课时 |
|||
getRemainingHours() { |
|||
const total = (this.courseInfo.total_hours || 0) + (this.courseInfo.gift_hours || 0) |
|||
const used = (this.courseInfo.use_total_hours || 0) + (this.courseInfo.use_gift_hours || 0) |
|||
return Math.max(0, total - used) |
|||
}, |
|||
|
|||
// 获取课程状态文本 |
|||
getStatusText(status) { |
|||
const statusMap = { |
|||
1: '有效', |
|||
2: '过期', |
|||
3: '等待期', |
|||
4: '延期' |
|||
} |
|||
return statusMap[status] || '未知' |
|||
}, |
|||
|
|||
// 获取课程状态样式 |
|||
getStatusClass(status) { |
|||
const classMap = { |
|||
1: 'status-active', |
|||
2: 'status-expired', |
|||
3: 'status-waiting', |
|||
4: 'status-delayed' |
|||
} |
|||
return classMap[status] || 'status-unknown' |
|||
}, |
|||
|
|||
// 获取课程安排类型文本 |
|||
getScheduleTypeText(type) { |
|||
const typeMap = { |
|||
1: '临时课', |
|||
2: '固定课' |
|||
} |
|||
return typeMap[type] || '未知' |
|||
}, |
|||
|
|||
// 获取课程安排类型样式 |
|||
getScheduleTypeClass(type) { |
|||
const classMap = { |
|||
1: 'type-temp', |
|||
2: 'type-fixed' |
|||
} |
|||
return classMap[type] || 'type-unknown' |
|||
}, |
|||
|
|||
// 获取课程类型文本 |
|||
getCourseTypeText(type) { |
|||
const typeMap = { |
|||
1: '加课', |
|||
2: '补课', |
|||
3: '等待位' |
|||
} |
|||
return typeMap[type] || '正常课' |
|||
}, |
|||
|
|||
// 获取课程类型样式 |
|||
getCourseTypeClass(type) { |
|||
const classMap = { |
|||
1: 'course-add', |
|||
2: 'course-makeup', |
|||
3: 'course-waiting' |
|||
} |
|||
return classMap[type] || 'course-normal' |
|||
}, |
|||
|
|||
// 获取课程安排状态文本 |
|||
getScheduleStatusText(status) { |
|||
const statusMap = { |
|||
0: '待上课', |
|||
1: '已上课', |
|||
2: '请假' |
|||
} |
|||
return statusMap[status] || '未知' |
|||
}, |
|||
|
|||
// 获取课程安排状态样式 |
|||
getScheduleStatusClass(status) { |
|||
const classMap = { |
|||
0: 'schedule-pending', |
|||
1: 'schedule-completed', |
|||
2: 'schedule-leave' |
|||
} |
|||
return classMap[status] || 'schedule-unknown' |
|||
}, |
|||
|
|||
// 格式化日期 |
|||
formatDate(dateStr) { |
|||
if (!dateStr) return '--' |
|||
const date = new Date(dateStr) |
|||
const month = (date.getMonth() + 1).toString().padStart(2, '0') |
|||
const day = date.getDate().toString().padStart(2, '0') |
|||
return `${month}-${day}` |
|||
}, |
|||
|
|||
// 显示课程安排详情 |
|||
showScheduleDetail(item) { |
|||
// 可以跳转到课程安排详情页面 |
|||
console.log('查看课程安排详情:', item) |
|||
} |
|||
} |
|||
} |
|||
</script> |
|||
|
|||
<style lang="scss" scoped> |
|||
.course-detail-container { |
|||
padding: 20rpx; |
|||
background-color: #f5f5f5; |
|||
min-height: 100vh; |
|||
} |
|||
|
|||
.course-info-card { |
|||
background: white; |
|||
border-radius: 16rpx; |
|||
padding: 24rpx; |
|||
margin-bottom: 20rpx; |
|||
box-shadow: 0 2rpx 8rpx rgba(0, 0, 0, 0.1); |
|||
} |
|||
|
|||
.course-header { |
|||
display: flex; |
|||
justify-content: space-between; |
|||
align-items: center; |
|||
margin-bottom: 20rpx; |
|||
} |
|||
|
|||
.course-title { |
|||
font-size: 32rpx; |
|||
font-weight: 600; |
|||
color: #333; |
|||
} |
|||
|
|||
.course-status { |
|||
padding: 8rpx 16rpx; |
|||
border-radius: 20rpx; |
|||
font-size: 24rpx; |
|||
font-weight: 500; |
|||
|
|||
&.status-active { |
|||
background: #e8f5e8; |
|||
color: #52c41a; |
|||
} |
|||
|
|||
&.status-expired { |
|||
background: #fff2f0; |
|||
color: #ff4d4f; |
|||
} |
|||
|
|||
&.status-waiting { |
|||
background: #f6ffed; |
|||
color: #faad14; |
|||
} |
|||
|
|||
&.status-delayed { |
|||
background: #f0f5ff; |
|||
color: #1890ff; |
|||
} |
|||
} |
|||
|
|||
.course-stats { |
|||
display: flex; |
|||
justify-content: space-between; |
|||
margin-bottom: 20rpx; |
|||
} |
|||
|
|||
.stat-item { |
|||
display: flex; |
|||
flex-direction: column; |
|||
align-items: center; |
|||
flex: 1; |
|||
} |
|||
|
|||
.stat-label { |
|||
font-size: 24rpx; |
|||
color: #666; |
|||
margin-bottom: 8rpx; |
|||
} |
|||
|
|||
.stat-value { |
|||
font-size: 28rpx; |
|||
font-weight: 600; |
|||
color: #333; |
|||
|
|||
&.remaining { |
|||
color: #1890ff; |
|||
} |
|||
} |
|||
|
|||
.course-dates { |
|||
display: flex; |
|||
justify-content: space-between; |
|||
padding-top: 20rpx; |
|||
border-top: 1rpx solid #f0f0f0; |
|||
} |
|||
|
|||
.date-item { |
|||
font-size: 24rpx; |
|||
color: #666; |
|||
} |
|||
|
|||
.section-title { |
|||
display: flex; |
|||
align-items: center; |
|||
margin: 30rpx 0 16rpx; |
|||
} |
|||
|
|||
.title-text { |
|||
font-size: 28rpx; |
|||
font-weight: 600; |
|||
color: #333; |
|||
} |
|||
|
|||
.title-count { |
|||
font-size: 24rpx; |
|||
color: #666; |
|||
margin-left: 8rpx; |
|||
} |
|||
|
|||
.schedule-list, .usage-list { |
|||
background: white; |
|||
border-radius: 16rpx; |
|||
overflow: hidden; |
|||
margin-bottom: 20rpx; |
|||
} |
|||
|
|||
.schedule-item, .usage-item { |
|||
display: flex; |
|||
align-items: center; |
|||
padding: 24rpx; |
|||
border-bottom: 1rpx solid #f0f0f0; |
|||
|
|||
&:last-child { |
|||
border-bottom: none; |
|||
} |
|||
} |
|||
|
|||
.schedule-date, .usage-date { |
|||
display: flex; |
|||
flex-direction: column; |
|||
width: 140rpx; |
|||
margin-right: 20rpx; |
|||
} |
|||
|
|||
.date-text { |
|||
font-size: 28rpx; |
|||
font-weight: 600; |
|||
color: #333; |
|||
margin-bottom: 4rpx; |
|||
} |
|||
|
|||
.time-text { |
|||
font-size: 24rpx; |
|||
color: #666; |
|||
} |
|||
|
|||
.schedule-info, .usage-info { |
|||
flex: 1; |
|||
} |
|||
|
|||
.schedule-type { |
|||
display: flex; |
|||
gap: 8rpx; |
|||
margin-bottom: 8rpx; |
|||
} |
|||
|
|||
.type-tag, .course-type-tag { |
|||
padding: 4rpx 8rpx; |
|||
border-radius: 8rpx; |
|||
font-size: 20rpx; |
|||
|
|||
&.type-temp { |
|||
background: #fff7e6; |
|||
color: #fa8c16; |
|||
} |
|||
|
|||
&.type-fixed { |
|||
background: #f6ffed; |
|||
color: #52c41a; |
|||
} |
|||
|
|||
&.course-add { |
|||
background: #e6f7ff; |
|||
color: #1890ff; |
|||
} |
|||
|
|||
&.course-makeup { |
|||
background: #f9f0ff; |
|||
color: #722ed1; |
|||
} |
|||
|
|||
&.course-waiting { |
|||
background: #fff2f0; |
|||
color: #ff4d4f; |
|||
} |
|||
} |
|||
|
|||
.schedule-status, .usage-status { |
|||
display: flex; |
|||
align-items: center; |
|||
} |
|||
|
|||
.status-text { |
|||
font-size: 24rpx; |
|||
font-weight: 500; |
|||
|
|||
&.schedule-pending { |
|||
color: #faad14; |
|||
} |
|||
|
|||
&.schedule-completed { |
|||
color: #52c41a; |
|||
} |
|||
|
|||
&.schedule-leave { |
|||
color: #ff4d4f; |
|||
} |
|||
|
|||
&.confirmed { |
|||
color: #52c41a; |
|||
} |
|||
} |
|||
|
|||
.schedule-arrow { |
|||
margin-left: 16rpx; |
|||
} |
|||
|
|||
.arrow-icon { |
|||
font-size: 24rpx; |
|||
color: #ccc; |
|||
} |
|||
|
|||
.usage-hours { |
|||
font-size: 26rpx; |
|||
color: #333; |
|||
margin-bottom: 4rpx; |
|||
} |
|||
|
|||
.usage-type { |
|||
font-size: 24rpx; |
|||
color: #666; |
|||
} |
|||
|
|||
.no-data { |
|||
text-align: center; |
|||
padding: 100rpx 0; |
|||
} |
|||
|
|||
.no-data-text { |
|||
font-size: 24rpx; |
|||
color: #999; |
|||
} |
|||
</style> |
|||
Loading…
Reference in new issue