教师空闲时间、排课时间

This commit is contained in:
Dai 2024-07-18 00:25:58 +08:00
parent b503c1de16
commit 4e17a2a040
18 changed files with 2445 additions and 12 deletions

View File

@ -0,0 +1,25 @@
<?php
namespace app\api\controller;
use app\BaseController;
use app\common\service\TeacherFreeTimeService;
use support\Request;
class TeacherFreeTimeController extends BaseController
{
/**
* @desc 添加空闲时间
* @param Request $request
* @return \support\Response
* @throws \Exception
*/
public function addFreeTime(Request $request)
{
$service = new TeacherFreeTimeService();
$res = $service->addFreeTime($request);
return $this->json($res);
}
}

View File

@ -23,4 +23,16 @@ class UploadController extends BaseController
return $this->json($res); return $this->json($res);
} }
/**
* @desc 上传图片
* @param Request $request
* @return \support\Response
*/
public function uploadFile(Request $request)
{
$service = new UploadService();
$res = $service->uploadImg($request->file('image'));
return $this->json($res);
}
} }

View File

@ -0,0 +1,33 @@
<?php
namespace app\common\model;
use app\BaseModel;
use support\Model;
/**
* wa_teacher_free_time 教师空闲时间
* @property integer $id (主键)
* @property integer $teacher_id 教师
* @property string $date 日期
* @property string $time 时间
* @property mixed $hour 课时
* @property string $start_time 开始时间
* @property string $end_time 结束时间
* @property string $month 月份
* @property integer $subject_id 课程id
* @property integer $is_publish 是否发布
* @property mixed $created_at 创建时间
* @property string $updated_at 更新时间
* @property string $deleted_at
*/
class TeacherFreeTime extends BaseModel
{
public function teacher()
{
return $this->hasOne(Teacher::class,'id','teacher_id')->bind(['teacher_name','teacher_account'=>"account"]);
}
}

View File

@ -0,0 +1,91 @@
<?php
namespace app\common\service;
use app\common\model\Teacher;
use app\common\model\TeacherFreeTime;
use app\constant\ResponseCode;
use think\Exception;
use DateTime;
class TeacherFreeTimeService
{
/**
* @desc 添加空闲时间
* @param $request
* @return array
* @throws \Exception
*/
public function addFreeTime($request)
{
try {
if (empty($request->teacher)) {
throw new Exception('请教师登陆后再设置');
}
$teacher = Teacher::where(['id' => $request->teacher->id])->findOrEmpty();
if ($teacher->isEmpty()) {
throw new Exception('未找到教师信息,设置失败');
}
$data = $request->post();
$free_time = json_decode($data['free_time'], true);
if (empty($free_time)) {
throw new Exception('请选择时间段之后再提交');
}
$total_count = 0;
$exit_count = 0;
$err_free_count = 0;
foreach ($free_time as $free_date => $times) {
if ($times) {
foreach ($times as $time) {
$time_period = explode('-', $time);
$firstDate = new DateTime($free_date . ' ' . trim($time_period[0]));
$secondDate = new DateTime($free_date . ' ' . trim($time_period[1]));
$diff = $secondDate->diff($firstDate);
$h = $diff->h;
$m = round($diff->i / 60, 2);
$hour = round($h + $m, 2);
$time = $time_period[0] . ' - ' . $time_period[1];
$free_data = [
'teacher_id' => $request->teacher->id,
'date' => $free_date,
'time' => $time,
'hour' => $hour,
'start_time' => date('Y-m-d H:i:s', $firstDate->getTimestamp()),
'end_time' => date('Y-m-d H:i:s', $secondDate->getTimestamp()),
'month' => date('Y-m', strtotime($free_date)),
];
//判断是否已经存在
$exit = TeacherFreeTime::where($free_data)->findOrEmpty();
if(!$exit->isEmpty()){
continue;
}
$res = TeacherFreeTime::create($free_data);
if(!$res){
throw new Exception('保存失败');
}
}
}
}
return [
'code' => ResponseCode::SUCCESS,
'msg' => '保存成功'
];
}catch (Exception $e){
return [
'code' => ResponseCode::FAIL,
'msg' => $e->getMessage()
];
}
}
}

View File

@ -38,7 +38,7 @@ class UploadService
//上传到七牛云 //上传到七牛云
$res = QiniuUtils::upload($filePath); $res = QiniuUtils::upload($filePath);
if($res['code'] == ResponseCode::FAIL){ if ($res['code'] == ResponseCode::FAIL) {
throw new Exception($res['msg']); throw new Exception($res['msg']);
} }
//删除本地图片 //删除本地图片
@ -48,10 +48,60 @@ class UploadService
'msg' => '上传成功', 'msg' => '上传成功',
'data' => $res['data'] 'data' => $res['data']
]; ];
}else{ } else {
throw new Exception('文件无效'); throw new Exception('文件无效');
} }
}catch (Exception $e){ } catch (Exception $e) {
return [
'code' => ResponseCode::FAIL,
'msg' => $e->getMessage()
];
}
}
public function uploadFile($file)
{
ini_set('memory_limit', '256M');
try {
if ($file && $file->isValid()) {
$ext = $file->getUploadExtension();
if (in_array($ext, ['jpg', 'jpeg', 'png', 'gif', 'bmp', 'JPG', 'JPEG', 'PBG'])) {
$type = 'images';
} else {
$type = 'other';
}
$fileSize = $file->getSize();
$uploadDir = '/files/' . $type . '/' . date('Ym') . '/';
$filename = date('YmdHis') . rand(999, 99999);
$uploadPath = $uploadDir . $filename . '.' . $ext;
$rootUploadDir = public_path() . $uploadDir;
if (!is_dir($rootUploadDir)) {
mkdir($rootUploadDir, 0777, true);
}
$filePath = public_path() . $uploadPath;
$file->move($filePath);
//上传到七牛云
$res = QiniuUtils::upload($filePath);
if ($res['code'] == ResponseCode::FAIL) {
throw new Exception($res['msg']);
}
//删除本地图片
unlink($filePath);
return [
'code' => ResponseCode::SUCCESS,
'msg' => '上传成功',
'data' => $res['data']
];
} else {
throw new Exception('文件无效');
}
} catch (Exception $e) {
return [ return [
'code' => ResponseCode::FAIL, 'code' => ResponseCode::FAIL,
'msg' => $e->getMessage() 'msg' => $e->getMessage()

View File

@ -151,6 +151,20 @@ class TeacherController extends Crud
return view('teacher/update'); return view('teacher/update');
} }
/**
* @desc 查看教师日程安排
* @param Request $request
* @return Response
*/
public function check_free_time(Request $request)
{
$data = $request->get();
return view('teacher/check_free_time', ['teacher_id' => $data['id']]);
}
/** /**
* @desc 查看教师日程安排 * @desc 查看教师日程安排
* @param Request $request * @param Request $request
@ -161,7 +175,7 @@ class TeacherController extends Crud
$data = $request->get(); $data = $request->get();
return view('teacher/check_schedule', ['teacher_id' => $data['id']]); return view('teacher/check_free_time', ['teacher_id' => $data['id']]);
} }

View File

@ -0,0 +1,267 @@
<?php
namespace plugin\admin\app\controller;
use app\common\model\Student;
use app\common\model\StudentSchedule;
use app\common\model\Subject;
use app\common\model\Teacher;
use app\constant\ResponseCode;
use support\Request;
use support\Response;
use plugin\admin\app\model\TeacherFreeTime;
use plugin\admin\app\controller\Crud;
use support\exception\BusinessException;
use think\Exception;
/**
* 空闲时间
*/
class TeacherFreeTimeController extends Crud
{
/**
* @var TeacherFreeTime
*/
protected $model = null;
/**
* 构造函数
* @return void
*/
public function __construct()
{
$this->model = new TeacherFreeTime;
}
public function select(Request $request): Response
{
try {
$free_time = \app\common\model\TeacherFreeTime::order('id desc');
$data = $request->get();
if (isset($data['teacher_id']) && !empty($data['teacher_id'])) {
$free_time->where('teacher_id', $data['teacher_id']);
}
if(isset($data['month']) && !empty($data['month'])){
$free_time->where('month', $data['month']);
}
if(isset($data['date']) && !empty($data['date'])){
$free_time->where('date', $data['date']);
}
$limit = (int)$request->get('limit', 10);
$limit = $limit <= 0 ? 10 : $limit;
$page = (int)$request->get('page');
$page = $page > 0 ? $page : 1;
$total = $free_time->count();
$list = $free_time->page($page, $limit)->with(['teacher'])->select();
return json([
'code' => ResponseCode::WEB_API_SUCCESS,
'data' => $list,
'count' => $total
]);
} catch (Exception $e) {
return json([
'code' => ResponseCode::WEB_API_FAIL,
'msg' => $e->getMessage()
]);
}
}
/**
* 浏览
* @return Response
*/
public function index(): Response
{
//获取所有老师
$teacher = Teacher::order('id asc')->field('id,teacher_name,account')->select()->toArray();
return view('teacher-free-time/index', ['teacher' => $teacher]);
}
/**
* 插入
* @param Request $request
* @return Response
* @throws BusinessException
*/
public function insert(Request $request): Response
{
if ($request->method() === 'POST') {
return parent::insert($request);
}
return view('teacher-free-time/insert');
}
/**
* 更新
* @param Request $request
* @return Response
* @throws BusinessException
*/
public function update(Request $request): Response
{
if ($request->method() === 'POST') {
return parent::update($request);
}
return view('teacher-free-time/update');
}
/**
* @desc 获取教师空闲时间统计
* @param Request $request
* @return Response
*/
public function getTeacherFreeTimeMonth(Request $request)
{
try {
$data = $request->get();
$schedule_time = \app\common\model\TeacherFreeTime::where(['teacher_id' => $data['teacher_id']])
->field('
teacher_id,
month,
COUNT(id) AS total_courses,
SUM(hour) AS total_hours,
SUM(CASE WHEN subject_id > 0 THEN 1 ELSE 0 END) AS has_subject,
SUM(CASE WHEN subject_id = 0 THEN 1 ELSE 0 END) AS has_no_subject
')
->group('month')
->with(['teacher']);
$limit = (int)$request->get('limit', 10);
$limit = $limit <= 0 ? 10 : $limit;
$page = (int)$request->get('page');
$page = $page > 0 ? $page : 1;
$total = $schedule_time->count();
$list = $schedule_time->page($page, $limit)->select();
return json([
'code' => ResponseCode::WEB_API_SUCCESS,
'data' => $list,
'count' => $total,
'msg' => 'ok'
]);
} catch (Exception $e) {
return json([
'code' => ResponseCode::WEB_API_FAIL,
'msg' => $e->getMessage()
]);
}
}
/**
* @desc 教师月份空闲时间日历
* @param Request $request
* @return Response
*/
public function teacherFreeTimeSchedule(Request $request)
{
$data = $request->get();
$teacher_id = $data['teacher_id'];
$month = $data['month'];
$teacher = \app\common\model\Teacher::where(['id'=>$teacher_id])->findOrEmpty()->toArray();
//获取该老师当前分配学生
return view('teacher/free_time_schedule', ['teacher' => $teacher, 'month' => $month]);
}
/**
* @desc 日历数据接口
* @param Request $request
* @return void
*/
public function getTeacherFreeTimeSchedule(Request $request)
{
try {
$teacher_id = $request->post('id');
$start_date = date('Y-m-d H:i:s', strtotime($request->post('start_date')));
$end_date = date('Y-m-d 23:59:59', strtotime($request->post('end_date')));
$list = \app\common\model\TeacherFreeTime::where(['teacher_id' => $teacher_id])
->whereBetweenTime('start_time', $start_date, $end_date)
// ->with(['subject'])
->select()
->toArray();
$free_time = [];
foreach ($list as $item) {
$title = $item['time'] . ' - ' . $item['hour'] . '/h';
$free_time[] = [
'free_time_id' => $item['id'],
'title' => $title,
'start' => date('Y-m-d H:i', strtotime($item['start_time'])),
'color' => 'green',
];
}
return json([
'code' => ResponseCode::WEB_API_SUCCESS,
'data' => $free_time,
'msg' => 'success'
]);
} catch (Exception $e) {
return json([
'code' => ResponseCode::WEB_API_FAIL,
'msg' => $e->getMessage()
]);
}
}
/**
* @desc 空闲时间设置
* @param Request $request
* @return Response
* @throws BusinessException
*/
public function freeTimeSetting(Request $request)
{
if ($request->method() === 'POST') {
if ($request->post('is_publish')) {
$request->post('is_publish', 0);
}
// parent::update($request);
return parent::update($request);
}
$free_time_id = $request->get('free_time_id');
$free_time = \app\common\model\TeacherFreeTime::where(['id' => $free_time_id])->with(['teacher'])->findOrEmpty()->toArray();
//课程
$project = Subject::order('sort desc, id asc')->select()->toArray();
//所有学生
$student = Student::order('id asc')->field('id,account,student_name')->select()->toArray();
$time_period = explode(' - ', $free_time['time']);
$limit_time = [
'start_time' => date('H:i:s', strtotime($time_period[0])),
'end_time' => date('H:i:s', strtotime($time_period[1])),
];
// $student_schedule = StudentSchedule::where(['teacher_schedule_time_id' => $free_time_id])->select()->toArray();
// $student_schedule_id = [];
// if ($student_schedule) {
// $student_schedule_id = array_column($student_schedule, 'student_id');
// }
return view('teacher/free_time_setting', [
'schedule_time' => $free_time,
'project' => $project,
'student' => $student,
'limit_time' => $limit_time,
// 'student_schedule_id' => $student_schedule_id
]);
}
}

View File

@ -6,6 +6,7 @@ use app\common\model\Student;
use app\common\model\StudentSchedule; use app\common\model\StudentSchedule;
use app\common\model\Subject; use app\common\model\Subject;
use app\common\model\Teacher; use app\common\model\Teacher;
use app\common\model\TeacherFreeTime;
use app\constant\ResponseCode; use app\constant\ResponseCode;
use support\Request; use support\Request;
use support\Response; use support\Response;
@ -13,6 +14,7 @@ use plugin\admin\app\model\TeacherScheduleTime;
use plugin\admin\app\controller\Crud; use plugin\admin\app\controller\Crud;
use support\exception\BusinessException; use support\exception\BusinessException;
use think\Exception; use think\Exception;
use DateTime;
/** /**
* 教师空闲时间 * 教师空闲时间
@ -104,6 +106,64 @@ class TeacherScheduleTimeController extends Crud
return view('teacher-schedule-time/insert'); return view('teacher-schedule-time/insert');
} }
public function addTeacherScheduleTime(Request $request)
{
try {
$data = $request->post();
$free_time = TeacherFreeTime::where(['id' => $data['id']])->findOrEmpty();
if ($free_time->isEmpty()) {
throw new Exception('教师空闲时间不存在');
}
foreach ($data['schedule_time'] as $item) {
$time_period = explode(' - ', $item);
$start_time = strtotime($free_time->date . ' ' . trim($time_period[0]));
$end_time = strtotime($free_time->date . ' ' . trim($time_period[1]));
if (!(strtotime($free_time->start_time) <= $start_time && strtotime($free_time->end_time) >= $end_time)) {
throw new Exception('时间' . $item . '不在老师空闲范围内');
}
}
\app\common\model\TeacherScheduleTime::where(['free_time_id' => $free_time->id])->select()->delete();
foreach ($data['schedule_time'] as $item) {
$time_period = explode(' - ', $item);
$start_time = $free_time->date . ' ' . trim($time_period[0]);
$end_time = $free_time->date . ' ' . trim($time_period[1]);
$firstDate = new DateTime($start_time);
$secondDate = new DateTime($end_time);
$diff = $secondDate->diff($firstDate);
$h = $diff->h;
$m = round($diff->i / 60, 2);
$hour = round($h + $m, 2);
$time = $time_period[0] . ' - ' . $time_period[1];
\app\common\model\TeacherScheduleTime::create([
'teacher_id' => $free_time->teacher_id,
'date' => $free_time->date,
'time' => $time,
'hour' => $hour,
'start_time' => $start_time,
'end_time' => $end_time,
'month' => $free_time->month,
'free_time_id' => $free_time->id,
]);
}
return json([
'code' => ResponseCode::WEB_API_SUCCESS,
'msg' => 'success'
]);
} catch (Exception $e) {
return json([
'code' => ResponseCode::WEB_API_FAIL,
'msg' => $e->getMessage()
]);
}
}
/** /**
* 更新 * 更新
* @param Request $request * @param Request $request

View File

@ -9,7 +9,12 @@ use plugin\admin\app\model\Base;
* @property integer $teacher_id 教师 * @property integer $teacher_id 教师
* @property string $date 日期 * @property string $date 日期
* @property string $time 时间 * @property string $time 时间
* @property string $hour 课时 * @property mixed $hour 课时
* @property string $start_time 开始时间
* @property string $end_time 结束时间
* @property string $month 月份
* @property integer $subject_id 课程id
* @property integer $is_publish 是否发布
* @property mixed $created_at 创建时间 * @property mixed $created_at 创建时间
* @property string $updated_at 更新时间 * @property string $updated_at 更新时间
* @property string $deleted_at * @property string $deleted_at

View File

@ -0,0 +1,364 @@
<!DOCTYPE html>
<html lang="zh-cn">
<head>
<meta charset="utf-8">
<title>浏览页面</title>
<link rel="stylesheet" href="/app/admin/component/pear/css/pear.css" />
<link rel="stylesheet" href="/app/admin/admin/css/reset.css" />
</head>
<body class="pear-container">
<!-- 顶部查询表单 -->
<div class="layui-card">
<div class="layui-card-body">
<form class="layui-form top-search-from">
<div class="layui-form-item">
<label class="layui-form-label">教师</label>
<div class="layui-input-block">
<div class="layui-input-block">
<select lay-search="" name="teacher_id">
<option value="">请选择或搜索</option>
{foreach $teacher as $item}
<option value="{$item['id']}">{$item['teacher_name']}</option>
{/foreach}
</select>
</div>
</div>
</div>
<div class="layui-form-item">
<label class="layui-form-label">月份</label>
<div class="layui-input-block">
<input type="text" name="month" id="month" autocomplete="off" placeholder="请选择月份" class="layui-input">
</div>
</div>
<div class="layui-form-item">
<label class="layui-form-label">日期</label>
<div class="layui-input-block">
<input type="text" name="date" id="date" autocomplete="off" placeholder="请选择日期" class="layui-input">
</div>
</div>
<!-- <div class="layui-form-item">-->
<!-- <label class="layui-form-label">时间</label>-->
<!-- <div class="layui-input-block">-->
<!-- <input type="text" name="time" id="time" autocomplete="off" class="layui-input">-->
<!-- </div>-->
<!-- </div>-->
<div class="layui-form-item layui-inline">
<label class="layui-form-label"></label>
<button class="pear-btn pear-btn-md pear-btn-primary" lay-submit lay-filter="table-query">
<i class="layui-icon layui-icon-search"></i>查询
</button>
<button type="reset" class="pear-btn pear-btn-md" lay-submit lay-filter="table-reset">
<i class="layui-icon layui-icon-refresh"></i>重置
</button>
</div>
<div class="toggle-btn">
<a class="layui-hide">展开<i class="layui-icon layui-icon-down"></i></a>
<a class="layui-hide">收起<i class="layui-icon layui-icon-up"></i></a>
</div>
</form>
</div>
</div>
<!-- 数据表格 -->
<div class="layui-card">
<div class="layui-card-body">
<table id="data-table" lay-filter="data-table"></table>
</div>
</div>
<!-- 表格顶部工具栏 -->
<script type="text/html" id="table-toolbar">
<button class="pear-btn pear-btn-primary pear-btn-md" lay-event="add" permission="app.admin.teacherfreetime.insert">
<i class="layui-icon layui-icon-add-1"></i>新增
</button>
<button class="pear-btn pear-btn-danger pear-btn-md" lay-event="batchRemove" permission="app.admin.teacherfreetime.delete">
<i class="layui-icon layui-icon-delete"></i>删除
</button>
</script>
<!-- 表格行工具栏 -->
<script type="text/html" id="table-bar">
<button class="pear-btn pear-btn-xs tool-btn" lay-event="edit" permission="app.admin.teacherfreetime.update">编辑</button>
<button class="pear-btn pear-btn-xs tool-btn" lay-event="remove" permission="app.admin.teacherfreetime.delete">删除</button>
</script>
<script src="/app/admin/component/layui/layui.js?v=2.8.12"></script>
<script src="/app/admin/component/pear/pear.js"></script>
<script src="/app/admin/admin/js/permission.js"></script>
<script src="/app/admin/admin/js/common.js"></script>
<script>
// 相关常量
const PRIMARY_KEY = "id";
const SELECT_API = "/app/admin/teacher-free-time/select";
const UPDATE_API = "/app/admin/teacher-free-time/update";
const DELETE_API = "/app/admin/teacher-free-time/delete";
const INSERT_URL = "/app/admin/teacher-free-time/insert";
const UPDATE_URL = "/app/admin/teacher-free-time/update";
// 字段 日期 date
layui.use(["laydate"], function() {
layui.laydate.render({
elem: "#month",
type: 'month'
});
})
// 字段 日期 date
layui.use(["laydate"], function() {
layui.laydate.render({
elem: "#date",
});
})
// 字段 时间 time
layui.use(["laydate"], function() {
layui.laydate.render({
elem: "#time",
type: "time",
range: '-',
format: 'HH:mm'
});
})
// 表格渲染
layui.use(["table", "form", "common", "popup", "util"], function() {
let table = layui.table;
let form = layui.form;
let $ = layui.$;
let common = layui.common;
let util = layui.util;
// 表头参数
let cols = [
{
type: "checkbox",
align: "center"
},{
title: "id",align: "center",
field: "id",
},{
title: "教师",align: "center",
field: "teacher_name",
},{
title: "月份",align: "center",
field: "month",
},{
title: "日期",align: "center",
field: "date",
},{
title: "时间",align: "center",
field: "time",
},{
title: "课时/h",align: "center",
field: "hour",
},{
title: "开始时间",align: "center",
field: "start_time",
hide: true,
},{
title: "结束时间",align: "center",
field: "end_time",
hide: true,
},{
title: "课程id",align: "center",
field: "subject_id",
hide: true,
},{
title: "是否发布",align: "center",
field: "is_publish",
hide: true,
},{
title: "创建时间",align: "center",
field: "created_at",
},{
title: "更新时间",align: "center",
field: "updated_at",
hide: true,
},{
title: "deleted_at",align: "center",
field: "deleted_at",
hide: true,
},{
title: "操作",
toolbar: "#table-bar",
align: "center",
fixed: "right",
width: 120,
}
];
// 渲染表格
table.render({
elem: "#data-table",
url: SELECT_API,
page: true,
cols: [cols],
skin: "line",
size: "lg",
toolbar: "#table-toolbar",
autoSort: false,
defaultToolbar: [{
title: "刷新",
layEvent: "refresh",
icon: "layui-icon-refresh",
}, "filter", "print", "exports"],
done: function () {
layer.photos({photos: 'div[lay-id="data-table"]', anim: 5});
}
});
// 编辑或删除行事件
table.on("tool(data-table)", function(obj) {
if (obj.event === "remove") {
remove(obj);
} else if (obj.event === "edit") {
edit(obj);
}
});
// 表格顶部工具栏事件
table.on("toolbar(data-table)", function(obj) {
if (obj.event === "add") {
add();
} else if (obj.event === "refresh") {
refreshTable();
} else if (obj.event === "batchRemove") {
batchRemove(obj);
}
});
// 表格顶部搜索事件
form.on("submit(table-query)", function(data) {
table.reload("data-table", {
page: {
curr: 1
},
where: data.field
})
return false;
});
// 表格顶部搜索重置事件
form.on("submit(table-reset)", function(data) {
table.reload("data-table", {
where: []
})
});
// 字段允许为空
form.verify({
phone: [/(^$)|^1\d{10}$/, "请输入正确的手机号"],
email: [/(^$)|^([a-zA-Z0-9_\.\-])+\@(([a-zA-Z0-9\-])+\.)+([a-zA-Z0-9]{2,4})+$/, "邮箱格式不正确"],
url: [/(^$)|(^#)|(^http(s*):\/\/[^\s]+\.[^\s]+)/, "链接格式不正确"],
number: [/(^$)|^\d+$/,'只能填写数字'],
date: [/(^$)|^(\d{4})[-\/](\d{1}|0\d{1}|1[0-2])([-\/](\d{1}|0\d{1}|[1-2][0-9]|3[0-1]))*$/, "日期格式不正确"],
identity: [/(^$)|(^\d{15}$)|(^\d{17}(x|X|\d)$)/, "请输入正确的身份证号"]
});
// 表格排序事件
table.on("sort(data-table)", function(obj){
table.reload("data-table", {
initSort: obj,
scrollPos: "fixed",
where: {
field: obj.field,
order: obj.type
}
});
});
// 表格新增数据
let add = function() {
layer.open({
type: 2,
title: "新增",
shade: 0.1,
maxmin: true,
area: [common.isModile()?"100%":"500px", common.isModile()?"100%":"450px"],
content: INSERT_URL
});
}
// 表格编辑数据
let edit = function(obj) {
let value = obj.data[PRIMARY_KEY];
layer.open({
type: 2,
title: "修改",
shade: 0.1,
maxmin: true,
area: [common.isModile()?"100%":"500px", common.isModile()?"100%":"450px"],
content: UPDATE_URL + "?" + PRIMARY_KEY + "=" + value
});
}
// 删除一行
let remove = function(obj) {
return doRemove(obj.data[PRIMARY_KEY]);
}
// 删除多行
let batchRemove = function(obj) {
let checkIds = common.checkField(obj, PRIMARY_KEY);
if (checkIds === "") {
layui.popup.warning("未选中数据");
return false;
}
doRemove(checkIds.split(","));
}
// 执行删除
let doRemove = function (ids) {
let data = {};
data[PRIMARY_KEY] = ids;
layer.confirm("确定删除?", {
icon: 3,
title: "提示"
}, function(index) {
layer.close(index);
let loading = layer.load();
$.ajax({
url: DELETE_API,
data: data,
dataType: "json",
type: "post",
success: function(res) {
layer.close(loading);
if (res.code) {
return layui.popup.failure(res.msg);
}
return layui.popup.success("操作成功", refreshTable);
}
})
});
}
// 刷新表格数据
window.refreshTable = function() {
table.reloadData("data-table", {
scrollPos: "fixed",
done: function (res, curr) {
if (curr > 1 && res.data && !res.data.length) {
curr = curr - 1;
table.reloadData("data-table", {
page: {
curr: curr
},
})
}
}
});
}
})
</script>
</body>
</html>

View File

@ -0,0 +1,137 @@
<!DOCTYPE html>
<html lang="zh-cn">
<head>
<meta charset="UTF-8">
<title>新增页面</title>
<link rel="stylesheet" href="/app/admin/component/pear/css/pear.css" />
<link rel="stylesheet" href="/app/admin/component/jsoneditor/css/jsoneditor.css" />
<link rel="stylesheet" href="/app/admin/admin/css/reset.css" />
</head>
<body>
<form class="layui-form" action="">
<div class="mainBox">
<div class="main-container mr-5">
<div class="layui-form-item">
<label class="layui-form-label">教师</label>
<div class="layui-input-block">
<input type="text" name="teacher_id" value="0" class="layui-input">
</div>
</div>
<div class="layui-form-item">
<label class="layui-form-label">日期</label>
<div class="layui-input-block">
<input type="text" name="date" id="date" autocomplete="off" class="layui-input">
</div>
</div>
<div class="layui-form-item">
<label class="layui-form-label">时间</label>
<div class="layui-input-block">
<input type="text" name="time" id="time" autocomplete="off" class="layui-input">
</div>
</div>
<div class="layui-form-item">
<label class="layui-form-label">课时</label>
<div class="layui-input-block">
<input type="text" name="hour" value="0.00" class="layui-input">
</div>
</div>
<div class="layui-form-item">
<label class="layui-form-label">月份</label>
<div class="layui-input-block">
<input type="text" name="month" id="month" autocomplete="off" class="layui-input">
</div>
</div>
</div>
</div>
<div class="bottom">
<div class="button-container">
<button type="submit" class="pear-btn pear-btn-primary pear-btn-md" lay-submit=""
lay-filter="save">
提交
</button>
<button type="reset" class="pear-btn pear-btn-md">
重置
</button>
</div>
</div>
</form>
<script src="/app/admin/component/layui/layui.js?v=2.8.12"></script>
<script src="/app/admin/component/pear/pear.js"></script>
<script src="/app/admin/component/jsoneditor/jsoneditor.js"></script>
<script src="/app/admin/admin/js/permission.js"></script>
<script>
// 相关接口
const INSERT_API = "/app/admin/teacher-free-time/insert";
// 字段 日期 date
layui.use(["laydate"], function() {
layui.laydate.render({
elem: "#date",
});
})
// 字段 时间 time
layui.use(["laydate"], function() {
layui.laydate.render({
elem: "#time",
type: "datetime",
});
})
// 字段 月份 month
layui.use(["laydate"], function() {
layui.laydate.render({
elem: "#month",
});
})
//提交事件
layui.use(["form", "popup"], function () {
// 字段验证允许为空
layui.form.verify({
phone: [/(^$)|^1\d{10}$/, "请输入正确的手机号"],
email: [/(^$)|^([a-zA-Z0-9_\.\-])+\@(([a-zA-Z0-9\-])+\.)+([a-zA-Z0-9]{2,4})+$/, "邮箱格式不正确"],
url: [/(^$)|(^#)|(^http(s*):\/\/[^\s]+\.[^\s]+)/, "链接格式不正确"],
number: [/(^$)|^\d+$/,'只能填写数字'],
date: [/(^$)|^(\d{4})[-\/](\d{1}|0\d{1}|1[0-2])([-\/](\d{1}|0\d{1}|[1-2][0-9]|3[0-1]))*$/, "日期格式不正确"],
identity: [/(^$)|(^\d{15}$)|(^\d{17}(x|X|\d)$)/, "请输入正确的身份证号"]
});
layui.form.on("submit(save)", function (data) {
layui.$.ajax({
url: INSERT_API,
type: "POST",
dateType: "json",
data: data.field,
success: function (res) {
if (res.code) {
return layui.popup.failure(res.msg);
}
return layui.popup.success("操作成功", function () {
parent.refreshTable();
parent.layer.close(parent.layer.getFrameIndex(window.name));
});
}
});
return false;
});
});
</script>
</body>
</html>

View File

@ -0,0 +1,175 @@
<!DOCTYPE html>
<html lang="zh-cn">
<head>
<meta charset="UTF-8">
<title>更新页面</title>
<link rel="stylesheet" href="/app/admin/component/pear/css/pear.css" />
<link rel="stylesheet" href="/app/admin/component/jsoneditor/css/jsoneditor.css" />
<link rel="stylesheet" href="/app/admin/admin/css/reset.css" />
</head>
<body>
<form class="layui-form">
<div class="mainBox">
<div class="main-container mr-5">
<div class="layui-form-item">
<label class="layui-form-label">教师</label>
<div class="layui-input-block">
<input type="text" name="teacher_id" value="" class="layui-input">
</div>
</div>
<div class="layui-form-item">
<label class="layui-form-label">日期</label>
<div class="layui-input-block">
<input type="text" name="date" id="date" autocomplete="off" class="layui-input">
</div>
</div>
<div class="layui-form-item">
<label class="layui-form-label">时间</label>
<div class="layui-input-block">
<input type="text" name="time" id="time" autocomplete="off" class="layui-input">
</div>
</div>
<div class="layui-form-item">
<label class="layui-form-label">课时</label>
<div class="layui-input-block">
<input type="text" name="hour" value="" class="layui-input">
</div>
</div>
<div class="layui-form-item">
<label class="layui-form-label">月份</label>
<div class="layui-input-block">
<input type="text" name="month" id="month" autocomplete="off" class="layui-input">
</div>
</div>
</div>
</div>
<div class="bottom">
<div class="button-container">
<button type="submit" class="pear-btn pear-btn-primary pear-btn-md" lay-submit="" lay-filter="save">
提交
</button>
<button type="reset" class="pear-btn pear-btn-md">
重置
</button>
</div>
</div>
</form>
<script src="/app/admin/component/layui/layui.js?v=2.8.12"></script>
<script src="/app/admin/component/pear/pear.js"></script>
<script src="/app/admin/component/jsoneditor/jsoneditor.js"></script>
<script src="/app/admin/admin/js/permission.js"></script>
<script>
// 相关接口
const PRIMARY_KEY = "id";
const SELECT_API = "/app/admin/teacher-free-time/select" + location.search;
const UPDATE_API = "/app/admin/teacher-free-time/update";
// 获取数据库记录
layui.use(["form", "util", "popup"], function () {
let $ = layui.$;
$.ajax({
url: SELECT_API,
dataType: "json",
success: function (res) {
// 给表单初始化数据
layui.each(res.data[0], function (key, value) {
let obj = $('*[name="'+key+'"]');
if (key === "password") {
obj.attr("placeholder", "不更新密码请留空");
return;
}
if (typeof obj[0] === "undefined" || !obj[0].nodeName) return;
if (obj[0].nodeName.toLowerCase() === "textarea") {
obj.val(value);
} else {
obj.attr("value", value);
obj[0].value = value;
}
});
// 字段 日期 date
layui.use(["laydate"], function() {
layui.laydate.render({
elem: "#date",
});
})
// 字段 时间 time
layui.use(["laydate"], function() {
layui.laydate.render({
elem: "#time",
type: "datetime",
});
})
// 字段 月份 month
layui.use(["laydate"], function() {
layui.laydate.render({
elem: "#month",
});
})
// ajax返回失败
if (res.code) {
layui.popup.failure(res.msg);
}
}
});
});
//提交事件
layui.use(["form", "popup"], function () {
// 字段验证允许为空
layui.form.verify({
phone: [/(^$)|^1\d{10}$/, "请输入正确的手机号"],
email: [/(^$)|^([a-zA-Z0-9_\.\-])+\@(([a-zA-Z0-9\-])+\.)+([a-zA-Z0-9]{2,4})+$/, "邮箱格式不正确"],
url: [/(^$)|(^#)|(^http(s*):\/\/[^\s]+\.[^\s]+)/, "链接格式不正确"],
number: [/(^$)|^\d+$/,'只能填写数字'],
date: [/(^$)|^(\d{4})[-\/](\d{1}|0\d{1}|1[0-2])([-\/](\d{1}|0\d{1}|[1-2][0-9]|3[0-1]))*$/, "日期格式不正确"],
identity: [/(^$)|(^\d{15}$)|(^\d{17}(x|X|\d)$)/, "请输入正确的身份证号"]
});
layui.form.on("submit(save)", function (data) {
data.field[PRIMARY_KEY] = layui.url().search[PRIMARY_KEY];
layui.$.ajax({
url: UPDATE_API,
type: "POST",
dateType: "json",
data: data.field,
success: function (res) {
if (res.code) {
return layui.popup.failure(res.msg);
}
return layui.popup.success("操作成功", function () {
parent.refreshTable();
parent.layer.close(parent.layer.getFrameIndex(window.name));
});
}
});
return false;
});
});
</script>
</body>
</html>

View File

@ -209,7 +209,7 @@
shade: 0.1, shade: 0.1,
maxmin: true, maxmin: true,
area: ["750px", "700px"], area: ["750px", "700px"],
content: "/app/admin/teacherScheduleTime/scheduleTimeSet?free_time_id=" + free_time_id content: "/app/admin/teacher/scheduleTimeSet?free_time_id=" + free_time_id
}); });
// if (confirm('您确定要删除此事件吗?')) { // if (confirm('您确定要删除此事件吗?')) {
// arg.event.remove() // arg.event.remove()

View File

@ -0,0 +1,353 @@
<!DOCTYPE html>
<html lang="zh-cn">
<head>
<meta charset="utf-8">
<title>浏览页面</title>
<link rel="stylesheet" href="/app/admin/component/pear/css/pear.css" />
<link rel="stylesheet" href="/app/admin/admin/css/reset.css" />
</head>
<body class="pear-container">
<!-- 数据表格 -->
<div class="layui-card">
<div class="layui-card-body">
<table id="data-table" lay-filter="data-table"></table>
</div>
</div>
<!-- 表格顶部工具栏 -->
<script type="text/html" id="table-toolbar">
<button class="pear-btn pear-btn-primary pear-btn-md" lay-event="add" permission="app.admin.teacher.insert">
<i class="layui-icon layui-icon-add-1"></i>新增
</button>
<button class="pear-btn pear-btn-danger pear-btn-md" lay-event="batchRemove" permission="app.admin.teacher.delete">
<i class="layui-icon layui-icon-delete"></i>删除
</button>
</script>
<!-- 表格行工具栏 -->
<script type="text/html" id="table-bar">
<button class="pear-btn pear-btn-xs tool-btn" lay-event="edit" permission="app.admin.teacher.update">编辑</button>
<button class="pear-btn pear-btn-xs tool-btn" lay-event="check_schedule" permission="app.admin.teacher.update">查看排课</button>
<button class="pear-btn pear-btn-xs tool-btn" lay-event="rest_password" permission="app.admin.teacher.update">重置密码</button>
<button class="pear-btn pear-btn-xs tool-btn" lay-event="remove" permission="app.admin.teacher.delete">删除</button>
</script>
<script src="/app/admin/component/layui/layui.js?v=2.8.12"></script>
<script src="/app/admin/component/pear/pear.js"></script>
<script src="/app/admin/admin/js/permission.js"></script>
<script src="/app/admin/admin/js/common.js"></script>
<script>
// 相关常量
const PRIMARY_KEY = "id";
const SELECT_API = "/app/admin/teacherFreeTime/getTeacherScheduleMonth?teacher_id={$teacher['id']}";
const UPDATE_API = "/app/admin/teacher/update";
const DELETE_API = "/app/admin/teacher/delete";
const INSERT_URL = "/app/admin/teacher/insert";
const UPDATE_URL = "/app/admin/teacher/update";
// 表格渲染
layui.use(["table", "form", "common", "popup", "util"], function() {
let table = layui.table;
let form = layui.form;
let $ = layui.$;
let common = layui.common;
let util = layui.util;
// 表头参数
let cols = [
{
type: "checkbox",
align: "center"
},{
title: "老师",align: "center",
field: "teacher_name",
},{
title: "月份",align: "center",
field: "month",
},{
title: "总时间段/个",align: "center",
field: "total_courses",
templet: function (d) {
let field = "total_courses";
return '<span class="layui-badge layui-bg-blue">'+ d[field] +'</span>';
}
},{
title: "总时长/h",align: "center",
field: "total_hours",
templet: function (d) {
let field = "total_hours";
return '<span class="layui-badge layui-bg-blue">'+ d[field] +'</span>';
}
},{
title: "已安排课程",align: "center",
field: "has_subject",
templet: function (d) {
let field = "has_subject";
return '<span class="layui-badge layui-bg-green">'+ d[field] +'</span>';
}
},{
title: "未安排课程",align: "center",
field: "has_no_subject",
templet: function (d) {
let field = "has_no_subject";
return '<span class="layui-badge layui-bg-oragne">'+ d[field] +'</span>';
}
},{
title: "已安排时长/h",align: "center",
field: "total_scheduled_hours",
templet: function (d) {
let field = "total_scheduled_hours";
return '<span class="layui-badge layui-bg-green">'+ d[field] +'</span>';
}
},{
title: "未安排时长/h",align: "center",
field: "total_nonscheduled_hours",
templet: function (d) {
let field = "total_nonscheduled_hours";
return '<span class="layui-badge layui-bg-oragne">'+ d[field] +'</span>';
}
},{
title: "安排已发布时长/h",align: "center",
field: "total_published_scheduled_hours",
templet: function (d) {
let field = "total_published_scheduled_hours";
return '<span class="layui-badge layui-bg-green">'+ d[field] +'</span>';
}
},{
title: "安排未发布时长/h",align: "center",
field: "total_unpublished_scheduled_hours",
templet: function (d) {
let field = "total_unpublished_scheduled_hours";
return '<span class="layui-badge layui-bg-cyan">'+ d[field] +'</span>';
}
},{
title: "deleted_at",align: "center",
field: "deleted_at",
hide: true,
},{
title: "操作",
toolbar: "#table-bar",
align: "center",
fixed: "right",
width: 180,
}
];
// 渲染表格
table.render({
elem: "#data-table",
url: SELECT_API,
page: true,
cols: [cols],
skin: "line",
size: "lg",
toolbar: "#table-toolbar",
autoSort: false,
defaultToolbar: [{
title: "刷新",
layEvent: "refresh",
icon: "layui-icon-refresh",
}, "filter", "print", "exports"],
done: function () {
layer.photos({photos: 'div[lay-id="data-table"]', anim: 5});
}
});
// 编辑或删除行事件
table.on("tool(data-table)", function(obj) {
if (obj.event === "remove") {
remove(obj);
} else if (obj.event === "edit") {
edit(obj);
}else if (obj.event === "check_schedule") {
check_schedule(obj);
} else if (obj.event === "rest_password") {
rest_password(obj);
}
});
// 表格顶部工具栏事件
table.on("toolbar(data-table)", function(obj) {
if (obj.event === "add") {
add();
} else if (obj.event === "refresh") {
refreshTable();
} else if (obj.event === "batchRemove") {
batchRemove(obj);
}
});
// 表格顶部搜索事件
form.on("submit(table-query)", function(data) {
table.reload("data-table", {
page: {
curr: 1
},
where: data.field
})
return false;
});
// 表格顶部搜索重置事件
form.on("submit(table-reset)", function(data) {
table.reload("data-table", {
where: []
})
});
// 字段允许为空
form.verify({
phone: [/(^$)|^1\d{10}$/, "请输入正确的手机号"],
email: [/(^$)|^([a-zA-Z0-9_\.\-])+\@(([a-zA-Z0-9\-])+\.)+([a-zA-Z0-9]{2,4})+$/, "邮箱格式不正确"],
url: [/(^$)|(^#)|(^http(s*):\/\/[^\s]+\.[^\s]+)/, "链接格式不正确"],
number: [/(^$)|^\d+$/,'只能填写数字'],
date: [/(^$)|^(\d{4})[-\/](\d{1}|0\d{1}|1[0-2])([-\/](\d{1}|0\d{1}|[1-2][0-9]|3[0-1]))*$/, "日期格式不正确"],
identity: [/(^$)|(^\d{15}$)|(^\d{17}(x|X|\d)$)/, "请输入正确的身份证号"]
});
// 表格排序事件
table.on("sort(data-table)", function(obj){
table.reload("data-table", {
initSort: obj,
scrollPos: "fixed",
where: {
field: obj.field,
order: obj.type
}
});
});
// 表格新增数据
let add = function() {
layer.open({
type: 2,
title: "新增",
shade: 0.1,
maxmin: true,
area: [common.isModile()?"100%":"500px", common.isModile()?"100%":"450px"],
content: INSERT_URL
});
}
// 表格编辑数据
let edit = function(obj) {
let value = obj.data[PRIMARY_KEY];
layer.open({
type: 2,
title: "修改",
shade: 0.1,
maxmin: true,
area: [common.isModile()?"100%":"500px", common.isModile()?"100%":"450px"],
content: UPDATE_URL + "?" + PRIMARY_KEY + "=" + value
});
}
// 老师课程安排
let check_schedule = function(obj) {
console.log(21312,obj);
let teacher_id = obj.data['teacher_id'];
let month = obj.data['month'];
let index = layer.open({
type: 2,
title: "修改",
shade: 0.1,
maxmin: true,
area: [common.isModile()?"100%":"500px", common.isModile()?"100%":"450px"],
content: '/app/admin/teacher/teacherScheduleTime?teacher_id=' + teacher_id + '&month=' + month
});
layer.full(index);
}
// 表格编辑数据
let rest_password = function(obj) {
console.log()
let data = {};
data[PRIMARY_KEY] = obj.data[PRIMARY_KEY];
let new_password = 'YD' + obj.data['account'] + '123';
layer.confirm("确定充值密码?重置后新密码为【"+ new_password +"】", {
icon: 3,
title: "提示"
}, function(index) {
layer.close(index);
let loading = layer.load();
$.ajax({
url: '/app/admin/teacher/resetPassword',
data: data,
dataType: "json",
type: "post",
success: function(res) {
layer.close(loading);
if (res.code) {
return layui.popup.failure(res.msg);
}
return layui.popup.success("操作成功", refreshTable);
}
})
});
}
// 删除一行
let remove = function(obj) {
return doRemove(obj.data[PRIMARY_KEY]);
}
// 删除多行
let batchRemove = function(obj) {
let checkIds = common.checkField(obj, PRIMARY_KEY);
if (checkIds === "") {
layui.popup.warning("未选中数据");
return false;
}
doRemove(checkIds.split(","));
}
// 执行删除
let doRemove = function (ids) {
let data = {};
data[PRIMARY_KEY] = ids;
layer.confirm("确定删除?", {
icon: 3,
title: "提示"
}, function(index) {
layer.close(index);
let loading = layer.load();
$.ajax({
url: DELETE_API,
data: data,
dataType: "json",
type: "post",
success: function(res) {
layer.close(loading);
if (res.code) {
return layui.popup.failure(res.msg);
}
return layui.popup.success("操作成功", refreshTable);
}
})
});
}
// 刷新表格数据
window.refreshTable = function() {
table.reloadData("data-table", {
scrollPos: "fixed",
done: function (res, curr) {
if (curr > 1 && res.data && !res.data.length) {
curr = curr - 1;
table.reloadData("data-table", {
page: {
curr: curr
},
})
}
}
});
}
})
</script>
</body>
</html>

View File

@ -0,0 +1,309 @@
<!DOCTYPE html>
<html lang="zh-cn">
<head>
<meta charset="utf-8">
<title>浏览页面</title>
<link rel="stylesheet" href="/app/admin/component/pear/css/pear.css" />
<link rel="stylesheet" href="/app/admin/admin/css/reset.css" />
</head>
<body class="pear-container">
<!-- 数据表格 -->
<div class="layui-card">
<div class="layui-card-body">
<table id="data-table" lay-filter="data-table"></table>
</div>
</div>
<!-- 表格顶部工具栏 -->
<script type="text/html" id="table-toolbar">
<button class="pear-btn pear-btn-primary pear-btn-md" lay-event="add" permission="app.admin.teacher.insert">
<i class="layui-icon layui-icon-add-1"></i>新增
</button>
<button class="pear-btn pear-btn-danger pear-btn-md" lay-event="batchRemove" permission="app.admin.teacher.delete">
<i class="layui-icon layui-icon-delete"></i>删除
</button>
</script>
<!-- 表格行工具栏 -->
<script type="text/html" id="table-bar">
<button class="pear-btn pear-btn-xs tool-btn" lay-event="edit" permission="app.admin.teacher.update">编辑</button>
<button class="pear-btn pear-btn-xs tool-btn" lay-event="check_free_schedule" permission="app.admin.teacher.update">查看排课</button>
<button class="pear-btn pear-btn-xs tool-btn" lay-event="rest_password" permission="app.admin.teacher.update">重置密码</button>
<button class="pear-btn pear-btn-xs tool-btn" lay-event="remove" permission="app.admin.teacher.delete">删除</button>
</script>
<script src="/app/admin/component/layui/layui.js?v=2.8.12"></script>
<script src="/app/admin/component/pear/pear.js"></script>
<script src="/app/admin/admin/js/permission.js"></script>
<script src="/app/admin/admin/js/common.js"></script>
<script>
// 相关常量
const PRIMARY_KEY = "id";
const SELECT_API = "/app/admin/teacherFreeTime/getTeacherFreeTimeMonth?teacher_id={$teacher_id}";
const UPDATE_API = "/app/admin/teacher/update";
const DELETE_API = "/app/admin/teacher/delete";
const INSERT_URL = "/app/admin/teacher/insert";
// 表格渲染
layui.use(["table", "form", "common", "popup", "util"], function() {
let table = layui.table;
let form = layui.form;
let $ = layui.$;
let common = layui.common;
let util = layui.util;
// 表头参数
let cols = [
{
type: "checkbox",
align: "center"
},{
title: "老师",align: "center",
field: "teacher_name",
},{
title: "月份",align: "center",
field: "month",
},{
title: "总时间段/个",align: "center",
field: "total_courses",
templet: function (d) {
let field = "total_courses";
return '<span class="layui-badge layui-bg-blue">'+ d[field] +'</span>';
}
},{
title: "总时长/h",align: "center",
field: "total_hours",
templet: function (d) {
let field = "total_hours";
return '<span class="layui-badge layui-bg-blue">'+ d[field] +'</span>';
}
},{
title: "deleted_at",align: "center",
field: "deleted_at",
hide: true,
},{
title: "操作",
toolbar: "#table-bar",
align: "center",
fixed: "right",
width: 180,
}
];
// 渲染表格
table.render({
elem: "#data-table",
url: SELECT_API,
page: true,
cols: [cols],
skin: "line",
size: "lg",
toolbar: "#table-toolbar",
autoSort: false,
defaultToolbar: [{
title: "刷新",
layEvent: "refresh",
icon: "layui-icon-refresh",
}, "filter", "print", "exports"],
done: function () {
layer.photos({photos: 'div[lay-id="data-table"]', anim: 5});
}
});
// 编辑或删除行事件
table.on("tool(data-table)", function(obj) {
if (obj.event === "remove") {
remove(obj);
} else if (obj.event === "edit") {
edit(obj);
}else if (obj.event === "check_free_schedule") {
check_free_schedule(obj);
} else if (obj.event === "rest_password") {
rest_password(obj);
}
});
// 表格顶部工具栏事件
table.on("toolbar(data-table)", function(obj) {
if (obj.event === "add") {
add();
} else if (obj.event === "refresh") {
refreshTable();
} else if (obj.event === "batchRemove") {
batchRemove(obj);
}
});
// 表格顶部搜索事件
form.on("submit(table-query)", function(data) {
table.reload("data-table", {
page: {
curr: 1
},
where: data.field
})
return false;
});
// 表格顶部搜索重置事件
form.on("submit(table-reset)", function(data) {
table.reload("data-table", {
where: []
})
});
// 字段允许为空
form.verify({
phone: [/(^$)|^1\d{10}$/, "请输入正确的手机号"],
email: [/(^$)|^([a-zA-Z0-9_\.\-])+\@(([a-zA-Z0-9\-])+\.)+([a-zA-Z0-9]{2,4})+$/, "邮箱格式不正确"],
url: [/(^$)|(^#)|(^http(s*):\/\/[^\s]+\.[^\s]+)/, "链接格式不正确"],
number: [/(^$)|^\d+$/,'只能填写数字'],
date: [/(^$)|^(\d{4})[-\/](\d{1}|0\d{1}|1[0-2])([-\/](\d{1}|0\d{1}|[1-2][0-9]|3[0-1]))*$/, "日期格式不正确"],
identity: [/(^$)|(^\d{15}$)|(^\d{17}(x|X|\d)$)/, "请输入正确的身份证号"]
});
// 表格排序事件
table.on("sort(data-table)", function(obj){
table.reload("data-table", {
initSort: obj,
scrollPos: "fixed",
where: {
field: obj.field,
order: obj.type
}
});
});
// 表格新增数据
let add = function() {
layer.open({
type: 2,
title: "新增",
shade: 0.1,
maxmin: true,
area: [common.isModile()?"100%":"500px", common.isModile()?"100%":"450px"],
content: INSERT_URL
});
}
// 表格编辑数据
let edit = function(obj) {
let value = obj.data[PRIMARY_KEY];
layer.open({
type: 2,
title: "修改",
shade: 0.1,
maxmin: true,
area: [common.isModile()?"100%":"500px", common.isModile()?"100%":"450px"],
content: UPDATE_URL + "?" + PRIMARY_KEY + "=" + value
});
}
// 老师课程安排
let check_free_schedule = function(obj) {
let teacher_id = obj.data['teacher_id'];
let month = obj.data['month'];
let index = layer.open({
type: 2,
title: "修改",
shade: 0.1,
maxmin: true,
area: [common.isModile()?"100%":"500px", common.isModile()?"100%":"450px"],
content: '/app/admin/teacherFreeTime/teacherFreeTimeSchedule?teacher_id=' + teacher_id + '&month=' + month
});
layer.full(index);
}
// 表格编辑数据
let rest_password = function(obj) {
console.log()
let data = {};
data[PRIMARY_KEY] = obj.data[PRIMARY_KEY];
let new_password = 'YD' + obj.data['account'] + '123';
layer.confirm("确定充值密码?重置后新密码为【"+ new_password +"】", {
icon: 3,
title: "提示"
}, function(index) {
layer.close(index);
let loading = layer.load();
$.ajax({
url: '/app/admin/teacher/resetPassword',
data: data,
dataType: "json",
type: "post",
success: function(res) {
layer.close(loading);
if (res.code) {
return layui.popup.failure(res.msg);
}
return layui.popup.success("操作成功", refreshTable);
}
})
});
}
// 删除一行
let remove = function(obj) {
return doRemove(obj.data[PRIMARY_KEY]);
}
// 删除多行
let batchRemove = function(obj) {
let checkIds = common.checkField(obj, PRIMARY_KEY);
if (checkIds === "") {
layui.popup.warning("未选中数据");
return false;
}
doRemove(checkIds.split(","));
}
// 执行删除
let doRemove = function (ids) {
let data = {};
data[PRIMARY_KEY] = ids;
layer.confirm("确定删除?", {
icon: 3,
title: "提示"
}, function(index) {
layer.close(index);
let loading = layer.load();
$.ajax({
url: DELETE_API,
data: data,
dataType: "json",
type: "post",
success: function(res) {
layer.close(loading);
if (res.code) {
return layui.popup.failure(res.msg);
}
return layui.popup.success("操作成功", refreshTable);
}
})
});
}
// 刷新表格数据
window.refreshTable = function() {
table.reloadData("data-table", {
scrollPos: "fixed",
done: function (res, curr) {
if (curr > 1 && res.data && !res.data.length) {
curr = curr - 1;
table.reloadData("data-table", {
page: {
curr: curr
},
})
}
}
});
}
})
</script>
</body>
</html>

View File

@ -0,0 +1,287 @@
<!DOCTYPE html>
<html lang="zh-cn">
<head>
<meta charset="UTF-8">
<title>更新页面</title>
<link rel="stylesheet" href="/app/admin/component/pear/css/pear.css"/>
<link rel="stylesheet" href="/app/admin/component/jsoneditor/css/jsoneditor.css"/>
<link rel="stylesheet" href="/app/admin/admin/css/reset.css"/>
<script src='/app/admin/resource/fullcalendar/index.global6.1.15.min.js'></script>
<!-- <script src='https://cdn.jsdelivr.net/npm/fullcalendar@6.1.15/index.global.min.js'></script>-->
<style>
body {
margin-top: 40px;
font-size: 14px;
font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
}
#external-events {
/*position: fixed;*/
left: 20px;
top: 20px;
width: 150px;
padding: 0 10px;
border: 1px solid #ccc;
background: #eee;
text-align: left;
}
#external-events h4 {
font-size: 16px;
margin-top: 0;
padding-top: 1em;
}
#external-events .fc-event {
margin: 3px 0;
cursor: move;
}
#external-events p {
margin: 1.5em 0;
font-size: 11px;
color: #666;
}
#external-events p input {
margin: 0;
vertical-align: middle;
}
#calendar-wrap {
margin-left: 200px;
}
#calendar {
max-width: 1100px;
margin: 0 auto;
}
</style>
</head>
<body>
<form class="layui-form">
<div class="mainBox">
<div class="main-container mr-5">
<div id='wrap' style="display: flex;">
<div id='external-events'>
<h4>老师信息</h4>
<div>
<div class='fc-event-main'>{$teacher['teacher_name']}</div>
</div>
<div style="display: flex;flex-direction: column;">
<div style="width: 100px;height: 20px;">
<span class="layui-badge-dot layui-bg-danger"></span>
<span>未排课</span>
</div>
<div style="width: 120px;height: 20px;">
<span class="layui-badge-dot layui-bg-orange"></span>
<span>已排课,未发布</span>
</div>
<div style="width: 100px;height: 20px;">
<span class="layui-badge-dot layui-bg-green"></span>
<span>已发布</span>
</div>
</div>
<div id='external-events-list'>
</div>
</div>
<div id='calendar' style="height: 650px;width: 750px;"></div>
</div>
</div>
</div>
<div class="bottom">
<div class="button-container">
<button type="submit" class="pear-btn pear-btn-primary pear-btn-md" lay-submit="" lay-filter="save">
提交
</button>
<button type="reset" class="pear-btn pear-btn-md">
重置
</button>
</div>
</div>
</form>
<script src="/app/admin/component/layui/layui.js?v=2.8.12"></script>
<script src="/app/admin/component/pear/pear.js"></script>
<script src="/app/admin/component/jsoneditor/jsoneditor.js"></script>
<script src="/app/admin/admin/js/permission.js"></script>
<script>
// 相关接口
const PRIMARY_KEY = "id";
const SELECT_API = "/app/admin/teacher-free-time/select" + location.search;
const UPDATE_API = "/app/admin/teacher-free-time/update";
// // 获取数据库记录
layui.use(["form", "util", "popup"], function () {
let $ = layui.$;
// var containerEl = document.getElementById('external-events-list');
// new FullCalendar.Draggable(containerEl, {
// itemSelector: '.fc-event',
// eventData: function (eventEl) {
// return {
// title: eventEl.innerText.trim()
// }
// }
// });
// document.addEventListener('DOMContentLoaded', function () {
var calendarEl = document.getElementById('calendar');
var calendar = new FullCalendar.Calendar(calendarEl, {
// plugins: [ 'interaction', 'dayGrid', 'timeGrid' ],
locale: 'zh-cn', // 设置中文
headerToolbar: {
left: 'prev,next today',
center: 'title',
right: 'dayGridMonth,timeGridWeek,timeGridDay'
},
buttonText: {
today: '今日',
month: '月',
week: '周',
day: '日',
list: '列表'
},
initialDate: '{$month}',
eventLimit: 4, // 显示更多
navLinks: true, // can click day/week names to navigate views
selectable: true,
selectMirror: true,
displayEventEnd: true, // 显示结束时间
select: function (arg) {
// var title = prompt('Event Title:');
// if (title) {
// calendar.addEvent({
// title: title,
// start: arg.start,
// end: arg.end,
// allDay: arg.allDay
// })
// }
// calendar.unselect()
},
eventClick: function (arg) {
console.log('点击时间', arg)
console.log('点击时间', arg.event.extendedProps.free_time_id)
let free_time_id = arg.event.extendedProps.free_time_id
// 表格编辑数据
layer.open({
type: 2,
fix: false,
title: "教师空闲时间排课",
shade: 0.1,
maxmin: true,
area: ["750px", "700px"],
content: "/app/admin/teacherFreeTime/freeTimeSetting?free_time_id=" + free_time_id
});
// if (confirm('您确定要删除此事件吗?')) {
// arg.event.remove()
// }
},
editable: true,
dayMaxEvents: true, // allow "more" link when too many events
events: function (info, successCallback, failureCallback) {
console.log('12312313', info)
let start_date = info.startStr;
let end_date = info.endStr;
let teacher_id = "{$teacher['id']}"
layui.$.ajax({
url: '/app/admin/teacherFreeTime/getTeacherFreeTimeSchedule',
type: "POST",
dateType: "json",
data: {id: teacher_id, start_date: start_date, end_date: end_date},
success: function (res) {
console.log(res)
if (res.code == 0) {
successCallback(res.data);
} else {
failureCallback(res.errStr);
}
// if (res.code) {
// return layui.popup.failure(res.msg);
// }
// return layui.popup.success("操作成功", function () {
// parent.refreshTable();
// parent.layer.close(parent.layer.getFrameIndex(window.name));
// });
}
});
},
eventTextColor: function (obj) {
console.log('字体颜色', obj)
},
eventMouseEnter: function (info) {
console.log('鼠标', info)
let jsEvent = info.jsEvent
let tip_content = info.event.title;
layer.tips(tip_content, jsEvent.toElement, {
tips: 2
});
// 将弹窗添加到页面上
// layui.$('body').append(popup);
// new toolTop();
// layer.open()
// var index = layer.open({
// type: 4, // page 层类型,其他类型详见「基础属性」
// // content: layui.$('.' + jsEvent.toElement.getAttribute('class'))
// content: jsEvent.toElement,
// tips:2,
// });
},
eventMouseLeave: function (info) {
// console.log('移走', info)
// layui.$('.popup').remove();
layer.closeAll('tips');
}
});
calendar.render();
// });
});
//提交事件
layui.use(["form", "popup"], function () {
// 字段验证允许为空
layui.form.verify({
phone: [/(^$)|^1\d{10}$/, "请输入正确的手机号"],
email: [/(^$)|^([a-zA-Z0-9_\.\-])+\@(([a-zA-Z0-9\-])+\.)+([a-zA-Z0-9]{2,4})+$/, "邮箱格式不正确"],
url: [/(^$)|(^#)|(^http(s*):\/\/[^\s]+\.[^\s]+)/, "链接格式不正确"],
number: [/(^$)|^\d+$/, '只能填写数字'],
date: [/(^$)|^(\d{4})[-\/](\d{1}|0\d{1}|1[0-2])([-\/](\d{1}|0\d{1}|[1-2][0-9]|3[0-1]))*$/, "日期格式不正确"],
identity: [/(^$)|(^\d{15}$)|(^\d{17}(x|X|\d)$)/, "请输入正确的身份证号"]
});
layui.form.on("submit(save)", function (data) {
parent.refreshTable();
parent.layer.close(parent.layer.getFrameIndex(window.name));
// return false;
});
});
// 刷新表格数据
window.refreshTable = function() {
parent.refreshTable();
}
</script>
</body>
</html>

View File

@ -0,0 +1,250 @@
<!DOCTYPE html>
<html lang="zh-cn">
<head>
<meta charset="UTF-8">
<title>更新页面</title>
<link rel="stylesheet" href="/app/admin/component/pear/css/pear.css"/>
<link rel="stylesheet" href="/app/admin/component/jsoneditor/css/jsoneditor.css"/>
<link rel="stylesheet" href="/app/admin/admin/css/reset.css"/>
</head>
<body>
<form class="layui-form">
<div class="mainBox">
<div class="main-container mr-5">
<div class="layui-form-item">
<label class="layui-form-label">教师</label>
<div class="layui-input-block">
<input type="text" name="teacher_name" value="{$schedule_time['teacher_name']}" disabled class="layui-input">
<input type="hidden" name="teacher_id" value="{$schedule_time['teacher_id']}" class="layui-input">
<input type="hidden" name="id" value="{$schedule_time['id']}" class="layui-input">
</div>
</div>
<div class="layui-form-item">
<label class="layui-form-label">月份</label>
<div class="layui-input-block">
<input type="text" name="month" value="{$schedule_time['month']}" disabled class="layui-input">
</div>
</div>
<div class="layui-form-item">
<label class="layui-form-label">日期</label>
<div class="layui-input-block">
<input type="text" name="date" value="{$schedule_time['date']}" disabled class="layui-input">
</div>
</div>
<div class="layui-form-item">
<label class="layui-form-label">时间</label>
<div class="layui-input-block">
<input type="text" name="time" value="{$schedule_time['time']}" disabled class="layui-input">
</div>
</div>
<div class="layui-form-item">
<label class="layui-form-label">课时/小时</label>
<div class="layui-input-block">
<input type="text" name="hour" value="{$schedule_time['hour']}" disabled class="layui-input">
</div>
</div>
<div class="layui-form-item">
<label class="layui-form-label">是否发布</label>
<div class="layui-input-block">
<input type="radio" disabled name="is_publish" value="0" title="未发布" {if($schedule_time['is_publish'] == 0)} checked {/if}>
<input type="radio" disabled name="is_publish" value="1" title="发布" {if($schedule_time['is_publish'] == 1)} checked {/if}>
</div>
</div>
<fieldset class="layui-elem-field">
<legend>排课时间</legend>
<div class="layui-field-box" id="schedule_free_time">
<div class="layui-form-item">
<div class="layui-input-inline" style="width: 250px;">
<input type="text" name="schedule_time[]" lay-verify="required" placeholder="请选择排课时间" curNum='1' autocomplete="off" class="layui-input time">
</div>
<div class="layui-input-inline" style="margin-left: 50px;padding-top: 10px;">
<button type="button" class="layui-btn layui-btn-xs layui-bg-green add-schedule-time" lay-event="remove" permission="app.admin.teacher.delete">添加</button>
<button type="button" class="layui-btn layui-btn-xs layui-bg-red remove-schedule-time" lay-event="remove" permission="app.admin.teacher.delete">删除</button>
</div>
</div>
</div>
</fieldset>
</div>
</div>
<div class="bottom">
<div class="button-container">
<button type="submit" class="pear-btn pear-btn-primary pear-btn-md" lay-submit="" lay-filter="save">
提交
</button>
<button type="reset" class="pear-btn pear-btn-md">
重置
</button>
</div>
</div>
</form>
<script src="/app/admin/component/layui/layui.js?v=2.8.12"></script>
<script src="/app/admin/component/pear/pear.js"></script>
<script src="/app/admin/component/jsoneditor/jsoneditor.js"></script>
<script src="/app/admin/admin/js/permission.js"></script>
<script>
// 相关接口
const PRIMARY_KEY = "id";
const SELECT_API = "/app/admin/teacher-schedule-time/scheduleTime" + location.search;
const UPDATE_API = "/app/admin/teacher-schedule-time/update";
// 字段 时间 time
layui.use(["laydate"], function() {
let laydate = layui.laydate;
layui.laydate.render({
elem: ".time",
type: "time",
format: 'HH:mm',
btns:['clear','confirm'],
min: '09:30:00',
max: '17:30:00',
// range: '-',
});
})
// 获取数据库记录
layui.use(["form", "util", "popup", 'laydate'], function () {
let $ = layui.$;
var form = layui.form;
var laydate = layui.laydate;
form.render()
laydate.render({
elem: ".time",
type: "time",
format: 'HH:mm',
btns:['clear','confirm'],
min: '09:30:00',
max: '17:30:00',
range: ' - ',
});
// 添加时间
$('#schedule_free_time').on('click', '.add-schedule-time', function () {
console.log('add');
var html = $(this).parent().parent().parent().clone();
var maxNum = $('#schedule_free_time').find('.time:last').attr('curNum');
maxNum = Number(maxNum) + 1;
var htmlStr ='<div class="layui-form-item">\n' +
' <div class="layui-input-inline" style="width: 250px;">\n' +
' <input type="text" name="schedule_time[' + maxNum + ']" lay-verify="required" placeholder="请选择排课时间" curNum="'+ maxNum +'" autocomplete="off" class="layui-input time">\n' +
' </div>\n' +
' <div class="layui-input-inline" style="margin-left: 50px;padding-top: 10px;">\n' +
' <button type="button" class="layui-btn layui-btn-xs layui-bg-green add-schedule-time" lay-event="remove" permission="app.admin.teacher.delete">添加</button>\n' +
' <button type="button" class="layui-btn layui-btn-xs layui-bg-red remove-schedule-time" lay-event="remove" permission="app.admin.teacher.delete">删除</button>\n' +
' </div>\n' +
'</div>';
$('#schedule_free_time').find('.layui-form-item:last').after(htmlStr);
$('#schedule_free_time').find('.layui-form-item:last').find('input').val('');
laydate.render({
elem: ".time",
type: "time",
format: 'HH:mm',
btns:['clear','confirm'],
min: "{$limit_time['start_time']}",
max: "{$limit_time['end_time']}",
range: ' - ',
});
})
// 删除时间
$('#schedule_free_time').on('click', '.remove-schedule-time', function () {
if($('#schedule_free_time').find('.layui-form-item').length > 1){
var that = this;
$(this).parent().parent().remove();
}
})
form.on('checkbox(check_student)', function(data){
var elem = data.elem; // 获得 checkbox 原始 DOM 对象
var othis = data.othis;
var type = elem.checked ? 'add' : 'remove'; // 获得 checkbox 选中状态
var student_id = elem.value; // 获得 checkbox 值
let teacher_schedule_time_id = "{$schedule_time['id']}";
var that = this;
layui.$.ajax({
url: '/app/admin/teacherScheduleTime/addTeacherScheduleTime',
type: "POST",
dateType: "json",
data: {student_id: student_id, type: type, teacher_schedule_time_id: teacher_schedule_time_id},
success: function (res) {
console.log(111,othis.prop('checked'))
if (res.code) {
$(that).prop("checked", false)
form.render()
return layui.popup.failure(res.msg, function () {
});
}
return layui.popup.success("操作成功", function () {
// parent.refreshTable();
// parent.refreshTable();
// parent.location.reload();
// parent.layer.close(parent.layer.getFrameIndex(window.name));
});
}
});
});
});
//提交事件
layui.use(["form", "popup"], function () {
// 字段验证允许为空
layui.form.verify({
phone: [/(^$)|^1\d{10}$/, "请输入正确的手机号"],
email: [/(^$)|^([a-zA-Z0-9_\.\-])+\@(([a-zA-Z0-9\-])+\.)+([a-zA-Z0-9]{2,4})+$/, "邮箱格式不正确"],
url: [/(^$)|(^#)|(^http(s*):\/\/[^\s]+\.[^\s]+)/, "链接格式不正确"],
number: [/(^$)|^\d+$/, '只能填写数字'],
date: [/(^$)|^(\d{4})[-\/](\d{1}|0\d{1}|1[0-2])([-\/](\d{1}|0\d{1}|[1-2][0-9]|3[0-1]))*$/, "日期格式不正确"],
identity: [/(^$)|(^\d{15}$)|(^\d{17}(x|X|\d)$)/, "请输入正确的身份证号"]
});
layui.form.on("submit(save)", function (data) {
// data.field[PRIMARY_KEY] = layui.url().search[PRIMARY_KEY];
layui.$.ajax({
url: '/app/admin/teacherScheduleTime/addTeacherScheduleTime',
type: "POST",
dateType: "json",
data: data.field,
success: function (res) {
if (res.code) {
return layui.popup.failure(res.msg);
}
return layui.popup.success("操作成功", function () {
// parent.refreshTable();
parent.refreshTable();
parent.location.reload();
parent.layer.close(parent.layer.getFrameIndex(window.name));
});
}
});
return false;
});
});
</script>
</body>
</html>

View File

@ -81,7 +81,8 @@
<!-- 表格行工具栏 --> <!-- 表格行工具栏 -->
<script type="text/html" id="table-bar"> <script type="text/html" id="table-bar">
<button type="button" class="layui-btn layui-btn-xs" lay-event="edit" permission="app.admin.teacher.update">编辑</button> <button type="button" class="layui-btn layui-btn-xs" lay-event="edit" permission="app.admin.teacher.update">编辑</button>
<button type="button" class="layui-btn layui-btn-xs layui-bg-orange" lay-event="check_schedule" permission="app.admin.teacher.update">查看排课</button> <!-- <button type="button" class="layui-btn layui-btn-xs layui-bg-orange" lay-event="check_schedule" permission="app.admin.teacher.update">查看排课</button>-->
<button type="button" class="layui-btn layui-btn-xs layui-bg-orange" lay-event="free_time_schedule" permission="app.admin.teacher.update">空闲时间</button>
<button type="button" class="layui-btn layui-btn-xs layui-bg-blue" lay-event="rest_password" permission="app.admin.teacher.update">重置密码</button> <button type="button" class="layui-btn layui-btn-xs layui-bg-blue" lay-event="rest_password" permission="app.admin.teacher.update">重置密码</button>
<button type="button" class="layui-btn layui-btn-xs layui-bg-red" lay-event="remove" permission="app.admin.teacher.delete">删除</button> <button type="button" class="layui-btn layui-btn-xs layui-bg-red" lay-event="remove" permission="app.admin.teacher.delete">删除</button>
</script> </script>
@ -191,8 +192,8 @@
remove(obj); remove(obj);
} else if (obj.event === "edit") { } else if (obj.event === "edit") {
edit(obj); edit(obj);
} else if (obj.event === "check_schedule") { } else if (obj.event === "free_time_schedule") {
check_schedule(obj); free_time_schedule(obj);
} else if (obj.event === "rest_password") { } else if (obj.event === "rest_password") {
rest_password(obj); rest_password(obj);
} }
@ -274,15 +275,15 @@
}); });
} }
// 表格编辑数据 // 表格编辑数据
let check_schedule = function(obj) { let free_time_schedule = function(obj) {
let value = obj.data[PRIMARY_KEY]; let value = obj.data[PRIMARY_KEY];
let index = layer.open({ let index = layer.open({
type: 2, type: 2,
title: "修改", title: "教师空闲时间",
shade: 0.1, shade: 0.1,
maxmin: true, maxmin: true,
area: [common.isModile()?"100%":"950px", common.isModile()?"100%":"750px"], area: [common.isModile()?"100%":"950px", common.isModile()?"100%":"750px"],
content: '/app/admin/teacher/check_schedule?id=' + value content: '/app/admin/teacher/check_free_time?id=' + value
}); });
layer.full(index); layer.full(index);