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