|
@@ -32,103 +32,69 @@
|
|
<div class="tplay-body-div">
|
|
<div class="tplay-body-div">
|
|
|
|
|
|
|
|
|
|
- <div class="layui-tab">
|
|
|
|
- <ul class="layui-tab-title">
|
|
|
|
- <li><a href="{:url('admin/appointment/index',['pid'=>$Request.param.pid])}" class="a_menu">列表</a></li>
|
|
|
|
- <li class="layui-this">新增</li>
|
|
|
|
- </ul>
|
|
|
|
- </div>
|
|
|
|
-
|
|
|
|
-
|
|
|
|
-
|
|
|
|
<div style="margin-top: 20px;"></div>
|
|
<div style="margin-top: 20px;"></div>
|
|
<form class="layui-form" id="publish" method="post" lay-filter="myform">
|
|
<form class="layui-form" id="publish" method="post" lay-filter="myform">
|
|
|
|
|
|
- <div class="layui-tab">
|
|
|
|
- <ul class="layui-tab-title">
|
|
|
|
- <li class="layui-this">按工作日排号</li>
|
|
|
|
- <li>按时间跨度排号</li>
|
|
|
|
- </ul>
|
|
|
|
- <div class="layui-tab-content" style="padding: 0;padding-top: 10px;">
|
|
|
|
- <div class="layui-tab-item layui-show">
|
|
|
|
- <div class="layui-form-item">
|
|
|
|
- <label class="layui-form-label">工作日</label>
|
|
|
|
- <div class="layui-input-block">
|
|
|
|
- <input type="checkbox" name="weeks[1]" title="周一">
|
|
|
|
- <input type="checkbox" name="weeks[2]" title="周二">
|
|
|
|
- <input type="checkbox" name="weeks[3]" title="周三">
|
|
|
|
- <input type="checkbox" name="weeks[4]" title="周四">
|
|
|
|
- <input type="checkbox" name="weeks[5]" title="周五" checked>
|
|
|
|
- <input type="checkbox" name="weeks[6]" title="周六">
|
|
|
|
- <input type="checkbox" name="weeks[7]" title="周日">
|
|
|
|
- </div>
|
|
|
|
- </div>
|
|
|
|
- </div>
|
|
|
|
- <div class="layui-tab-item">
|
|
|
|
- <!-- 时间 -->
|
|
|
|
- <div class="layui-form-item">
|
|
|
|
- <label class="layui-form-label">日期跨度</label>
|
|
|
|
- <div class="layui-input-inline" style="width:600px;">
|
|
|
|
- <input name="start_time" id="start_time" autocomplete="off" placeholder="开始日期 - 结束日期" class="layui-input"
|
|
|
|
- type="text">
|
|
|
|
- </div>
|
|
|
|
- </div>
|
|
|
|
- </div>
|
|
|
|
|
|
+ <div class="layui-form-item">
|
|
|
|
+ <label class="layui-form-label">工作日</label>
|
|
|
|
+ <div class="layui-input-block">
|
|
|
|
+ <input type="checkbox" name="weeks[1]" title="周一">
|
|
|
|
+ <input type="checkbox" name="weeks[2]" title="周二">
|
|
|
|
+ <input type="checkbox" name="weeks[3]" title="周三">
|
|
|
|
+ <input type="checkbox" name="weeks[4]" title="周四">
|
|
|
|
+ <input type="checkbox" name="weeks[5]" title="周五" checked>
|
|
|
|
+ <input type="checkbox" name="weeks[6]" title="周六">
|
|
|
|
+ <input type="checkbox" name="weeks[7]" title="周日">
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
|
|
-
|
|
|
|
-
|
|
|
|
-
|
|
|
|
- <!-- 数字 -->
|
|
|
|
<div class="layui-form-item">
|
|
<div class="layui-form-item">
|
|
- <label class="layui-form-label">上午放号个数</label>
|
|
|
|
- <div class="layui-input-inline" style="max-width:300px;">
|
|
|
|
- <input name="morning_num" autocomplete="off" placeholder="请输入" class="layui-input" type="number"
|
|
|
|
- value="20">
|
|
|
|
- </div>
|
|
|
|
- <div class="layui-form-mid">时段</div>
|
|
|
|
|
|
+ <label class="layui-form-label">上午时段</label>
|
|
|
|
+
|
|
<div class="layui-input-inline" style="width:350px;">
|
|
<div class="layui-input-inline" style="width:350px;">
|
|
- <input name="morning_start_time" id="morning_start_time" autocomplete="off" placeholder="开始时间 - 结束时间"
|
|
|
|
- class="layui-input" type="text" >
|
|
|
|
|
|
+ <input type="text" name="morning_time_periods[]" placeholder="请输入,格式如:08:00 - 12:00" autocomplete="off"
|
|
|
|
+ class="layui-input test-item" value="">
|
|
</div>
|
|
</div>
|
|
- </div>
|
|
|
|
|
|
|
|
- <!-- 数字 -->
|
|
|
|
- <div class="layui-form-item">
|
|
|
|
- <label class="layui-form-label">下午放号个数</label>
|
|
|
|
- <div class="layui-input-inline" style="max-width:300px;">
|
|
|
|
- <input name="afternoon_num" autocomplete="off" placeholder="请输入" class="layui-input" type="number"
|
|
|
|
- value="20">
|
|
|
|
- </div>
|
|
|
|
- <div class="layui-form-mid">时段</div>
|
|
|
|
- <div class="layui-input-inline" style="width:350px;">
|
|
|
|
- <input name="afternoon_start_time" id="afternoon_start_time" autocomplete="off" placeholder="开始时间 - 结束时间"
|
|
|
|
- class="layui-input" type="text" >
|
|
|
|
|
|
+ <div class="layui-inline" style="margin-top: 5px;">
|
|
|
|
+ <div class="layui-btn-group">
|
|
|
|
+ <button type="button"
|
|
|
|
+ class="layui-btn layui-btn-primary layui-btn-sm createinput"
|
|
|
|
+ lay-filter="createinput"><i class="layui-icon"></i></button>
|
|
|
|
+ </div>
|
|
</div>
|
|
</div>
|
|
|
|
+
|
|
|
|
+ <!--<div class="layui-inline">-->
|
|
|
|
+ <!--<div class="layui-input-inline" style="width:350px;">-->
|
|
|
|
+ <!--<input type="checkbox" name="show_morning" title="显示" checked>-->
|
|
|
|
+ <!--</div>-->
|
|
|
|
+ <!--</div>-->
|
|
</div>
|
|
</div>
|
|
- <!-- 数字 -->
|
|
|
|
|
|
+
|
|
|
|
+
|
|
|
|
+
|
|
<div class="layui-form-item">
|
|
<div class="layui-form-item">
|
|
- <label class="layui-form-label">晚上放号个数</label>
|
|
|
|
- <div class="layui-input-inline" style="max-width:300px;">
|
|
|
|
- <input name="night_num" autocomplete="off" placeholder="请输入" class="layui-input" type="number"
|
|
|
|
- value="10">
|
|
|
|
- </div>
|
|
|
|
- <div class="layui-form-mid">时段</div>
|
|
|
|
|
|
+ <label class="layui-form-label">下午时段</label>
|
|
|
|
+
|
|
<div class="layui-input-inline" style="width:350px;">
|
|
<div class="layui-input-inline" style="width:350px;">
|
|
- <input name="night_start_time" id="night_start_time" autocomplete="off" placeholder="开始时间 - 结束时间"
|
|
|
|
- class="layui-input" type="text" >
|
|
|
|
|
|
+ <input type="text" name="afternoon_time_periods[]" placeholder="请输入,格式如:14:00 - 18:00" autocomplete="off"
|
|
|
|
+ class="layui-input test-item" value="">
|
|
|
|
+ </div>
|
|
|
|
+
|
|
|
|
+ <div class="layui-inline" style="margin-top: 5px;">
|
|
|
|
+ <div class="layui-btn-group">
|
|
|
|
+ <button type="button"
|
|
|
|
+ class="layui-btn layui-btn-primary layui-btn-sm createinput2"
|
|
|
|
+ lay-filter="createinput"><i class="layui-icon"></i></button>
|
|
|
|
+ </div>
|
|
</div>
|
|
</div>
|
|
- </div>
|
|
|
|
|
|
|
|
- <!--<div class="layui-form-item">-->
|
|
|
|
- <!--<label class="layui-form-label">服务价格</label>-->
|
|
|
|
- <!--<div class="layui-input-inline" style="max-width:300px;">-->
|
|
|
|
- <!--<input name="price" lay-verify="required" autocomplete="off" placeholder="请输入" class="layui-input"-->
|
|
|
|
- <!--type="text" value="">-->
|
|
|
|
|
|
+ <!--<div class="layui-inline">-->
|
|
|
|
+ <!--<div class="layui-input-inline" style="width:350px;">-->
|
|
|
|
+ <!--<input type="checkbox" name="show_afternoon" title="显示" checked>-->
|
|
<!--</div>-->
|
|
<!--</div>-->
|
|
- <!--<div class="layui-form-mid layui-word-aux">必填</div>-->
|
|
|
|
- <!--</div>-->
|
|
|
|
|
|
+ <!--</div>-->
|
|
|
|
+ </div>
|
|
|
|
|
|
|
|
|
|
<input type="hidden" name="pid" value="{$Request.param.pid}">
|
|
<input type="hidden" name="pid" value="{$Request.param.pid}">
|
|
@@ -144,6 +110,52 @@
|
|
</div>
|
|
</div>
|
|
</form>
|
|
</form>
|
|
|
|
|
|
|
|
+
|
|
|
|
+
|
|
|
|
+ <div id="create_input" style="display:none">
|
|
|
|
+ <div class="layui-form-item">
|
|
|
|
+ <label class="layui-form-label"></label>
|
|
|
|
+ <div class="layui-input-inline" style="width:350px;">
|
|
|
|
+ <input type="text" name="morning_time_periods[]" placeholder="请输入,格式如:08:00 - 12:00" autocomplete="off"
|
|
|
|
+ class="layui-input test-item" value="">
|
|
|
|
+ </div>
|
|
|
|
+
|
|
|
|
+ <div class="layui-inline" style="margin-top: 5px;">
|
|
|
|
+ <div class="layui-btn-group">
|
|
|
|
+ <button type="button"
|
|
|
|
+ class="layui-btn layui-btn-primary layui-btn-sm createinput"
|
|
|
|
+ lay-filter="createinput"><i class="layui-icon"></i></button>
|
|
|
|
+ <button type="button"
|
|
|
|
+ class="layui-btn layui-btn-primary layui-btn-sm deleteinput"
|
|
|
|
+ lay-filter="deleteinput"><i class="layui-icon"></i></button>
|
|
|
|
+ </div>
|
|
|
|
+ </div>
|
|
|
|
+ </div>
|
|
|
|
+ </div>
|
|
|
|
+
|
|
|
|
+
|
|
|
|
+ <div id="create_input2" style="display:none">
|
|
|
|
+ <div class="layui-form-item">
|
|
|
|
+ <label class="layui-form-label"></label>
|
|
|
|
+ <div class="layui-input-inline" style="width:350px;">
|
|
|
|
+ <input type="text" name="afternoon_time_periods[]" placeholder="请输入,格式如:14:00 - 18:00" autocomplete="off"
|
|
|
|
+ class="layui-input test-item" value="">
|
|
|
|
+ </div>
|
|
|
|
+
|
|
|
|
+ <div class="layui-inline" style="margin-top: 5px;">
|
|
|
|
+ <div class="layui-btn-group">
|
|
|
|
+ <button type="button"
|
|
|
|
+ class="layui-btn layui-btn-primary layui-btn-sm createinput2"
|
|
|
|
+ lay-filter="createinput"><i class="layui-icon"></i></button>
|
|
|
|
+ <button type="button"
|
|
|
|
+ class="layui-btn layui-btn-primary layui-btn-sm deleteinput"
|
|
|
|
+ lay-filter="deleteinput"><i class="layui-icon"></i></button>
|
|
|
|
+ </div>
|
|
|
|
+ </div>
|
|
|
|
+ </div>
|
|
|
|
+ </div>
|
|
|
|
+
|
|
|
|
+
|
|
<script>
|
|
<script>
|
|
layui.use(['layer', 'form', 'laydate','element'], function () {
|
|
layui.use(['layer', 'form', 'laydate','element'], function () {
|
|
var layer = layui.layer,
|
|
var layer = layui.layer,
|
|
@@ -154,27 +166,13 @@
|
|
$(window).on('load', function () {
|
|
$(window).on('load', function () {
|
|
form.on('submit(admin)', function (data) {
|
|
form.on('submit(admin)', function (data) {
|
|
|
|
|
|
- if($('#publish .layui-this').text() == '按时间跨度排号'){
|
|
|
|
- //给表单赋值
|
|
|
|
- form.val("myform", { //即 class="layui-form" 所在元素属性 lay-filter="" 对应的值
|
|
|
|
- "weeks[1]": false // "name": "value"
|
|
|
|
- ,"weeks[2]": false
|
|
|
|
- ,"weeks[3]": false
|
|
|
|
- ,"weeks[4]": false
|
|
|
|
- ,"weeks[5]": false
|
|
|
|
- ,"weeks[6]": false
|
|
|
|
- ,"weeks[7]": false
|
|
|
|
- });
|
|
|
|
- }else{
|
|
|
|
- //获取表单区域所有值
|
|
|
|
- var data = form.val("myform");
|
|
|
|
- if (data['weeks[1]'] == null && data['weeks[2]'] == null && data['weeks[3]'] == null && data['weeks[4]'] == null && data['weeks[5]'] == null && data['weeks[6]'] == null && data['weeks[7]'] == null) {
|
|
|
|
- layer.msg('请选择排号的工作日');
|
|
|
|
- return false;
|
|
|
|
- }
|
|
|
|
|
|
+ //获取表单区域所有值
|
|
|
|
+ var data = form.val("myform");
|
|
|
|
+ if (data['weeks[1]'] == null && data['weeks[2]'] == null && data['weeks[3]'] == null && data['weeks[4]'] == null && data['weeks[5]'] == null && data['weeks[6]'] == null && data['weeks[7]'] == null) {
|
|
|
|
+ layer.msg('请选择排号的工作日');
|
|
|
|
+ return false;
|
|
}
|
|
}
|
|
|
|
|
|
-
|
|
|
|
$.ajax({
|
|
$.ajax({
|
|
url: "{:url('publish')}",
|
|
url: "{:url('publish')}",
|
|
data: $('#publish').serialize(),
|
|
data: $('#publish').serialize(),
|
|
@@ -184,7 +182,7 @@
|
|
success: function (res) {
|
|
success: function (res) {
|
|
if (res.code == 1) {
|
|
if (res.code == 1) {
|
|
layer.alert(res.msg, function (index) {
|
|
layer.alert(res.msg, function (index) {
|
|
- location.href = "{:url('admin/appointment/index')}?pid=" + res.data.pid;
|
|
|
|
|
|
+ location.href = "{:url('admin/appointment/publish')}?pid=" + res.data.pid;
|
|
})
|
|
})
|
|
} else {
|
|
} else {
|
|
layer.msg(res.msg);
|
|
layer.msg(res.msg);
|
|
@@ -194,44 +192,40 @@
|
|
return false;
|
|
return false;
|
|
});
|
|
});
|
|
|
|
|
|
-
|
|
|
|
- //日期范围
|
|
|
|
- laydate.render({
|
|
|
|
- elem: '#start_time',
|
|
|
|
- range: true,
|
|
|
|
- type: 'datetime',
|
|
|
|
- theme: 'molv',
|
|
|
|
- mark: {
|
|
|
|
- '{:date("Y-m-d",time())}': '今天'
|
|
|
|
- },
|
|
|
|
- calendar: true,
|
|
|
|
- format:'yyyy年MM月dd',
|
|
|
|
- value:'{:date("Y年m月d",time())} - {:date("Y年m月d",strtotime("+ 8 days",time()))}'
|
|
|
|
- });
|
|
|
|
- laydate.render({
|
|
|
|
- elem: '#morning_start_time', //指定元素
|
|
|
|
- range: true,
|
|
|
|
- type: 'time',
|
|
|
|
- theme: 'molv',
|
|
|
|
- value:'08:00:00 - 12:00:00'
|
|
|
|
- });
|
|
|
|
- laydate.render({
|
|
|
|
- elem: '#afternoon_start_time', //指定元素
|
|
|
|
- range: true,
|
|
|
|
- type: 'time',
|
|
|
|
- theme: 'molv',
|
|
|
|
- value:'14:00:00 - 18:00:00'
|
|
|
|
- });
|
|
|
|
- laydate.render({
|
|
|
|
- elem: '#night_start_time', //指定元素
|
|
|
|
- range: true,
|
|
|
|
- type: 'time',
|
|
|
|
- theme: 'molv',
|
|
|
|
- value:'20:00:00 - 23:59:59'
|
|
|
|
- });
|
|
|
|
-
|
|
|
|
});
|
|
});
|
|
});
|
|
});
|
|
|
|
+
|
|
|
|
+
|
|
|
|
+ function createinput(ele) {
|
|
|
|
+ var parent = ele.parent().parent().parent();
|
|
|
|
+ parent.after($('#create_input').prop("innerHTML"));
|
|
|
|
+ init()
|
|
|
|
+ }
|
|
|
|
+ function createinput2(ele) {
|
|
|
|
+ var parent = ele.parent().parent().parent();
|
|
|
|
+ parent.after($('#create_input2').prop("innerHTML"));
|
|
|
|
+ init()
|
|
|
|
+ }
|
|
|
|
+ function deleteinput(ele) {
|
|
|
|
+ if(ele.parent().parent().next().text() == "")
|
|
|
|
+ ele.parent().parent().parent().remove();
|
|
|
|
+ }
|
|
|
|
+
|
|
|
|
+ function init() {
|
|
|
|
+ $('.createinput').off("click").click(function () {
|
|
|
|
+ createinput($(this))
|
|
|
|
+ })
|
|
|
|
+ $('.createinput2').off("click").click(function () {
|
|
|
|
+ createinput2($(this))
|
|
|
|
+ })
|
|
|
|
+ $('.deleteinput').off("click").click(function () {
|
|
|
|
+ deleteinput($(this))
|
|
|
|
+ })
|
|
|
|
+ }
|
|
|
|
+
|
|
|
|
+ $(function () {
|
|
|
|
+ init()
|
|
|
|
+ })
|
|
</script>
|
|
</script>
|
|
</div>
|
|
</div>
|
|
</body>
|
|
</body>
|