教师排课

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()
{
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');
}
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()
{
return $this->hasOne(Subject::class, 'id', 'subject_id');
}
}

View File

@ -2,6 +2,7 @@
namespace plugin\admin\app\controller;
use app\common\model\TeacherScheduleTime;
use app\constant\ResponseCode;
use support\Request;
use support\Response;
@ -147,6 +148,70 @@ class TeacherController extends Crud
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 重置密码
* @param Request $request
@ -165,7 +230,7 @@ class TeacherController extends Crud
'salt' => $salt,
'password' => $password
]);
if(!$res){
if (!$res) {
throw new Exception('重置失败');
}

View File

@ -10,6 +10,7 @@ use support\Response;
use plugin\admin\app\model\TeacherScheduleTime;
use plugin\admin\app\controller\Crud;
use support\exception\BusinessException;
use think\Exception;
/**
* 教师空闲时间
@ -37,7 +38,53 @@ class TeacherScheduleTimeController extends Crud
*/
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->post('is_publish')){
if ($request->post('is_publish')) {
$request->post('is_publish', 0);
}
// parent::update($request);
@ -120,10 +167,10 @@ class TeacherScheduleTimeController extends Crud
foreach ($list as $item) {
$time_period = explode('-', $item['time']);
if ($item['subject_id']) {
$title = $item['time'] . ' - ' . $item['subject_name'] . '/' .$item['english_name'];
if($item['is_publish'] == 0){
$title = $item['time'] . ' - ' . $item['subject_name'] . '/' . $item['english_name'];
if ($item['is_publish'] == 0) {
$color = 'orange';
}else{
} else {
$color = 'green';
}
} else {

View File

@ -1,398 +1,419 @@
<!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" id="time" autocomplete="off" class="layui-input">
</div>
</div>
<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-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-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="text" name="month" id="month" autocomplete="off" class="layui-input">
</div>
</div>
<div class="layui-form-item">
<label class="layui-form-label">课程id</label>
<div class="layui-input-block">
<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 class="layui-form-item">
<label class="layui-form-label">教师</label>
<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-card">
<div class="layui-card-body">
<table id="data-table" lay-filter="data-table"></table>
<div class="layui-form-item">
<label class="layui-form-label">日期</label>
<div class="layui-input-block">
<input type="text" name="date" id="date" value="" placeholder="请选择日期" class="layui-input">
</div>
</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.teacherscheduletime.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.teacherscheduletime.delete">
<i class="layui-icon layui-icon-delete"></i>删除
</button>
</script>
<!-- <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>-->
<!-- 表格行工具栏 -->
<script type="text/html" id="table-bar">
<button class="pear-btn pear-btn-xs tool-btn" lay-event="edit" permission="app.admin.teacherscheduletime.update">编辑</button>
<button class="pear-btn pear-btn-xs tool-btn" lay-event="remove" permission="app.admin.teacherscheduletime.delete">删除</button>
</script>
<!-- <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>-->
<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>
<div class="layui-form-item">
<label class="layui-form-label">月份</label>
<div class="layui-input-block">
<input type="text" name="month" id="month" placeholder="请选择月份" autocomplete="off" class="layui-input">
</div>
</div>
// 相关常量
const PRIMARY_KEY = "id";
const SELECT_API = "/app/admin/teacher-schedule-time/select";
const UPDATE_API = "/app/admin/teacher-schedule-time/update";
const DELETE_API = "/app/admin/teacher-schedule-time/delete";
const INSERT_URL = "/app/admin/teacher-schedule-time/insert";
const UPDATE_URL = "/app/admin/teacher-schedule-time/update";
// 字段 时间 time
layui.use(["laydate"], function() {
layui.laydate.render({
elem: "#time",
type: "datetime",
});
})
<div class="layui-form-item">
<label class="layui-form-label">课程</label>
<div class="layui-input-block">
<select lay-search="" name="subject_id">
<option value="">请选择或搜索课程</option>
{foreach $subject as $item}
<option value="{$item['id']}">{$item['subject_name']}</option>
{/foreach}
</select>
<!-- <input type="number" name="subject_id" value="" class="layui-input">-->
</div>
</div>
// 字段 月份 month
layui.use(["laydate"], function() {
layui.laydate.render({
elem: "#month",
<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>-->
<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() {
let value = layui.$("#is_publish").attr("value");
let initValue = value ? value.split(",") : [];
layui.xmSelect.render({
el: "#is_publish",
name: "is_publish",
filterable: true,
initValue: initValue,
data: [{"value":"1","name":"是"},{"value":"0","name":"否"}],
model: {"icon":"hidden","label":{"type":"text"}},
clickClose: true,
radio: true,
})
});
<!-- 数据表格 -->
<div class="layui-card">
<div class="layui-card-body">
<table id="data-table" lay-filter="data-table"></table>
</div>
</div>
// 表格渲染
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: "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);
}
});
<!-- 表格顶部工具栏 -->
<script type="text/html" id="table-toolbar">
<button class="pear-btn pear-btn-primary pear-btn-md" lay-event="add"
permission="app.admin.teacherscheduletime.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.teacherscheduletime.delete">
<i class="layui-icon layui-icon-delete"></i>删除
</button>
</script>
// 表格顶部工具栏事件
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);
}
});
<!-- 表格行工具栏 -->
<script type="text/html" id="table-bar">
<button class="pear-btn pear-btn-xs tool-btn" lay-event="edit" permission="app.admin.teacherscheduletime.update">
编辑
</button>
<button class="pear-btn pear-btn-xs tool-btn" lay-event="remove" permission="app.admin.teacherscheduletime.delete">
删除
</button>
</script>
// 表格顶部搜索事件
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)$)/, "请输入正确的身份证号"]
});
<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>
// 表格排序事件
table.on("sort(data-table)", function(obj){
table.reload("data-table", {
initSort: obj,
scrollPos: "fixed",
where: {
field: obj.field,
order: obj.type
}
});
});
<script>
// 表格新增数据
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
});
}
// 相关常量
const PRIMARY_KEY = "id";
const SELECT_API = "/app/admin/teacher-schedule-time/select";
const UPDATE_API = "/app/admin/teacher-schedule-time/update";
const DELETE_API = "/app/admin/teacher-schedule-time/delete";
const INSERT_URL = "/app/admin/teacher-schedule-time/insert";
const UPDATE_URL = "/app/admin/teacher-schedule-time/update";
// 表格编辑数据
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
});
}
// 字段 时间 time
layui.use(["laydate"], function () {
layui.laydate.render({
elem: "#date",
type: "date",
});
})
// 删除一行
let remove = function(obj) {
return doRemove(obj.data[PRIMARY_KEY]);
}
// 字段 月份 month
layui.use(["laydate"], function () {
layui.laydate.render({
elem: "#month",
type: "month",
});
})
// 删除多行
let batchRemove = function(obj) {
let checkIds = common.checkField(obj, PRIMARY_KEY);
if (checkIds === "") {
layui.popup.warning("未选中数据");
return false;
}
doRemove(checkIds.split(","));
}
// 字段 是否发布 is_publish
layui.use(["jquery", "xmSelect"], function () {
let value = layui.$("#is_publish").attr("value");
let initValue = value ? value.split(",") : [];
layui.xmSelect.render({
el: "#is_publish",
name: "is_publish",
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) {
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);
// 表格渲染
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: "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.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
},
})
}
}
});
}
// 渲染表格
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;
});
</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>

View File

@ -18,7 +18,7 @@
<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']['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="id" value="{$schedule_time['id']}" class="layui-input">
</div>
@ -183,6 +183,7 @@
}
return layui.popup.success("操作成功", function () {
// parent.refreshTable();
parent.refreshTable();
parent.location.reload();
parent.layer.close(parent.layer.getFrameIndex(window.name));
});

View File

@ -291,26 +291,16 @@
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;
parent.refreshTable();
parent.layer.close(parent.layer.getFrameIndex(window.name));
// return false;
});
});
// 刷新表格数据
window.refreshTable = function() {
parent.refreshTable();
}
</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">
<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="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>
<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-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 src="/app/admin/component/layui/layui.js?v=2.8.12"></script>
@ -159,7 +160,7 @@
toolbar: "#table-bar",
align: "center",
fixed: "right",
width: 180,
width: 265,
}
];
@ -190,6 +191,8 @@
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);
}
@ -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) {
console.log()
let data = {};