后台添加教师空闲时间

This commit is contained in:
Dai 2024-08-08 15:26:06 +08:00
parent cafa4dd454
commit 696a134bc4
5 changed files with 495 additions and 201 deletions

View File

@ -168,6 +168,25 @@ class TeacherController extends Crud
}
public function getTeacherTimeZone(Request $request)
{
try {
$teacher = \app\common\model\Teacher::where(['id' => $request->post('id')])->findOrEmpty();
return json([
'code' => ResponseCode::WEB_API_SUCCESS,
'data' => $teacher,
'msg' => 'success',
]);
} catch (Exception $e) {
return json([
'code' => ResponseCode::WEB_API_FAIL,
'msg' => $e->getMessage()
]);
}
}
/**
* @desc 查看教师日程安排
* @param Request $request

View File

@ -14,6 +14,7 @@ use plugin\admin\app\model\TeacherFreeTime;
use plugin\admin\app\controller\Crud;
use support\exception\BusinessException;
use think\Exception;
use DateTime;
/**
* 空闲时间
@ -92,9 +93,59 @@ class TeacherFreeTimeController extends Crud
public function insert(Request $request): Response
{
if ($request->method() === 'POST') {
$postData = $request->post();
try {
$teacher_free_time = \app\common\model\TeacherFreeTime::where([
'teacher_id' => $postData['teacher_id'],
'date' => $postData['date'],
'month' => $postData['month'],
'time' => $postData['time'],
'en_time' => $postData['en_time'],
])
->findOrEmpty();
if (!$teacher_free_time->isEmpty()) {
throw new Exception('该空闲时间段存在');
}
$time_period = explode('-', $postData['time']);
$en_time_period = explode('-', $postData['en_time']);
$firstDate = new DateTime($postData['date'] . ' ' . trim($time_period[0]));
$secondDate = new DateTime($postData['date'] . ' ' . trim($time_period[1]));
$enFirstDate = new DateTime($postData['date'] . ' ' . trim($en_time_period[0]));
$enSecondDate = new DateTime($postData['date'] . ' ' . trim($en_time_period[1]));
\app\common\model\TeacherFreeTime::create([
'teacher_id' => $request->post('teacher_id'),
'date' => $request->post('date'),
'month' => $request->post('month'),
'time' => $request->post('time'),
'en_time' => $request->post('en_time'),
'hour' => $request->post('hour'),
'start_time' => date('Y-m-d H:i:s', $firstDate->getTimestamp()),
'end_time' => date('Y-m-d H:i:s', $secondDate->getTimestamp()),
'en_start_time' => date('Y-m-d H:i:s', $enFirstDate->getTimestamp()),
'en_end_time' => date('Y-m-d H:i:s', $enSecondDate->getTimestamp()),
]);
return json([
'code' => ResponseCode::WEB_API_SUCCESS,
'msg' => 'success',
]);
} catch (Exception $e) {
return json([
'code' => ResponseCode::WEB_API_FAIL,
'msg' => $e->getMessage()
]);
}
return parent::insert($request);
}
return view('teacher-free-time/insert');
//所有教师
$teacher = \app\common\model\Teacher::order('id desc')->select()->toArray();
return view('teacher-free-time/insert', ['teacher' => $teacher]);
}
/**
@ -106,11 +157,57 @@ class TeacherFreeTimeController extends Crud
public function update(Request $request): Response
{
if ($request->method() === 'POST') {
return parent::update($request);
}
return view('teacher-free-time/update');
try {
$postData = $request->post();
$teacher_free_time = \app\common\model\TeacherFreeTime::where(['id' => $postData['id']])->findOrEmpty();
if ($teacher_free_time->isEmpty()) {
throw new Exception('未找到空闲时间');
}
$time_period = explode('-', $postData['time']);
$en_time_period = explode('-', $postData['en_time']);
$firstDate = new DateTime($postData['date'] . ' ' . trim($time_period[0]));
$secondDate = new DateTime($postData['date'] . ' ' . trim($time_period[1]));
$enFirstDate = new DateTime($postData['date'] . ' ' . trim($en_time_period[0]));
$enSecondDate = new DateTime($postData['date'] . ' ' . trim($en_time_period[1]));
$teacher_free_time->save([
'teacher_id' => $postData['teacher_id'],
'date' => $postData['date'],
'month' => $postData['month'],
'time' => $postData['time'],
'en_time' => $postData['en_time'],
'hour' => $postData['hour'],
'start_time' => date('Y-m-d H:i:s', $firstDate->getTimestamp()),
'end_time' => date('Y-m-d H:i:s', $secondDate->getTimestamp()),
'en_start_time' => date('Y-m-d H:i:s', $enFirstDate->getTimestamp()),
'en_end_time' => date('Y-m-d H:i:s', $enSecondDate->getTimestamp()),
]);
return json([
'code' => ResponseCode::WEB_API_SUCCESS,
'msg' => 'success',
]);
} catch (Exception $e) {
return json([
'code' => ResponseCode::WEB_API_FAIL,
'msg' => $e->getMessage()
]);
}
return parent::update($request);
}
$teacher_free_time = \app\common\model\TeacherFreeTime::where(['id' => $request->get('id')])
->with(['teacher'])
->findOrEmpty()->toArray();
//获取所有老师
$teacher = Teacher::order('id asc')->field('id,teacher_name,account')->select()->toArray();
return view('teacher-free-time/update', ['teacher_free_time' => $teacher_free_time, 'teacher' => $teacher]);
}
/**

View File

@ -74,9 +74,9 @@
<!-- 表格顶部工具栏 -->
<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-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>
@ -285,7 +285,7 @@
title: "新增",
shade: 0.1,
maxmin: true,
area: [common.isModile()?"100%":"500px", common.isModile()?"100%":"450px"],
area: [common.isModile()?"100%":"750px", common.isModile()?"100%":"650px"],
content: INSERT_URL
});
}
@ -298,7 +298,7 @@
title: "修改",
shade: 0.1,
maxmin: true,
area: [common.isModile()?"100%":"500px", common.isModile()?"100%":"450px"],
area: [common.isModile()?"100%":"750px", common.isModile()?"100%":"650px"],
content: UPDATE_URL + "?" + PRIMARY_KEY + "=" + value
});
}

View File

@ -17,10 +17,28 @@
<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">
<!-- <input type="text" name="teacher_id" value="0" class="layui-input">-->
<select lay-search="" name="teacher_id" lay-filter="selectTeacher">
<option value="">请选择或搜索</option>
{foreach $teacher as $item}
<option value="{$item['id']}">{$item['teacher_name']}</option>
{/foreach}
</select>
</div>
</div>
<div class="layui-form-item">
<label class="layui-form-label">时区</label>
<div class="layui-input-block">
<input type="text" name="time_zone_name" id="time_zone_name" readonly autocomplete="off" class="layui-input">
</div>
</div>
<div class="layui-form-item">
<label class="layui-form-label">时差/h</label>
<div class="layui-input-block">
<input type="text" name="time_zone_offset" id="time_zone_offset" readonly autocomplete="off" class="layui-input">
</div>
</div>
<div class="layui-form-item">
<label class="layui-form-label">日期</label>
<div class="layui-input-block">
@ -29,26 +47,32 @@
</div>
<div class="layui-form-item">
<label class="layui-form-label">时间</label>
<label class="layui-form-label">月份</label>
<div class="layui-input-block">
<input type="text" name="time" id="time" autocomplete="off" class="layui-input">
<input type="text" name="month" id="month" autocomplete="off" readonly 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="en_time" id="en_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="time" id="time" autocomplete="off" readonly 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">
<input type="text" name="hour" id="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>
@ -63,7 +87,6 @@
</button>
</div>
</div>
</form>
<script src="/app/admin/component/layui/layui.js?v=2.8.12"></script>
@ -80,25 +103,108 @@
layui.use(["laydate"], function() {
layui.laydate.render({
elem: "#date",
done: function (value, date) {
let start_date_time = new Date(date.year, date.month, date.date, date.hours, date.minutes, date.seconds)
let month = date.year + '-' + ((date.month).toString().padStart(2, '0'))
console.log(month)
layui.$('#month').val(month)
}
});
})
// 字段 时间 time
layui.use(["laydate"], function() {
layui.use(["laydate", "form"], function() {
layui.form.on('select(selectTeacher)', function(data){
var elem = data.elem; // 获得 select 原始 DOM 对象
var value = data.value; // 获得被选中的值
var othis = data.othis; // 获得 select 元素被替换后的 jQuery 对象
layui.$.ajax({
url: '/app/admin/teacher/getTeacherTimeZone',
type: "POST",
dateType: "json",
data: {id: value},
success: function (res) {
if (!res.code) {
if(!res.data.time_zone_name){
return layui.popup.failure('为查询到该教师时区信息,请先添加时区信息');
}else{
layui.$('#time_zone_name').val(res.data.time_zone_name);
layui.$('#time_zone_offset').val(res.data.time_zone_offset);
}
}
}
});
});
layui.laydate.render({
elem: "#time",
type: "datetime",
elem: "#en_time",
type: "time",
format: 'HH:mm',
range: '-',
ready: function (date) {
if(layui.$('#time_zone_name').val()){
var layKey = layui.$(this.elem).attr('lay-key');
layui.$('#layui-laydate' + layKey).children().eq(0).find('.layui-laydate-list>li').width('50%').last('li').hide();
layui.$('#layui-laydate' + layKey).children().eq(1).find('.layui-laydate-list>li').width('50%').last('li').hide();
}else{
layui.popup.failure('未查询到该教师时区信息,请先添加时区信息');
}
},
done: function (value, date, endDate) {
Number.prototype.toFixed = function(d) {
var s = this + "";
if(!d) d = 0;
if(s.indexOf(".") == -1) s += ".";
s += new Array(d + 1).join("0");
if(new RegExp("^(-|\\+)?(\\d+(\\.\\d{0," + (d + 1) + "})?)\\d*$").test(s)) {
var s = "0" + RegExp.$2,
pm = RegExp.$1,
a = RegExp.$3.length,
b = true;
if(a == d + 2) {
a = s.match(/\d/g);
if(parseInt(a[a.length - 1]) > 4) {
for(var i = a.length - 2; i >= 0; i--) {
a[i] = parseInt(a[i]) + 1;
if(a[i] == 10) {
a[i] = 0;
b = i != 1;
} else break;
}
}
s = a.join("").replace(new RegExp("(\\d+)(\\d{" + d + "})\\d$"), "$1.$2");
}
if(b) s = s.substr(1);
return(pm + s).replace(/\.$/, "");
}
return this + "";
};
if(layui.$('#time_zone_name').val()){
let time_zone_offset = layui.$('#time_zone_offset').val()
let start_date_time = new Date(date.year, date.month, date.date, parseInt(date.hours + parseInt(time_zone_offset)), date.minutes, date.seconds)
let start_time = start_date_time.toLocaleTimeString([], {hour: "2-digit", minute: "2-digit"})
let end_date_time = new Date(endDate.year, endDate.month, endDate.date, parseInt(endDate.hours + parseInt(time_zone_offset)), endDate.minutes, endDate.seconds)
let end_time = end_date_time.toLocaleTimeString([], {hour: "2-digit", minute: "2-digit"})
layui.$('#time').val(start_time + ' - ' + end_time)
//课时
let hour = (Math.round((end_date_time.valueOf() - start_date_time.valueOf()) / 1000 / 60 / 60)).toFixed(2); //小时
layui.$('#hour').val(hour)
}
}
});
})
// 字段 月份 month
layui.use(["laydate"], function() {
layui.laydate.render({
elem: "#month",
});
})
//提交事件
layui.use(["form", "popup"], function () {
@ -131,6 +237,7 @@
});
});
</script>
</body>

View File

@ -10,7 +10,7 @@
</head>
<body>
<form class="layui-form">
<form class="layui-form" action="">
<div class="mainBox">
<div class="main-container mr-5">
@ -18,44 +18,71 @@
<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">
<input type="hidden" name="id" value="{$teacher_free_time['id']}" class="layui-input">
<select lay-search="" name="teacher_id" lay-filter="selectTeacher">
<option value="">请选择或搜索</option>
{foreach $teacher as $item}
<option value="{$item['id']}" {if $teacher_free_time['teacher_id'] == $item['id']} selected {/if}>{$item['teacher_name']}</option>
{/foreach}
</select>
</div>
</div>
<div class="layui-form-item">
<label class="layui-form-label">时区</label>
<div class="layui-input-block">
<input type="text" name="time_zone_name" id="time_zone_name" value="{$teacher_free_time['time_zone_name']}" readonly autocomplete="off"
class="layui-input">
</div>
</div>
<div class="layui-form-item">
<label class="layui-form-label">时差/h</label>
<div class="layui-input-block">
<input type="text" name="time_zone_offset" id="time_zone_offset" value="{$teacher_free_time['time_zone_offset']}" readonly 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="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">
<input type="text" name="date" id="date" value="{$teacher_free_time['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="month" id="month" autocomplete="off" class="layui-input">
<input type="text" name="month" id="month" value="{$teacher_free_time['month']}" autocomplete="off" readonly 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="en_time" id="en_time" value="{$teacher_free_time['en_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="time" id="time" value="{$teacher_free_time['time']}" autocomplete="off" readonly 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" id="hour" value="{$teacher_free_time['hour']}" value="0.00" 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 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">
@ -63,7 +90,6 @@
</button>
</div>
</div>
</form>
<script src="/app/admin/component/layui/layui.js?v=2.8.12"></script>
@ -74,67 +100,113 @@
<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;
}
});
const INSERT_API = "/app/admin/teacher-free-time/update";
// 字段 日期 date
layui.use(["laydate"], function () {
layui.laydate.render({
elem: "#date",
done: function (value, date) {
let start_date_time = new Date(date.year, date.month, date.date, date.hours, date.minutes, date.seconds)
let month = date.year + '-' + ((date.month).toString().padStart(2, '0'))
console.log(month)
layui.$('#month').val(month)
}
});
})
// 字段 时间 time
layui.use(["laydate"], function() {
layui.use(["laydate", "form"], function () {
layui.form.on('select(selectTeacher)', function (data) {
var elem = data.elem; // 获得 select 原始 DOM 对象
var value = data.value; // 获得被选中的值
var othis = data.othis; // 获得 select 元素被替换后的 jQuery 对象
layui.$.ajax({
url: '/app/admin/teacher/getTeacherTimeZone',
type: "POST",
dateType: "json",
data: {id: value},
success: function (res) {
if (!res.code) {
if (!res.data.time_zone_name) {
return layui.popup.failure('为查询到该教师时区信息,请先添加时区信息');
} else {
layui.$('#time_zone_name').val(res.data.time_zone_name);
layui.$('#time_zone_offset').val(res.data.time_zone_offset);
}
}
}
});
});
layui.laydate.render({
elem: "#time",
type: "datetime",
elem: "#en_time",
type: "time",
format: 'HH:mm',
range: '-',
ready: function (date) {
if (layui.$('#time_zone_name').val()) {
var layKey = layui.$(this.elem).attr('lay-key');
layui.$('#layui-laydate' + layKey).children().eq(0).find('.layui-laydate-list>li').width('50%').last('li').hide();
layui.$('#layui-laydate' + layKey).children().eq(1).find('.layui-laydate-list>li').width('50%').last('li').hide();
} else {
layui.popup.failure('未查询到该教师时区信息,请先添加时区信息');
}
},
done: function (value, date, endDate) {
Number.prototype.toFixed = function (d) {
var s = this + "";
if (!d) d = 0;
if (s.indexOf(".") == -1) s += ".";
s += new Array(d + 1).join("0");
if (new RegExp("^(-|\\+)?(\\d+(\\.\\d{0," + (d + 1) + "})?)\\d*$").test(s)) {
var s = "0" + RegExp.$2,
pm = RegExp.$1,
a = RegExp.$3.length,
b = true;
if (a == d + 2) {
a = s.match(/\d/g);
if (parseInt(a[a.length - 1]) > 4) {
for (var i = a.length - 2; i >= 0; i--) {
a[i] = parseInt(a[i]) + 1;
if (a[i] == 10) {
a[i] = 0;
b = i != 1;
} else break;
}
}
s = a.join("").replace(new RegExp("(\\d+)(\\d{" + d + "})\\d$"), "$1.$2");
}
if (b) s = s.substr(1);
return (pm + s).replace(/\.$/, "");
}
return this + "";
};
if (layui.$('#time_zone_name').val()) {
let time_zone_offset = layui.$('#time_zone_offset').val()
let start_date_time = new Date(date.year, date.month, date.date, parseInt(date.hours + parseInt(time_zone_offset)), date.minutes, date.seconds)
let start_time = start_date_time.toLocaleTimeString([], {hour: "2-digit", minute: "2-digit"})
let end_date_time = new Date(endDate.year, endDate.month, endDate.date, parseInt(endDate.hours + parseInt(time_zone_offset)), endDate.minutes, endDate.seconds)
let end_time = end_date_time.toLocaleTimeString([], {hour: "2-digit", minute: "2-digit"})
layui.$('#time').val(start_time + ' - ' + end_time)
//课时
let hour = (Math.round((end_date_time.valueOf() - start_date_time.valueOf()) / 1000 / 60 / 60)).toFixed(2); //小时
layui.$('#hour').val(hour)
}
}
});
})
// 字段 月份 month
layui.use(["laydate"], function() {
layui.laydate.render({
elem: "#month",
});
})
// ajax返回失败
if (res.code) {
layui.popup.failure(res.msg);
}
}
});
});
//提交事件
layui.use(["form", "popup"], function () {
@ -148,9 +220,8 @@
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,
url: INSERT_API,
type: "POST",
dateType: "json",
data: data.field,
@ -168,8 +239,8 @@
});
});
</script>
</body>
</html>