12 changed files with 704 additions and 967 deletions
@ -1,59 +0,0 @@ |
|||
import request from '@/utils/request' |
|||
|
|||
// USER_CODE_BEGIN -- aaaaaaaaaaa
|
|||
/** |
|||
* 获取测试列表 |
|||
* @param params |
|||
* @returns |
|||
*/ |
|||
export function getAaaaaaaaaaaList(params: Record<string, any>) { |
|||
return request.get(`aaaaaaaaaaa/aaaaaaaaaaa`, { params }) |
|||
} |
|||
|
|||
/** |
|||
* 获取测试详情 |
|||
* @param id 测试id |
|||
* @returns |
|||
*/ |
|||
export function getAaaaaaaaaaaInfo(id: number) { |
|||
return request.get(`aaaaaaaaaaa/aaaaaaaaaaa/${id}`) |
|||
} |
|||
|
|||
/** |
|||
* 添加测试 |
|||
* @param params |
|||
* @returns |
|||
*/ |
|||
export function addAaaaaaaaaaa(params: Record<string, any>) { |
|||
return request.post('aaaaaaaaaaa/aaaaaaaaaaa', params, { |
|||
showErrorMessage: true, |
|||
showSuccessMessage: true, |
|||
}) |
|||
} |
|||
|
|||
/** |
|||
* 编辑测试 |
|||
* @param id |
|||
* @param params |
|||
* @returns |
|||
*/ |
|||
export function editAaaaaaaaaaa(params: Record<string, any>) { |
|||
return request.put(`aaaaaaaaaaa/aaaaaaaaaaa/${params.id}`, params, { |
|||
showErrorMessage: true, |
|||
showSuccessMessage: true, |
|||
}) |
|||
} |
|||
|
|||
/** |
|||
* 删除测试 |
|||
* @param id |
|||
* @returns |
|||
*/ |
|||
export function deleteAaaaaaaaaaa(id: number) { |
|||
return request.delete(`aaaaaaaaaaa/aaaaaaaaaaa/${id}`, { |
|||
showErrorMessage: true, |
|||
showSuccessMessage: true, |
|||
}) |
|||
} |
|||
|
|||
// USER_CODE_END -- aaaaaaaaaaa
|
|||
@ -1,196 +0,0 @@ |
|||
<template> |
|||
<div class="main-container"> |
|||
<el-card class="box-card !border-none" shadow="never"> |
|||
<div class="flex justify-between items-center"> |
|||
<span class="text-lg">{{ pageName }}</span> |
|||
<el-button type="primary" @click="addEvent"> |
|||
{{ t('addAaaaaaaaaaa') }} |
|||
</el-button> |
|||
</div> |
|||
|
|||
<el-card |
|||
class="box-card !border-none my-[10px] table-search-wrap" |
|||
shadow="never" |
|||
> |
|||
<el-form |
|||
:inline="true" |
|||
:model="aaaaaaaaaaaTable.searchParam" |
|||
ref="searchFormRef" |
|||
> |
|||
<el-form-item> |
|||
<el-button type="primary" @click="loadAaaaaaaaaaaList()">{{ |
|||
t('search') |
|||
}}</el-button> |
|||
<el-button @click="resetForm(searchFormRef)">{{ |
|||
t('reset') |
|||
}}</el-button> |
|||
</el-form-item> |
|||
</el-form> |
|||
</el-card> |
|||
|
|||
<div class="mt-[10px]"> |
|||
<el-table |
|||
:data="aaaaaaaaaaaTable.data" |
|||
size="large" |
|||
v-loading="aaaaaaaaaaaTable.loading" |
|||
> |
|||
<template #empty> |
|||
<span>{{ !aaaaaaaaaaaTable.loading ? t('emptyData') : '' }}</span> |
|||
</template> |
|||
<el-table-column :label="t('url1')" width="100" align="left"> |
|||
<template #default="{ row }"> |
|||
<el-avatar v-if="row.url1" :src="img(row.url1)" /> |
|||
<el-avatar v-else icon="UserFilled" /> |
|||
</template> |
|||
</el-table-column> |
|||
<el-table-column |
|||
prop="url2" |
|||
:label="t('url2')" |
|||
min-width="120" |
|||
:show-overflow-tooltip="true" |
|||
/> |
|||
|
|||
<el-table-column |
|||
prop="url3" |
|||
:label="t('url3')" |
|||
min-width="120" |
|||
:show-overflow-tooltip="true" |
|||
/> |
|||
|
|||
<el-table-column |
|||
:label="t('operation')" |
|||
fixed="right" |
|||
min-width="120" |
|||
> |
|||
<template #default="{ row }"> |
|||
<el-button type="primary" link @click="editEvent(row)">{{ |
|||
t('edit') |
|||
}}</el-button> |
|||
<el-button type="primary" link @click="deleteEvent(row.id)">{{ |
|||
t('delete') |
|||
}}</el-button> |
|||
</template> |
|||
</el-table-column> |
|||
</el-table> |
|||
<div class="mt-[16px] flex justify-end"> |
|||
<el-pagination |
|||
v-model:current-page="aaaaaaaaaaaTable.page" |
|||
v-model:page-size="aaaaaaaaaaaTable.limit" |
|||
layout="total, sizes, prev, pager, next, jumper" |
|||
:total="aaaaaaaaaaaTable.total" |
|||
@size-change="loadAaaaaaaaaaaList()" |
|||
@current-change="loadAaaaaaaaaaaList" |
|||
/> |
|||
</div> |
|||
</div> |
|||
|
|||
<edit ref="editAaaaaaaaaaaDialog" @complete="loadAaaaaaaaaaaList" /> |
|||
</el-card> |
|||
</div> |
|||
</template> |
|||
|
|||
<script lang="ts" setup> |
|||
import { reactive, ref, watch } from 'vue' |
|||
import { t } from '@/lang' |
|||
import { useDictionary } from '@/app/api/dict' |
|||
import { getAaaaaaaaaaaList, deleteAaaaaaaaaaa } from '@/app/api/aaaaaaaaaaa' |
|||
import { img } from '@/utils/common' |
|||
import { ElMessageBox, FormInstance } from 'element-plus' |
|||
import Edit from '@/app/views/aaaaaaaaaaa/components/aaaaaaaaaaa-edit.vue' |
|||
import { useRoute } from 'vue-router' |
|||
const route = useRoute() |
|||
const pageName = route.meta.title |
|||
|
|||
let aaaaaaaaaaaTable = reactive({ |
|||
page: 1, |
|||
limit: 10, |
|||
total: 0, |
|||
loading: true, |
|||
data: [], |
|||
searchParam: {}, |
|||
}) |
|||
|
|||
const searchFormRef = ref<FormInstance>() |
|||
|
|||
// 选中数据 |
|||
const selectData = ref<any[]>([]) |
|||
|
|||
// 字典数据 |
|||
|
|||
/** |
|||
* 获取测试列表 |
|||
*/ |
|||
const loadAaaaaaaaaaaList = (page: number = 1) => { |
|||
aaaaaaaaaaaTable.loading = true |
|||
aaaaaaaaaaaTable.page = page |
|||
|
|||
getAaaaaaaaaaaList({ |
|||
page: aaaaaaaaaaaTable.page, |
|||
limit: aaaaaaaaaaaTable.limit, |
|||
...aaaaaaaaaaaTable.searchParam, |
|||
}) |
|||
.then((res) => { |
|||
aaaaaaaaaaaTable.loading = false |
|||
aaaaaaaaaaaTable.data = res.data.data |
|||
aaaaaaaaaaaTable.total = res.data.total |
|||
}) |
|||
.catch(() => { |
|||
aaaaaaaaaaaTable.loading = false |
|||
}) |
|||
} |
|||
loadAaaaaaaaaaaList() |
|||
|
|||
const editAaaaaaaaaaaDialog: Record<string, any> | null = ref(null) |
|||
|
|||
/** |
|||
* 添加测试 |
|||
*/ |
|||
const addEvent = () => { |
|||
editAaaaaaaaaaaDialog.value.setFormData() |
|||
editAaaaaaaaaaaDialog.value.showDialog = true |
|||
} |
|||
|
|||
/** |
|||
* 编辑测试 |
|||
* @param data |
|||
*/ |
|||
const editEvent = (data: any) => { |
|||
editAaaaaaaaaaaDialog.value.setFormData(data) |
|||
editAaaaaaaaaaaDialog.value.showDialog = true |
|||
} |
|||
|
|||
/** |
|||
* 删除测试 |
|||
*/ |
|||
const deleteEvent = (id: number) => { |
|||
ElMessageBox.confirm(t('aaaaaaaaaaaDeleteTips'), t('warning'), { |
|||
confirmButtonText: t('confirm'), |
|||
cancelButtonText: t('cancel'), |
|||
type: 'warning', |
|||
}).then(() => { |
|||
deleteAaaaaaaaaaa(id) |
|||
.then(() => { |
|||
loadAaaaaaaaaaaList() |
|||
}) |
|||
.catch(() => {}) |
|||
}) |
|||
} |
|||
|
|||
const resetForm = (formEl: FormInstance | undefined) => { |
|||
if (!formEl) return |
|||
formEl.resetFields() |
|||
loadAaaaaaaaaaaList() |
|||
} |
|||
</script> |
|||
|
|||
<style lang="scss" scoped> |
|||
/* 多行超出隐藏 */ |
|||
.multi-hidden { |
|||
word-break: break-all; |
|||
text-overflow: ellipsis; |
|||
overflow: hidden; |
|||
display: -webkit-box; |
|||
-webkit-line-clamp: 2; |
|||
-webkit-box-orient: vertical; |
|||
} |
|||
</style> |
|||
@ -1,176 +0,0 @@ |
|||
<template> |
|||
<el-dialog |
|||
v-model="showDialog" |
|||
:title="formData.id ? t('updateAaaaaaaaaaa') : t('addAaaaaaaaaaa')" |
|||
width="50%" |
|||
class="diy-dialog-wrap" |
|||
:destroy-on-close="true" |
|||
> |
|||
<el-form |
|||
:model="formData" |
|||
label-width="120px" |
|||
ref="formRef" |
|||
:rules="formRules" |
|||
class="page-form" |
|||
v-loading="loading" |
|||
> |
|||
<el-form-item :label="t('url1')"> |
|||
<upload-image v-model="formData.url1" /> |
|||
</el-form-item> |
|||
|
|||
<el-form-item :label="t('url2')"> |
|||
<upload-file v-model="formData.url2" /> |
|||
</el-form-item> |
|||
|
|||
<el-form-item :label="t('url3')"> |
|||
<upload-video v-model="formData.url3" /> |
|||
</el-form-item> |
|||
</el-form> |
|||
|
|||
<template #footer> |
|||
<span class="dialog-footer"> |
|||
<el-button @click="showDialog = false">{{ t('cancel') }}</el-button> |
|||
<el-button |
|||
type="primary" |
|||
:loading="loading" |
|||
@click="confirm(formRef)" |
|||
>{{ t('confirm') }}</el-button |
|||
> |
|||
</span> |
|||
</template> |
|||
</el-dialog> |
|||
</template> |
|||
|
|||
<script lang="ts" setup> |
|||
import { ref, reactive, computed, watch } from 'vue' |
|||
import { useDictionary } from '@/app/api/dict' |
|||
import { t } from '@/lang' |
|||
import type { FormInstance } from 'element-plus' |
|||
import { |
|||
addAaaaaaaaaaa, |
|||
editAaaaaaaaaaa, |
|||
getAaaaaaaaaaaInfo, |
|||
} from '@/app/api/aaaaaaaaaaa' |
|||
|
|||
let showDialog = ref(false) |
|||
const loading = ref(false) |
|||
|
|||
/** |
|||
* 表单数据 |
|||
*/ |
|||
const initialFormData = { |
|||
id: '', |
|||
url1: '', |
|||
url2: '', |
|||
url3: '', |
|||
} |
|||
const formData: Record<string, any> = reactive({ ...initialFormData }) |
|||
|
|||
const formRef = ref<FormInstance>() |
|||
|
|||
// 表单验证规则 |
|||
const formRules = computed(() => { |
|||
return { |
|||
url1: [{ required: true, message: t('url1Placeholder'), trigger: 'blur' }], |
|||
url2: [{ required: true, message: t('url2Placeholder'), trigger: 'blur' }], |
|||
url3: [{ required: true, message: t('url3Placeholder'), trigger: 'blur' }], |
|||
} |
|||
}) |
|||
|
|||
const emit = defineEmits(['complete']) |
|||
|
|||
/** |
|||
* 确认 |
|||
* @param formEl |
|||
*/ |
|||
const confirm = async (formEl: FormInstance | undefined) => { |
|||
if (loading.value || !formEl) return |
|||
let save = formData.id ? editAaaaaaaaaaa : addAaaaaaaaaaa |
|||
|
|||
await formEl.validate(async (valid) => { |
|||
if (valid) { |
|||
loading.value = true |
|||
|
|||
let data = formData |
|||
|
|||
save(data) |
|||
.then((res) => { |
|||
loading.value = false |
|||
showDialog.value = false |
|||
emit('complete') |
|||
}) |
|||
.catch((err) => { |
|||
loading.value = false |
|||
}) |
|||
} |
|||
}) |
|||
} |
|||
|
|||
// 获取字典数据 |
|||
|
|||
const setFormData = async (row: any = null) => { |
|||
Object.assign(formData, initialFormData) |
|||
loading.value = true |
|||
if (row) { |
|||
const data = await (await getAaaaaaaaaaaInfo(row.id)).data |
|||
if (data) |
|||
Object.keys(formData).forEach((key: string) => { |
|||
if (data[key] != undefined) formData[key] = data[key] |
|||
}) |
|||
} |
|||
loading.value = false |
|||
} |
|||
|
|||
// 验证手机号格式 |
|||
const mobileVerify = (rule: any, value: any, callback: any) => { |
|||
if (value && !/^1[3-9]\d{9}$/.test(value)) { |
|||
callback(new Error(t('generateMobile'))) |
|||
} else { |
|||
callback() |
|||
} |
|||
} |
|||
|
|||
// 验证身份证号 |
|||
const idCardVerify = (rule: any, value: any, callback: any) => { |
|||
if ( |
|||
value && |
|||
!/^[1-9]\d{5}[1-9]\d{3}((0\d)|(1[0-2]))(([0|1|2]\d)|3[0-1])\d{3}([0-9]|X)$/.test( |
|||
value |
|||
) |
|||
) { |
|||
callback(new Error(t('generateIdCard'))) |
|||
} else { |
|||
callback() |
|||
} |
|||
} |
|||
|
|||
// 验证邮箱号 |
|||
const emailVerify = (rule: any, value: any, callback: any) => { |
|||
if (value && !/\w+([-+.]\w+)*@\w+([-.]\w+)*\.\w+([-.]\w+)*/.test(value)) { |
|||
callback(new Error(t('generateEmail'))) |
|||
} else { |
|||
callback() |
|||
} |
|||
} |
|||
|
|||
// 验证请输入整数 |
|||
const numberVerify = (rule: any, value: any, callback: any) => { |
|||
if (!Number.isInteger(value)) { |
|||
callback(new Error(t('generateNumber'))) |
|||
} else { |
|||
callback() |
|||
} |
|||
} |
|||
|
|||
defineExpose({ |
|||
showDialog, |
|||
setFormData, |
|||
}) |
|||
</script> |
|||
|
|||
<style lang="scss" scoped></style> |
|||
<style lang="scss"> |
|||
.diy-dialog-wrap .el-form-item__label { |
|||
height: auto !important; |
|||
} |
|||
</style> |
|||
@ -0,0 +1,434 @@ |
|||
<template> |
|||
<el-dialog v-model="dialogVisible" title="添加课程" width="600px"> |
|||
<el-form |
|||
ref="formRef" |
|||
:model="form" |
|||
:rules="rules" |
|||
label-width="120px" |
|||
> |
|||
<el-form-item label="校区" prop="campus_id"> |
|||
<el-select |
|||
v-model="form.campus_id" |
|||
placeholder="请选择校区" |
|||
@change="handleCampusChange" |
|||
> |
|||
<el-option |
|||
v-for="item in campusList" |
|||
:key="item.id" |
|||
:label="item.campus_name" |
|||
:value="item.id" |
|||
/> |
|||
</el-select> |
|||
</el-form-item> |
|||
|
|||
<el-form-item label="场地" prop="venue_id"> |
|||
<el-select |
|||
v-model="form.venue_id" |
|||
placeholder="请选择场地" |
|||
@change="calculateAvailableCapacity" |
|||
> |
|||
<el-option |
|||
v-for="item in venueList" |
|||
:key="item.id" |
|||
:label="item.venue_name" |
|||
:value="item.id" |
|||
/> |
|||
</el-select> |
|||
</el-form-item> |
|||
|
|||
<el-form-item label="上课日期" prop="course_date"> |
|||
<el-date-picker |
|||
v-model="form.course_date" |
|||
type="date" |
|||
placeholder="选择日期" |
|||
format="YYYY-MM-DD" |
|||
value-format="YYYY-MM-DD" |
|||
:disabled-date="disabledDate" |
|||
/> |
|||
</el-form-item> |
|||
|
|||
<el-form-item label="上课时段" prop="time_slot"> |
|||
<el-select |
|||
v-model="form.time_slot" |
|||
placeholder="请选择上课时段" |
|||
@change="calculateAvailableCapacity" |
|||
> |
|||
<el-option |
|||
v-for="(timeSlot, index) in timeSlotOptions" |
|||
:key="index" |
|||
:label="timeSlot" |
|||
:value="timeSlot" |
|||
/> |
|||
</el-select> |
|||
</el-form-item> |
|||
|
|||
<el-form-item label="剩余空位" v-if="form.venue_id && form.time_slot"> |
|||
<span>{{ availableCapacity }}</span> |
|||
</el-form-item> |
|||
|
|||
<el-form-item label="上课类型" prop="course_type"> |
|||
<el-radio-group v-model="form.course_type" @change="handleCourseTypeChange"> |
|||
<el-radio label="class">班级</el-radio> |
|||
<el-radio label="student">学员</el-radio> |
|||
<el-radio label="trial">试课</el-radio> |
|||
</el-radio-group> |
|||
</el-form-item> |
|||
|
|||
<el-form-item label="班级" prop="class_ids" v-if="form.course_type === 'class'"> |
|||
<el-checkbox-group v-model="form.class_ids" @change="handleClassChange"> |
|||
<el-checkbox |
|||
v-for="item in classList" |
|||
:key="item.id" |
|||
:label="item.id" |
|||
> |
|||
{{ item.class_name }} |
|||
</el-checkbox> |
|||
</el-checkbox-group> |
|||
</el-form-item> |
|||
|
|||
<el-form-item label="学员" prop="student_ids" v-if="form.course_type === 'student' || form.course_type === 'trial'"> |
|||
<el-input |
|||
v-model="studentSearchKeyword" |
|||
placeholder="搜索学员名称" |
|||
@input="searchStudents" |
|||
/> |
|||
<div class="student-checkbox-list"> |
|||
<el-checkbox-group v-model="form.student_ids"> |
|||
<el-checkbox |
|||
v-for="item in filteredStudentList" |
|||
:key="item.id" |
|||
:label="item.id" |
|||
> |
|||
{{ item.name }} |
|||
</el-checkbox> |
|||
</el-checkbox-group> |
|||
</div> |
|||
</el-form-item> |
|||
|
|||
<el-form-item label="课程名称" prop="course_name"> |
|||
<el-input v-model="form.course_name" placeholder="请输入课程名称" /> |
|||
</el-form-item> |
|||
|
|||
<el-form-item label="上课教练" prop="coach_id"> |
|||
<el-select v-model="form.coach_id" placeholder="请选择教练"> |
|||
<el-option |
|||
v-for="item in coachList" |
|||
:key="item.id" |
|||
:label="item.name" |
|||
:value="item.id" |
|||
/> |
|||
</el-select> |
|||
</el-form-item> |
|||
</el-form> |
|||
<template #footer> |
|||
<el-button @click="cancel">取消</el-button> |
|||
<el-button type="primary" @click="submit">确定</el-button> |
|||
</template> |
|||
</el-dialog> |
|||
</template> |
|||
|
|||
<script setup> |
|||
import { ref, defineProps, defineEmits, watch } from 'vue' |
|||
import {getAllVenueList, getVenueList} from '@/app/api/venue' |
|||
import { getClassroomList, getWithPersonnelList } from '@/app/api/classroom' |
|||
import { addCourseSchedule } from '@/app/api/course_schedule' |
|||
import { getTimetables } from '@/app/api/course_schedule' |
|||
import { ElMessage } from 'element-plus' |
|||
|
|||
const props = defineProps({ |
|||
visible: { |
|||
type: Boolean, |
|||
default: false |
|||
}, |
|||
campusList: { |
|||
type: Array, |
|||
default: () => [] |
|||
} |
|||
}) |
|||
|
|||
const emit = defineEmits(['update:visible', 'success']) |
|||
|
|||
// 表单相关数据 |
|||
const dialogVisible = ref(false) |
|||
const formRef = ref(null) |
|||
const venueList = ref([]) |
|||
const classList = ref([]) |
|||
const studentList = ref([]) |
|||
const coachList = ref([]) |
|||
const timeSlotOptions = ref(['9:00-10:00', '10:00-11:00', '11:00-12:00', '14:00-15:00', '15:00-16:00', '16:00-17:00']) |
|||
const availableCapacity = ref(0) |
|||
const studentSearchKeyword = ref('') |
|||
const filteredStudentList = ref([]) |
|||
|
|||
// 监听visible属性变化 |
|||
watch(() => props.visible, (newVal) => { |
|||
dialogVisible.value = newVal |
|||
}) |
|||
|
|||
// 监听dialogVisible变化 |
|||
watch(dialogVisible, (newVal) => { |
|||
emit('update:visible', newVal) |
|||
if (newVal) { |
|||
// 打开弹窗时加载数据 |
|||
loadCoachList() |
|||
if (form.value.campus_id) { |
|||
handleCampusChange() |
|||
} |
|||
} |
|||
}) |
|||
|
|||
const form = ref({ |
|||
campus_id: '', |
|||
venue_id: '', |
|||
course_date: '', |
|||
time_slot: '', |
|||
course_type: 'class', |
|||
class_ids: [], |
|||
student_ids: [], |
|||
course_name: '', |
|||
coach_id: '' |
|||
}) |
|||
|
|||
const rules = { |
|||
campus_id: [{ required: true, message: '请选择校区', trigger: 'change' }], |
|||
venue_id: [{ required: true, message: '请选择场地', trigger: 'change' }], |
|||
course_date: [{ required: true, message: '请选择上课日期', trigger: 'change' }], |
|||
time_slot: [{ required: true, message: '请选择上课时段', trigger: 'change' }], |
|||
course_type: [{ required: true, message: '请选择上课类型', trigger: 'change' }], |
|||
coach_id: [{ required: true, message: '请选择上课教练', trigger: 'change' }], |
|||
course_name: [{ required: true, message: '请输入课程名称', trigger: 'blur' }] |
|||
} |
|||
|
|||
// 限制日期选择，只能选择当前及以后的日期 |
|||
const disabledDate = (time) => { |
|||
return time.getTime() < Date.now() - 8.64e7 // 禁用今天之前的日期 |
|||
} |
|||
|
|||
// 校区变化事件 |
|||
const handleCampusChange = async () => { |
|||
// 更新场地列表 |
|||
try { |
|||
const response = await getAllVenueList({ campus_id: form.value.campus_id }) |
|||
venueList.value = response.data |
|||
} catch (error) { |
|||
console.error('获取场地列表失败:', error) |
|||
} |
|||
|
|||
// 更新班级列表 |
|||
try { |
|||
const response = await getClassroomList({ campus_id: form.value.campus_id }) |
|||
if (response.data && response.data.list) { |
|||
classList.value = response.data.list |
|||
} |
|||
} catch (error) { |
|||
console.error('获取班级列表失败:', error) |
|||
} |
|||
|
|||
// 重置相关字段 |
|||
form.value.venue_id = '' |
|||
form.value.class_ids = [] |
|||
availableCapacity.value = 0 |
|||
} |
|||
|
|||
// 计算可用容量 |
|||
const calculateAvailableCapacity = async () => { |
|||
if (!form.value.venue_id || !form.value.time_slot) { |
|||
availableCapacity.value = 0 |
|||
return |
|||
} |
|||
|
|||
try { |
|||
// 获取场地容量 |
|||
const venueInfo = venueList.value.find(item => item.id === form.value.venue_id) |
|||
if (venueInfo) { |
|||
// 设置默认容量 |
|||
availableCapacity.value = venueInfo.capacity || 0 |
|||
|
|||
// 获取该时段已安排的课程占用情况 |
|||
if (form.value.course_date) { |
|||
const params = { |
|||
venue_id: form.value.venue_id, |
|||
course_date: form.value.course_date, |
|||
time_slot: form.value.time_slot |
|||
} |
|||
|
|||
const response = await getTimetables(params) |
|||
if (response.data && response.data.length > 0) { |
|||
// 查找对应场地和时间的课程 |
|||
const matchingDay = response.data.find(day => |
|||
day.date.includes(form.value.course_date) |
|||
) |
|||
|
|||
if (matchingDay) { |
|||
const matchingTimeSlot = matchingDay.timeSlots.find(slot => |
|||
slot.timeRange === form.value.time_slot |
|||
) |
|||
|
|||
if (matchingTimeSlot && matchingTimeSlot.course) { |
|||
// 更新可用容量 |
|||
availableCapacity.value = matchingTimeSlot.course.hasnumber |
|||
} |
|||
} |
|||
} |
|||
} |
|||
} |
|||
} catch (error) { |
|||
console.error('计算可用容量失败:', error) |
|||
} |
|||
} |
|||
|
|||
// 上课类型变化事件 |
|||
const handleCourseTypeChange = () => { |
|||
// 清空相关字段 |
|||
form.value.class_ids = [] |
|||
form.value.student_ids = [] |
|||
form.value.course_name = '' |
|||
|
|||
// 如果选择的是学员类型，加载学员列表 |
|||
if (form.value.course_type === 'student' || form.value.course_type === 'trial') { |
|||
loadStudentList() |
|||
} |
|||
} |
|||
|
|||
// 班级变化事件 |
|||
const handleClassChange = () => { |
|||
// 当选择班级时，设置课程名称为班级名称 |
|||
if (form.value.class_ids.length > 0) { |
|||
const selectedClass = classList.value.find(item => item.id === form.value.class_ids[0]) |
|||
if (selectedClass) { |
|||
form.value.course_name = selectedClass.class_name |
|||
} |
|||
} |
|||
} |
|||
|
|||
// 加载学员列表 |
|||
const loadStudentList = async () => { |
|||
try { |
|||
// 这里应该调用获取学员列表的接口 |
|||
// 由于没有看到明确的接口，暂时使用模拟数据 |
|||
studentList.value = [ |
|||
{ id: 1, name: '学员1' }, |
|||
{ id: 2, name: '学员2' }, |
|||
{ id: 3, name: '学员3' } |
|||
] |
|||
filteredStudentList.value = [...studentList.value] |
|||
} catch (error) { |
|||
console.error('获取学员列表失败:', error) |
|||
} |
|||
} |
|||
|
|||
// 加载教练列表 |
|||
const loadCoachList = async () => { |
|||
try { |
|||
// 使用classroom的人员列表接口 |
|||
const response = await getWithPersonnelList({}) |
|||
if (response.data) { |
|||
coachList.value = response.data |
|||
} else { |
|||
// 模拟数据 |
|||
coachList.value = [ |
|||
{ id: 1, name: '教练1' }, |
|||
{ id: 2, name: '教练2' }, |
|||
{ id: 3, name: '教练3' } |
|||
] |
|||
} |
|||
} catch (error) { |
|||
console.error('获取教练列表失败:', error) |
|||
// 模拟数据 |
|||
coachList.value = [ |
|||
{ id: 1, name: '教练1' }, |
|||
{ id: 2, name: '教练2' }, |
|||
{ id: 3, name: '教练3' } |
|||
] |
|||
} |
|||
} |
|||
|
|||
// 搜索学员 |
|||
const searchStudents = () => { |
|||
if (!studentSearchKeyword.value) { |
|||
filteredStudentList.value = [...studentList.value] |
|||
return |
|||
} |
|||
|
|||
filteredStudentList.value = studentList.value.filter(student => |
|||
student.name.includes(studentSearchKeyword.value) |
|||
) |
|||
} |
|||
|
|||
// 取消 |
|||
const cancel = () => { |
|||
dialogVisible.value = false |
|||
} |
|||
|
|||
// 提交表单 |
|||
const submit = () => { |
|||
formRef.value.validate(async (valid) => { |
|||
if (!valid) return |
|||
|
|||
try { |
|||
const params = { |
|||
campus_id: form.value.campus_id, |
|||
venue_id: form.value.venue_id, |
|||
course_date: form.value.course_date, |
|||
time_slot: form.value.time_slot, |
|||
course_id: 0, // 这里可能需要根据实际情况创建课程 |
|||
coach_id: form.value.coach_id, |
|||
participants: form.value.course_type, |
|||
available_capacity: availableCapacity.value, |
|||
status: 'active', |
|||
} |
|||
|
|||
// 根据不同类型设置学员信息 |
|||
if (form.value.course_type === 'class') { |
|||
params.class_ids = form.value.class_ids |
|||
// 获取班级包含的学员 |
|||
const classStudents = [] |
|||
// 这里需要根据实际接口调整 |
|||
params.student_ids = classStudents |
|||
} else { |
|||
params.student_ids = form.value.student_ids |
|||
} |
|||
|
|||
const response = await addCourseSchedule(params) |
|||
if (response.code === 0) { |
|||
ElMessage.success('添加课程成功') |
|||
dialogVisible.value = false |
|||
emit('success') |
|||
resetForm() |
|||
} |
|||
} catch (error) { |
|||
console.error('添加课程失败:', error) |
|||
ElMessage.error('添加课程失败') |
|||
} |
|||
}) |
|||
} |
|||
|
|||
// 重置表单 |
|||
const resetForm = () => { |
|||
form.value = { |
|||
campus_id: '', |
|||
venue_id: '', |
|||
course_date: '', |
|||
time_slot: '', |
|||
course_type: 'class', |
|||
class_ids: [], |
|||
student_ids: [], |
|||
course_name: '', |
|||
coach_id: '' |
|||
} |
|||
if (formRef.value) { |
|||
formRef.value.resetFields() |
|||
} |
|||
} |
|||
</script> |
|||
|
|||
<style scoped> |
|||
.student-checkbox-list { |
|||
max-height: 200px; |
|||
overflow-y: auto; |
|||
border: 1px solid #EBEEF5; |
|||
border-radius: 4px; |
|||
padding: 10px; |
|||
margin-top: 8px; |
|||
} |
|||
</style> |
|||
Loading…
Reference in new issue