教师排课

This commit is contained in:
Dai 2024-07-15 23:51:01 +08:00
parent 9d7b943a89
commit 73974b9e7c
8 changed files with 897 additions and 398 deletions

View File

@ -20,17 +20,27 @@ class TeacherScheduleTime extends BaseModel
{ {
public function teacher() public function teacher()
{
return $this->hasOne(Teacher::class, 'id', 'teacher_id')->bind([
'teacher_account' => 'account',
'teacher_name',
'time_zone_name'
]);
}
public function teacherAttr()
{ {
return $this->hasOne(Teacher::class, 'id', 'teacher_id'); return $this->hasOne(Teacher::class, 'id', 'teacher_id');
} }
public function subject() public function subject()
{ {
return $this->hasOne(Subject::class, 'id', 'subject_id')->bind(['subject_name','english_name']); return $this->hasOne(Subject::class, 'id', 'subject_id')->bind(['subject_name', 'english_name']);
} }
public function subjectArr() public function subjectArr()
{ {
return $this->hasOne(Subject::class, 'id', 'subject_id'); return $this->hasOne(Subject::class, 'id', 'subject_id');
} }
} }

View File

@ -2,6 +2,7 @@
namespace plugin\admin\app\controller; namespace plugin\admin\app\controller;
use app\common\model\TeacherScheduleTime;
use app\constant\ResponseCode; use app\constant\ResponseCode;
use support\Request; use support\Request;
use support\Response; use support\Response;
@ -147,6 +148,70 @@ class TeacherController extends Crud
return view('teacher/update'); return view('teacher/update');
} }
/**
* @desc 查看教师日程安排
* @param Request $request
* @return Response
*/
public function check_schedule(Request $request)
{
$data = $request->get();
return view('teacher/check_schedule', ['teacher_id' => $data['id']]);
}
/**
* @desc 获取教师课程安排统计
* @param Request $request
* @return Response
*/
public function getTeacherScheduleMonth(Request $request)
{
try {
$data = $request->get();
$schedule_time = TeacherScheduleTime::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,
SUM(CASE WHEN subject_id = 0 THEN hour ELSE 0 END) AS total_nonscheduled_hours,
SUM(CASE WHEN subject_id != 0 THEN hour ELSE 0 END) AS total_scheduled_hours,
SUM(CASE WHEN subject_id != 0 AND is_publish = 1 THEN hour ELSE 0 END) AS total_published_scheduled_hours,
SUM(CASE WHEN subject_id != 0 AND is_publish = 0 THEN hour ELSE 0 END) AS total_unpublished_scheduled_hours,
SUM(CASE WHEN is_publish = 1 THEN 1 ELSE 0 END) AS published_courses,
SUM(CASE WHEN is_publish = 0 THEN 1 ELSE 0 END) AS unpublished_courses
')
->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 重置密码 * @desc 重置密码
* @param Request $request * @param Request $request
@ -165,7 +230,7 @@ class TeacherController extends Crud
'salt' => $salt, 'salt' => $salt,
'password' => $password 'password' => $password
]); ]);
if(!$res){ if (!$res) {
throw new Exception('重置失败'); throw new Exception('重置失败');
} }

View File

@ -10,6 +10,7 @@ use support\Response;
use plugin\admin\app\model\TeacherScheduleTime; 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;
/** /**
* 教师空闲时间 * 教师空闲时间
@ -37,7 +38,53 @@ class TeacherScheduleTimeController extends Crud
*/ */
public function index(): Response public function index(): Response
{ {
return view('teacher-schedule-time/index'); //获取所有老师
$teacher = Teacher::order('id asc')->field('id,teacher_name,account')->select()->toArray();
//所有课程
$subject = Subject::order('sort desc,id asc')->field('id,subject_name,english_name')->select()->toArray();
return view('teacher-schedule-time/index', ['teacher' => $teacher, 'subject' => $subject]);
}
public function select(Request $request): Response
{
try {
$data = $request->get();
$teacherSchedule = \app\common\model\TeacherScheduleTime::order('id asc');
if (isset($data['teacher_id']) && $data['teacher_id']) {
$teacherSchedule->where(['teacher_id' => $data['teacher_id']]);
}
if (isset($data['date']) && $data['date']) {
$teacherSchedule->where(['date' => $data['date']]);
}
if (isset($data['month']) && $data['month']) {
$teacherSchedule->where(['month' => $data['month']]);
}
if (isset($data['subject_id']) && $data['subject_id']) {
$teacherSchedule->where(['subject_id' => $data['subject_id']]);
}
if (isset($data['is_publish']) && $data['is_publish'] !== '') {
$teacherSchedule->where(['is_publish' => $data['is_publish']]);
}
$limit = (int)$request->get('limit', 10);
$limit = $limit <= 0 ? 10 : $limit;
$page = (int)$request->get('page');
$page = $page > 0 ? $page : 1;
$total = $teacherSchedule->count();
$list = $teacherSchedule->with(['subject', 'teacher'])->page($page, $limit)->select();
return json([
'code' => ResponseCode::WEB_API_SUCCESS,
'data' => $list,
'count' => $total,
'msg' => 'success'
]);
} catch (Exception $e) {
return json([
'code' => ResponseCode::WEB_API_FAIL,
'msg' => $e->getMessage()
]);
}
} }
@ -85,7 +132,7 @@ class TeacherScheduleTimeController extends Crud
{ {
if ($request->method() === 'POST') { if ($request->method() === 'POST') {
if($request->post('is_publish')){ if ($request->post('is_publish')) {
$request->post('is_publish', 0); $request->post('is_publish', 0);
} }
// parent::update($request); // parent::update($request);
@ -120,10 +167,10 @@ class TeacherScheduleTimeController extends Crud
foreach ($list as $item) { foreach ($list as $item) {
$time_period = explode('-', $item['time']); $time_period = explode('-', $item['time']);
if ($item['subject_id']) { if ($item['subject_id']) {
$title = $item['time'] . ' - ' . $item['subject_name'] . '/' .$item['english_name']; $title = $item['time'] . ' - ' . $item['subject_name'] . '/' . $item['english_name'];
if($item['is_publish'] == 0){ if ($item['is_publish'] == 0) {
$color = 'orange'; $color = 'orange';
}else{ } else {
$color = 'green'; $color = 'green';
} }
} else { } else {

View File

@ -1,398 +1,419 @@
<!DOCTYPE html> <!DOCTYPE html>
<html lang="zh-cn"> <html lang="zh-cn">
<head> <head>
<meta charset="utf-8"> <meta charset="utf-8">
<title>浏览页面</title> <title>浏览页面</title>
<link rel="stylesheet" href="/app/admin/component/pear/css/pear.css" /> <link rel="stylesheet" href="/app/admin/component/pear/css/pear.css"/>
<link rel="stylesheet" href="/app/admin/admin/css/reset.css" /> <link rel="stylesheet" href="/app/admin/admin/css/reset.css"/>
</head> </head>
<body class="pear-container"> <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" id="time" autocomplete="off" class="layui-input">
</div>
</div>
<div class="layui-form-item"> <!-- 顶部查询表单 -->
<label class="layui-form-label">课时</label> <div class="layui-card">
<div class="layui-input-block"> <div class="layui-card-body">
<input type="text" name="hour" value="" class="layui-input"> <form class="layui-form top-search-from">
</div>
</div>
<div class="layui-form-item"> <div class="layui-form-item">
<label class="layui-form-label">月份</label> <label class="layui-form-label">教师</label>
<div class="layui-input-block"> <div class="layui-input-block">
<input type="text" name="month" id="month" autocomplete="off" class="layui-input"> <select lay-search="" name="teacher_id">
</div> <option value="">请选择或搜索</option>
</div> {foreach $teacher as $item}
<option value="{$item['id']}">{$item['teacher_name']}</option>
<div class="layui-form-item"> {/foreach}
<label class="layui-form-label">课程id</label> </select>
<div class="layui-input-block"> </div>
<input type="number" name="subject_id" value="" class="layui-input">
</div>
</div>
<div class="layui-form-item">
<label class="layui-form-label">是否发布</label>
<div class="layui-input-block">
<div name="is_publish" id="is_publish" value="" ></div>
</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>
<div class="layui-form-item">
<!-- 数据表格 --> <label class="layui-form-label">日期</label>
<div class="layui-card"> <div class="layui-input-block">
<div class="layui-card-body"> <input type="text" name="date" id="date" value="" placeholder="请选择日期" class="layui-input">
<table id="data-table" lay-filter="data-table"></table> </div>
</div> </div>
</div>
<!-- 表格顶部工具栏 --> <!-- <div class="layui-form-item">-->
<script type="text/html" id="table-toolbar"> <!-- <label class="layui-form-label">时间</label>-->
<button class="pear-btn pear-btn-primary pear-btn-md" lay-event="add" permission="app.admin.teacherscheduletime.insert"> <!-- <div class="layui-input-block">-->
<i class="layui-icon layui-icon-add-1"></i>新增 <!-- <input type="text" name="time" id="time" autocomplete="off" class="layui-input">-->
</button> <!-- </div>-->
<button class="pear-btn pear-btn-danger pear-btn-md" lay-event="batchRemove" permission="app.admin.teacherscheduletime.delete"> <!-- </div>-->
<i class="layui-icon layui-icon-delete"></i>删除
</button>
</script>
<!-- 表格行工具栏 --> <!-- <div class="layui-form-item">-->
<script type="text/html" id="table-bar"> <!-- <label class="layui-form-label">课时</label>-->
<button class="pear-btn pear-btn-xs tool-btn" lay-event="edit" permission="app.admin.teacherscheduletime.update">编辑</button> <!-- <div class="layui-input-block">-->
<button class="pear-btn pear-btn-xs tool-btn" lay-event="remove" permission="app.admin.teacherscheduletime.delete">删除</button> <!-- <input type="text" name="hour" value="" class="layui-input">-->
</script> <!-- </div>-->
<!-- </div>-->
<script src="/app/admin/component/layui/layui.js?v=2.8.12"></script> <div class="layui-form-item">
<script src="/app/admin/component/pear/pear.js"></script> <label class="layui-form-label">月份</label>
<script src="/app/admin/admin/js/permission.js"></script> <div class="layui-input-block">
<script src="/app/admin/admin/js/common.js"></script> <input type="text" name="month" id="month" placeholder="请选择月份" autocomplete="off" class="layui-input">
</div>
<script> </div>
// 相关常量 <div class="layui-form-item">
const PRIMARY_KEY = "id"; <label class="layui-form-label">课程</label>
const SELECT_API = "/app/admin/teacher-schedule-time/select"; <div class="layui-input-block">
const UPDATE_API = "/app/admin/teacher-schedule-time/update"; <select lay-search="" name="subject_id">
const DELETE_API = "/app/admin/teacher-schedule-time/delete"; <option value="">请选择或搜索课程</option>
const INSERT_URL = "/app/admin/teacher-schedule-time/insert"; {foreach $subject as $item}
const UPDATE_URL = "/app/admin/teacher-schedule-time/update"; <option value="{$item['id']}">{$item['subject_name']}</option>
{/foreach}
// 字段 时间 time </select>
layui.use(["laydate"], function() { <!-- <input type="number" name="subject_id" value="" class="layui-input">-->
layui.laydate.render({ </div>
elem: "#time", </div>
type: "datetime",
});
})
// 字段 月份 month <div class="layui-form-item">
layui.use(["laydate"], function() { <label class="layui-form-label">是否发布</label>
layui.laydate.render({ <div class="layui-input-block">
elem: "#month", <!-- <div name="is_publish" id="is_publish" value=""></div>-->
<select lay-search="" name="is_publish">
<option value="">请选择发布状态</option>
<option value="1">已发布</option>
<option value="0">未发布</option>
</select>
</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>
// 字段 是否发布 is_publish <!-- 数据表格 -->
layui.use(["jquery", "xmSelect"], function() { <div class="layui-card">
let value = layui.$("#is_publish").attr("value"); <div class="layui-card-body">
let initValue = value ? value.split(",") : []; <table id="data-table" lay-filter="data-table"></table>
layui.xmSelect.render({ </div>
el: "#is_publish", </div>
name: "is_publish",
filterable: true,
initValue: initValue,
data: [{"value":"1","name":"是"},{"value":"0","name":"否"}],
model: {"icon":"hidden","label":{"type":"text"}},
clickClose: true,
radio: true,
})
});
// 表格渲染 <!-- 表格顶部工具栏 -->
layui.use(["table", "form", "common", "popup", "util"], function() { <script type="text/html" id="table-toolbar">
let table = layui.table; <button class="pear-btn pear-btn-primary pear-btn-md" lay-event="add"
let form = layui.form; permission="app.admin.teacherscheduletime.insert">
let $ = layui.$; <i class="layui-icon layui-icon-add-1"></i>新增
let common = layui.common; </button>
let util = layui.util; <button class="pear-btn pear-btn-danger pear-btn-md" lay-event="batchRemove"
permission="app.admin.teacherscheduletime.delete">
// 表头参数 <i class="layui-icon layui-icon-delete"></i>删除
let cols = [ </button>
{ </script>
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: "month",
},{
title: "课程id",align: "center",
field: "subject_id",
},{
title: "是否发布",align: "center",
field: "is_publish",
templet: function (d) {
let field = "is_publish";
form.on("switch("+field+")", function (data) {
let load = layer.load();
let postData = {};
postData[field] = data.elem.checked ? 1 : 0;
postData[PRIMARY_KEY] = this.value;
$.post(UPDATE_API, postData, function (res) {
layer.close(load);
if (res.code) {
return layui.popup.failure(res.msg, function () {
data.elem.checked = !data.elem.checked;
form.render();
});
}
return layui.popup.success("操作成功");
})
});
let checked = d[field] === 1 ? "checked" : "";
return '<input type="checkbox" value="'+util.escape(d[PRIMARY_KEY])+'" lay-filter="'+util.escape(field)+'" lay-skin="switch" lay-text="'+util.escape('')+'" '+checked+'/>';
}
},{
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) { <script type="text/html" id="table-bar">
if (obj.event === "add") { <button class="pear-btn pear-btn-xs tool-btn" lay-event="edit" permission="app.admin.teacherscheduletime.update">
add(); 编辑
} else if (obj.event === "refresh") { </button>
refreshTable(); <button class="pear-btn pear-btn-xs tool-btn" lay-event="remove" permission="app.admin.teacherscheduletime.delete">
} else if (obj.event === "batchRemove") { 删除
batchRemove(obj); </button>
} </script>
});
// 表格顶部搜索事件 <script src="/app/admin/component/layui/layui.js?v=2.8.12"></script>
form.on("submit(table-query)", function(data) { <script src="/app/admin/component/pear/pear.js"></script>
table.reload("data-table", { <script src="/app/admin/admin/js/permission.js"></script>
page: { <script src="/app/admin/admin/js/common.js"></script>
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)$)/, "请输入正确的身份证号"]
});
// 表格排序事件 <script>
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() { const PRIMARY_KEY = "id";
layer.open({ const SELECT_API = "/app/admin/teacher-schedule-time/select";
type: 2, const UPDATE_API = "/app/admin/teacher-schedule-time/update";
title: "新增", const DELETE_API = "/app/admin/teacher-schedule-time/delete";
shade: 0.1, const INSERT_URL = "/app/admin/teacher-schedule-time/insert";
maxmin: true, const UPDATE_URL = "/app/admin/teacher-schedule-time/update";
area: [common.isModile()?"100%":"500px", common.isModile()?"100%":"450px"],
content: INSERT_URL
});
}
// 表格编辑数据 // 字段 时间 time
let edit = function(obj) { layui.use(["laydate"], function () {
let value = obj.data[PRIMARY_KEY]; layui.laydate.render({
layer.open({ elem: "#date",
type: 2, type: "date",
title: "修改", });
shade: 0.1, })
maxmin: true,
area: [common.isModile()?"100%":"1080px", common.isModile()?"100%":"750px"],
content: UPDATE_URL + "?" + PRIMARY_KEY + "=" + value
});
}
// 删除一行 // 字段 月份 month
let remove = function(obj) { layui.use(["laydate"], function () {
return doRemove(obj.data[PRIMARY_KEY]); layui.laydate.render({
} elem: "#month",
type: "month",
});
})
// 删除多行 // 字段 是否发布 is_publish
let batchRemove = function(obj) { layui.use(["jquery", "xmSelect"], function () {
let checkIds = common.checkField(obj, PRIMARY_KEY); let value = layui.$("#is_publish").attr("value");
if (checkIds === "") { let initValue = value ? value.split(",") : [];
layui.popup.warning("未选中数据"); layui.xmSelect.render({
return false; el: "#is_publish",
} name: "is_publish",
doRemove(checkIds.split(",")); filterable: true,
} initValue: initValue,
data: [{"value": "1", "name": "是"}, {"value": "0", "name": "否"}],
model: {"icon": "hidden", "label": {"type": "text"}},
clickClose: true,
radio: true,
})
});
// 执行删除 // 表格渲染
let doRemove = function (ids) { layui.use(["table", "form", "common", "popup", "util"], function () {
let data = {}; let table = layui.table;
data[PRIMARY_KEY] = ids; let form = layui.form;
layer.confirm("确定删除?", { let $ = layui.$;
icon: 3, let common = layui.common;
title: "提示" let util = layui.util;
}, function(index) {
layer.close(index); // 表头参数
let loading = layer.load(); let cols = [
$.ajax({ {
url: DELETE_API, type: "checkbox",
data: data, align: "center"
dataType: "json", }, {
type: "post", title: "id", align: "center",
success: function(res) { field: "id",
layer.close(loading); }, {
if (res.code) { title: "教师", align: "center",
return layui.popup.failure(res.msg); field: "teacher_name",
} }, {
return layui.popup.success("操作成功", refreshTable); title: "日期", align: "center",
field: "date",
}, {
title: "时间", align: "center",
field: "time",
}, {
title: "课时", align: "center",
field: "hour",
}, {
title: "月份", align: "center",
field: "month",
}, {
title: "课程", align: "center",
field: "subject_name",
}, {
title: "是否发布", align: "center",
field: "is_publish",
templet: function (d) {
let field = "is_publish";
form.on("switch(" + field + ")", function (data) {
let load = layer.load();
let postData = {};
postData[field] = data.elem.checked ? 1 : 0;
postData[PRIMARY_KEY] = this.value;
$.post(UPDATE_API, postData, function (res) {
layer.close(load);
if (res.code) {
return layui.popup.failure(res.msg, function () {
data.elem.checked = !data.elem.checked;
form.render();
});
} }
return layui.popup.success("操作成功");
}) })
}); });
let checked = d[field] === 1 ? "checked" : "";
return '<input type="checkbox" value="' + util.escape(d[PRIMARY_KEY]) + '" lay-filter="' + util.escape(field) + '" lay-skin="switch" lay-text="' + util.escape('') + '" ' + checked + '/>';
} }
}, {
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,
}
];
// 刷新表格数据 // 渲染表格
window.refreshTable = function() { table.render({
table.reloadData("data-table", { elem: "#data-table",
scrollPos: "fixed", url: SELECT_API,
done: function (res, curr) { page: true,
if (curr > 1 && res.data && !res.data.length) { cols: [cols],
curr = curr - 1; skin: "line",
table.reloadData("data-table", { size: "lg",
page: { toolbar: "#table-toolbar",
curr: curr 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;
});
</script> // 表格顶部搜索重置事件
</body> 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> </html>

View File

@ -18,7 +18,7 @@
<div class="layui-form-item"> <div class="layui-form-item">
<label class="layui-form-label">教师</label> <label class="layui-form-label">教师</label>
<div class="layui-input-block"> <div class="layui-input-block">
<input type="text" name="teacher_name" value="{$schedule_time['teacher']['teacher_name']}" disabled class="layui-input"> <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="teacher_id" value="{$schedule_time['teacher_id']}" class="layui-input">
<input type="hidden" name="id" value="{$schedule_time['id']}" class="layui-input"> <input type="hidden" name="id" value="{$schedule_time['id']}" class="layui-input">
</div> </div>
@ -183,6 +183,7 @@
} }
return layui.popup.success("操作成功", function () { return layui.popup.success("操作成功", function () {
// parent.refreshTable(); // parent.refreshTable();
parent.refreshTable();
parent.location.reload(); parent.location.reload();
parent.layer.close(parent.layer.getFrameIndex(window.name)); parent.layer.close(parent.layer.getFrameIndex(window.name));
}); });

View File

@ -291,26 +291,16 @@
identity: [/(^$)|(^\d{15}$)|(^\d{17}(x|X|\d)$)/, "请输入正确的身份证号"] identity: [/(^$)|(^\d{15}$)|(^\d{17}(x|X|\d)$)/, "请输入正确的身份证号"]
}); });
layui.form.on("submit(save)", function (data) { layui.form.on("submit(save)", function (data) {
data.field[PRIMARY_KEY] = layui.url().search[PRIMARY_KEY]; parent.refreshTable();
layui.$.ajax({ parent.layer.close(parent.layer.getFrameIndex(window.name));
url: UPDATE_API, // return false;
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;
}); });
}); });
// 刷新表格数据
window.refreshTable = function() {
parent.refreshTable();
}
</script> </script>

View File

@ -0,0 +1,348 @@
<!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/teacher/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 === "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) {
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 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

@ -80,9 +80,10 @@
<!-- 表格行工具栏 --> <!-- 表格行工具栏 -->
<script type="text/html" id="table-bar"> <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 type="button" class="layui-btn layui-btn-xs" lay-event="edit" 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 type="button" class="layui-btn layui-btn-xs layui-bg-orange" lay-event="check_schedule" permission="app.admin.teacher.update">查看排课</button>
<button class="pear-btn pear-btn-xs tool-btn" lay-event="remove" permission="app.admin.teacher.delete">删除</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>
</script> </script>
<script src="/app/admin/component/layui/layui.js?v=2.8.12"></script> <script src="/app/admin/component/layui/layui.js?v=2.8.12"></script>
@ -159,7 +160,7 @@
toolbar: "#table-bar", toolbar: "#table-bar",
align: "center", align: "center",
fixed: "right", fixed: "right",
width: 180, width: 265,
} }
]; ];
@ -190,6 +191,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") {
check_schedule(obj);
} else if (obj.event === "rest_password") { } else if (obj.event === "rest_password") {
rest_password(obj); rest_password(obj);
} }
@ -271,6 +274,20 @@
}); });
} }
// 表格编辑数据 // 表格编辑数据
let check_schedule = function(obj) {
let value = obj.data[PRIMARY_KEY];
let index = layer.open({
type: 2,
title: "修改",
shade: 0.1,
maxmin: true,
area: [common.isModile()?"100%":"950px", common.isModile()?"100%":"750px"],
content: '/app/admin/teacher/check_schedule?id=' + value
});
layer.full(index);
}
// 表格编辑数据
let rest_password = function(obj) { let rest_password = function(obj) {
console.log() console.log()
let data = {}; let data = {};