老师后台排课

This commit is contained in:
Dai 2024-07-14 21:35:58 +08:00
parent 5bc6b0c7e3
commit 9da30eb5c2
14 changed files with 35692 additions and 0 deletions

View File

@ -0,0 +1,24 @@
<?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
*/
public function addFreeTime(Request $request)
{
$service = new TeacherFreeTimeService();
$res = $service->addFreeTime($request);
return $this->json($res);
}
}

View File

@ -0,0 +1,22 @@
<?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 string $hour 课时
* @property mixed $created_at 创建时间
* @property string $updated_at 更新时间
* @property string $deleted_at
*/
class TeacherFreeTime extends BaseModel
{
}

View File

@ -0,0 +1,97 @@
<?php
namespace app\common\service;
use app\common\model\Teacher;
use app\common\model\TeacherFreeTime;
use app\constant\ResponseCode;
use DateTime;
use think\Exception;
class TeacherFreeTimeService
{
/**
* @desc 添加空闲时间
* @param $request
* @return array|void
*/
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('未找到教师信息,设置失败');
}
// $free_time = [
// '2024-7-14'=>[
// '9:00-10:00',
// '10:00-11:00',
// '11:00-12:00',
// ],
// '2024-7-15'=>[
// '14:00-15:00',
// '15:00-16:00',
// '16:00-17:00',
// ],
// '2024-7-16'=>[
// '9:00-10:00',
// '10:00-11:00',
// '11:00-12:00',
// ],
// '2024-7-17'=>[
// '9:00-10:00',
// '10:00-11:00',
// '11:00-12:00',
// ]
// ];
$data = $request->post();
$free_time = json_decode($data['free_time'], true);
if (empty($free_time)) {
throw new Exception('请选择时间段之后再提交');
}
foreach ($free_time as $free_date => $times) {
if ($times) {
foreach ($times as $time) {
$time_period = explode('-', $time);
$firstDate = new DateTime($free_date . ' ' . $time_period[0]);
$secondDate = new DateTime($free_date . ' ' . $time_period[1]);
$diff = $secondDate->diff($firstDate);
$h = $diff->h;
$m = round($diff->i / 60, 2);
$hour = round($h + $m, 2);
$free_data = [
'teacher_id' => $request->teacher->id,
'date' => $free_date,
'time' => $time,
'hour' => $hour,
'month' => date('Y-m', strtotime($free_date)),
];
$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

@ -0,0 +1,116 @@
<?php
namespace plugin\admin\app\controller;
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;
}
/**
* 浏览
* @return Response
*/
public function index(): Response
{
return view('teacher-free-time/index');
}
/**
* 插入
* @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');
}
/**
* 更新
* @param Request $request
* @return Response
* @throws BusinessException
*/
public function freeTimeSet(Request $request): Response
{
if ($request->method() === 'POST') {
return parent::update($request);
}
return view('teacher-free-time/free_time_setting');
}
/**
* @desc 时间列表
* @param Request $request
* @return Response
*/
public function getFreeTime(Request $request)
{
try {
$list = \app\common\model\TeacherFreeTime::where(['teacher_id' => $request->get('id'), 'month' => '2024-07'])->select()->toArray();
$free_time = [];
foreach ($list as $item) {
$time_period = explode('-', $item['time']);
$free_time[] = [
'free_time_id'=> $item['id'],
'title' => $item['time'],
'start' => $item['date'] . ' ' . $time_period[0]
];
}
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()
]);
}
}
}

View File

@ -0,0 +1,35 @@
<?php
namespace plugin\admin\app\model;
use plugin\admin\app\model\Base;
/**
* @property integer $id (主键)
* @property integer $teacher_id 教师
* @property string $date 日期
* @property string $time 时间
* @property string $hour 课时
* @property mixed $created_at 创建时间
* @property string $updated_at 更新时间
* @property string $deleted_at
*/
class TeacherFreeTime extends Base
{
/**
* The table associated with the model.
*
* @var string
*/
protected $table = 'wa_teacher_free_time';
/**
* The primary key associated with the table.
*
* @var string
*/
protected $primaryKey = 'id';
}

View File

@ -0,0 +1,189 @@
<!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="number" 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" 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="time" 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="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="created_at" id="created_at" 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="updated_at" id="updated_at" autocomplete="off" class="layui-input">
</div>
</div>
<div class="layui-form-item">
<label class="layui-form-label">deleted_at</label>
<div class="layui-input-block">
<input type="text" name="deleted_at" id="deleted_at" 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;
}
});
// 字段 创建时间 created_at
layui.use(["laydate"], function() {
layui.laydate.render({
elem: "#created_at",
type: "datetime",
});
})
// 字段 更新时间 updated_at
layui.use(["laydate"], function() {
layui.laydate.render({
elem: "#updated_at",
type: "datetime",
});
})
// 字段 deleted_at deleted_at
layui.use(["laydate"], function() {
layui.laydate.render({
elem: "#deleted_at",
type: "datetime",
});
})
// 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

@ -0,0 +1,306 @@
<!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">
<input type="number" 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" 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="time" value="" 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";
// 表格渲染
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_id",
},{
title: "日期",align: "center",
field: "date",
},{
title: "时间",align: "center",
field: "time",
},{
title: "课时",align: "center",
field: "hour",
},{
title: "创建时间",align: "center",
field: "created_at",
},{
title: "更新时间",align: "center",
field: "updated_at",
},{
title: "deleted_at",align: "center",
field: "deleted_at",
},{
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%":"1080px", common.isModile()?"100%":"750px"],
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,151 @@
<!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="number" 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" 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="time" 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="hour" 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="created_at" id="created_at" 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="updated_at" id="updated_at" autocomplete="off" class="layui-input">
</div>
</div>
<div class="layui-form-item">
<label class="layui-form-label">deleted_at</label>
<div class="layui-input-block">
<input type="text" name="deleted_at" id="deleted_at" 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";
// 字段 创建时间 created_at
layui.use(["laydate"], function() {
layui.laydate.render({
elem: "#created_at",
type: "datetime",
});
})
// 字段 更新时间 updated_at
layui.use(["laydate"], function() {
layui.laydate.render({
elem: "#updated_at",
type: "datetime",
});
})
// 字段 deleted_at deleted_at
layui.use(["laydate"], function() {
layui.laydate.render({
elem: "#deleted_at",
type: "datetime",
});
})
//提交事件
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,189 @@
<!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="number" 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" 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="time" 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="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="created_at" id="created_at" 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="updated_at" id="updated_at" autocomplete="off" class="layui-input">
</div>
</div>
<div class="layui-form-item">
<label class="layui-form-label">deleted_at</label>
<div class="layui-input-block">
<input type="text" name="deleted_at" id="deleted_at" 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;
}
});
// 字段 创建时间 created_at
layui.use(["laydate"], function() {
layui.laydate.render({
elem: "#created_at",
type: "datetime",
});
})
// 字段 更新时间 updated_at
layui.use(["laydate"], function() {
layui.laydate.render({
elem: "#updated_at",
type: "datetime",
});
})
// 字段 deleted_at deleted_at
layui.use(["laydate"], function() {
layui.laydate.render({
elem: "#deleted_at",
type: "datetime",
});
})
// 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

@ -0,0 +1,291 @@
<!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 id='external-events-list'>-->
<!-- <div class='fc-event fc-h-event fc-daygrid-event fc-daygrid-block-event'>-->
<!-- <div class='fc-event-main'>事件 1</div>-->
<!-- </div>-->
<!-- <div class='fc-event fc-h-event fc-daygrid-event fc-daygrid-block-event'>-->
<!-- <div class='fc-event-main'>事件 2</div>-->
<!-- </div>-->
<!-- <div class='fc-event fc-h-event fc-daygrid-event fc-daygrid-block-event'>-->
<!-- <div class='fc-event-main'>事件 3</div>-->
<!-- </div>-->
<!-- <div class='fc-event fc-h-event fc-daygrid-event fc-daygrid-block-event'>-->
<!-- <div class='fc-event-main'>事件 4</div>-->
<!-- </div>-->
<!-- <div class='fc-event fc-h-event fc-daygrid-event fc-daygrid-block-event'>-->
<!-- <div class='fc-event-main'>事件 5</div>-->
<!-- </div>-->
<!-- </div>-->
<!-- <p>-->
<!-- <input type='checkbox' id='drop-remove'/>-->
<!-- <label for='drop-remove'>移动后清除</label>-->
<!-- </p>-->
<!-- </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: '2024-07-14',
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: ["650px", "550px"],
content: "/app/admin/teacherFreeTime/freeTimeSet?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')
layui.$.ajax({
url: '/app/admin/teacherFreeTime/getFreeTime?id=1',
type: "POST",
dateType: "json",
// data: data.field,
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));
// });
}
});
},
eventMouseEnter: function (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) {
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>

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long