<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
<title>弹窗实例</title>
<link rel="stylesheet" href="../../assets/libs/layui/css/layui.css"/>
<link rel="stylesheet" href="../../assets/module/admin.css?v=315"/>
<!--[if lt IE 9]>
<script src="https://oss.maxcdn.com/html5shiv/3.7.3/html5shiv.min.js"></script>
<script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
<![endif]-->
<style>
/** 评论列表弹窗样式 */
.layui-layer-content > .layui-table-view {
margin: 0;
}
/** 查看详情弹窗样式 */
.paper-info-group {
padding: 15px 25px;
}
.paper-info-group h3 {
font-weight: bold;
color: #000000;
padding-bottom: 8px;
}
.paper-info-group p {
color: #666;
padding-bottom: 12px;
font-size: 16px;
}
.paper-info-group .paper-info-group-imgs {
padding-top: 5px;
}
.paper-info-group .paper-info-group-imgs img {
margin-right: 15px;
margin-bottom: 15px;
cursor: zoom-in;
}
.paper-info-group .paper-info-group-imgs img:last-child {
margin-right: 0;
}
/** 状态列 */
*[lay-event] {
cursor: pointer;
}
/* 日期组件不显示秒 */
.laydate-time-list li:last-child {
display: none;
}
.laydate-time-list li {
width: 50% !important;
}
.laydate-time-list ol li {
padding-left: 55px !important;
width: 100% !important;
}
</style>
</head>
<body>
<!-- 加载动画 -->
<div class="page-loading">
<div class="ball-loader">
<span></span><span></span><span></span><span></span>
</div>
</div>
<!-- 正文开始 -->
<div class="layui-fluid">
<div class="layui-card">
<div class="layui-card-header">表单弹窗实例</div>
<div class="layui-card-body">
<button id="demoEDBtnAddStudent" class="layui-btn">添加学生</button>
<button id="demoEDBtnAddCourseS" class="layui-btn">添加排课</button>
</div>
</div>
<div class="layui-card">
<div class="layui-card-header">表格+弹窗实例</div>
<div class="layui-card-body">
<table id="demoTableED1" lay-filter="demoTableED1"></table>
</div>
</div>
</div>
<!-- 添加学生表单弹窗 -->
<script type="text/html" id="EDModelAddStudent">
<form id="EDStudentForm" lay-filter="EDStudentForm" class="layui-form model-form layui-row">
<input name="studentId" type="hidden"/>
<div class="layui-col-md6">
<div class="layui-form-item">
<label class="layui-form-label">学院专业</label>
<div class="layui-input-block">
<input name="profession" placeholder="请选择学院专业" lay-verType="tips" lay-verify="required" required/>
</div>
</div>
<div class="layui-form-item">
<label class="layui-form-label">班级</label>
<div class="layui-input-block">
<input name="className" placeholder="请输入班级" type="text" class="layui-input"
lay-verType="tips" lay-verify="required" required/>
</div>
</div>
<div class="layui-form-item">
<label class="layui-form-label">入学年份</label>
<div class="layui-input-block">
<input name="schoolYear" placeholder="请选择入学年份" type="text" class="layui-input date-icon"
readonly="readonly" lay-verType="tips" lay-verify="required" required/>
</div>
</div>
<div class="layui-form-item">
<label class="layui-form-label">学号</label>
<div class="layui-input-block">
<input name="username" placeholder="请输入学号" type="text" class="layui-input" maxlength="20"
lay-verType="tips" lay-verify="required" required/>
</div>
</div>
<div class="layui-form-item">
<label class="layui-form-label">姓名</label>
<div class="layui-input-block">
<input name="nickName" placeholder="请输入姓名" type="text" class="layui-input" maxlength="20"
lay-verType="tips" lay-verify="required" required/>
</div>
</div>
</div>
<div class="layui-col-md6">
<div class="layui-form-item">
<label class="layui-form-label" style="padding-left: 0;padding-right: 0;width: 98px;">个性标签</label>
<div class="layui-input-block">
<input name="label" value="学霸,萌妹" class="layui-hide" lay-verType="tips"
lay-verify="required" required/>
</div>
</div>
<div class="layui-form-item">
<label class="layui-form-label">手机号</label>
<div class="layui-input-block">
<input name="phone" placeholder="请输入手机号" type="text" class="layui-input"
lay-verType="tips" lay-verify="required|phone" required/>
</div>
</div>
<div class="layui-form-item">
<label class="layui-form-label">性别</label>
<div class="layui-input-block">
<input type="radio" name="sex" value="男" title="男" checked/>
<input type="radio" name="sex" value="女" title="女"/>
</div>
</div>
<div class="layui-form-item">
<label class="layui-form-label">紧急联系人</label>
<div class="layui-input-block">
<input name="jjContactUser" placeholder="请输入紧急联系人" type="text" class="layui-input"
lay-verType="tips" lay-verify="required" required/>
</div>
</div>
<div class="layui-form-item">
<label class="layui-form-label" style="padding-left: 0;padding-right: 0;width: 98px;">紧急联系方式</label>
<div class="layui-input-block">
<input name="jjContact" placeholder="请输入紧急联系方式" type="text" class="layui-input"
lay-verType="tips" lay-verify="required|phone" required/>
</div>
</div>
</div>
<div class="layui-form-item text-right">
<button class="layui-btn layui-btn-primary" type="button" ew-event="closePageDialog">取消</button>
<button class="layui-btn" lay-filter="EDStudentModelSubmit" lay-submit>保存</button>
</div>
</form>
</script>
<!-- 添加排课表单弹窗 -->
<script type="text/html" id="EDModelAddCourseS">
<form id="EDCourseForm" lay-filter="EDCourseForm" class="layui-form model-form layui-row">
<input name="schedulingId" type="hidden"/>
<div class="layui-row">
<div class="layui-col-md6">
<div class="layui-form-item">
<label class="layui-form-label">课程:</label>
<div class="layui-input-block">
<select name="courseId" lay-verType="tips" lay-verify=