
<!DOCTYPE html>

<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <meta name="renderer" content="webkit" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1" />
    <meta name="apple-mobile-web-app-status-bar-style" content="black" />
    <meta name="apple-mobile-web-app-capable" content="yes" />
    <meta name="format-detection" content="telephone=no" />
    <link rel="stylesheet" href="/webconfig/layui/css/layui.css?t=202006016" media="all" /><!--统一LAYUI前端样式文件-->
    <link rel="stylesheet" href="/webconfig/layui/css/global.css?t=20200616" media="all"><!--统一公共前端样式文件-->
    <link rel="stylesheet" href="/webconfig/css/jquery-ui.css?t=20200613" media="all" /><!--提示信息前端样式文件-->


    <title>列表页</title>
</head>
<body>
    <form id="form1" class="layui-form layui-form-pane" lay-filter="example">
        <div class="layui-layout-admin site-demo">

            <div class="layui-main">
                <!--头部位置信息及提示区-->
                <blockquote class="layui-elem-quote layui-text" style="height: 22px; padding-top: 5px; padding-bottom: 15px;">
                    <p style="float:left;padding-top:4px;" txt="导航提示区">
                        <span id="toptxt" class="hidden-xs">预约管理</span><i class="layui-icon hidden-xs">&#xe602;</i><span id="selftxt">预约信息管理</span>
                    </p>

                    <div style="float:right" class="layui-btn-group" txt="基础操作按钮区，详细图标可参照图标选择, layui-btn-sm">
                        <a id="btn_search" class="layui-btn layui-btn-danger  layui-btn-sm" txttop="txttop" title="输入筛选条件后搜索" href="javascript:__doPostBack(&#39;btn_search&#39;,&#39;&#39;)"><i class="layui-icon">&#xe615;</i><span class="hidden-xs">搜索</span></a>

                    </div>
                    <div style="float:right" id="div_search">
                        <div class="layui-inline hidden-xs">
                            <div class="layui-input-inline">
                                <select name="state" id="state" lay-search="">
                                    <option value="全部状态">全部状态</option>
                                    <option value="预约提交">预约提交</option>
                                    <option value="预约撤回">预约撤回</option>
                                    <option value="预约审核中">预约审核中</option>
                                    <option value="审核通过">审核通过</option>
                                    <option value="审核不通过">审核不通过</option>
                                    <option value="器材已领用">器材已领用</option>
                                    <option value="器材已归还">器材已归还</option>
                                    <option value="已完成">已完成</option>

                                </select>
                            </div>
                        </div>

                        <div class="layui-inline hidden-xs">
                            <div class="layui-input-inline">


                                <select name="fenlei" id="fenlei" lay-search="">
                                    <option value="0">全部场地</option>
                                    <option value="46">实训基地一（综合实训车间）</option>
                                    <option value="49">实训基地二（焊钳车间）</option>
                                    <option value="50">整车实训车间（篮球场）</option>
                                    <option value="53">钳工实训车间</option>
                                    <option value="54">VR实训中心（实303）</option>
                                    <option value="55">新能源汽车实训中心</option>

                                </select>

                            </div>
                        </div>
                        <div class="layui-inline">
                            <div class="layui-input-inline">
                                <input name="txt_search" type="text" id="txt_search" autocomplete="off" placeholder="请选择日期筛选" class="layui-input" style="width: 220px;height: 31px; line-height: 31px;" />
                            </div>
                        </div>
                    </div>
                </blockquote>
                <!--头部位置信息及提示区over-->
                <!--提示信息区及条件筛选区-->

                <div id="tsxx"></div>


            </div>

            <!--提示信息区及条件筛选区over-->

        </div>
    </form>

    <div class="layui-layout-admin site-demo">
        <div class="layui-main">
            <!--表格操作区 lay-size="sm" 小字显示，在table加入此参数-->




            <table id="list" class="layui-hide site-table" lay-data="{page:true, id:'list'}" lay-filter="list">
                <thead>
                    <tr>
                        <!--序号,[id] ,[预约日期] ,[预约节次] ,[提交时间] ,[预约人] ,[预约场地] ,[工位] ,[状态] ,[工具] ,[耗材] ,[设备]-->
                        <th lay-data="{checkbox:true, fixed: true}"></th>
                        <th lay-data="{ field: '序号', width: 80, title: '序号', sort: true }"></th>
                        <th lay-data="{ field: '预约场地',minWidth:220, title: '预约场地', sort: true}"></th>
                        <th lay-data="{ field: '预约日期',minWidth:150,  title: '预约日期', sort: true }"></th>
                        <th lay-data="{ field: '预约节次', width: 100, title: '预约节次' }"></th>
                        <th lay-data="{ field: '工位', width: 80, title: '工位'}"></th>
                        <th lay-data="{ field: '状态', width: 140, title: '预约状态', templet: '#titleTpl', unresize: true }"></th>
                        <th lay-data="{ field: '工具', width: 85, title: '工具数',hide:true}"></th>
                        <th lay-data="{ field: '耗材', width: 85, title: '耗材数',hide:true}"></th>
                        <th lay-data="{ field: '设备', width: 85, title: '设备数',hide:true}"></th>
                        <th lay-data="{ field: '提交时间', title: '提交时间' }"></th>
                        <th lay-data="{ field: 'id', width: 100, title: '系统编号',hide:true }"></th>
                        <th lay-data=" { fixed: 'right', title: '操作', toolbar: '#barDemo', width: 170 }"></th><!--两个按钮170，三个按钮220-->
                    </tr>
                </thead>
            </table>



            <!--列自定义模板over-->
            <script type="text/html" id="titleTpl">
                {{#  if(d.状态=="预约撤回"){ }}
                <a class="layui-btn layui-bg-orange layui-btn-xs">{{d.状态}}</a>

                {{#  } else { }}

                {{#  if(d.状态=="审核通过"){ }}

                <a class="layui-btn layui-bg-green layui-btn-xs">{{d.状态}}</a>
                {{#  } else { }}

                {{#  if(d.状态=="审核不通过"){ }}

                <a class="layui-btn layui-bg-red layui-btn-xs">{{d.状态}}</a>
                {{#  } else { }}
                <a class="layui-btn layui-bg-blue layui-btn-xs">{{d.状态}}</a>
                {{#  } }}



                {{#  } }}
                {{#  } }}
            </script>

            <!--表格顶部自定义工具栏-->
            <script type="text/html" id="toolbarDemo">
                <div style="float:right;margin-top:4px;" class=" hidden-xs" txt="统计区">
                    <span style="float:right" id="pagerows" class="fp-text"></span>
                    <div class="f-result-sum">共<span id="J_resCount" class="num"></span>条记录</div>

                </div>
                <div class="layui-btn-container">

                    <a class="layui-btn layui-btn-sm" txttop="txttop" title="添加一条数据" lay-event="btn_add"><i class="layui-icon">&#xe608;</i><span class="hidden-xs">添加</span></a>
                    <button txttop="txttop" title="先选择一条数据再点此修改数据" class="layui-btn layui-btn-sm" lay-event="btn_edit"><i class="layui-icon">&#xe642;</i><span class="hidden-xs">修改</span></button>
                    <a class="layui-btn layui-btn-sm" txttop="txttop" title="单条审核或批量审核" lay-event="btn_examine"><i class="layui-icon">&#xe63c;</i><span class="hidden-xs">审核</span></a>
                    <a class="layui-btn layui-btn-sm" txttop="txttop" title="导入数据" lay-event="btn_import"><i class="layui-icon">&#xe681;</i><span class="hidden-xs">导入</span></a>
                    <a class="layui-btn layui-btn-sm" txttop="txttop" title="自定义导出数据" lay-event="btn_export"><i class="layui-icon">&#xe601;</i><span class="hidden-xs">导出</span></a>
                    <a class="layui-btn layui-btn-sm" txttop="txttop" title="先选择一条预约数据再点此更改预约数据" lay-event="btn_view"><i class="layui-icon">&#xe60a;</i><span class="hidden-xs">详情</span></a>
                    <button class="layui-btn layui-btn-sm" txttop="txttop" title="先选择需删除数据记录，点此按钮会批量删除" lay-event="btn_del"><i class="layui-icon">&#xe640;</i><span class="hidden-xs">删除</span></button>


                </div>
            </script>
            <!--表格顶部自定义工具栏over-->
            <!--表格内部自定义工具按钮-->
            <script type="text/html" id="barDemo">

                {{#  if(d.状态=="预约撤回"||d.状态=="审核通过"||d.状态=="审核不通过"){ }}
                <a class="layui-btn layui-btn-sm" lay-event="btn_edit"><i class="layui-icon">&#xe642;</i><span class="hidden-xs">修改</span></a>

                {{#  } else { }}
                <a class="layui-btn layui-btn-sm" lay-event="btn_view"><i class="layui-icon">&#xe60a;</i><span class="hidden-xs">详情</span></a>
                {{#  } }}
                <a class="layui-btn layui-btn-danger layui-btn-sm" lay-event="btn_del"><i class="layui-icon">&#xe640;</i><span class="hidden-xs">删除</span></a>

            </script>
            <!--表格内部自定义工具按钮over-->
            <!--表格操作区over-->

        </div>

    </div>


    <script>
        //JS配置区，编辑、删除、查看传递的基础参数为id
        //本页包含了：添加、编辑、删除、审核、查看的单条及批量操作展示，不需要的时候请删除注释
        var pagename = "测试页面";//页面名称标题
        var nodata = "暂无数据";//列表无数据时显示语
        var addurl = "/qc_shixun/gl_yuyuegw.aspx";//设置添加弹出的URL地址，对应按钮名称：btnadd
        var editurl = "/qc_shixun/gl_yuyuegw.aspx";//设置编辑弹出的URL地址，对应按钮名称：btnedit,//编辑时的字段显示名称，只能为name，否则获取不到
        var editparameter = "?action=edit&id=";//编辑时传的参数,一般会使用editurl+editparameter+获取到的ID编号
        var viewurl = "/qc_shixun/gl_yuyue_view.aspx?action=view&id=";//设置查看弹出的URL地址，对应按钮名称：btnview,后跟自动获取到的ID编号
        var delurl = "/webapi/qc_yuyuegw.aspx?action=del";//设置删除的URL地址，对应按钮名称：btndel
        var examineurl = "/webapi/qc_yuyuegw.aspx?action=sh&id=";//设置单条审核的URL地址/webapi/xg_bingansh.aspx?id=
        var examineyesurl = "/webapi/qc_yuyuegw.aspx?action=yessh";//设置批量审核通过的URL地址
        var examinenourl = "/webapi/qc_yuyuegw.aspx?action=nosh";//设置批量审核不通过的URL地址

        var searchurl = ""//设置搜索的URL地址；本页一般在后端配置，更自由，也可单独用前端写，对应按钮名称：btnsearch
        var listurl = "/webapi/qc_yuyuegw.aspx?action=GetInfos&zt=alltj";//设置本页列表加载接口URL
        //如果页面大于这些工具按钮，请将layui_list.js复制，重新在JS中添加相关按钮事件
        //js配置结束，本配置需引用自写列表页基本JS：layui_list.js

    </script>
    <!-- JS代码引用区 -->
    <script src="/yntsys/js/basic.js" charset="utf-8"></script> <!--接口传递基础JS，必须加载JS，帮助生成token-header及数据传递标准格式-->
    <script src="/webconfig/layui/layui.js?t=20200606" charset="utf-8"></script> <!--layui必须JS-->
    <script src="/webconfig/layui/js/jquery-1.9.1.js?t=20200606" charset="utf-8"></script> <!--需要jquery时加载-->
    <script src="/webconfig/layui/js/jquery-ui.js?t=20200606" charset="utf-8"></script><!--按钮链接提示方框UI-->
    <!-- list页公共操作js -->
    <script src="/webconfig/layuiJs/layui_list.js?t=20200630" charset="utf-8"></script>
    <script>
        layui.use(['form', 'laydate'], function () {
            var form = layui.form, laydate = layui.laydate;
            //日期
            laydate.render({
                elem: '#txt_search'

            });

        });
    </script>
    <!-- JS代码区over -->
    <!--本页移动端下CSS设置-->
    <style>

        .layui-form-pane .layui-input {
            border-radius: 0 2px 2px 0;
            height: 31px;
            line-height: 31px;
        }

        @media (max-width: 600px) {
            .laytable-cell-1-0-11 {
                width: auto !important;
            }

            #txt_search {
                width: 150px !important
            }

            .layui-layer {
                width: 100% !important;
                height: 98% !important;
            }

            .layui-btn + .layui-btn {
                margin-left: 0px !important;
            }

            .laytable-cell-1-0-13 {
                width: 115px !important;
                padding: 0;
                text-align: center;
            }
        }

        @media (max-width: 400px) {
            #txt_search {
                width: 120px !important
            }

            .layui-btn-container .layui-btn {
                margin-right: 5px !important;
            }

            .layui-table-fixed-r {
                display: none;
            }
        }
    </style>
</body>
</html>