<%@ page import="java.util.Date" %>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<c:set var="path" value="${pageContext.request.contextPath}"/>
<%@ include file="/WEB-INF/jspf/common.jspf" %>
<%@ include file="/WEB-INF/jspf/importExcelJsp.jspf" %>
<html lang="en">
<head>
    <meta charset="utf-8" />
    <title>任务清单列表</title>
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no"/>
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta http-equiv=X-UA-Compatible IE=EmulateIE7>
    <!--[if lt IE 9]>
    <script type="text/javascript" src="${path}/static/js/html5shiv.min.js"></script>
    <script type="text/javascript" src="${path}/static/js/jquery-1.11.3.min.js"></script>
    <script type="text/javascript" src="${path}/static/js/respond.min.js"></script>
    <![endif]-->
    <script>
        var path = "${path}";
    </script>
    <style type="text/css">
        .mainDiv{
            background-color: #fff;
        }
        /**搜索区*/
        .searchDiv{
            padding-top:5px;
            height: 30px;
        }
        .searchDiv1{

            height: 30px;
        }
        .tableDiv{
            width: 100%;
            background-color: #fff;
            margin-left: 1%;
            margin-top:-10px;
        }
        .dateSearchDiv{
            width:29%;
        }
        .dateSearchInput{
            width:30%;
            margin-left:3%;
        }
        .dateLabelDiv{
            width: 30%;
            text-align: right;
        }
        .searchInput{
            width:20%;
        }
        .searchElement{
            width: 40%;
        }
        .searchInputElement{
            width: 60%;
        }
        .labelDiv{
            padding-top:4%;
            margin-left: 5px;
        }
        /**查询按钮组*/
        .btnsDiv{
            text-align: right;
            height:30px;
            margin-right: 25px;
        }
        .btn{
            margin-left: 1%;
        }
        .modelBtns{
            /*text-align: center;*/
            margin-left: 40%;
        }
        .control-label1{
            width:30%;
            text-align: right;
            padding-top:2px;
            font-weight: 700;

        }
        .warningLabel{
            margin-left:102px;
            font-weight: 700;
        }
        .warningDiv{
            margin-left: 134px;
            margin-top: -20px;
        }
        /**级联病案号内容*/
        .mouseOver{
            background-color: #708090;
            color:#FFFAFA;
        }
        .mouseOut{
            background-color: #FFFAFA;
            color:#000000;
        }
        /*模态框头*/
        .modal-header{
            background-color: #199ED8;
            text-align: center;
        }
        .loading {
            width: 160px;
            height: 56px;
            position: absolute;
            top: 50%;
            left: 50%;
            line-height: 56px;
            color: #fff;
            padding-left: 60px;
            font-size: 15px;
            background: #000;
            opacity: 0.7;
            z-index: 9999;
            -moz-border-radius: 20px;
            -webkit-border-radius: 20px;
            border-radius: 20px;
            filter: progid:DXImageTransform.Microsoft.Alpha(opacity=70);
        }
    </style>
</head>
<body>

<input type="hidden" id="checks">
<div class="main">
    <div class="headDiv">
        <div class="headSpanDiv">
            <span class="headspan">
                任务清单列表
            </span>
        </div>
    </div>
    <div class="mainDiv">
        <!--搜索区-->
        <div class="searchDiv">

            <div class="searchInput left">
                <div class="searchElement left">
                    <label class="labelDiv">任务名称：</label>
                </div>
                <div class="searchInputElement left">
                    <input type="test" class="form-control input-sm" id="searchName" maxlength="16">
                </div>
            </div>
            <div class="dateSearchDiv left">
                <div class="dateLabelDiv left">
                    <label class="labelDiv">操作日期：</label>
                </div>
                <div class="dateSearchInput left">
                    <input type="text" class="form-control input-sm" id="startTime1" placeholder="开始时间" maxlength="10" autocomplete="off">
                </div>
                <div class="dateSearchInput left">
                    <input type="text" class="form-control input-sm" id="endTime1" placeholder="结束时间" maxlength="10" autocomplete="off">
                </div>
            </div>
            <div class="searchDiv1">
                <div class="searchInput left" style="margin-left: 2%">
                    <button type="button" class="btn btn-sm btn-primary" onclick="refreshTable()">查询</button>
                </div>
            </div>
        </div>
        <div class="btnsDiv">
            <shiro:hasPermission name="/exportTask/impExcelTask">
                <button type="button" class="btn btn-sm btn-warning btns" onclick="importBtn()" >导入excel</button>
            </shiro:hasPermission>
        </div>
        <!--数据表格-->
        <div id="tableDiv" class="tableDiv table-responsive">
            <table id="mytab" class="table text-nowrap table-bordered">
            </table>
        </div>
    </div>
</div>


<!-- 模态框（Modal3） 导入-->
<div class="modal fade" id="myModal3" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true" data-backdrop="static" data-keyboard="false">
    <div class="modal-dialog">
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
                <h4 class="modal-title" id="myModalLabel3">导入信息</h4>
            </div>
            <div class="modal-body" style="height:380px">
                <form  method="POST" enctype="multipart/form-data"
                       id="form1">
                    <div class="formDiv">
                        <label class="control-label1 left">下载模板：</label>
                        <input class="btn btn-primary btn-sm" onclick="window.open('${path }/static/js/template/任务清单模板.xls');" type="button" value="下载模板">
                    </div>
                    <div class="formDiv">
                        <label class="control-label1 left">选择文件：</label>
                        <input id="upfile" type="file" name="upfile" calss="layui-btn">
                    </div>
                    <div class="modelBtns">
                        <input class="btn btn-primary btn-sm" type="button" value="批量导入Excel数据"
                               onclick="importExcel('/exportTask/impExcelTask','任务清单')">
                    </div>
                    <div class="formDiv">
                        <label class="warningLabel">友情提醒:</label>
                        <div class="warningDiv">
                            <span style="color: red"></br>1、病案号不能为空,内容最多30个字</span></br>
                            <span style="color: red">2、出院日期不能为空</span></br>

                        </div>
                    </div>
                </form>
            </div>
        </div><!-- /.modal-content -->
    </div><!-- /.modal-dialog -->
</div>
<script>
    var time = new Date().getTime();
    document.write('<script src="${path}/static/js/recordManage/exportTask/exportTaskList.js?t=' + time + '"><\/script>')
    document.write('<script src="${path}/static/js/dateUtil.js?t=' + time + '"><\/script>')
    document.write('<script src="${path}/static/js/commom.js?t=' + time + '"><\/script>')
</script>

<%--<script src="${path}/static/js/approveManage/approveList/approveList.js?t=" +<%=new Date().getTime() %> type="text/javascript"></script>
<script src="${path}/static/js/approveManage/approveList/approveDateCommmomMethod.js"></script>
<script src="${path}/static/js/approveManage/approveList/approveSaveCommomMethod.js?t=2"></script>
<script src="${path}/static/js/dateUtil.js"></script>--%>
</body>
</html>

