Browse Source
- 添加作业管理模块,包括作业列表、新增作业、编辑作业和删除作业功能 - 添加排班管理模块,包括排班列表、新增排班、编辑排班和删除排班功能 - 实现作业管理和排班管理相关的API接口- 添加作业管理和排班管理的国际化支持master
30 changed files with 3382 additions and 1 deletions
@ -0,0 +1,58 @@ |
|||||
|
import request from '@/utils/request' |
||||
|
|
||||
|
// USER_CODE_BEGIN -- zhjw_assignments
|
||||
|
/** |
||||
|
* 获取作业管理列表 |
||||
|
* @param params |
||||
|
* @returns |
||||
|
*/ |
||||
|
export function getAssignmentsList(params: Record<string, any>) { |
||||
|
return request.get(`zhjw/assignments`, {params}) |
||||
|
} |
||||
|
|
||||
|
/** |
||||
|
* 获取作业管理详情 |
||||
|
* @param id 作业管理id |
||||
|
* @returns |
||||
|
*/ |
||||
|
export function getAssignmentsInfo(id: number) { |
||||
|
return request.get(`zhjw/assignments/${id}`); |
||||
|
} |
||||
|
|
||||
|
/** |
||||
|
* 添加作业管理 |
||||
|
* @param params |
||||
|
* @returns |
||||
|
*/ |
||||
|
export function addAssignments(params: Record<string, any>) { |
||||
|
return request.post('zhjw/assignments', params, { showErrorMessage: true, showSuccessMessage: true }) |
||||
|
} |
||||
|
|
||||
|
/** |
||||
|
* 编辑作业管理 |
||||
|
* @param id |
||||
|
* @param params |
||||
|
* @returns |
||||
|
*/ |
||||
|
export function editAssignments(params: Record<string, any>) { |
||||
|
return request.put(`zhjw/assignments/${params.id}`, params, { showErrorMessage: true, showSuccessMessage: true }) |
||||
|
} |
||||
|
|
||||
|
/** |
||||
|
* 删除作业管理 |
||||
|
* @param id |
||||
|
* @returns |
||||
|
*/ |
||||
|
export function deleteAssignments(id: number) { |
||||
|
return request.delete(`zhjw/assignments/${id}`, { showErrorMessage: true, showSuccessMessage: true }) |
||||
|
} |
||||
|
|
||||
|
export function getWithStudentsList(params: Record<string,any>){ |
||||
|
return request.get('zhjw/students_all', {params}) |
||||
|
}export function getWithClassesList(params: Record<string,any>){ |
||||
|
return request.get('zhjw/classes_all', {params}) |
||||
|
}export function getWithStaffList(params: Record<string,any>){ |
||||
|
return request.get('zhjw/staff_all', {params}) |
||||
|
} |
||||
|
|
||||
|
// USER_CODE_END -- zhjw_assignments
|
||||
@ -0,0 +1,58 @@ |
|||||
|
import request from '@/utils/request' |
||||
|
|
||||
|
|
||||
|
|
||||
|
// USER_CODE_BEGIN -- zhjw_schedules
|
||||
|
/** |
||||
|
* 获取排班管理列表 |
||||
|
* @param params |
||||
|
* @returns |
||||
|
*/ |
||||
|
export function getSchedulesList(params: Record<string, any>) { |
||||
|
return request.get(`zhjw/schedules`, {params}) |
||||
|
} |
||||
|
|
||||
|
/** |
||||
|
* 获取排班管理详情 |
||||
|
* @param id 排班管理id |
||||
|
* @returns |
||||
|
*/ |
||||
|
export function getSchedulesInfo(id: number) { |
||||
|
return request.get(`zhjw/schedules/${id}`); |
||||
|
} |
||||
|
|
||||
|
/** |
||||
|
* 添加排班管理 |
||||
|
* @param params |
||||
|
* @returns |
||||
|
*/ |
||||
|
export function addSchedules(params: Record<string, any>) { |
||||
|
return request.post('zhjw/schedules', params, { showErrorMessage: true, showSuccessMessage: true }) |
||||
|
} |
||||
|
|
||||
|
/** |
||||
|
* 编辑排班管理 |
||||
|
* @param id |
||||
|
* @param params |
||||
|
* @returns |
||||
|
*/ |
||||
|
export function editSchedules(params: Record<string, any>) { |
||||
|
return request.put(`zhjw/schedules/${params.id}`, params, { showErrorMessage: true, showSuccessMessage: true }) |
||||
|
} |
||||
|
|
||||
|
/** |
||||
|
* 删除排班管理 |
||||
|
* @param id |
||||
|
* @returns |
||||
|
*/ |
||||
|
export function deleteSchedules(id: number) { |
||||
|
return request.delete(`zhjw/schedules/${id}`, { showErrorMessage: true, showSuccessMessage: true }) |
||||
|
} |
||||
|
|
||||
|
export function getWithStaffList(params: Record<string,any>){ |
||||
|
return request.get('zhjw/staff_all', {params}) |
||||
|
}export function getWithClassesList(params: Record<string,any>){ |
||||
|
return request.get('zhjw/classes_all', {params}) |
||||
|
} |
||||
|
|
||||
|
// USER_CODE_END -- zhjw_schedules
|
||||
@ -0,0 +1,26 @@ |
|||||
|
{ |
||||
|
"id":"序号", |
||||
|
"idPlaceholder":"请输入序号", |
||||
|
"studentId":"学员", |
||||
|
"studentIdPlaceholder":"全部", |
||||
|
"classId":"班级", |
||||
|
"classIdPlaceholder":"全部", |
||||
|
"staffId":"批改教练", |
||||
|
"staffIdPlaceholder":"全部", |
||||
|
"contentType":"作业类型", |
||||
|
"contentTypePlaceholder":"请输入作业类型", |
||||
|
"submitTime":"提交时间", |
||||
|
"submitTimePlaceholder":"请输入提交时间", |
||||
|
"score":"评分", |
||||
|
"scorePlaceholder":"请输入评分", |
||||
|
"status":"状态", |
||||
|
"statusPlaceholder":"请输入状态", |
||||
|
"createTime":"添加时间", |
||||
|
"createTimePlaceholder":"请输入添加时间", |
||||
|
"updateTime":"更新时间", |
||||
|
"addAssignments":"添加作业管理", |
||||
|
"updateAssignments":"编辑作业管理", |
||||
|
"assignmentsDeleteTips":"确定要删除该数据吗?", |
||||
|
"startDate":"请选择开始时间", |
||||
|
"endDate":"请选择结束时间" |
||||
|
} |
||||
@ -0,0 +1,23 @@ |
|||||
|
{ |
||||
|
"studentId":"学员", |
||||
|
"classId":"班级", |
||||
|
"staffId":"批改教练", |
||||
|
"contentType":"作业类型", |
||||
|
"content":"图片或视频附件", |
||||
|
"contentText":"文字作业内容", |
||||
|
"submitTime":"提交时间", |
||||
|
"score":"评分", |
||||
|
"status":"状态", |
||||
|
"studentIdPlaceholder":"请选择学员", |
||||
|
"classIdPlaceholder":"请选择班级", |
||||
|
"staffIdPlaceholder":"请选择批改教练", |
||||
|
"contentTypePlaceholder":"请选择作业类型", |
||||
|
"contentPlaceholder":"请输入图片或视频附件", |
||||
|
"contentTextPlaceholder":"请输入文字作业内容", |
||||
|
"submitTimePlaceholder":"请选择提交时间", |
||||
|
"scorePlaceholder":"请输入评分", |
||||
|
"statusPlaceholder":"请选择状态", |
||||
|
"addAssignments":"添加作业管理", |
||||
|
"updateAssignments":"编辑作业管理", |
||||
|
"assignmentsDeleteTips":"确定要删除该作业管理吗?" |
||||
|
} |
||||
@ -0,0 +1,20 @@ |
|||||
|
{ |
||||
|
"id":"序号", |
||||
|
"staffId":"人员", |
||||
|
"staffIdPlaceholder":"全部", |
||||
|
"classId":"班级", |
||||
|
"classIdPlaceholder":"全部", |
||||
|
"dateTime":"排班日期", |
||||
|
"dateTimePlaceholder":"请输入排班日期", |
||||
|
"timeSlot":"时间段", |
||||
|
"task":"任务描述", |
||||
|
"taskPlaceholder":"请输入任务描述", |
||||
|
"createTime":"添加时间", |
||||
|
"createTimePlaceholder":"请输入添加时间", |
||||
|
"updateTime":"更新时间", |
||||
|
"addSchedules":"添加排班管理", |
||||
|
"updateSchedules":"编辑排班管理", |
||||
|
"schedulesDeleteTips":"确定要删除该数据吗?", |
||||
|
"startDate":"请选择开始时间", |
||||
|
"endDate":"请选择结束时间" |
||||
|
} |
||||
@ -0,0 +1,15 @@ |
|||||
|
{ |
||||
|
"staffId":"人员", |
||||
|
"classId":"班级", |
||||
|
"dateTime":"排班日期", |
||||
|
"timeSlot":"时间段", |
||||
|
"task":"任务描述", |
||||
|
"staffIdPlaceholder":"请选择人员", |
||||
|
"classIdPlaceholder":"请选择班级", |
||||
|
"dateTimePlaceholder":"请选择排班日期", |
||||
|
"timeSlotPlaceholder":"请输入时间段", |
||||
|
"taskPlaceholder":"请输入任务描述", |
||||
|
"addSchedules":"添加排班管理", |
||||
|
"updateSchedules":"编辑排班管理", |
||||
|
"schedulesDeleteTips":"确定要删除该排班管理吗?" |
||||
|
} |
||||
@ -0,0 +1,297 @@ |
|||||
|
<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('addAssignments') }} |
||||
|
</el-button> |
||||
|
</div> |
||||
|
|
||||
|
<el-card class="box-card !border-none my-[10px] table-search-wrap" shadow="never"> |
||||
|
<el-form :inline="true" :model="assignmentsTable.searchParam" ref="searchFormRef"> |
||||
|
|
||||
|
<el-form-item :label="t('studentId')" prop="student_id"> |
||||
|
<el-select class="w-[280px]" v-model="assignmentsTable.searchParam.student_id" clearable :placeholder="t('studentIdPlaceholder')"> |
||||
|
<el-option |
||||
|
v-for="(item, index) in studentIdList" |
||||
|
:key="index" |
||||
|
:label="item['name']" |
||||
|
:value="item['id']" |
||||
|
/> |
||||
|
</el-select> |
||||
|
</el-form-item> |
||||
|
|
||||
|
|
||||
|
<el-form-item :label="t('classId')" prop="class_id"> |
||||
|
<el-select class="w-[280px]" v-model="assignmentsTable.searchParam.class_id" clearable :placeholder="t('classIdPlaceholder')"> |
||||
|
<el-option |
||||
|
v-for="(item, index) in classIdList" |
||||
|
:key="index" |
||||
|
:label="item['name']" |
||||
|
:value="item['id']" |
||||
|
/> |
||||
|
</el-select> |
||||
|
</el-form-item> |
||||
|
|
||||
|
|
||||
|
<el-form-item :label="t('staffId')" prop="staff_id"> |
||||
|
<el-select class="w-[280px]" v-model="assignmentsTable.searchParam.staff_id" clearable :placeholder="t('staffIdPlaceholder')"> |
||||
|
<el-option |
||||
|
v-for="(item, index) in staffIdList" |
||||
|
:key="index" |
||||
|
:label="item['name']" |
||||
|
:value="item['id']" |
||||
|
/> |
||||
|
</el-select> |
||||
|
</el-form-item> |
||||
|
|
||||
|
|
||||
|
<el-form-item :label="t('contentType')" prop="content_type"> |
||||
|
<el-select class="w-[280px]" v-model="assignmentsTable.searchParam.content_type" clearable :placeholder="t('contentTypePlaceholder')"> |
||||
|
<el-option label="全部" value=""></el-option> |
||||
|
<el-option |
||||
|
v-for="(item, index) in content_typeList" |
||||
|
:key="index" |
||||
|
:label="item.name" |
||||
|
:value="item.value" |
||||
|
/> |
||||
|
</el-select> |
||||
|
</el-form-item> |
||||
|
|
||||
|
<el-form-item :label="t('submitTime')" prop="submit_time"> |
||||
|
<el-date-picker v-model="assignmentsTable.searchParam.submit_time" type="datetimerange" format="YYYY-MM-DD hh:mm:ss" |
||||
|
:start-placeholder="t('startDate')" :end-placeholder="t('endDate')" /> |
||||
|
</el-form-item> |
||||
|
|
||||
|
<el-form-item :label="t('score')" prop="score"> |
||||
|
<range-input v-model="assignmentsTable.searchParam.score"/> |
||||
|
</el-form-item> |
||||
|
|
||||
|
|
||||
|
<el-form-item :label="t('status')" prop="status"> |
||||
|
<el-select class="w-[280px]" v-model="assignmentsTable.searchParam.status" clearable :placeholder="t('statusPlaceholder')"> |
||||
|
<el-option label="全部" value=""></el-option> |
||||
|
<el-option |
||||
|
v-for="(item, index) in statusList" |
||||
|
:key="index" |
||||
|
:label="item.name" |
||||
|
:value="item.value" |
||||
|
/> |
||||
|
</el-select> |
||||
|
</el-form-item> |
||||
|
|
||||
|
<el-form-item :label="t('createTime')" prop="create_time"> |
||||
|
<el-date-picker v-model="assignmentsTable.searchParam.create_time" type="datetimerange" format="YYYY-MM-DD hh:mm:ss" |
||||
|
:start-placeholder="t('startDate')" :end-placeholder="t('endDate')" /> |
||||
|
</el-form-item> |
||||
|
|
||||
|
<el-form-item> |
||||
|
<el-button type="primary" @click="loadAssignmentsList()">{{ 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="assignmentsTable.data" size="large" v-loading="assignmentsTable.loading"> |
||||
|
<template #empty> |
||||
|
<span>{{ !assignmentsTable.loading ? t('emptyData') : '' }}</span> |
||||
|
</template> |
||||
|
<el-table-column prop="student_id_name" :label="t('studentId')" min-width="120" :show-overflow-tooltip="true"/> |
||||
|
|
||||
|
<el-table-column prop="class_id_name" :label="t('classId')" min-width="120" :show-overflow-tooltip="true"/> |
||||
|
|
||||
|
<el-table-column prop="staff_id_name" :label="t('staffId')" min-width="120" :show-overflow-tooltip="true"/> |
||||
|
|
||||
|
<el-table-column :label="t('contentType')" min-width="180" align="center" :show-overflow-tooltip="true"> |
||||
|
<template #default="{ row }"> |
||||
|
<div v-for="(item, index) in content_typeList"> |
||||
|
<div v-if="item.value == row.content_type">{{ item.name }}</div> |
||||
|
</div> |
||||
|
</template> |
||||
|
</el-table-column> |
||||
|
|
||||
|
<el-table-column prop="submit_time" :label="t('submitTime')" min-width="120" :show-overflow-tooltip="true"/> |
||||
|
|
||||
|
<el-table-column prop="score" :label="t('score')" min-width="120" :show-overflow-tooltip="true"/> |
||||
|
|
||||
|
<el-table-column :label="t('status')" min-width="180" align="center" :show-overflow-tooltip="true"> |
||||
|
<template #default="{ row }"> |
||||
|
<div v-for="(item, index) in statusList"> |
||||
|
<div v-if="item.value == row.status">{{ item.name }}</div> |
||||
|
</div> |
||||
|
</template> |
||||
|
</el-table-column> |
||||
|
|
||||
|
<el-table-column :label="t('createTime')" min-width="180" align="center" :show-overflow-tooltip="true"> |
||||
|
<template #default="{ row }"> |
||||
|
{{ row.create_time || '' }} |
||||
|
</template> |
||||
|
</el-table-column> |
||||
|
|
||||
|
<el-table-column :label="t('updateTime')" min-width="180" align="center" :show-overflow-tooltip="true"> |
||||
|
<template #default="{ row }"> |
||||
|
{{ row.update_time || '' }} |
||||
|
</template> |
||||
|
</el-table-column> |
||||
|
|
||||
|
<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="assignmentsTable.page" v-model:page-size="assignmentsTable.limit" |
||||
|
layout="total, sizes, prev, pager, next, jumper" :total="assignmentsTable.total" |
||||
|
@size-change="loadAssignmentsList()" @current-change="loadAssignmentsList" /> |
||||
|
</div> |
||||
|
</div> |
||||
|
|
||||
|
|
||||
|
</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 { getAssignmentsList, deleteAssignments, getWithStudentsList, getWithClassesList, getWithStaffList } from '@/addon/zhjw/api/assignments' |
||||
|
import { img } from '@/utils/common' |
||||
|
import { ElMessageBox,FormInstance } from 'element-plus' |
||||
|
import { useRouter } from 'vue-router' |
||||
|
import { useRoute } from 'vue-router' |
||||
|
const route = useRoute() |
||||
|
const pageName = route.meta.title; |
||||
|
|
||||
|
let assignmentsTable = reactive({ |
||||
|
page: 1, |
||||
|
limit: 10, |
||||
|
total: 0, |
||||
|
loading: true, |
||||
|
data: [], |
||||
|
searchParam:{ |
||||
|
"student_id":"", |
||||
|
"class_id":"", |
||||
|
"staff_id":"", |
||||
|
"content_type":"", |
||||
|
"submit_time":[], |
||||
|
"score":[], |
||||
|
"status":"", |
||||
|
"create_time":[] |
||||
|
} |
||||
|
}) |
||||
|
|
||||
|
const searchFormRef = ref<FormInstance>() |
||||
|
|
||||
|
// 选中数据 |
||||
|
const selectData = ref<any[]>([]) |
||||
|
|
||||
|
// 字典数据 |
||||
|
const content_typeList = ref([] as any[]) |
||||
|
const content_typeDictList = async () => { |
||||
|
content_typeList.value = await (await useDictionary('zhjw_assignments_content_type')).data.dictionary |
||||
|
} |
||||
|
content_typeDictList(); |
||||
|
const statusList = ref([] as any[]) |
||||
|
const statusDictList = async () => { |
||||
|
statusList.value = await (await useDictionary('zhjw_assignments_status')).data.dictionary |
||||
|
} |
||||
|
statusDictList(); |
||||
|
|
||||
|
/** |
||||
|
* 获取作业管理列表 |
||||
|
*/ |
||||
|
const loadAssignmentsList = (page: number = 1) => { |
||||
|
assignmentsTable.loading = true |
||||
|
assignmentsTable.page = page |
||||
|
|
||||
|
getAssignmentsList({ |
||||
|
page: assignmentsTable.page, |
||||
|
limit: assignmentsTable.limit, |
||||
|
...assignmentsTable.searchParam |
||||
|
}).then(res => { |
||||
|
assignmentsTable.loading = false |
||||
|
assignmentsTable.data = res.data.data |
||||
|
assignmentsTable.total = res.data.total |
||||
|
}).catch(() => { |
||||
|
assignmentsTable.loading = false |
||||
|
}) |
||||
|
} |
||||
|
loadAssignmentsList() |
||||
|
|
||||
|
const router = useRouter() |
||||
|
|
||||
|
/** |
||||
|
* 添加作业管理 |
||||
|
*/ |
||||
|
const addEvent = () => { |
||||
|
router.push('/assignments/assignments_edit') |
||||
|
} |
||||
|
|
||||
|
/** |
||||
|
* 编辑作业管理 |
||||
|
* @param data |
||||
|
*/ |
||||
|
const editEvent = (data: any) => { |
||||
|
router.push('/assignments/assignments_edit?id='+data.id) |
||||
|
} |
||||
|
|
||||
|
/** |
||||
|
* 删除作业管理 |
||||
|
*/ |
||||
|
const deleteEvent = (id: number) => { |
||||
|
ElMessageBox.confirm(t('assignmentsDeleteTips'), t('warning'), |
||||
|
{ |
||||
|
confirmButtonText: t('confirm'), |
||||
|
cancelButtonText: t('cancel'), |
||||
|
type: 'warning', |
||||
|
} |
||||
|
).then(() => { |
||||
|
deleteAssignments(id).then(() => { |
||||
|
loadAssignmentsList() |
||||
|
}).catch(() => { |
||||
|
}) |
||||
|
}) |
||||
|
} |
||||
|
|
||||
|
|
||||
|
const studentIdList = ref([]) |
||||
|
const setStudentIdList = async () => { |
||||
|
studentIdList.value = await (await getWithStudentsList({})).data |
||||
|
} |
||||
|
setStudentIdList() |
||||
|
const classIdList = ref([]) |
||||
|
const setClassIdList = async () => { |
||||
|
classIdList.value = await (await getWithClassesList({})).data |
||||
|
} |
||||
|
setClassIdList() |
||||
|
const staffIdList = ref([]) |
||||
|
const setStaffIdList = async () => { |
||||
|
staffIdList.value = await (await getWithStaffList({})).data |
||||
|
} |
||||
|
setStaffIdList() |
||||
|
|
||||
|
const resetForm = (formEl: FormInstance | undefined) => { |
||||
|
if (!formEl) return |
||||
|
formEl.resetFields() |
||||
|
loadAssignmentsList() |
||||
|
} |
||||
|
</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> |
||||
@ -0,0 +1,291 @@ |
|||||
|
<template> |
||||
|
<div class="main-container"> |
||||
|
<div class="detail-head"> |
||||
|
<div class="left" @click="back()"> |
||||
|
<span class="iconfont iconxiangzuojiantou !text-xs"></span> |
||||
|
<span class="ml-[1px]">{{t('returnToPreviousPage')}}</span> |
||||
|
</div> |
||||
|
<span class="adorn">|</span> |
||||
|
<span class="right">{{ pageName }}</span> |
||||
|
</div> |
||||
|
<el-card class="box-card !border-none" shadow="never"> |
||||
|
<el-form :model="formData" label-width="90px" ref="formRef" :rules="formRules" class="page-form"> |
||||
|
<el-form-item :label="t('studentId')" prop="student_id"> |
||||
|
<el-select class="input-width" v-model="formData.student_id" clearable :placeholder="t('studentIdPlaceholder')"> |
||||
|
<el-option label="请选择" value=""></el-option> |
||||
|
<el-option |
||||
|
v-for="(item, index) in studentIdList" |
||||
|
:key="index" |
||||
|
:label="item['name']" |
||||
|
:value="item['id']" |
||||
|
/> |
||||
|
</el-select> |
||||
|
</el-form-item> |
||||
|
|
||||
|
<el-form-item :label="t('classId')" prop="class_id"> |
||||
|
<el-select class="input-width" v-model="formData.class_id" clearable :placeholder="t('classIdPlaceholder')"> |
||||
|
<el-option label="请选择" value=""></el-option> |
||||
|
<el-option |
||||
|
v-for="(item, index) in classIdList" |
||||
|
:key="index" |
||||
|
:label="item['name']" |
||||
|
:value="item['id']" |
||||
|
/> |
||||
|
</el-select> |
||||
|
</el-form-item> |
||||
|
|
||||
|
<el-form-item :label="t('staffId')" prop="staff_id"> |
||||
|
<el-select class="input-width" v-model="formData.staff_id" clearable :placeholder="t('staffIdPlaceholder')"> |
||||
|
<el-option label="请选择" value=""></el-option> |
||||
|
<el-option |
||||
|
v-for="(item, index) in staffIdList" |
||||
|
:key="index" |
||||
|
:label="item['name']" |
||||
|
:value="item['id']" |
||||
|
/> |
||||
|
</el-select> |
||||
|
</el-form-item> |
||||
|
|
||||
|
<el-form-item :label="t('contentType')" prop="content_type"> |
||||
|
<el-select class="input-width" v-model="formData.content_type" clearable :placeholder="t('contentTypePlaceholder')"> |
||||
|
<el-option label="请选择" value=""></el-option> |
||||
|
<el-option |
||||
|
v-for="(item, index) in content_typeList" |
||||
|
:key="index" |
||||
|
:label="item.name" |
||||
|
:value="item.value" |
||||
|
/> |
||||
|
</el-select> |
||||
|
</el-form-item> |
||||
|
|
||||
|
<el-form-item :label="t('content')"> |
||||
|
<upload-file v-model="formData.content" /> |
||||
|
</el-form-item> |
||||
|
|
||||
|
<el-form-item :label="t('contentText')" > |
||||
|
<editor v-model="formData.content_text" /> |
||||
|
</el-form-item> |
||||
|
<el-form-item :label="t('submitTime')" class="input-width"> |
||||
|
<el-date-picker |
||||
|
class="flex-1 !flex" |
||||
|
v-model="formData.submit_time" |
||||
|
clearable |
||||
|
type="datetime" |
||||
|
value-format="YYYY-MM-DD HH:mm:ss" |
||||
|
:placeholder="t('submitTimePlaceholder')"> |
||||
|
</el-date-picker> |
||||
|
</el-form-item> |
||||
|
<el-form-item :label="t('score')" > |
||||
|
<el-input v-model="formData.score" clearable :placeholder="t('scorePlaceholder')" class="input-width" /> |
||||
|
</el-form-item> |
||||
|
|
||||
|
<el-form-item :label="t('status')" prop="status"> |
||||
|
<el-select class="input-width" v-model="formData.status" clearable :placeholder="t('statusPlaceholder')"> |
||||
|
<el-option label="请选择" value=""></el-option> |
||||
|
<el-option |
||||
|
v-for="(item, index) in statusList" |
||||
|
:key="index" |
||||
|
:label="item.name" |
||||
|
:value="item.value" |
||||
|
/> |
||||
|
</el-select> |
||||
|
</el-form-item> |
||||
|
|
||||
|
</el-form> |
||||
|
</el-card> |
||||
|
<div class="fixed-footer-wrap"> |
||||
|
<div class="fixed-footer"> |
||||
|
<el-button type="primary" @click="onSave(formRef)">{{ t('save') }}</el-button> |
||||
|
<el-button @click="back()">{{ t('cancel') }}</el-button> |
||||
|
</div> |
||||
|
</div> |
||||
|
</div> |
||||
|
</template> |
||||
|
|
||||
|
<script lang="ts" setup> |
||||
|
import { ref, reactive, computed, watch } from 'vue' |
||||
|
import { t } from '@/lang' |
||||
|
import { useDictionary } from '@/app/api/dict' |
||||
|
import type { FormInstance } from 'element-plus' |
||||
|
import { getAssignmentsInfo,addAssignments,editAssignments, getWithStudentsList, getWithClassesList, getWithStaffList } from '@/addon/zhjw/api/assignments'; |
||||
|
import { useRoute } from 'vue-router' |
||||
|
|
||||
|
const route = useRoute() |
||||
|
const id:number = parseInt(route.query.id); |
||||
|
const loading = ref(false) |
||||
|
const pageName = route.meta.title |
||||
|
|
||||
|
|
||||
|
|
||||
|
/** |
||||
|
* 表单数据 |
||||
|
*/ |
||||
|
const initialFormData = { |
||||
|
id: 0, |
||||
|
student_id: '', |
||||
|
class_id: '', |
||||
|
staff_id: '', |
||||
|
content_type: '', |
||||
|
content: '', |
||||
|
content_text: '', |
||||
|
submit_time: '', |
||||
|
score: '', |
||||
|
status: '', |
||||
|
} |
||||
|
const formData: Record<string, any> = reactive({ ...initialFormData }) |
||||
|
|
||||
|
const setFormData = async (id:number = 0) => { |
||||
|
Object.assign(formData, initialFormData) |
||||
|
const data = await (await getAssignmentsInfo(id)).data |
||||
|
Object.keys(formData).forEach((key: string) => { |
||||
|
if (data[key] != undefined) formData[key] = data[key] |
||||
|
}) |
||||
|
} |
||||
|
if(id) setFormData(id); |
||||
|
|
||||
|
const formRef = ref<FormInstance>() |
||||
|
// 选中数据 |
||||
|
const selectData = ref<any[]>([]) |
||||
|
|
||||
|
// 字典数据 |
||||
|
let content_typeList = ref([]) |
||||
|
const content_typeDictList = async () => { |
||||
|
content_typeList.value = await (await useDictionary('zhjw_assignments_content_type')).data.dictionary |
||||
|
} |
||||
|
content_typeDictList(); |
||||
|
watch(() => content_typeList.value, () => { formData.content_type = content_typeList.value[0].value }) |
||||
|
let statusList = ref([]) |
||||
|
const statusDictList = async () => { |
||||
|
statusList.value = await (await useDictionary('zhjw_assignments_status')).data.dictionary |
||||
|
} |
||||
|
statusDictList(); |
||||
|
watch(() => statusList.value, () => { formData.status = statusList.value[0].value }) |
||||
|
|
||||
|
|
||||
|
const studentIdList = ref([] as any[]) |
||||
|
const setStudentIdList = async () => { |
||||
|
studentIdList.value = await (await getWithStudentsList({})).data |
||||
|
} |
||||
|
setStudentIdList() |
||||
|
const classIdList = ref([] as any[]) |
||||
|
const setClassIdList = async () => { |
||||
|
classIdList.value = await (await getWithClassesList({})).data |
||||
|
} |
||||
|
setClassIdList() |
||||
|
const staffIdList = ref([] as any[]) |
||||
|
const setStaffIdList = async () => { |
||||
|
staffIdList.value = await (await getWithStaffList({})).data |
||||
|
} |
||||
|
setStaffIdList() |
||||
|
// 表单验证规则 |
||||
|
const formRules = computed(() => { |
||||
|
return { |
||||
|
student_id: [ |
||||
|
{ required: true, message: t('studentIdPlaceholder'), trigger: 'blur' }, |
||||
|
|
||||
|
] |
||||
|
, |
||||
|
class_id: [ |
||||
|
{ required: true, message: t('classIdPlaceholder'), trigger: 'blur' }, |
||||
|
|
||||
|
] |
||||
|
, |
||||
|
staff_id: [ |
||||
|
{ required: true, message: t('staffIdPlaceholder'), trigger: 'blur' }, |
||||
|
|
||||
|
] |
||||
|
, |
||||
|
content_type: [ |
||||
|
{ required: true, message: t('contentTypePlaceholder'), trigger: 'blur' }, |
||||
|
|
||||
|
] |
||||
|
, |
||||
|
content: [ |
||||
|
{ required: true, message: t('contentPlaceholder'), trigger: 'blur' }, |
||||
|
|
||||
|
] |
||||
|
, |
||||
|
content_text: [ |
||||
|
{ required: true, message: t('contentTextPlaceholder'), trigger: 'blur' }, |
||||
|
|
||||
|
] |
||||
|
, |
||||
|
submit_time: [ |
||||
|
{ required: true, message: t('submitTimePlaceholder'), trigger: 'blur' }, |
||||
|
|
||||
|
] |
||||
|
, |
||||
|
score: [ |
||||
|
{ required: true, message: t('scorePlaceholder'), trigger: 'blur' }, |
||||
|
|
||||
|
] |
||||
|
, |
||||
|
status: [ |
||||
|
{ required: true, message: t('statusPlaceholder'), trigger: 'blur' }, |
||||
|
|
||||
|
] |
||||
|
, |
||||
|
} |
||||
|
}) |
||||
|
|
||||
|
const onSave = async (formEl: FormInstance | undefined) => { |
||||
|
if (loading.value || !formEl) return |
||||
|
await formEl.validate(async (valid) => { |
||||
|
if (valid) { |
||||
|
loading.value = true |
||||
|
let data = formData |
||||
|
|
||||
|
const save = id ? editAssignments : addAssignments |
||||
|
save(data).then(res => { |
||||
|
loading.value = false |
||||
|
history.back() |
||||
|
}).catch(err => { |
||||
|
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() |
||||
|
} |
||||
|
} |
||||
|
const back = () => { |
||||
|
history.back() |
||||
|
} |
||||
|
</script> |
||||
|
|
||||
|
<style lang="scss" scoped></style> |
||||
@ -0,0 +1,224 @@ |
|||||
|
<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('addSchedules') }} |
||||
|
</el-button> |
||||
|
</div> |
||||
|
|
||||
|
<el-card class="box-card !border-none my-[10px] table-search-wrap" shadow="never"> |
||||
|
<el-form :inline="true" :model="schedulesTable.searchParam" ref="searchFormRef"> |
||||
|
|
||||
|
<el-form-item :label="t('staffId')" prop="staff_id"> |
||||
|
<el-select class="w-[280px]" v-model="schedulesTable.searchParam.staff_id" clearable :placeholder="t('staffIdPlaceholder')"> |
||||
|
<el-option |
||||
|
v-for="(item, index) in staffIdList" |
||||
|
:key="index" |
||||
|
:label="item['name']" |
||||
|
:value="item['id']" |
||||
|
/> |
||||
|
</el-select> |
||||
|
</el-form-item> |
||||
|
|
||||
|
|
||||
|
<el-form-item :label="t('classId')" prop="class_id"> |
||||
|
<el-select class="w-[280px]" v-model="schedulesTable.searchParam.class_id" clearable :placeholder="t('classIdPlaceholder')"> |
||||
|
<el-option |
||||
|
v-for="(item, index) in classIdList" |
||||
|
:key="index" |
||||
|
:label="item['name']" |
||||
|
:value="item['id']" |
||||
|
/> |
||||
|
</el-select> |
||||
|
</el-form-item> |
||||
|
|
||||
|
<el-form-item :label="t('dateTime')" prop="date_time"> |
||||
|
<el-date-picker v-model="schedulesTable.searchParam.date_time" type="datetimerange" format="YYYY-MM-DD hh:mm:ss" |
||||
|
:start-placeholder="t('startDate')" :end-placeholder="t('endDate')" /> |
||||
|
</el-form-item> |
||||
|
|
||||
|
<el-form-item :label="t('createTime')" prop="create_time"> |
||||
|
<el-date-picker v-model="schedulesTable.searchParam.create_time" type="datetimerange" format="YYYY-MM-DD hh:mm:ss" |
||||
|
:start-placeholder="t('startDate')" :end-placeholder="t('endDate')" /> |
||||
|
</el-form-item> |
||||
|
|
||||
|
<el-form-item> |
||||
|
<el-button type="primary" @click="loadSchedulesList()">{{ 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="schedulesTable.data" size="large" v-loading="schedulesTable.loading"> |
||||
|
<template #empty> |
||||
|
<span>{{ !schedulesTable.loading ? t('emptyData') : '' }}</span> |
||||
|
</template> |
||||
|
<el-table-column prop="id" :label="t('id')" min-width="120" :show-overflow-tooltip="true"/> |
||||
|
|
||||
|
<el-table-column prop="staff_id_name" :label="t('staffId')" min-width="120" :show-overflow-tooltip="true"/> |
||||
|
|
||||
|
<el-table-column prop="class_id_name" :label="t('classId')" min-width="120" :show-overflow-tooltip="true"/> |
||||
|
|
||||
|
<el-table-column prop="date_time" :label="t('dateTime')" min-width="120" :show-overflow-tooltip="true"/> |
||||
|
|
||||
|
<el-table-column prop="time_slot" :label="t('timeSlot')" min-width="120" :show-overflow-tooltip="true"/> |
||||
|
|
||||
|
<el-table-column prop="task" :label="t('task')" min-width="120" :show-overflow-tooltip="true"/> |
||||
|
|
||||
|
<el-table-column :label="t('createTime')" min-width="180" align="center" :show-overflow-tooltip="true"> |
||||
|
<template #default="{ row }"> |
||||
|
{{ row.create_time || '' }} |
||||
|
</template> |
||||
|
</el-table-column> |
||||
|
|
||||
|
<el-table-column :label="t('updateTime')" min-width="180" align="center" :show-overflow-tooltip="true"> |
||||
|
<template #default="{ row }"> |
||||
|
{{ row.update_time || '' }} |
||||
|
</template> |
||||
|
</el-table-column> |
||||
|
|
||||
|
<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="schedulesTable.page" v-model:page-size="schedulesTable.limit" |
||||
|
layout="total, sizes, prev, pager, next, jumper" :total="schedulesTable.total" |
||||
|
@size-change="loadSchedulesList()" @current-change="loadSchedulesList" /> |
||||
|
</div> |
||||
|
</div> |
||||
|
|
||||
|
|
||||
|
</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 { getSchedulesList, deleteSchedules, getWithStaffList, getWithClassesList } from '@/addon/zhjw/api/schedules' |
||||
|
import { img } from '@/utils/common' |
||||
|
import { ElMessageBox,FormInstance } from 'element-plus' |
||||
|
import { useRouter } from 'vue-router' |
||||
|
import { useRoute } from 'vue-router' |
||||
|
const route = useRoute() |
||||
|
const pageName = route.meta.title; |
||||
|
|
||||
|
let schedulesTable = reactive({ |
||||
|
page: 1, |
||||
|
limit: 10, |
||||
|
total: 0, |
||||
|
loading: true, |
||||
|
data: [], |
||||
|
searchParam:{ |
||||
|
"staff_id":"", |
||||
|
"class_id":"", |
||||
|
"date_time":[], |
||||
|
"task":"", |
||||
|
"create_time":[] |
||||
|
} |
||||
|
}) |
||||
|
|
||||
|
const searchFormRef = ref<FormInstance>() |
||||
|
|
||||
|
// 选中数据 |
||||
|
const selectData = ref<any[]>([]) |
||||
|
|
||||
|
// 字典数据 |
||||
|
|
||||
|
|
||||
|
/** |
||||
|
* 获取排班管理列表 |
||||
|
*/ |
||||
|
const loadSchedulesList = (page: number = 1) => { |
||||
|
schedulesTable.loading = true |
||||
|
schedulesTable.page = page |
||||
|
|
||||
|
getSchedulesList({ |
||||
|
page: schedulesTable.page, |
||||
|
limit: schedulesTable.limit, |
||||
|
...schedulesTable.searchParam |
||||
|
}).then(res => { |
||||
|
schedulesTable.loading = false |
||||
|
schedulesTable.data = res.data.data |
||||
|
schedulesTable.total = res.data.total |
||||
|
}).catch(() => { |
||||
|
schedulesTable.loading = false |
||||
|
}) |
||||
|
} |
||||
|
loadSchedulesList() |
||||
|
|
||||
|
const router = useRouter() |
||||
|
|
||||
|
/** |
||||
|
* 添加排班管理 |
||||
|
*/ |
||||
|
const addEvent = () => { |
||||
|
router.push('/schedules/schedules_edit') |
||||
|
} |
||||
|
|
||||
|
/** |
||||
|
* 编辑排班管理 |
||||
|
* @param data |
||||
|
*/ |
||||
|
const editEvent = (data: any) => { |
||||
|
router.push('/schedules/schedules_edit?id='+data.id) |
||||
|
} |
||||
|
|
||||
|
/** |
||||
|
* 删除排班管理 |
||||
|
*/ |
||||
|
const deleteEvent = (id: number) => { |
||||
|
ElMessageBox.confirm(t('schedulesDeleteTips'), t('warning'), |
||||
|
{ |
||||
|
confirmButtonText: t('confirm'), |
||||
|
cancelButtonText: t('cancel'), |
||||
|
type: 'warning', |
||||
|
} |
||||
|
).then(() => { |
||||
|
deleteSchedules(id).then(() => { |
||||
|
loadSchedulesList() |
||||
|
}).catch(() => { |
||||
|
}) |
||||
|
}) |
||||
|
} |
||||
|
|
||||
|
|
||||
|
const staffIdList = ref([]) |
||||
|
const setStaffIdList = async () => { |
||||
|
staffIdList.value = await (await getWithStaffList({})).data |
||||
|
} |
||||
|
setStaffIdList() |
||||
|
const classIdList = ref([]) |
||||
|
const setClassIdList = async () => { |
||||
|
classIdList.value = await (await getWithClassesList({})).data |
||||
|
} |
||||
|
setClassIdList() |
||||
|
|
||||
|
const resetForm = (formEl: FormInstance | undefined) => { |
||||
|
if (!formEl) return |
||||
|
formEl.resetFields() |
||||
|
loadSchedulesList() |
||||
|
} |
||||
|
</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> |
||||
@ -0,0 +1,211 @@ |
|||||
|
<template> |
||||
|
<div class="main-container"> |
||||
|
<div class="detail-head"> |
||||
|
<div class="left" @click="back()"> |
||||
|
<span class="iconfont iconxiangzuojiantou !text-xs"></span> |
||||
|
<span class="ml-[1px]">{{t('returnToPreviousPage')}}</span> |
||||
|
</div> |
||||
|
<span class="adorn">|</span> |
||||
|
<span class="right">{{ pageName }}</span> |
||||
|
</div> |
||||
|
<el-card class="box-card !border-none" shadow="never"> |
||||
|
<el-form :model="formData" label-width="90px" ref="formRef" :rules="formRules" class="page-form"> |
||||
|
<el-form-item :label="t('staffId')" prop="staff_id"> |
||||
|
<el-select class="input-width" v-model="formData.staff_id" clearable :placeholder="t('staffIdPlaceholder')"> |
||||
|
<el-option label="请选择" value=""></el-option> |
||||
|
<el-option |
||||
|
v-for="(item, index) in staffIdList" |
||||
|
:key="index" |
||||
|
:label="item['name']" |
||||
|
:value="item['id']" |
||||
|
/> |
||||
|
</el-select> |
||||
|
</el-form-item> |
||||
|
|
||||
|
<el-form-item :label="t('classId')" prop="class_id"> |
||||
|
<el-select class="input-width" v-model="formData.class_id" clearable :placeholder="t('classIdPlaceholder')"> |
||||
|
<el-option label="请选择" value=""></el-option> |
||||
|
<el-option |
||||
|
v-for="(item, index) in classIdList" |
||||
|
:key="index" |
||||
|
:label="item['name']" |
||||
|
:value="item['id']" |
||||
|
/> |
||||
|
</el-select> |
||||
|
</el-form-item> |
||||
|
|
||||
|
<el-form-item :label="t('dateTime')" prop="date_time" class="input-width"> |
||||
|
<el-date-picker |
||||
|
class="flex-1 !flex" |
||||
|
v-model="formData.date_time" |
||||
|
clearable |
||||
|
type="datetime" |
||||
|
value-format="YYYY-MM-DD HH:mm:ss" |
||||
|
:placeholder="t('dateTimePlaceholder')"> |
||||
|
</el-date-picker> |
||||
|
</el-form-item> |
||||
|
<el-form-item :label="t('timeSlot')" prop="time_slot"> |
||||
|
<el-input v-model="formData.time_slot" clearable :placeholder="t('timeSlotPlaceholder')" class="input-width" /> |
||||
|
</el-form-item> |
||||
|
|
||||
|
<el-form-item :label="t('task')" > |
||||
|
<el-input v-model="formData.task" type="textarea" rows="4" clearable :placeholder="t('taskPlaceholder')" class="input-width"/> |
||||
|
</el-form-item> |
||||
|
</el-form> |
||||
|
</el-card> |
||||
|
<div class="fixed-footer-wrap"> |
||||
|
<div class="fixed-footer"> |
||||
|
<el-button type="primary" @click="onSave(formRef)">{{ t('save') }}</el-button> |
||||
|
<el-button @click="back()">{{ t('cancel') }}</el-button> |
||||
|
</div> |
||||
|
</div> |
||||
|
</div> |
||||
|
</template> |
||||
|
|
||||
|
<script lang="ts" setup> |
||||
|
import { ref, reactive, computed, watch } from 'vue' |
||||
|
import { t } from '@/lang' |
||||
|
import { useDictionary } from '@/app/api/dict' |
||||
|
import type { FormInstance } from 'element-plus' |
||||
|
import { getSchedulesInfo,addSchedules,editSchedules, getWithStaffList, getWithClassesList } from '@/addon/zhjw/api/schedules'; |
||||
|
import { useRoute } from 'vue-router' |
||||
|
|
||||
|
const route = useRoute() |
||||
|
const id:number = parseInt(route.query.id); |
||||
|
const loading = ref(false) |
||||
|
const pageName = route.meta.title |
||||
|
|
||||
|
|
||||
|
|
||||
|
/** |
||||
|
* 表单数据 |
||||
|
*/ |
||||
|
const initialFormData = { |
||||
|
id: 0, |
||||
|
staff_id: '', |
||||
|
class_id: '', |
||||
|
date_time: '', |
||||
|
time_slot: '', |
||||
|
task: '', |
||||
|
} |
||||
|
const formData: Record<string, any> = reactive({ ...initialFormData }) |
||||
|
|
||||
|
const setFormData = async (id:number = 0) => { |
||||
|
Object.assign(formData, initialFormData) |
||||
|
const data = await (await getSchedulesInfo(id)).data |
||||
|
Object.keys(formData).forEach((key: string) => { |
||||
|
if (data[key] != undefined) formData[key] = data[key] |
||||
|
}) |
||||
|
} |
||||
|
if(id) setFormData(id); |
||||
|
|
||||
|
const formRef = ref<FormInstance>() |
||||
|
// 选中数据 |
||||
|
const selectData = ref<any[]>([]) |
||||
|
|
||||
|
// 字典数据 |
||||
|
|
||||
|
|
||||
|
|
||||
|
const staffIdList = ref([] as any[]) |
||||
|
const setStaffIdList = async () => { |
||||
|
staffIdList.value = await (await getWithStaffList({})).data |
||||
|
} |
||||
|
setStaffIdList() |
||||
|
const classIdList = ref([] as any[]) |
||||
|
const setClassIdList = async () => { |
||||
|
classIdList.value = await (await getWithClassesList({})).data |
||||
|
} |
||||
|
setClassIdList() |
||||
|
// 表单验证规则 |
||||
|
const formRules = computed(() => { |
||||
|
return { |
||||
|
staff_id: [ |
||||
|
{ required: true, message: t('staffIdPlaceholder'), trigger: 'blur' }, |
||||
|
|
||||
|
] |
||||
|
, |
||||
|
class_id: [ |
||||
|
{ required: true, message: t('classIdPlaceholder'), trigger: 'blur' }, |
||||
|
|
||||
|
] |
||||
|
, |
||||
|
date_time: [ |
||||
|
{ required: true, message: t('dateTimePlaceholder'), trigger: 'blur' }, |
||||
|
|
||||
|
] |
||||
|
, |
||||
|
time_slot: [ |
||||
|
{ required: true, message: t('timeSlotPlaceholder'), trigger: 'blur' }, |
||||
|
|
||||
|
] |
||||
|
, |
||||
|
task: [ |
||||
|
{ required: true, message: t('taskPlaceholder'), trigger: 'blur' }, |
||||
|
|
||||
|
] |
||||
|
, |
||||
|
} |
||||
|
}) |
||||
|
|
||||
|
const onSave = async (formEl: FormInstance | undefined) => { |
||||
|
if (loading.value || !formEl) return |
||||
|
await formEl.validate(async (valid) => { |
||||
|
if (valid) { |
||||
|
loading.value = true |
||||
|
let data = formData |
||||
|
|
||||
|
const save = id ? editSchedules : addSchedules |
||||
|
save(data).then(res => { |
||||
|
loading.value = false |
||||
|
history.back() |
||||
|
}).catch(err => { |
||||
|
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() |
||||
|
} |
||||
|
} |
||||
|
const back = () => { |
||||
|
history.back() |
||||
|
} |
||||
|
</script> |
||||
|
|
||||
|
<style lang="scss" scoped></style> |
||||
@ -0,0 +1,58 @@ |
|||||
|
import request from '@/utils/request' |
||||
|
|
||||
|
// USER_CODE_BEGIN -- zhjw_assignments
|
||||
|
/** |
||||
|
* 获取作业管理列表 |
||||
|
* @param params |
||||
|
* @returns |
||||
|
*/ |
||||
|
export function getAssignmentsList(params: Record<string, any>) { |
||||
|
return request.get(`zhjw/assignments`, {params}) |
||||
|
} |
||||
|
|
||||
|
/** |
||||
|
* 获取作业管理详情 |
||||
|
* @param id 作业管理id |
||||
|
* @returns |
||||
|
*/ |
||||
|
export function getAssignmentsInfo(id: number) { |
||||
|
return request.get(`zhjw/assignments/${id}`); |
||||
|
} |
||||
|
|
||||
|
/** |
||||
|
* 添加作业管理 |
||||
|
* @param params |
||||
|
* @returns |
||||
|
*/ |
||||
|
export function addAssignments(params: Record<string, any>) { |
||||
|
return request.post('zhjw/assignments', params, { showErrorMessage: true, showSuccessMessage: true }) |
||||
|
} |
||||
|
|
||||
|
/** |
||||
|
* 编辑作业管理 |
||||
|
* @param id |
||||
|
* @param params |
||||
|
* @returns |
||||
|
*/ |
||||
|
export function editAssignments(params: Record<string, any>) { |
||||
|
return request.put(`zhjw/assignments/${params.id}`, params, { showErrorMessage: true, showSuccessMessage: true }) |
||||
|
} |
||||
|
|
||||
|
/** |
||||
|
* 删除作业管理 |
||||
|
* @param id |
||||
|
* @returns |
||||
|
*/ |
||||
|
export function deleteAssignments(id: number) { |
||||
|
return request.delete(`zhjw/assignments/${id}`, { showErrorMessage: true, showSuccessMessage: true }) |
||||
|
} |
||||
|
|
||||
|
export function getWithStudentsList(params: Record<string,any>){ |
||||
|
return request.get('zhjw/students_all', {params}) |
||||
|
}export function getWithClassesList(params: Record<string,any>){ |
||||
|
return request.get('zhjw/classes_all', {params}) |
||||
|
}export function getWithStaffList(params: Record<string,any>){ |
||||
|
return request.get('zhjw/staff_all', {params}) |
||||
|
} |
||||
|
|
||||
|
// USER_CODE_END -- zhjw_assignments
|
||||
@ -0,0 +1,58 @@ |
|||||
|
import request from '@/utils/request' |
||||
|
|
||||
|
|
||||
|
|
||||
|
// USER_CODE_BEGIN -- zhjw_schedules
|
||||
|
/** |
||||
|
* 获取排班管理列表 |
||||
|
* @param params |
||||
|
* @returns |
||||
|
*/ |
||||
|
export function getSchedulesList(params: Record<string, any>) { |
||||
|
return request.get(`zhjw/schedules`, {params}) |
||||
|
} |
||||
|
|
||||
|
/** |
||||
|
* 获取排班管理详情 |
||||
|
* @param id 排班管理id |
||||
|
* @returns |
||||
|
*/ |
||||
|
export function getSchedulesInfo(id: number) { |
||||
|
return request.get(`zhjw/schedules/${id}`); |
||||
|
} |
||||
|
|
||||
|
/** |
||||
|
* 添加排班管理 |
||||
|
* @param params |
||||
|
* @returns |
||||
|
*/ |
||||
|
export function addSchedules(params: Record<string, any>) { |
||||
|
return request.post('zhjw/schedules', params, { showErrorMessage: true, showSuccessMessage: true }) |
||||
|
} |
||||
|
|
||||
|
/** |
||||
|
* 编辑排班管理 |
||||
|
* @param id |
||||
|
* @param params |
||||
|
* @returns |
||||
|
*/ |
||||
|
export function editSchedules(params: Record<string, any>) { |
||||
|
return request.put(`zhjw/schedules/${params.id}`, params, { showErrorMessage: true, showSuccessMessage: true }) |
||||
|
} |
||||
|
|
||||
|
/** |
||||
|
* 删除排班管理 |
||||
|
* @param id |
||||
|
* @returns |
||||
|
*/ |
||||
|
export function deleteSchedules(id: number) { |
||||
|
return request.delete(`zhjw/schedules/${id}`, { showErrorMessage: true, showSuccessMessage: true }) |
||||
|
} |
||||
|
|
||||
|
export function getWithStaffList(params: Record<string,any>){ |
||||
|
return request.get('zhjw/staff_all', {params}) |
||||
|
}export function getWithClassesList(params: Record<string,any>){ |
||||
|
return request.get('zhjw/classes_all', {params}) |
||||
|
} |
||||
|
|
||||
|
// USER_CODE_END -- zhjw_schedules
|
||||
@ -0,0 +1,26 @@ |
|||||
|
{ |
||||
|
"id":"序号", |
||||
|
"idPlaceholder":"请输入序号", |
||||
|
"studentId":"学员", |
||||
|
"studentIdPlaceholder":"全部", |
||||
|
"classId":"班级", |
||||
|
"classIdPlaceholder":"全部", |
||||
|
"staffId":"批改教练", |
||||
|
"staffIdPlaceholder":"全部", |
||||
|
"contentType":"作业类型", |
||||
|
"contentTypePlaceholder":"请输入作业类型", |
||||
|
"submitTime":"提交时间", |
||||
|
"submitTimePlaceholder":"请输入提交时间", |
||||
|
"score":"评分", |
||||
|
"scorePlaceholder":"请输入评分", |
||||
|
"status":"状态", |
||||
|
"statusPlaceholder":"请输入状态", |
||||
|
"createTime":"添加时间", |
||||
|
"createTimePlaceholder":"请输入添加时间", |
||||
|
"updateTime":"更新时间", |
||||
|
"addAssignments":"添加作业管理", |
||||
|
"updateAssignments":"编辑作业管理", |
||||
|
"assignmentsDeleteTips":"确定要删除该数据吗?", |
||||
|
"startDate":"请选择开始时间", |
||||
|
"endDate":"请选择结束时间" |
||||
|
} |
||||
@ -0,0 +1,23 @@ |
|||||
|
{ |
||||
|
"studentId":"学员", |
||||
|
"classId":"班级", |
||||
|
"staffId":"批改教练", |
||||
|
"contentType":"作业类型", |
||||
|
"content":"图片或视频附件", |
||||
|
"contentText":"文字作业内容", |
||||
|
"submitTime":"提交时间", |
||||
|
"score":"评分", |
||||
|
"status":"状态", |
||||
|
"studentIdPlaceholder":"请选择学员", |
||||
|
"classIdPlaceholder":"请选择班级", |
||||
|
"staffIdPlaceholder":"请选择批改教练", |
||||
|
"contentTypePlaceholder":"请选择作业类型", |
||||
|
"contentPlaceholder":"请输入图片或视频附件", |
||||
|
"contentTextPlaceholder":"请输入文字作业内容", |
||||
|
"submitTimePlaceholder":"请选择提交时间", |
||||
|
"scorePlaceholder":"请输入评分", |
||||
|
"statusPlaceholder":"请选择状态", |
||||
|
"addAssignments":"添加作业管理", |
||||
|
"updateAssignments":"编辑作业管理", |
||||
|
"assignmentsDeleteTips":"确定要删除该作业管理吗?" |
||||
|
} |
||||
@ -0,0 +1,20 @@ |
|||||
|
{ |
||||
|
"id":"序号", |
||||
|
"staffId":"人员", |
||||
|
"staffIdPlaceholder":"全部", |
||||
|
"classId":"班级", |
||||
|
"classIdPlaceholder":"全部", |
||||
|
"dateTime":"排班日期", |
||||
|
"dateTimePlaceholder":"请输入排班日期", |
||||
|
"timeSlot":"时间段", |
||||
|
"task":"任务描述", |
||||
|
"taskPlaceholder":"请输入任务描述", |
||||
|
"createTime":"添加时间", |
||||
|
"createTimePlaceholder":"请输入添加时间", |
||||
|
"updateTime":"更新时间", |
||||
|
"addSchedules":"添加排班管理", |
||||
|
"updateSchedules":"编辑排班管理", |
||||
|
"schedulesDeleteTips":"确定要删除该数据吗?", |
||||
|
"startDate":"请选择开始时间", |
||||
|
"endDate":"请选择结束时间" |
||||
|
} |
||||
@ -0,0 +1,15 @@ |
|||||
|
{ |
||||
|
"staffId":"人员", |
||||
|
"classId":"班级", |
||||
|
"dateTime":"排班日期", |
||||
|
"timeSlot":"时间段", |
||||
|
"task":"任务描述", |
||||
|
"staffIdPlaceholder":"请选择人员", |
||||
|
"classIdPlaceholder":"请选择班级", |
||||
|
"dateTimePlaceholder":"请选择排班日期", |
||||
|
"timeSlotPlaceholder":"请输入时间段", |
||||
|
"taskPlaceholder":"请输入任务描述", |
||||
|
"addSchedules":"添加排班管理", |
||||
|
"updateSchedules":"编辑排班管理", |
||||
|
"schedulesDeleteTips":"确定要删除该排班管理吗?" |
||||
|
} |
||||
@ -0,0 +1,297 @@ |
|||||
|
<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('addAssignments') }} |
||||
|
</el-button> |
||||
|
</div> |
||||
|
|
||||
|
<el-card class="box-card !border-none my-[10px] table-search-wrap" shadow="never"> |
||||
|
<el-form :inline="true" :model="assignmentsTable.searchParam" ref="searchFormRef"> |
||||
|
|
||||
|
<el-form-item :label="t('studentId')" prop="student_id"> |
||||
|
<el-select class="w-[280px]" v-model="assignmentsTable.searchParam.student_id" clearable :placeholder="t('studentIdPlaceholder')"> |
||||
|
<el-option |
||||
|
v-for="(item, index) in studentIdList" |
||||
|
:key="index" |
||||
|
:label="item['name']" |
||||
|
:value="item['id']" |
||||
|
/> |
||||
|
</el-select> |
||||
|
</el-form-item> |
||||
|
|
||||
|
|
||||
|
<el-form-item :label="t('classId')" prop="class_id"> |
||||
|
<el-select class="w-[280px]" v-model="assignmentsTable.searchParam.class_id" clearable :placeholder="t('classIdPlaceholder')"> |
||||
|
<el-option |
||||
|
v-for="(item, index) in classIdList" |
||||
|
:key="index" |
||||
|
:label="item['name']" |
||||
|
:value="item['id']" |
||||
|
/> |
||||
|
</el-select> |
||||
|
</el-form-item> |
||||
|
|
||||
|
|
||||
|
<el-form-item :label="t('staffId')" prop="staff_id"> |
||||
|
<el-select class="w-[280px]" v-model="assignmentsTable.searchParam.staff_id" clearable :placeholder="t('staffIdPlaceholder')"> |
||||
|
<el-option |
||||
|
v-for="(item, index) in staffIdList" |
||||
|
:key="index" |
||||
|
:label="item['name']" |
||||
|
:value="item['id']" |
||||
|
/> |
||||
|
</el-select> |
||||
|
</el-form-item> |
||||
|
|
||||
|
|
||||
|
<el-form-item :label="t('contentType')" prop="content_type"> |
||||
|
<el-select class="w-[280px]" v-model="assignmentsTable.searchParam.content_type" clearable :placeholder="t('contentTypePlaceholder')"> |
||||
|
<el-option label="全部" value=""></el-option> |
||||
|
<el-option |
||||
|
v-for="(item, index) in content_typeList" |
||||
|
:key="index" |
||||
|
:label="item.name" |
||||
|
:value="item.value" |
||||
|
/> |
||||
|
</el-select> |
||||
|
</el-form-item> |
||||
|
|
||||
|
<el-form-item :label="t('submitTime')" prop="submit_time"> |
||||
|
<el-date-picker v-model="assignmentsTable.searchParam.submit_time" type="datetimerange" format="YYYY-MM-DD hh:mm:ss" |
||||
|
:start-placeholder="t('startDate')" :end-placeholder="t('endDate')" /> |
||||
|
</el-form-item> |
||||
|
|
||||
|
<el-form-item :label="t('score')" prop="score"> |
||||
|
<range-input v-model="assignmentsTable.searchParam.score"/> |
||||
|
</el-form-item> |
||||
|
|
||||
|
|
||||
|
<el-form-item :label="t('status')" prop="status"> |
||||
|
<el-select class="w-[280px]" v-model="assignmentsTable.searchParam.status" clearable :placeholder="t('statusPlaceholder')"> |
||||
|
<el-option label="全部" value=""></el-option> |
||||
|
<el-option |
||||
|
v-for="(item, index) in statusList" |
||||
|
:key="index" |
||||
|
:label="item.name" |
||||
|
:value="item.value" |
||||
|
/> |
||||
|
</el-select> |
||||
|
</el-form-item> |
||||
|
|
||||
|
<el-form-item :label="t('createTime')" prop="create_time"> |
||||
|
<el-date-picker v-model="assignmentsTable.searchParam.create_time" type="datetimerange" format="YYYY-MM-DD hh:mm:ss" |
||||
|
:start-placeholder="t('startDate')" :end-placeholder="t('endDate')" /> |
||||
|
</el-form-item> |
||||
|
|
||||
|
<el-form-item> |
||||
|
<el-button type="primary" @click="loadAssignmentsList()">{{ 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="assignmentsTable.data" size="large" v-loading="assignmentsTable.loading"> |
||||
|
<template #empty> |
||||
|
<span>{{ !assignmentsTable.loading ? t('emptyData') : '' }}</span> |
||||
|
</template> |
||||
|
<el-table-column prop="student_id_name" :label="t('studentId')" min-width="120" :show-overflow-tooltip="true"/> |
||||
|
|
||||
|
<el-table-column prop="class_id_name" :label="t('classId')" min-width="120" :show-overflow-tooltip="true"/> |
||||
|
|
||||
|
<el-table-column prop="staff_id_name" :label="t('staffId')" min-width="120" :show-overflow-tooltip="true"/> |
||||
|
|
||||
|
<el-table-column :label="t('contentType')" min-width="180" align="center" :show-overflow-tooltip="true"> |
||||
|
<template #default="{ row }"> |
||||
|
<div v-for="(item, index) in content_typeList"> |
||||
|
<div v-if="item.value == row.content_type">{{ item.name }}</div> |
||||
|
</div> |
||||
|
</template> |
||||
|
</el-table-column> |
||||
|
|
||||
|
<el-table-column prop="submit_time" :label="t('submitTime')" min-width="120" :show-overflow-tooltip="true"/> |
||||
|
|
||||
|
<el-table-column prop="score" :label="t('score')" min-width="120" :show-overflow-tooltip="true"/> |
||||
|
|
||||
|
<el-table-column :label="t('status')" min-width="180" align="center" :show-overflow-tooltip="true"> |
||||
|
<template #default="{ row }"> |
||||
|
<div v-for="(item, index) in statusList"> |
||||
|
<div v-if="item.value == row.status">{{ item.name }}</div> |
||||
|
</div> |
||||
|
</template> |
||||
|
</el-table-column> |
||||
|
|
||||
|
<el-table-column :label="t('createTime')" min-width="180" align="center" :show-overflow-tooltip="true"> |
||||
|
<template #default="{ row }"> |
||||
|
{{ row.create_time || '' }} |
||||
|
</template> |
||||
|
</el-table-column> |
||||
|
|
||||
|
<el-table-column :label="t('updateTime')" min-width="180" align="center" :show-overflow-tooltip="true"> |
||||
|
<template #default="{ row }"> |
||||
|
{{ row.update_time || '' }} |
||||
|
</template> |
||||
|
</el-table-column> |
||||
|
|
||||
|
<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="assignmentsTable.page" v-model:page-size="assignmentsTable.limit" |
||||
|
layout="total, sizes, prev, pager, next, jumper" :total="assignmentsTable.total" |
||||
|
@size-change="loadAssignmentsList()" @current-change="loadAssignmentsList" /> |
||||
|
</div> |
||||
|
</div> |
||||
|
|
||||
|
|
||||
|
</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 { getAssignmentsList, deleteAssignments, getWithStudentsList, getWithClassesList, getWithStaffList } from '@/addon/zhjw/api/assignments' |
||||
|
import { img } from '@/utils/common' |
||||
|
import { ElMessageBox,FormInstance } from 'element-plus' |
||||
|
import { useRouter } from 'vue-router' |
||||
|
import { useRoute } from 'vue-router' |
||||
|
const route = useRoute() |
||||
|
const pageName = route.meta.title; |
||||
|
|
||||
|
let assignmentsTable = reactive({ |
||||
|
page: 1, |
||||
|
limit: 10, |
||||
|
total: 0, |
||||
|
loading: true, |
||||
|
data: [], |
||||
|
searchParam:{ |
||||
|
"student_id":"", |
||||
|
"class_id":"", |
||||
|
"staff_id":"", |
||||
|
"content_type":"", |
||||
|
"submit_time":[], |
||||
|
"score":[], |
||||
|
"status":"", |
||||
|
"create_time":[] |
||||
|
} |
||||
|
}) |
||||
|
|
||||
|
const searchFormRef = ref<FormInstance>() |
||||
|
|
||||
|
// 选中数据 |
||||
|
const selectData = ref<any[]>([]) |
||||
|
|
||||
|
// 字典数据 |
||||
|
const content_typeList = ref([] as any[]) |
||||
|
const content_typeDictList = async () => { |
||||
|
content_typeList.value = await (await useDictionary('zhjw_assignments_content_type')).data.dictionary |
||||
|
} |
||||
|
content_typeDictList(); |
||||
|
const statusList = ref([] as any[]) |
||||
|
const statusDictList = async () => { |
||||
|
statusList.value = await (await useDictionary('zhjw_assignments_status')).data.dictionary |
||||
|
} |
||||
|
statusDictList(); |
||||
|
|
||||
|
/** |
||||
|
* 获取作业管理列表 |
||||
|
*/ |
||||
|
const loadAssignmentsList = (page: number = 1) => { |
||||
|
assignmentsTable.loading = true |
||||
|
assignmentsTable.page = page |
||||
|
|
||||
|
getAssignmentsList({ |
||||
|
page: assignmentsTable.page, |
||||
|
limit: assignmentsTable.limit, |
||||
|
...assignmentsTable.searchParam |
||||
|
}).then(res => { |
||||
|
assignmentsTable.loading = false |
||||
|
assignmentsTable.data = res.data.data |
||||
|
assignmentsTable.total = res.data.total |
||||
|
}).catch(() => { |
||||
|
assignmentsTable.loading = false |
||||
|
}) |
||||
|
} |
||||
|
loadAssignmentsList() |
||||
|
|
||||
|
const router = useRouter() |
||||
|
|
||||
|
/** |
||||
|
* 添加作业管理 |
||||
|
*/ |
||||
|
const addEvent = () => { |
||||
|
router.push('/assignments/assignments_edit') |
||||
|
} |
||||
|
|
||||
|
/** |
||||
|
* 编辑作业管理 |
||||
|
* @param data |
||||
|
*/ |
||||
|
const editEvent = (data: any) => { |
||||
|
router.push('/assignments/assignments_edit?id='+data.id) |
||||
|
} |
||||
|
|
||||
|
/** |
||||
|
* 删除作业管理 |
||||
|
*/ |
||||
|
const deleteEvent = (id: number) => { |
||||
|
ElMessageBox.confirm(t('assignmentsDeleteTips'), t('warning'), |
||||
|
{ |
||||
|
confirmButtonText: t('confirm'), |
||||
|
cancelButtonText: t('cancel'), |
||||
|
type: 'warning', |
||||
|
} |
||||
|
).then(() => { |
||||
|
deleteAssignments(id).then(() => { |
||||
|
loadAssignmentsList() |
||||
|
}).catch(() => { |
||||
|
}) |
||||
|
}) |
||||
|
} |
||||
|
|
||||
|
|
||||
|
const studentIdList = ref([]) |
||||
|
const setStudentIdList = async () => { |
||||
|
studentIdList.value = await (await getWithStudentsList({})).data |
||||
|
} |
||||
|
setStudentIdList() |
||||
|
const classIdList = ref([]) |
||||
|
const setClassIdList = async () => { |
||||
|
classIdList.value = await (await getWithClassesList({})).data |
||||
|
} |
||||
|
setClassIdList() |
||||
|
const staffIdList = ref([]) |
||||
|
const setStaffIdList = async () => { |
||||
|
staffIdList.value = await (await getWithStaffList({})).data |
||||
|
} |
||||
|
setStaffIdList() |
||||
|
|
||||
|
const resetForm = (formEl: FormInstance | undefined) => { |
||||
|
if (!formEl) return |
||||
|
formEl.resetFields() |
||||
|
loadAssignmentsList() |
||||
|
} |
||||
|
</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> |
||||
@ -0,0 +1,291 @@ |
|||||
|
<template> |
||||
|
<div class="main-container"> |
||||
|
<div class="detail-head"> |
||||
|
<div class="left" @click="back()"> |
||||
|
<span class="iconfont iconxiangzuojiantou !text-xs"></span> |
||||
|
<span class="ml-[1px]">{{t('returnToPreviousPage')}}</span> |
||||
|
</div> |
||||
|
<span class="adorn">|</span> |
||||
|
<span class="right">{{ pageName }}</span> |
||||
|
</div> |
||||
|
<el-card class="box-card !border-none" shadow="never"> |
||||
|
<el-form :model="formData" label-width="90px" ref="formRef" :rules="formRules" class="page-form"> |
||||
|
<el-form-item :label="t('studentId')" prop="student_id"> |
||||
|
<el-select class="input-width" v-model="formData.student_id" clearable :placeholder="t('studentIdPlaceholder')"> |
||||
|
<el-option label="请选择" value=""></el-option> |
||||
|
<el-option |
||||
|
v-for="(item, index) in studentIdList" |
||||
|
:key="index" |
||||
|
:label="item['name']" |
||||
|
:value="item['id']" |
||||
|
/> |
||||
|
</el-select> |
||||
|
</el-form-item> |
||||
|
|
||||
|
<el-form-item :label="t('classId')" prop="class_id"> |
||||
|
<el-select class="input-width" v-model="formData.class_id" clearable :placeholder="t('classIdPlaceholder')"> |
||||
|
<el-option label="请选择" value=""></el-option> |
||||
|
<el-option |
||||
|
v-for="(item, index) in classIdList" |
||||
|
:key="index" |
||||
|
:label="item['name']" |
||||
|
:value="item['id']" |
||||
|
/> |
||||
|
</el-select> |
||||
|
</el-form-item> |
||||
|
|
||||
|
<el-form-item :label="t('staffId')" prop="staff_id"> |
||||
|
<el-select class="input-width" v-model="formData.staff_id" clearable :placeholder="t('staffIdPlaceholder')"> |
||||
|
<el-option label="请选择" value=""></el-option> |
||||
|
<el-option |
||||
|
v-for="(item, index) in staffIdList" |
||||
|
:key="index" |
||||
|
:label="item['name']" |
||||
|
:value="item['id']" |
||||
|
/> |
||||
|
</el-select> |
||||
|
</el-form-item> |
||||
|
|
||||
|
<el-form-item :label="t('contentType')" prop="content_type"> |
||||
|
<el-select class="input-width" v-model="formData.content_type" clearable :placeholder="t('contentTypePlaceholder')"> |
||||
|
<el-option label="请选择" value=""></el-option> |
||||
|
<el-option |
||||
|
v-for="(item, index) in content_typeList" |
||||
|
:key="index" |
||||
|
:label="item.name" |
||||
|
:value="item.value" |
||||
|
/> |
||||
|
</el-select> |
||||
|
</el-form-item> |
||||
|
|
||||
|
<el-form-item :label="t('content')"> |
||||
|
<upload-file v-model="formData.content" /> |
||||
|
</el-form-item> |
||||
|
|
||||
|
<el-form-item :label="t('contentText')" > |
||||
|
<editor v-model="formData.content_text" /> |
||||
|
</el-form-item> |
||||
|
<el-form-item :label="t('submitTime')" class="input-width"> |
||||
|
<el-date-picker |
||||
|
class="flex-1 !flex" |
||||
|
v-model="formData.submit_time" |
||||
|
clearable |
||||
|
type="datetime" |
||||
|
value-format="YYYY-MM-DD HH:mm:ss" |
||||
|
:placeholder="t('submitTimePlaceholder')"> |
||||
|
</el-date-picker> |
||||
|
</el-form-item> |
||||
|
<el-form-item :label="t('score')" > |
||||
|
<el-input v-model="formData.score" clearable :placeholder="t('scorePlaceholder')" class="input-width" /> |
||||
|
</el-form-item> |
||||
|
|
||||
|
<el-form-item :label="t('status')" prop="status"> |
||||
|
<el-select class="input-width" v-model="formData.status" clearable :placeholder="t('statusPlaceholder')"> |
||||
|
<el-option label="请选择" value=""></el-option> |
||||
|
<el-option |
||||
|
v-for="(item, index) in statusList" |
||||
|
:key="index" |
||||
|
:label="item.name" |
||||
|
:value="item.value" |
||||
|
/> |
||||
|
</el-select> |
||||
|
</el-form-item> |
||||
|
|
||||
|
</el-form> |
||||
|
</el-card> |
||||
|
<div class="fixed-footer-wrap"> |
||||
|
<div class="fixed-footer"> |
||||
|
<el-button type="primary" @click="onSave(formRef)">{{ t('save') }}</el-button> |
||||
|
<el-button @click="back()">{{ t('cancel') }}</el-button> |
||||
|
</div> |
||||
|
</div> |
||||
|
</div> |
||||
|
</template> |
||||
|
|
||||
|
<script lang="ts" setup> |
||||
|
import { ref, reactive, computed, watch } from 'vue' |
||||
|
import { t } from '@/lang' |
||||
|
import { useDictionary } from '@/app/api/dict' |
||||
|
import type { FormInstance } from 'element-plus' |
||||
|
import { getAssignmentsInfo,addAssignments,editAssignments, getWithStudentsList, getWithClassesList, getWithStaffList } from '@/addon/zhjw/api/assignments'; |
||||
|
import { useRoute } from 'vue-router' |
||||
|
|
||||
|
const route = useRoute() |
||||
|
const id:number = parseInt(route.query.id); |
||||
|
const loading = ref(false) |
||||
|
const pageName = route.meta.title |
||||
|
|
||||
|
|
||||
|
|
||||
|
/** |
||||
|
* 表单数据 |
||||
|
*/ |
||||
|
const initialFormData = { |
||||
|
id: 0, |
||||
|
student_id: '', |
||||
|
class_id: '', |
||||
|
staff_id: '', |
||||
|
content_type: '', |
||||
|
content: '', |
||||
|
content_text: '', |
||||
|
submit_time: '', |
||||
|
score: '', |
||||
|
status: '', |
||||
|
} |
||||
|
const formData: Record<string, any> = reactive({ ...initialFormData }) |
||||
|
|
||||
|
const setFormData = async (id:number = 0) => { |
||||
|
Object.assign(formData, initialFormData) |
||||
|
const data = await (await getAssignmentsInfo(id)).data |
||||
|
Object.keys(formData).forEach((key: string) => { |
||||
|
if (data[key] != undefined) formData[key] = data[key] |
||||
|
}) |
||||
|
} |
||||
|
if(id) setFormData(id); |
||||
|
|
||||
|
const formRef = ref<FormInstance>() |
||||
|
// 选中数据 |
||||
|
const selectData = ref<any[]>([]) |
||||
|
|
||||
|
// 字典数据 |
||||
|
let content_typeList = ref([]) |
||||
|
const content_typeDictList = async () => { |
||||
|
content_typeList.value = await (await useDictionary('zhjw_assignments_content_type')).data.dictionary |
||||
|
} |
||||
|
content_typeDictList(); |
||||
|
watch(() => content_typeList.value, () => { formData.content_type = content_typeList.value[0].value }) |
||||
|
let statusList = ref([]) |
||||
|
const statusDictList = async () => { |
||||
|
statusList.value = await (await useDictionary('zhjw_assignments_status')).data.dictionary |
||||
|
} |
||||
|
statusDictList(); |
||||
|
watch(() => statusList.value, () => { formData.status = statusList.value[0].value }) |
||||
|
|
||||
|
|
||||
|
const studentIdList = ref([] as any[]) |
||||
|
const setStudentIdList = async () => { |
||||
|
studentIdList.value = await (await getWithStudentsList({})).data |
||||
|
} |
||||
|
setStudentIdList() |
||||
|
const classIdList = ref([] as any[]) |
||||
|
const setClassIdList = async () => { |
||||
|
classIdList.value = await (await getWithClassesList({})).data |
||||
|
} |
||||
|
setClassIdList() |
||||
|
const staffIdList = ref([] as any[]) |
||||
|
const setStaffIdList = async () => { |
||||
|
staffIdList.value = await (await getWithStaffList({})).data |
||||
|
} |
||||
|
setStaffIdList() |
||||
|
// 表单验证规则 |
||||
|
const formRules = computed(() => { |
||||
|
return { |
||||
|
student_id: [ |
||||
|
{ required: true, message: t('studentIdPlaceholder'), trigger: 'blur' }, |
||||
|
|
||||
|
] |
||||
|
, |
||||
|
class_id: [ |
||||
|
{ required: true, message: t('classIdPlaceholder'), trigger: 'blur' }, |
||||
|
|
||||
|
] |
||||
|
, |
||||
|
staff_id: [ |
||||
|
{ required: true, message: t('staffIdPlaceholder'), trigger: 'blur' }, |
||||
|
|
||||
|
] |
||||
|
, |
||||
|
content_type: [ |
||||
|
{ required: true, message: t('contentTypePlaceholder'), trigger: 'blur' }, |
||||
|
|
||||
|
] |
||||
|
, |
||||
|
content: [ |
||||
|
{ required: true, message: t('contentPlaceholder'), trigger: 'blur' }, |
||||
|
|
||||
|
] |
||||
|
, |
||||
|
content_text: [ |
||||
|
{ required: true, message: t('contentTextPlaceholder'), trigger: 'blur' }, |
||||
|
|
||||
|
] |
||||
|
, |
||||
|
submit_time: [ |
||||
|
{ required: true, message: t('submitTimePlaceholder'), trigger: 'blur' }, |
||||
|
|
||||
|
] |
||||
|
, |
||||
|
score: [ |
||||
|
{ required: true, message: t('scorePlaceholder'), trigger: 'blur' }, |
||||
|
|
||||
|
] |
||||
|
, |
||||
|
status: [ |
||||
|
{ required: true, message: t('statusPlaceholder'), trigger: 'blur' }, |
||||
|
|
||||
|
] |
||||
|
, |
||||
|
} |
||||
|
}) |
||||
|
|
||||
|
const onSave = async (formEl: FormInstance | undefined) => { |
||||
|
if (loading.value || !formEl) return |
||||
|
await formEl.validate(async (valid) => { |
||||
|
if (valid) { |
||||
|
loading.value = true |
||||
|
let data = formData |
||||
|
|
||||
|
const save = id ? editAssignments : addAssignments |
||||
|
save(data).then(res => { |
||||
|
loading.value = false |
||||
|
history.back() |
||||
|
}).catch(err => { |
||||
|
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() |
||||
|
} |
||||
|
} |
||||
|
const back = () => { |
||||
|
history.back() |
||||
|
} |
||||
|
</script> |
||||
|
|
||||
|
<style lang="scss" scoped></style> |
||||
@ -0,0 +1,224 @@ |
|||||
|
<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('addSchedules') }} |
||||
|
</el-button> |
||||
|
</div> |
||||
|
|
||||
|
<el-card class="box-card !border-none my-[10px] table-search-wrap" shadow="never"> |
||||
|
<el-form :inline="true" :model="schedulesTable.searchParam" ref="searchFormRef"> |
||||
|
|
||||
|
<el-form-item :label="t('staffId')" prop="staff_id"> |
||||
|
<el-select class="w-[280px]" v-model="schedulesTable.searchParam.staff_id" clearable :placeholder="t('staffIdPlaceholder')"> |
||||
|
<el-option |
||||
|
v-for="(item, index) in staffIdList" |
||||
|
:key="index" |
||||
|
:label="item['name']" |
||||
|
:value="item['id']" |
||||
|
/> |
||||
|
</el-select> |
||||
|
</el-form-item> |
||||
|
|
||||
|
|
||||
|
<el-form-item :label="t('classId')" prop="class_id"> |
||||
|
<el-select class="w-[280px]" v-model="schedulesTable.searchParam.class_id" clearable :placeholder="t('classIdPlaceholder')"> |
||||
|
<el-option |
||||
|
v-for="(item, index) in classIdList" |
||||
|
:key="index" |
||||
|
:label="item['name']" |
||||
|
:value="item['id']" |
||||
|
/> |
||||
|
</el-select> |
||||
|
</el-form-item> |
||||
|
|
||||
|
<el-form-item :label="t('dateTime')" prop="date_time"> |
||||
|
<el-date-picker v-model="schedulesTable.searchParam.date_time" type="datetimerange" format="YYYY-MM-DD hh:mm:ss" |
||||
|
:start-placeholder="t('startDate')" :end-placeholder="t('endDate')" /> |
||||
|
</el-form-item> |
||||
|
|
||||
|
<el-form-item :label="t('createTime')" prop="create_time"> |
||||
|
<el-date-picker v-model="schedulesTable.searchParam.create_time" type="datetimerange" format="YYYY-MM-DD hh:mm:ss" |
||||
|
:start-placeholder="t('startDate')" :end-placeholder="t('endDate')" /> |
||||
|
</el-form-item> |
||||
|
|
||||
|
<el-form-item> |
||||
|
<el-button type="primary" @click="loadSchedulesList()">{{ 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="schedulesTable.data" size="large" v-loading="schedulesTable.loading"> |
||||
|
<template #empty> |
||||
|
<span>{{ !schedulesTable.loading ? t('emptyData') : '' }}</span> |
||||
|
</template> |
||||
|
<el-table-column prop="id" :label="t('id')" min-width="120" :show-overflow-tooltip="true"/> |
||||
|
|
||||
|
<el-table-column prop="staff_id_name" :label="t('staffId')" min-width="120" :show-overflow-tooltip="true"/> |
||||
|
|
||||
|
<el-table-column prop="class_id_name" :label="t('classId')" min-width="120" :show-overflow-tooltip="true"/> |
||||
|
|
||||
|
<el-table-column prop="date_time" :label="t('dateTime')" min-width="120" :show-overflow-tooltip="true"/> |
||||
|
|
||||
|
<el-table-column prop="time_slot" :label="t('timeSlot')" min-width="120" :show-overflow-tooltip="true"/> |
||||
|
|
||||
|
<el-table-column prop="task" :label="t('task')" min-width="120" :show-overflow-tooltip="true"/> |
||||
|
|
||||
|
<el-table-column :label="t('createTime')" min-width="180" align="center" :show-overflow-tooltip="true"> |
||||
|
<template #default="{ row }"> |
||||
|
{{ row.create_time || '' }} |
||||
|
</template> |
||||
|
</el-table-column> |
||||
|
|
||||
|
<el-table-column :label="t('updateTime')" min-width="180" align="center" :show-overflow-tooltip="true"> |
||||
|
<template #default="{ row }"> |
||||
|
{{ row.update_time || '' }} |
||||
|
</template> |
||||
|
</el-table-column> |
||||
|
|
||||
|
<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="schedulesTable.page" v-model:page-size="schedulesTable.limit" |
||||
|
layout="total, sizes, prev, pager, next, jumper" :total="schedulesTable.total" |
||||
|
@size-change="loadSchedulesList()" @current-change="loadSchedulesList" /> |
||||
|
</div> |
||||
|
</div> |
||||
|
|
||||
|
|
||||
|
</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 { getSchedulesList, deleteSchedules, getWithStaffList, getWithClassesList } from '@/addon/zhjw/api/schedules' |
||||
|
import { img } from '@/utils/common' |
||||
|
import { ElMessageBox,FormInstance } from 'element-plus' |
||||
|
import { useRouter } from 'vue-router' |
||||
|
import { useRoute } from 'vue-router' |
||||
|
const route = useRoute() |
||||
|
const pageName = route.meta.title; |
||||
|
|
||||
|
let schedulesTable = reactive({ |
||||
|
page: 1, |
||||
|
limit: 10, |
||||
|
total: 0, |
||||
|
loading: true, |
||||
|
data: [], |
||||
|
searchParam:{ |
||||
|
"staff_id":"", |
||||
|
"class_id":"", |
||||
|
"date_time":[], |
||||
|
"task":"", |
||||
|
"create_time":[] |
||||
|
} |
||||
|
}) |
||||
|
|
||||
|
const searchFormRef = ref<FormInstance>() |
||||
|
|
||||
|
// 选中数据 |
||||
|
const selectData = ref<any[]>([]) |
||||
|
|
||||
|
// 字典数据 |
||||
|
|
||||
|
|
||||
|
/** |
||||
|
* 获取排班管理列表 |
||||
|
*/ |
||||
|
const loadSchedulesList = (page: number = 1) => { |
||||
|
schedulesTable.loading = true |
||||
|
schedulesTable.page = page |
||||
|
|
||||
|
getSchedulesList({ |
||||
|
page: schedulesTable.page, |
||||
|
limit: schedulesTable.limit, |
||||
|
...schedulesTable.searchParam |
||||
|
}).then(res => { |
||||
|
schedulesTable.loading = false |
||||
|
schedulesTable.data = res.data.data |
||||
|
schedulesTable.total = res.data.total |
||||
|
}).catch(() => { |
||||
|
schedulesTable.loading = false |
||||
|
}) |
||||
|
} |
||||
|
loadSchedulesList() |
||||
|
|
||||
|
const router = useRouter() |
||||
|
|
||||
|
/** |
||||
|
* 添加排班管理 |
||||
|
*/ |
||||
|
const addEvent = () => { |
||||
|
router.push('/schedules/schedules_edit') |
||||
|
} |
||||
|
|
||||
|
/** |
||||
|
* 编辑排班管理 |
||||
|
* @param data |
||||
|
*/ |
||||
|
const editEvent = (data: any) => { |
||||
|
router.push('/schedules/schedules_edit?id='+data.id) |
||||
|
} |
||||
|
|
||||
|
/** |
||||
|
* 删除排班管理 |
||||
|
*/ |
||||
|
const deleteEvent = (id: number) => { |
||||
|
ElMessageBox.confirm(t('schedulesDeleteTips'), t('warning'), |
||||
|
{ |
||||
|
confirmButtonText: t('confirm'), |
||||
|
cancelButtonText: t('cancel'), |
||||
|
type: 'warning', |
||||
|
} |
||||
|
).then(() => { |
||||
|
deleteSchedules(id).then(() => { |
||||
|
loadSchedulesList() |
||||
|
}).catch(() => { |
||||
|
}) |
||||
|
}) |
||||
|
} |
||||
|
|
||||
|
|
||||
|
const staffIdList = ref([]) |
||||
|
const setStaffIdList = async () => { |
||||
|
staffIdList.value = await (await getWithStaffList({})).data |
||||
|
} |
||||
|
setStaffIdList() |
||||
|
const classIdList = ref([]) |
||||
|
const setClassIdList = async () => { |
||||
|
classIdList.value = await (await getWithClassesList({})).data |
||||
|
} |
||||
|
setClassIdList() |
||||
|
|
||||
|
const resetForm = (formEl: FormInstance | undefined) => { |
||||
|
if (!formEl) return |
||||
|
formEl.resetFields() |
||||
|
loadSchedulesList() |
||||
|
} |
||||
|
</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> |
||||
@ -0,0 +1,211 @@ |
|||||
|
<template> |
||||
|
<div class="main-container"> |
||||
|
<div class="detail-head"> |
||||
|
<div class="left" @click="back()"> |
||||
|
<span class="iconfont iconxiangzuojiantou !text-xs"></span> |
||||
|
<span class="ml-[1px]">{{t('returnToPreviousPage')}}</span> |
||||
|
</div> |
||||
|
<span class="adorn">|</span> |
||||
|
<span class="right">{{ pageName }}</span> |
||||
|
</div> |
||||
|
<el-card class="box-card !border-none" shadow="never"> |
||||
|
<el-form :model="formData" label-width="90px" ref="formRef" :rules="formRules" class="page-form"> |
||||
|
<el-form-item :label="t('staffId')" prop="staff_id"> |
||||
|
<el-select class="input-width" v-model="formData.staff_id" clearable :placeholder="t('staffIdPlaceholder')"> |
||||
|
<el-option label="请选择" value=""></el-option> |
||||
|
<el-option |
||||
|
v-for="(item, index) in staffIdList" |
||||
|
:key="index" |
||||
|
:label="item['name']" |
||||
|
:value="item['id']" |
||||
|
/> |
||||
|
</el-select> |
||||
|
</el-form-item> |
||||
|
|
||||
|
<el-form-item :label="t('classId')" prop="class_id"> |
||||
|
<el-select class="input-width" v-model="formData.class_id" clearable :placeholder="t('classIdPlaceholder')"> |
||||
|
<el-option label="请选择" value=""></el-option> |
||||
|
<el-option |
||||
|
v-for="(item, index) in classIdList" |
||||
|
:key="index" |
||||
|
:label="item['name']" |
||||
|
:value="item['id']" |
||||
|
/> |
||||
|
</el-select> |
||||
|
</el-form-item> |
||||
|
|
||||
|
<el-form-item :label="t('dateTime')" prop="date_time" class="input-width"> |
||||
|
<el-date-picker |
||||
|
class="flex-1 !flex" |
||||
|
v-model="formData.date_time" |
||||
|
clearable |
||||
|
type="datetime" |
||||
|
value-format="YYYY-MM-DD HH:mm:ss" |
||||
|
:placeholder="t('dateTimePlaceholder')"> |
||||
|
</el-date-picker> |
||||
|
</el-form-item> |
||||
|
<el-form-item :label="t('timeSlot')" prop="time_slot"> |
||||
|
<el-input v-model="formData.time_slot" clearable :placeholder="t('timeSlotPlaceholder')" class="input-width" /> |
||||
|
</el-form-item> |
||||
|
|
||||
|
<el-form-item :label="t('task')" > |
||||
|
<el-input v-model="formData.task" type="textarea" rows="4" clearable :placeholder="t('taskPlaceholder')" class="input-width"/> |
||||
|
</el-form-item> |
||||
|
</el-form> |
||||
|
</el-card> |
||||
|
<div class="fixed-footer-wrap"> |
||||
|
<div class="fixed-footer"> |
||||
|
<el-button type="primary" @click="onSave(formRef)">{{ t('save') }}</el-button> |
||||
|
<el-button @click="back()">{{ t('cancel') }}</el-button> |
||||
|
</div> |
||||
|
</div> |
||||
|
</div> |
||||
|
</template> |
||||
|
|
||||
|
<script lang="ts" setup> |
||||
|
import { ref, reactive, computed, watch } from 'vue' |
||||
|
import { t } from '@/lang' |
||||
|
import { useDictionary } from '@/app/api/dict' |
||||
|
import type { FormInstance } from 'element-plus' |
||||
|
import { getSchedulesInfo,addSchedules,editSchedules, getWithStaffList, getWithClassesList } from '@/addon/zhjw/api/schedules'; |
||||
|
import { useRoute } from 'vue-router' |
||||
|
|
||||
|
const route = useRoute() |
||||
|
const id:number = parseInt(route.query.id); |
||||
|
const loading = ref(false) |
||||
|
const pageName = route.meta.title |
||||
|
|
||||
|
|
||||
|
|
||||
|
/** |
||||
|
* 表单数据 |
||||
|
*/ |
||||
|
const initialFormData = { |
||||
|
id: 0, |
||||
|
staff_id: '', |
||||
|
class_id: '', |
||||
|
date_time: '', |
||||
|
time_slot: '', |
||||
|
task: '', |
||||
|
} |
||||
|
const formData: Record<string, any> = reactive({ ...initialFormData }) |
||||
|
|
||||
|
const setFormData = async (id:number = 0) => { |
||||
|
Object.assign(formData, initialFormData) |
||||
|
const data = await (await getSchedulesInfo(id)).data |
||||
|
Object.keys(formData).forEach((key: string) => { |
||||
|
if (data[key] != undefined) formData[key] = data[key] |
||||
|
}) |
||||
|
} |
||||
|
if(id) setFormData(id); |
||||
|
|
||||
|
const formRef = ref<FormInstance>() |
||||
|
// 选中数据 |
||||
|
const selectData = ref<any[]>([]) |
||||
|
|
||||
|
// 字典数据 |
||||
|
|
||||
|
|
||||
|
|
||||
|
const staffIdList = ref([] as any[]) |
||||
|
const setStaffIdList = async () => { |
||||
|
staffIdList.value = await (await getWithStaffList({})).data |
||||
|
} |
||||
|
setStaffIdList() |
||||
|
const classIdList = ref([] as any[]) |
||||
|
const setClassIdList = async () => { |
||||
|
classIdList.value = await (await getWithClassesList({})).data |
||||
|
} |
||||
|
setClassIdList() |
||||
|
// 表单验证规则 |
||||
|
const formRules = computed(() => { |
||||
|
return { |
||||
|
staff_id: [ |
||||
|
{ required: true, message: t('staffIdPlaceholder'), trigger: 'blur' }, |
||||
|
|
||||
|
] |
||||
|
, |
||||
|
class_id: [ |
||||
|
{ required: true, message: t('classIdPlaceholder'), trigger: 'blur' }, |
||||
|
|
||||
|
] |
||||
|
, |
||||
|
date_time: [ |
||||
|
{ required: true, message: t('dateTimePlaceholder'), trigger: 'blur' }, |
||||
|
|
||||
|
] |
||||
|
, |
||||
|
time_slot: [ |
||||
|
{ required: true, message: t('timeSlotPlaceholder'), trigger: 'blur' }, |
||||
|
|
||||
|
] |
||||
|
, |
||||
|
task: [ |
||||
|
{ required: true, message: t('taskPlaceholder'), trigger: 'blur' }, |
||||
|
|
||||
|
] |
||||
|
, |
||||
|
} |
||||
|
}) |
||||
|
|
||||
|
const onSave = async (formEl: FormInstance | undefined) => { |
||||
|
if (loading.value || !formEl) return |
||||
|
await formEl.validate(async (valid) => { |
||||
|
if (valid) { |
||||
|
loading.value = true |
||||
|
let data = formData |
||||
|
|
||||
|
const save = id ? editSchedules : addSchedules |
||||
|
save(data).then(res => { |
||||
|
loading.value = false |
||||
|
history.back() |
||||
|
}).catch(err => { |
||||
|
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() |
||||
|
} |
||||
|
} |
||||
|
const back = () => { |
||||
|
history.back() |
||||
|
} |
||||
|
</script> |
||||
|
|
||||
|
<style lang="scss" scoped></style> |
||||
@ -0,0 +1,120 @@ |
|||||
|
<?php |
||||
|
// +---------------------------------------------------------------------- |
||||
|
// | Niucloud-admin 企业快速开发的多应用管理平台 |
||||
|
// +---------------------------------------------------------------------- |
||||
|
// | 官方网址:https://www.niucloud.com |
||||
|
// +---------------------------------------------------------------------- |
||||
|
// | niucloud团队 版权所有 开源版本可自由商用 |
||||
|
// +---------------------------------------------------------------------- |
||||
|
// | Author: Niucloud Team |
||||
|
// +---------------------------------------------------------------------- |
||||
|
|
||||
|
namespace addon\zhjw\app\adminapi\controller\assignments; |
||||
|
|
||||
|
use core\base\BaseAdminController; |
||||
|
use addon\zhjw\app\service\admin\assignments\AssignmentsService; |
||||
|
|
||||
|
|
||||
|
/** |
||||
|
* 作业管理控制器 |
||||
|
* Class Assignments |
||||
|
* @package addon\zhjw\app\adminapi\controller\assignments |
||||
|
*/ |
||||
|
class Assignments extends BaseAdminController |
||||
|
{ |
||||
|
/** |
||||
|
* 获取作业管理列表 |
||||
|
* @return \think\Response |
||||
|
*/ |
||||
|
public function lists(){ |
||||
|
$data = $this->request->params([ |
||||
|
["student_id",""], |
||||
|
["class_id",""], |
||||
|
["staff_id",""], |
||||
|
["content_type",""], |
||||
|
["submit_time",["",""]], |
||||
|
["score",["",""]], |
||||
|
["status",""], |
||||
|
["create_time",["",""]] |
||||
|
]); |
||||
|
return success((new AssignmentsService())->getPage($data)); |
||||
|
} |
||||
|
|
||||
|
/** |
||||
|
* 作业管理详情 |
||||
|
* @param int $id |
||||
|
* @return \think\Response |
||||
|
*/ |
||||
|
public function info(int $id){ |
||||
|
return success((new AssignmentsService())->getInfo($id)); |
||||
|
} |
||||
|
|
||||
|
/** |
||||
|
* 添加作业管理 |
||||
|
* @return \think\Response |
||||
|
*/ |
||||
|
public function add(){ |
||||
|
$data = $this->request->params([ |
||||
|
["student_id",0], |
||||
|
["class_id",0], |
||||
|
["staff_id",0], |
||||
|
["content_type",""], |
||||
|
["content",""], |
||||
|
["content_text",""], |
||||
|
["submit_time","2025-03-06 15:05:34"], |
||||
|
["score",0.00], |
||||
|
["status",""], |
||||
|
|
||||
|
]); |
||||
|
$this->validate($data, 'addon\zhjw\app\validate\assignments\Assignments.add'); |
||||
|
$id = (new AssignmentsService())->add($data); |
||||
|
return success('ADD_SUCCESS', ['id' => $id]); |
||||
|
} |
||||
|
|
||||
|
/** |
||||
|
* 作业管理编辑 |
||||
|
* @param $id 作业管理id |
||||
|
* @return \think\Response |
||||
|
*/ |
||||
|
public function edit(int $id){ |
||||
|
$data = $this->request->params([ |
||||
|
["student_id",0], |
||||
|
["class_id",0], |
||||
|
["staff_id",0], |
||||
|
["content_type",""], |
||||
|
["content",""], |
||||
|
["content_text",""], |
||||
|
["submit_time","2025-03-06 15:05:34"], |
||||
|
["score",0.00], |
||||
|
["status",""], |
||||
|
|
||||
|
]); |
||||
|
$this->validate($data, 'addon\zhjw\app\validate\assignments\Assignments.edit'); |
||||
|
(new AssignmentsService())->edit($id, $data); |
||||
|
return success('EDIT_SUCCESS'); |
||||
|
} |
||||
|
|
||||
|
/** |
||||
|
* 作业管理删除 |
||||
|
* @param $id 作业管理id |
||||
|
* @return \think\Response |
||||
|
*/ |
||||
|
public function del(int $id){ |
||||
|
(new AssignmentsService())->del($id); |
||||
|
return success('DELETE_SUCCESS'); |
||||
|
} |
||||
|
|
||||
|
|
||||
|
public function getStudentsAll(){ |
||||
|
return success(( new AssignmentsService())->getStudentsAll()); |
||||
|
} |
||||
|
|
||||
|
public function getClassesAll(){ |
||||
|
return success(( new AssignmentsService())->getClassesAll()); |
||||
|
} |
||||
|
|
||||
|
public function getStaffAll(){ |
||||
|
return success(( new AssignmentsService())->getStaffAll()); |
||||
|
} |
||||
|
|
||||
|
} |
||||
@ -0,0 +1,105 @@ |
|||||
|
<?php |
||||
|
// +---------------------------------------------------------------------- |
||||
|
// | Niucloud-admin 企业快速开发的多应用管理平台 |
||||
|
// +---------------------------------------------------------------------- |
||||
|
// | 官方网址:https://www.niucloud.com |
||||
|
// +---------------------------------------------------------------------- |
||||
|
// | niucloud团队 版权所有 开源版本可自由商用 |
||||
|
// +---------------------------------------------------------------------- |
||||
|
// | Author: Niucloud Team |
||||
|
// +---------------------------------------------------------------------- |
||||
|
|
||||
|
namespace addon\zhjw\app\adminapi\controller\schedules; |
||||
|
|
||||
|
use core\base\BaseAdminController; |
||||
|
use addon\zhjw\app\service\admin\schedules\SchedulesService; |
||||
|
|
||||
|
|
||||
|
/** |
||||
|
* 排班管理控制器 |
||||
|
* Class Schedules |
||||
|
* @package addon\zhjw\app\adminapi\controller\schedules |
||||
|
*/ |
||||
|
class Schedules extends BaseAdminController |
||||
|
{ |
||||
|
/** |
||||
|
* 获取排班管理列表 |
||||
|
* @return \think\Response |
||||
|
*/ |
||||
|
public function lists(){ |
||||
|
$data = $this->request->params([ |
||||
|
["staff_id",""], |
||||
|
["class_id",""], |
||||
|
["date_time",["",""]], |
||||
|
["task",""], |
||||
|
["create_time",["",""]] |
||||
|
]); |
||||
|
return success((new SchedulesService())->getPage($data)); |
||||
|
} |
||||
|
|
||||
|
/** |
||||
|
* 排班管理详情 |
||||
|
* @param int $id |
||||
|
* @return \think\Response |
||||
|
*/ |
||||
|
public function info(int $id){ |
||||
|
return success((new SchedulesService())->getInfo($id)); |
||||
|
} |
||||
|
|
||||
|
/** |
||||
|
* 添加排班管理 |
||||
|
* @return \think\Response |
||||
|
*/ |
||||
|
public function add(){ |
||||
|
$data = $this->request->params([ |
||||
|
["staff_id",0], |
||||
|
["class_id",0], |
||||
|
["date_time","2025-03-06 15:10:47"], |
||||
|
["time_slot",""], |
||||
|
["task",""], |
||||
|
|
||||
|
]); |
||||
|
$this->validate($data, 'addon\zhjw\app\validate\schedules\Schedules.add'); |
||||
|
$id = (new SchedulesService())->add($data); |
||||
|
return success('ADD_SUCCESS', ['id' => $id]); |
||||
|
} |
||||
|
|
||||
|
/** |
||||
|
* 排班管理编辑 |
||||
|
* @param $id 排班管理id |
||||
|
* @return \think\Response |
||||
|
*/ |
||||
|
public function edit(int $id){ |
||||
|
$data = $this->request->params([ |
||||
|
["staff_id",0], |
||||
|
["class_id",0], |
||||
|
["date_time","2025-03-06 15:10:47"], |
||||
|
["time_slot",""], |
||||
|
["task",""], |
||||
|
|
||||
|
]); |
||||
|
$this->validate($data, 'addon\zhjw\app\validate\schedules\Schedules.edit'); |
||||
|
(new SchedulesService())->edit($id, $data); |
||||
|
return success('EDIT_SUCCESS'); |
||||
|
} |
||||
|
|
||||
|
/** |
||||
|
* 排班管理删除 |
||||
|
* @param $id 排班管理id |
||||
|
* @return \think\Response |
||||
|
*/ |
||||
|
public function del(int $id){ |
||||
|
(new SchedulesService())->del($id); |
||||
|
return success('DELETE_SUCCESS'); |
||||
|
} |
||||
|
|
||||
|
|
||||
|
public function getStaffAll(){ |
||||
|
return success(( new SchedulesService())->getStaffAll()); |
||||
|
} |
||||
|
|
||||
|
public function getClassesAll(){ |
||||
|
return success(( new SchedulesService())->getClassesAll()); |
||||
|
} |
||||
|
|
||||
|
} |
||||
@ -0,0 +1,202 @@ |
|||||
|
<?php |
||||
|
// +---------------------------------------------------------------------- |
||||
|
// | Niucloud-admin 企业快速开发的多应用管理平台 |
||||
|
// +---------------------------------------------------------------------- |
||||
|
// | 官方网址:https://www.niucloud.com |
||||
|
// +---------------------------------------------------------------------- |
||||
|
// | niucloud团队 版权所有 开源版本可自由商用 |
||||
|
// +---------------------------------------------------------------------- |
||||
|
// | Author: Niucloud Team |
||||
|
// +---------------------------------------------------------------------- |
||||
|
|
||||
|
namespace addon\zhjw\app\model\assignments; |
||||
|
|
||||
|
use core\base\BaseModel; |
||||
|
use think\model\concern\SoftDelete; |
||||
|
use think\model\relation\HasMany; |
||||
|
use think\model\relation\HasOne; |
||||
|
|
||||
|
use addon\zhjw\app\model\students\Students; |
||||
|
|
||||
|
use addon\zhjw\app\model\classes\Classes; |
||||
|
|
||||
|
use addon\zhjw\app\model\staff\Staff; |
||||
|
|
||||
|
/** |
||||
|
* 作业管理模型 |
||||
|
* Class Assignments |
||||
|
* @package addon\zhjw\app\model\assignments |
||||
|
*/ |
||||
|
class Assignments extends BaseModel |
||||
|
{ |
||||
|
|
||||
|
use SoftDelete; |
||||
|
|
||||
|
/** |
||||
|
* 数据表主键 |
||||
|
* @var string |
||||
|
*/ |
||||
|
protected $pk = 'id'; |
||||
|
|
||||
|
/** |
||||
|
* 模型名称 |
||||
|
* @var string |
||||
|
*/ |
||||
|
protected $name = 'zhjw_assignments'; |
||||
|
|
||||
|
/** |
||||
|
* 定义软删除标记字段. |
||||
|
* @var string |
||||
|
*/ |
||||
|
protected $deleteTime = 'is_deleted'; |
||||
|
|
||||
|
/** |
||||
|
* 定义软删除字段的默认值. |
||||
|
* @var int |
||||
|
*/ |
||||
|
protected $defaultSoftDelete = 0; |
||||
|
|
||||
|
/** |
||||
|
* 搜索器:作业管理序号 |
||||
|
* @param $value |
||||
|
* @param $data |
||||
|
*/ |
||||
|
public function searchIdAttr($query, $value, $data) |
||||
|
{ |
||||
|
if ($value) { |
||||
|
$query->where("id", $value); |
||||
|
} |
||||
|
} |
||||
|
|
||||
|
/** |
||||
|
* 搜索器:作业管理学员 |
||||
|
* @param $value |
||||
|
* @param $data |
||||
|
*/ |
||||
|
public function searchStudentIdAttr($query, $value, $data) |
||||
|
{ |
||||
|
if ($value) { |
||||
|
$query->where("student_id", $value); |
||||
|
} |
||||
|
} |
||||
|
|
||||
|
/** |
||||
|
* 搜索器:作业管理班级 |
||||
|
* @param $value |
||||
|
* @param $data |
||||
|
*/ |
||||
|
public function searchClassIdAttr($query, $value, $data) |
||||
|
{ |
||||
|
if ($value) { |
||||
|
$query->where("class_id", $value); |
||||
|
} |
||||
|
} |
||||
|
|
||||
|
/** |
||||
|
* 搜索器:作业管理批改教练 |
||||
|
* @param $value |
||||
|
* @param $data |
||||
|
*/ |
||||
|
public function searchStaffIdAttr($query, $value, $data) |
||||
|
{ |
||||
|
if ($value) { |
||||
|
$query->where("staff_id", $value); |
||||
|
} |
||||
|
} |
||||
|
|
||||
|
/** |
||||
|
* 搜索器:作业管理作业类型 |
||||
|
* @param $value |
||||
|
* @param $data |
||||
|
*/ |
||||
|
public function searchContentTypeAttr($query, $value, $data) |
||||
|
{ |
||||
|
if ($value) { |
||||
|
$query->where("content_type", $value); |
||||
|
} |
||||
|
} |
||||
|
|
||||
|
/** |
||||
|
* 搜索器:作业管理提交时间 |
||||
|
* @param $value |
||||
|
* @param $data |
||||
|
*/ |
||||
|
public function searchSubmitTimeAttr($query, $value, $data) |
||||
|
{ |
||||
|
$start = empty($value[0]) ? 0 : strtotime($value[0]); |
||||
|
$end = empty($value[1]) ? 0 : strtotime($value[1]); |
||||
|
if ($start > 0 && $end > 0) { |
||||
|
$query->where([["submit_time", "between", [$start, $end]]]); |
||||
|
} else if ($start > 0 && $end == 0) { |
||||
|
$query->where([["submit_time", ">=", $start]]); |
||||
|
} else if ($start == 0 && $end > 0) { |
||||
|
$query->where([["submit_time", "<=", $end]]); |
||||
|
} |
||||
|
} |
||||
|
|
||||
|
/** |
||||
|
* 搜索器:作业管理评分 |
||||
|
* @param $value |
||||
|
* @param $data |
||||
|
*/ |
||||
|
public function searchScoreAttr($query, $value, $data) |
||||
|
{ |
||||
|
$start = empty($value[0]) ? 0 : $value[0]; |
||||
|
$end = empty($value[1]) ? 0 : $value[1]; |
||||
|
if ($start > 0 && $end > 0) { |
||||
|
$query->where([["score", "between", [$start, $end]]]); |
||||
|
} else if ($start > 0 && $end == 0) { |
||||
|
$query->where([["score", ">=", $start]]); |
||||
|
} else if ($start == 0 && $end > 0) { |
||||
|
$query->where([["score", "<=", $end]]); |
||||
|
} |
||||
|
} |
||||
|
|
||||
|
/** |
||||
|
* 搜索器:作业管理状态 |
||||
|
* @param $value |
||||
|
* @param $data |
||||
|
*/ |
||||
|
public function searchStatusAttr($query, $value, $data) |
||||
|
{ |
||||
|
if ($value) { |
||||
|
$query->where("status", $value); |
||||
|
} |
||||
|
} |
||||
|
|
||||
|
/** |
||||
|
* 搜索器:作业管理添加时间 |
||||
|
* @param $value |
||||
|
* @param $data |
||||
|
*/ |
||||
|
public function searchCreateTimeAttr($query, $value, $data) |
||||
|
{ |
||||
|
$start = empty($value[0]) ? 0 : strtotime($value[0]); |
||||
|
$end = empty($value[1]) ? 0 : strtotime($value[1]); |
||||
|
if ($start > 0 && $end > 0) { |
||||
|
$query->where([["create_time", "between", [$start, $end]]]); |
||||
|
} else if ($start > 0 && $end == 0) { |
||||
|
$query->where([["create_time", ">=", $start]]); |
||||
|
} else if ($start == 0 && $end > 0) { |
||||
|
$query->where([["create_time", "<=", $end]]); |
||||
|
} |
||||
|
} |
||||
|
|
||||
|
|
||||
|
|
||||
|
|
||||
|
|
||||
|
|
||||
|
public function students(){ |
||||
|
return $this->hasOne(Students::class, 'id', 'student_id')->joinType('left')->withField('name,id')->bind(['student_id_name'=>'name']); |
||||
|
} |
||||
|
|
||||
|
public function classes(){ |
||||
|
return $this->hasOne(Classes::class, 'id', 'class_id')->joinType('left')->withField('name,id')->bind(['class_id_name'=>'name']); |
||||
|
} |
||||
|
|
||||
|
public function staff(){ |
||||
|
return $this->hasOne(Staff::class, 'id', 'staff_id')->joinType('left')->withField('name,id')->bind(['staff_id_name'=>'name']); |
||||
|
} |
||||
|
|
||||
|
} |
||||
@ -0,0 +1,142 @@ |
|||||
|
<?php |
||||
|
// +---------------------------------------------------------------------- |
||||
|
// | Niucloud-admin 企业快速开发的多应用管理平台 |
||||
|
// +---------------------------------------------------------------------- |
||||
|
// | 官方网址:https://www.niucloud.com |
||||
|
// +---------------------------------------------------------------------- |
||||
|
// | niucloud团队 版权所有 开源版本可自由商用 |
||||
|
// +---------------------------------------------------------------------- |
||||
|
// | Author: Niucloud Team |
||||
|
// +---------------------------------------------------------------------- |
||||
|
|
||||
|
namespace addon\zhjw\app\model\schedules; |
||||
|
|
||||
|
use core\base\BaseModel; |
||||
|
use think\model\concern\SoftDelete; |
||||
|
use think\model\relation\HasMany; |
||||
|
use think\model\relation\HasOne; |
||||
|
|
||||
|
use addon\zhjw\app\model\staff\Staff; |
||||
|
|
||||
|
use addon\zhjw\app\model\classes\Classes; |
||||
|
|
||||
|
/** |
||||
|
* 排班管理模型 |
||||
|
* Class Schedules |
||||
|
* @package addon\zhjw\app\model\schedules |
||||
|
*/ |
||||
|
class Schedules extends BaseModel |
||||
|
{ |
||||
|
|
||||
|
use SoftDelete; |
||||
|
|
||||
|
/** |
||||
|
* 数据表主键 |
||||
|
* @var string |
||||
|
*/ |
||||
|
protected $pk = 'id'; |
||||
|
|
||||
|
/** |
||||
|
* 模型名称 |
||||
|
* @var string |
||||
|
*/ |
||||
|
protected $name = 'zhjw_schedules'; |
||||
|
|
||||
|
/** |
||||
|
* 定义软删除标记字段. |
||||
|
* @var string |
||||
|
*/ |
||||
|
protected $deleteTime = 'is_deleted'; |
||||
|
|
||||
|
/** |
||||
|
* 定义软删除字段的默认值. |
||||
|
* @var int |
||||
|
*/ |
||||
|
protected $defaultSoftDelete = 0; |
||||
|
|
||||
|
/** |
||||
|
* 搜索器:排班管理人员 |
||||
|
* @param $value |
||||
|
* @param $data |
||||
|
*/ |
||||
|
public function searchStaffIdAttr($query, $value, $data) |
||||
|
{ |
||||
|
if ($value) { |
||||
|
$query->where("staff_id", $value); |
||||
|
} |
||||
|
} |
||||
|
|
||||
|
/** |
||||
|
* 搜索器:排班管理班级 |
||||
|
* @param $value |
||||
|
* @param $data |
||||
|
*/ |
||||
|
public function searchClassIdAttr($query, $value, $data) |
||||
|
{ |
||||
|
if ($value) { |
||||
|
$query->where("class_id", $value); |
||||
|
} |
||||
|
} |
||||
|
|
||||
|
/** |
||||
|
* 搜索器:排班管理排班日期 |
||||
|
* @param $value |
||||
|
* @param $data |
||||
|
*/ |
||||
|
public function searchDateTimeAttr($query, $value, $data) |
||||
|
{ |
||||
|
$start = empty($value[0]) ? 0 : strtotime($value[0]); |
||||
|
$end = empty($value[1]) ? 0 : strtotime($value[1]); |
||||
|
if ($start > 0 && $end > 0) { |
||||
|
$query->where([["date_time", "between", [$start, $end]]]); |
||||
|
} else if ($start > 0 && $end == 0) { |
||||
|
$query->where([["date_time", ">=", $start]]); |
||||
|
} else if ($start == 0 && $end > 0) { |
||||
|
$query->where([["date_time", "<=", $end]]); |
||||
|
} |
||||
|
} |
||||
|
|
||||
|
/** |
||||
|
* 搜索器:排班管理任务描述 |
||||
|
* @param $value |
||||
|
* @param $data |
||||
|
*/ |
||||
|
public function searchTaskAttr($query, $value, $data) |
||||
|
{ |
||||
|
if ($value) { |
||||
|
$query->where("task", $value); |
||||
|
} |
||||
|
} |
||||
|
|
||||
|
/** |
||||
|
* 搜索器:排班管理添加时间 |
||||
|
* @param $value |
||||
|
* @param $data |
||||
|
*/ |
||||
|
public function searchCreateTimeAttr($query, $value, $data) |
||||
|
{ |
||||
|
$start = empty($value[0]) ? 0 : strtotime($value[0]); |
||||
|
$end = empty($value[1]) ? 0 : strtotime($value[1]); |
||||
|
if ($start > 0 && $end > 0) { |
||||
|
$query->where([["create_time", "between", [$start, $end]]]); |
||||
|
} else if ($start > 0 && $end == 0) { |
||||
|
$query->where([["create_time", ">=", $start]]); |
||||
|
} else if ($start == 0 && $end > 0) { |
||||
|
$query->where([["create_time", "<=", $end]]); |
||||
|
} |
||||
|
} |
||||
|
|
||||
|
|
||||
|
|
||||
|
|
||||
|
|
||||
|
|
||||
|
public function staff(){ |
||||
|
return $this->hasOne(Staff::class, 'id', 'staff_id')->joinType('left')->withField('name,id')->bind(['staff_id_name'=>'name']); |
||||
|
} |
||||
|
|
||||
|
public function classes(){ |
||||
|
return $this->hasOne(Classes::class, 'id', 'class_id')->joinType('left')->withField('name,id')->bind(['class_id_name'=>'name']); |
||||
|
} |
||||
|
|
||||
|
} |
||||
@ -0,0 +1,117 @@ |
|||||
|
<?php |
||||
|
// +---------------------------------------------------------------------- |
||||
|
// | Niucloud-admin 企业快速开发的多应用管理平台 |
||||
|
// +---------------------------------------------------------------------- |
||||
|
// | 官方网址:https://www.niucloud.com |
||||
|
// +---------------------------------------------------------------------- |
||||
|
// | niucloud团队 版权所有 开源版本可自由商用 |
||||
|
// +---------------------------------------------------------------------- |
||||
|
// | Author: Niucloud Team |
||||
|
// +---------------------------------------------------------------------- |
||||
|
|
||||
|
namespace addon\zhjw\app\service\admin\assignments; |
||||
|
|
||||
|
use addon\zhjw\app\model\assignments\Assignments; |
||||
|
use addon\zhjw\app\model\students\Students; |
||||
|
use addon\zhjw\app\model\classes\Classes; |
||||
|
use addon\zhjw\app\model\staff\Staff; |
||||
|
|
||||
|
use core\base\BaseAdminService; |
||||
|
|
||||
|
|
||||
|
/** |
||||
|
* 作业管理服务层 |
||||
|
* Class AssignmentsService |
||||
|
* @package addon\zhjw\app\service\admin\assignments |
||||
|
*/ |
||||
|
class AssignmentsService extends BaseAdminService |
||||
|
{ |
||||
|
public function __construct() |
||||
|
{ |
||||
|
parent::__construct(); |
||||
|
$this->model = new Assignments(); |
||||
|
} |
||||
|
|
||||
|
/** |
||||
|
* 获取作业管理列表 |
||||
|
* @param array $where |
||||
|
* @return array |
||||
|
*/ |
||||
|
public function getPage(array $where = []) |
||||
|
{ |
||||
|
$field = 'id,student_id,class_id,staff_id,content_type,content,content_text,submit_time,score,status,is_deleted,create_time,update_time,created_by,created_role,updated_by,updated_role'; |
||||
|
$order = 'id desc'; |
||||
|
|
||||
|
$search_model = $this->model->withSearch(["id","student_id","class_id","staff_id","content_type","submit_time","score","status","create_time"], $where)->with(['students','classes','staff'])->field($field)->order($order); |
||||
|
$list = $this->pageQuery($search_model); |
||||
|
return $list; |
||||
|
} |
||||
|
|
||||
|
/** |
||||
|
* 获取作业管理信息 |
||||
|
* @param int $id |
||||
|
* @return array |
||||
|
*/ |
||||
|
public function getInfo(int $id) |
||||
|
{ |
||||
|
$field = 'id,student_id,class_id,staff_id,content_type,content,content_text,submit_time,score,status,is_deleted,create_time,update_time,created_by,created_role,updated_by,updated_role'; |
||||
|
|
||||
|
$info = $this->model->field($field)->where([['id', "=", $id]])->with(['students','classes','staff'])->findOrEmpty()->toArray(); |
||||
|
return $info; |
||||
|
} |
||||
|
|
||||
|
/** |
||||
|
* 添加作业管理 |
||||
|
* @param array $data |
||||
|
* @return mixed |
||||
|
*/ |
||||
|
public function add(array $data) |
||||
|
{ |
||||
|
$res = $this->model->create($data); |
||||
|
return $res->id; |
||||
|
|
||||
|
} |
||||
|
|
||||
|
/** |
||||
|
* 作业管理编辑 |
||||
|
* @param int $id |
||||
|
* @param array $data |
||||
|
* @return bool |
||||
|
*/ |
||||
|
public function edit(int $id, array $data) |
||||
|
{ |
||||
|
|
||||
|
$this->model->where([['id', '=', $id]])->update($data); |
||||
|
return true; |
||||
|
} |
||||
|
|
||||
|
/** |
||||
|
* 删除作业管理 |
||||
|
* @param int $id |
||||
|
* @return bool |
||||
|
*/ |
||||
|
public function del(int $id) |
||||
|
{ |
||||
|
$model = $this->model->where([['id', '=', $id]])->find(); |
||||
|
$res = $model->delete(); |
||||
|
return $res; |
||||
|
} |
||||
|
|
||||
|
|
||||
|
public function getStudentsAll(){ |
||||
|
$studentsModel = new Students(); |
||||
|
return $studentsModel->select()->toArray(); |
||||
|
} |
||||
|
|
||||
|
public function getClassesAll(){ |
||||
|
$classesModel = new Classes(); |
||||
|
return $classesModel->select()->toArray(); |
||||
|
} |
||||
|
|
||||
|
public function getStaffAll(){ |
||||
|
$staffModel = new Staff(); |
||||
|
return $staffModel->select()->toArray(); |
||||
|
} |
||||
|
|
||||
|
|
||||
|
} |
||||
@ -0,0 +1,111 @@ |
|||||
|
<?php |
||||
|
// +---------------------------------------------------------------------- |
||||
|
// | Niucloud-admin 企业快速开发的多应用管理平台 |
||||
|
// +---------------------------------------------------------------------- |
||||
|
// | 官方网址:https://www.niucloud.com |
||||
|
// +---------------------------------------------------------------------- |
||||
|
// | niucloud团队 版权所有 开源版本可自由商用 |
||||
|
// +---------------------------------------------------------------------- |
||||
|
// | Author: Niucloud Team |
||||
|
// +---------------------------------------------------------------------- |
||||
|
|
||||
|
namespace addon\zhjw\app\service\admin\schedules; |
||||
|
|
||||
|
use addon\zhjw\app\model\schedules\Schedules; |
||||
|
use addon\zhjw\app\model\staff\Staff; |
||||
|
use addon\zhjw\app\model\classes\Classes; |
||||
|
|
||||
|
use core\base\BaseAdminService; |
||||
|
|
||||
|
|
||||
|
/** |
||||
|
* 排班管理服务层 |
||||
|
* Class SchedulesService |
||||
|
* @package addon\zhjw\app\service\admin\schedules |
||||
|
*/ |
||||
|
class SchedulesService extends BaseAdminService |
||||
|
{ |
||||
|
public function __construct() |
||||
|
{ |
||||
|
parent::__construct(); |
||||
|
$this->model = new Schedules(); |
||||
|
} |
||||
|
|
||||
|
/** |
||||
|
* 获取排班管理列表 |
||||
|
* @param array $where |
||||
|
* @return array |
||||
|
*/ |
||||
|
public function getPage(array $where = []) |
||||
|
{ |
||||
|
$field = 'id,staff_id,class_id,date_time,time_slot,task,is_deleted,create_time,update_time,created_by,created_role,updated_by,updated_role'; |
||||
|
$order = 'id desc'; |
||||
|
|
||||
|
$search_model = $this->model->withSearch(["staff_id","class_id","date_time","task","create_time"], $where)->with(['staff','classes'])->field($field)->order($order); |
||||
|
$list = $this->pageQuery($search_model); |
||||
|
return $list; |
||||
|
} |
||||
|
|
||||
|
/** |
||||
|
* 获取排班管理信息 |
||||
|
* @param int $id |
||||
|
* @return array |
||||
|
*/ |
||||
|
public function getInfo(int $id) |
||||
|
{ |
||||
|
$field = 'id,staff_id,class_id,date_time,time_slot,task,is_deleted,create_time,update_time,created_by,created_role,updated_by,updated_role'; |
||||
|
|
||||
|
$info = $this->model->field($field)->where([['id', "=", $id]])->with(['staff','classes'])->findOrEmpty()->toArray(); |
||||
|
return $info; |
||||
|
} |
||||
|
|
||||
|
/** |
||||
|
* 添加排班管理 |
||||
|
* @param array $data |
||||
|
* @return mixed |
||||
|
*/ |
||||
|
public function add(array $data) |
||||
|
{ |
||||
|
$res = $this->model->create($data); |
||||
|
return $res->id; |
||||
|
|
||||
|
} |
||||
|
|
||||
|
/** |
||||
|
* 排班管理编辑 |
||||
|
* @param int $id |
||||
|
* @param array $data |
||||
|
* @return bool |
||||
|
*/ |
||||
|
public function edit(int $id, array $data) |
||||
|
{ |
||||
|
|
||||
|
$this->model->where([['id', '=', $id]])->update($data); |
||||
|
return true; |
||||
|
} |
||||
|
|
||||
|
/** |
||||
|
* 删除排班管理 |
||||
|
* @param int $id |
||||
|
* @return bool |
||||
|
*/ |
||||
|
public function del(int $id) |
||||
|
{ |
||||
|
$model = $this->model->where([['id', '=', $id]])->find(); |
||||
|
$res = $model->delete(); |
||||
|
return $res; |
||||
|
} |
||||
|
|
||||
|
|
||||
|
public function getStaffAll(){ |
||||
|
$staffModel = new Staff(); |
||||
|
return $staffModel->select()->toArray(); |
||||
|
} |
||||
|
|
||||
|
public function getClassesAll(){ |
||||
|
$classesModel = new Classes(); |
||||
|
return $classesModel->select()->toArray(); |
||||
|
} |
||||
|
|
||||
|
|
||||
|
} |
||||
@ -0,0 +1,43 @@ |
|||||
|
<?php |
||||
|
// +---------------------------------------------------------------------- |
||||
|
// | Niucloud-admin 企业快速开发的多应用管理平台 |
||||
|
// +---------------------------------------------------------------------- |
||||
|
// | 官方网址:https://www.niucloud.com |
||||
|
// +---------------------------------------------------------------------- |
||||
|
// | niucloud团队 版权所有 开源版本可自由商用 |
||||
|
// +---------------------------------------------------------------------- |
||||
|
// | Author: Niucloud Team |
||||
|
// +---------------------------------------------------------------------- |
||||
|
|
||||
|
namespace addon\zhjw\app\validate\assignments; |
||||
|
use core\base\BaseValidate; |
||||
|
/** |
||||
|
* 作业管理验证器 |
||||
|
* Class Assignments |
||||
|
* @package addon\zhjw\app\validate\assignments |
||||
|
*/ |
||||
|
class Assignments extends BaseValidate |
||||
|
{ |
||||
|
|
||||
|
protected $rule = [ |
||||
|
'student_id' => 'require', |
||||
|
'class_id' => 'require', |
||||
|
'staff_id' => 'require', |
||||
|
'content_type' => 'require', |
||||
|
'status' => 'require', |
||||
|
]; |
||||
|
|
||||
|
protected $message = [ |
||||
|
'student_id.require' => ['common_validate.require', ['student_id']], |
||||
|
'class_id.require' => ['common_validate.require', ['class_id']], |
||||
|
'staff_id.require' => ['common_validate.require', ['staff_id']], |
||||
|
'content_type.require' => ['common_validate.require', ['content_type']], |
||||
|
'status.require' => ['common_validate.require', ['status']], |
||||
|
]; |
||||
|
|
||||
|
protected $scene = [ |
||||
|
"add" => ['student_id', 'class_id', 'staff_id', 'content_type', 'content', 'content_text', 'submit_time', 'score', 'status'], |
||||
|
"edit" => ['student_id', 'class_id', 'staff_id', 'content_type', 'content', 'content_text', 'submit_time', 'score', 'status'] |
||||
|
]; |
||||
|
|
||||
|
} |
||||
@ -0,0 +1,41 @@ |
|||||
|
<?php |
||||
|
// +---------------------------------------------------------------------- |
||||
|
// | Niucloud-admin 企业快速开发的多应用管理平台 |
||||
|
// +---------------------------------------------------------------------- |
||||
|
// | 官方网址:https://www.niucloud.com |
||||
|
// +---------------------------------------------------------------------- |
||||
|
// | niucloud团队 版权所有 开源版本可自由商用 |
||||
|
// +---------------------------------------------------------------------- |
||||
|
// | Author: Niucloud Team |
||||
|
// +---------------------------------------------------------------------- |
||||
|
|
||||
|
namespace addon\zhjw\app\validate\schedules; |
||||
|
use core\base\BaseValidate; |
||||
|
/** |
||||
|
* 排班管理验证器 |
||||
|
* Class Schedules |
||||
|
* @package addon\zhjw\app\validate\schedules |
||||
|
*/ |
||||
|
class Schedules extends BaseValidate |
||||
|
{ |
||||
|
|
||||
|
protected $rule = [ |
||||
|
'staff_id' => 'require', |
||||
|
'class_id' => 'require', |
||||
|
'date_time' => 'require', |
||||
|
'time_slot' => 'require', |
||||
|
]; |
||||
|
|
||||
|
protected $message = [ |
||||
|
'staff_id.require' => ['common_validate.require', ['staff_id']], |
||||
|
'class_id.require' => ['common_validate.require', ['class_id']], |
||||
|
'date_time.require' => ['common_validate.require', ['date_time']], |
||||
|
'time_slot.require' => ['common_validate.require', ['time_slot']], |
||||
|
]; |
||||
|
|
||||
|
protected $scene = [ |
||||
|
"add" => ['staff_id', 'class_id', 'date_time', 'time_slot', 'task'], |
||||
|
"edit" => ['staff_id', 'class_id', 'date_time', 'time_slot', 'task'] |
||||
|
]; |
||||
|
|
||||
|
} |
||||
Loading…
Reference in new issue