|
@@ -36,19 +36,14 @@
|
|
|
</ul>
|
|
|
</div>
|
|
|
|
|
|
- <script type="text/html" id="toolbarDemo">
|
|
|
- <div class="layui-btn-container">
|
|
|
- <button class="layui-btn layui-btn-danger layui-btn-sm" lay-event="deletes">批量删除</button>
|
|
|
- </div>
|
|
|
- </script>
|
|
|
|
|
|
<form class="layui-form serch" action="index" method="post">
|
|
|
<div class="layui-form-item" style="float: left;">
|
|
|
|
|
|
- <div class="layui-input-inline">
|
|
|
- <input type="text" name="ids" autocomplete="off" placeholder="请输入ID,多个id逗号分隔"
|
|
|
- class="layui-input layui-btn-sm">
|
|
|
- </div>
|
|
|
+ <!--<div class="layui-input-inline">-->
|
|
|
+ <!--<input type="text" name="ids" autocomplete="off" placeholder="请输入ID,多个id逗号分隔"-->
|
|
|
+ <!--class="layui-input layui-btn-sm">-->
|
|
|
+ <!--</div>-->
|
|
|
<div class="layui-input-inline">
|
|
|
<input type="text" name="name" autocomplete="off" placeholder="姓名(模糊搜索)"
|
|
|
class="layui-input layui-btn-sm">
|
|
@@ -98,16 +93,36 @@
|
|
|
|
|
|
<script type="text/html" id="barDemo">
|
|
|
<div class="layui-btn-group">
|
|
|
+ <button class="layui-btn layui-btn-xs delete" lay-event="view"><i class="layui-icon"
|
|
|
+ style="margin-right: 0;"></i></button>
|
|
|
<button class="layui-btn layui-btn-xs a_menu" lay-event="edit"><i class="layui-icon"
|
|
|
style="margin-right: 0;"></i></button>
|
|
|
- <button class="layui-btn layui-btn-xs delete" lay-event="del"><i class="layui-icon"
|
|
|
- style="margin-right: 0;"></i></button>
|
|
|
</div>
|
|
|
</script>
|
|
|
|
|
|
<table class="layui-table" id="table" lay-filter="table"></table>
|
|
|
{include file="public/foot"}
|
|
|
|
|
|
+
|
|
|
+ <form id="myForm" style="display:none;margin: 10px 30px;" class="layui-form alert-form">
|
|
|
+ <table class="layui-table">
|
|
|
+ <colgroup>
|
|
|
+ <col width="100">
|
|
|
+ <col width="200">
|
|
|
+ </colgroup>
|
|
|
+ <tbody id="mytable">
|
|
|
+ <!--<tr>-->
|
|
|
+ <!--<td>贤心</td>-->
|
|
|
+ <!--<td>2016-11-29</td>-->
|
|
|
+ <!--</tr>-->
|
|
|
+ <!--<tr>-->
|
|
|
+ <!--<td>许闲心</td>-->
|
|
|
+ <!--<td>2016-11-28</td>-->
|
|
|
+ <!--</tr>-->
|
|
|
+ </tbody>
|
|
|
+ </table>
|
|
|
+ </form>
|
|
|
+
|
|
|
<script type="text/javascript">
|
|
|
layui.use(['table', 'layer', 'form', 'laydate'], function () {
|
|
|
var table = layui.table,
|
|
@@ -126,24 +141,56 @@
|
|
|
, page: true //开启分页
|
|
|
, cols: [[ //表头
|
|
|
{type: 'checkbox'},
|
|
|
-
|
|
|
{field: 'id', title: 'ID', width: 60},
|
|
|
- {field: "name", title: '姓名'},
|
|
|
- {field: "sex", title: '性别'},
|
|
|
- {field: "phone", title: '电话'},
|
|
|
+ {field: "name", title: '姓名', width: 90},
|
|
|
+ {field: "phone", title: '电话', width: 120},
|
|
|
{field: "problem_desc", title: '问题描述'},
|
|
|
{field: "requirement_desc", title: '需求描述'},
|
|
|
{field: "appointment_time", title: '预约时间段'},
|
|
|
- {field: "status", title: '订单状态'},
|
|
|
{field: "remark", title: '备注'},
|
|
|
{field: "create_time", title: '下单时间'},
|
|
|
- {field: "finish_time", title: '完成时间'},
|
|
|
- {field: 'action', title: '操作', toolbar: '#barDemo', fixed: 'right'}
|
|
|
+ {field:'status',title:'订单状态', width: 80, templet:function (row) {
|
|
|
+ if (row.finish_time == 0) {
|
|
|
+ return '<span class="layui-badge status" style="background-color: #8FCDA0" data-id="' + row.id + '">' + row.status_text + '</span>';
|
|
|
+ }
|
|
|
+ return '<span class="layui-badge layui-bg-gray">' + row.status_text + '</span>';
|
|
|
+ }},
|
|
|
+ {field: 'action', title: '操作', toolbar: '#barDemo', fixed: 'right' ,align: 'center',width:110}
|
|
|
]],
|
|
|
done: function () {
|
|
|
- if (isExitsFunction('showThumb')) {
|
|
|
- showThumb()
|
|
|
- }
|
|
|
+ $('.status').click(function () {
|
|
|
+ var id = $(this).attr('data-id');
|
|
|
+ layer.msg('修改订单状态', {
|
|
|
+ time: 20000,
|
|
|
+ btn: ['已签到', '已爽约', '再想想'],
|
|
|
+ yes: function (index, layero) {
|
|
|
+ $.ajax({
|
|
|
+ url: "{:url('status')}",
|
|
|
+ type: 'post',
|
|
|
+ dataType: 'json', data: {id: id, status: '1'},
|
|
|
+ success: function (res) {
|
|
|
+ layer.msg(res.msg);
|
|
|
+ if (res.code == 1) {
|
|
|
+ table.reload('table');
|
|
|
+ }
|
|
|
+ }
|
|
|
+ })
|
|
|
+ },
|
|
|
+ btn2: function (index, layero) {
|
|
|
+ $.ajax({
|
|
|
+ url: "{:url('status')}",
|
|
|
+ type: 'post',
|
|
|
+ dataType: 'json', data: {id: id, status: '2'},
|
|
|
+ success: function (res) {
|
|
|
+ layer.msg(res.msg);
|
|
|
+ if (res.code == 1) {
|
|
|
+ table.reload('table');
|
|
|
+ }
|
|
|
+ }
|
|
|
+ })
|
|
|
+ }
|
|
|
+ })
|
|
|
+ })
|
|
|
}
|
|
|
});
|
|
|
|
|
@@ -193,56 +240,55 @@
|
|
|
window.parent.tab.tabAdd({
|
|
|
icon: "fa-bookmark",
|
|
|
id: "tplay_appointment_application" + obj.data.id,
|
|
|
- title: obj.data.title == null ? "预约记录" + obj.data.id : obj.data.title,
|
|
|
+ title: "预约记录:" + obj.data.name,
|
|
|
url: "/admin/appointment_application/publish?id=" + obj.data.id
|
|
|
});
|
|
|
}
|
|
|
- else if (obj.event == 'del') {
|
|
|
- layer.confirm('确定要删除?', function (index) {
|
|
|
- $.ajax({
|
|
|
- url: "{:url('delete')}",
|
|
|
- dataType: 'json',
|
|
|
- data: {id: obj.data.id},
|
|
|
- success: function (res) {
|
|
|
- layer.msg(res.msg);
|
|
|
- if (res.code == 1) {
|
|
|
- table.reload('table');
|
|
|
- }
|
|
|
- }
|
|
|
- })
|
|
|
- })
|
|
|
- }
|
|
|
- });
|
|
|
- //监听事件
|
|
|
- table.on('toolbar(table)', function (obj) {
|
|
|
- if (obj.event == 'deletes') {
|
|
|
- var checkStatus = table.checkStatus(obj.config.id);//获取选中的数据
|
|
|
- var data = checkStatus.data;
|
|
|
- if (data.length > 0) {
|
|
|
- var ids = [];//数组
|
|
|
- data.forEach(function (item, key) {
|
|
|
- ids[key] = item.id;
|
|
|
- })
|
|
|
- layer.confirm('是否删除?', function (index, layero) {
|
|
|
- $.ajax({
|
|
|
- url: "{:url('deletes')}",
|
|
|
- dataType: 'json',
|
|
|
- data: {"ids": ids},
|
|
|
- type: 'post',
|
|
|
- success: function (res) {
|
|
|
- layer.msg(res.msg);
|
|
|
- if (res.code == 1) {
|
|
|
- table.reload('table');
|
|
|
- }
|
|
|
- }
|
|
|
- })
|
|
|
- layer.close(index)
|
|
|
- });
|
|
|
- } else {
|
|
|
- layer.msg('请先勾选需要操作的记录');
|
|
|
+ else if (obj.event == 'view') {
|
|
|
+
|
|
|
+ var fromdata = {
|
|
|
+ "姓名":obj.data.name,
|
|
|
+ "性别":obj.data.sex_text,
|
|
|
+ "年龄":obj.data.age,
|
|
|
+ "出生年月":obj.data.birthday,
|
|
|
+ "电话":obj.data.phone,
|
|
|
+ "身份证":obj.data.id_card,
|
|
|
+ "子女数量":obj.data.childs_num,
|
|
|
+ "问题描述":obj.data.problem_desc,
|
|
|
+ "需求描述":obj.data.requirement_desc,
|
|
|
+ "预约时间段": obj.data.appointment_time,
|
|
|
+ "订单状态" : obj.data.status_text,
|
|
|
+ "备注" :obj.data.remark,
|
|
|
+ "下单时间":obj.data.create_time,
|
|
|
+ "完成时间":obj.data.finish_time,
|
|
|
+ };
|
|
|
+
|
|
|
+ var html = "";
|
|
|
+ for (var val in fromdata) {
|
|
|
+ html += "<tr><td>" + val + "</td><td>" + fromdata[val] + "</td></tr>";
|
|
|
}
|
|
|
+
|
|
|
+ $('#mytable').html(html);
|
|
|
+
|
|
|
+ var fromobj = $('#myForm');
|
|
|
+ //弹出框
|
|
|
+ layer.open({
|
|
|
+ type: 1,
|
|
|
+ title: '预约订单详情',
|
|
|
+ area: ['800px', '90%'],
|
|
|
+ id: 'layerDemo', //防止重复弹出
|
|
|
+ content: fromobj,
|
|
|
+ btn: ['关闭'],
|
|
|
+ maxmin: true,
|
|
|
+ btnAlign: 'c', //按钮居中
|
|
|
+ yes: function (index, layero) {
|
|
|
+ layer.close(index);
|
|
|
+ },
|
|
|
+ zIndex: 999 //重点1
|
|
|
+ });
|
|
|
}
|
|
|
});
|
|
|
+
|
|
|
});
|
|
|
</script>
|
|
|
|