<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<%@ page import="java.net.URLEncoder" %>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<c:set var="path" value="${pageContext.request.contextPath}"/>
<%@ include file="/WEB-INF/jspf/common.jspf" %>
<%@ include file="/WEB-INF/jspf/ztreeCommom.jsp" %>
<%@ include file="/WEB-INF/jspf/boostrapSelect.jspf" %>
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8" />
    <title>预览PDF</title>
    <meta http-equiv=X-UA-Compatible IE=EmulateIE7>
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=0">
    <link href="${path}/static/css/updatePic/common.css" type="text/css" rel="stylesheet">
    <link href="${path}/static/css/updatePic/index.css" type="text/css" rel="stylesheet">
    <!--[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>
    <script type="text/javascript" src="${path}/static/js/udpatePic/imgUp.js"></script>
    <style type="text/css">
        body{
            width:100%;
            height:100%;
            margin:0;
            padding:0;
            background-color: #F2F2F2;
        }
        .searchDiv{
            width:100%;
            max-height:35%;
            background-color: #FFF;
        }
        .contentDiv{
            width:100%;
            height:86%;
            margin-top:1%;
            background-color: #FFF;
        }
        .labelDiv{
            padding-top: 2%;
            padding-right: 0;
            text-align: right;
        }
        .inputDiv{
            padding:0!important;
            margin: 5px -15px;
        }
        .modal-header{
            height:6%;
            background-color: #1D9ED7;
        }
        h4{
            color: #fff;
            font-size: 1.0em;
            font-weight: bold;
        }
        hr{
            margin:0!important;
        }
        .collectLabel{
            margin-top:1%;
            text-align: right;
        }
        .collectDiv{
            margin-top:2%;
        }
        .seal-result{
            width: 60px;
            height: 60px;
            transform: rotate(30deg);
            border: solid 2px red;
            border-radius: 100%;
            text-align: center;
            color: red;
            font-size: 16px;
            font-weight: bold;
            line-height: 60px;
            left: 20%;
            top: 6%;
            position: absolute;
            background-color: rgba(255,255,255,0.8);
            z-index: 1000;
        }
        /*按钮组*/
        .btns{
            width:100%;
            background-color: #fff;
            text-align: right;
            margin-top:5px;
            margin-bottom: 10px;
        }
        .btn{
            margin-left: 3px;
        }
        .remark{
            /*border: 1px red solid;*/
            width:97%;
            margin-left:35px;
            max-height: 58px;
            overflow: hidden;
            color:red;
            text-overflow: ellipsis;
            word-wrap: break-word;
            cursor: pointer;
        }
        /*
        * 陈列已删除图片的陈列框
        */
        #z_photo1{
            width: 73%;
        }
        /*
       * 已删除图片的复选框
       */
        .deledPicCheckbox{
            position:absolute;
            top:0;
            right:0;
            z-index:1000
        }
        /*
        *图片的a标签
         */
        .up-span{
            cursor: pointer;
        }
    </style>
</head>
<body style="scroll:auto" onkeydown="disabledPrint()">
<input type="hidden" id="patientId" value="${patientId}">
<!--脐血库扫描图片存放根目录的字段-->
<input type="hidden" id="flag" value="home_addr">
<!--存放扫描图片和新上传图片根目录的集合-->
<input type="hidden" id="rootPaths">
<div class="main">
    <div class="headDiv">
        <div class="headSpanDiv">
            <span class="headspan">
                档案浏览
            </span>
        </div>
    </div>
    <!--病案详情-->
    <div class="searchDiv">
        <div class="row rowDiv">
            <div class="col-sm-3 inputDiv">
                <div class="form-group">
                    <label  class="col-sm-5 control-label labelDiv">脐血编号：</label>
                    <div class="col-sm-7">
                        <input type="text" readonly class="form-control input input-sm inpatientNo" id="inpatientNo" onmouseover="this.title=this.value">
                    </div>
                </div>
            </div>
            <div class="col-sm-3 inputDiv">
                <div class="form-group">
                    <label  class="col-sm-5 control-label labelDiv">孕妇姓名：</label>
                    <div class="col-sm-7">
                        <input type="text" readonly class="form-control input-sm input" id="name">
                    </div>
                </div>
            </div>
            <div class="col-sm-3 inputDiv">
                <div class="form-group">
                    <label  class="col-sm-5 control-label labelDiv">协议号：</label>
                    <div class="col-sm-7">
                        <input type="text" readonly class="form-control input-sm input" id="admissId">
                    </div>
                </div>
            </div>
            <div class="col-sm-3 inputDiv">
                <div class="form-group">
                    <label  class="col-sm-5 control-label labelDiv">身份证号：</label>
                    <div class="col-sm-7">
                        <input type="text" readonly class="form-control input-sm input" id="mainDisThing">
                    </div>
                </div>
            </div>
        </div>
        <p class="remark"  id="memo"></p>
        <c:if test="${printCount == '1'}">
            <div class="seal-result">已打印</div>
        </c:if>
        <div class="row btns">
            <shiro:hasPermission name="/commom/addRemark">
                <div class="btn">
                    <button type="button" class="btn btn-sm btn-primary"  data-toggle="modal" data-target="#myModal4" onclick="">修改备注</button>
                </div>
            </shiro:hasPermission>
            <shiro:hasPermission name="/commom/updatePic">
                <div class="btn">
                    <button type="button" class="btn btn-sm btn-primary"  data-toggle="modal" data-target="#myModal3" onclick="addPic()">新增扫描图片</button>
                </div>
            </shiro:hasPermission>
            <shiro:hasPermission name="/commom/recoverPic">
                <div class="btn" id="recoverPic" style="display: none">
                    <button type="button" class="btn btn-sm btn-warning"  data-toggle="modal" data-target="#myModal5" onclick="recoverPic()">恢复扫描图片</button>
                </div>
            </shiro:hasPermission>
            <shiro:hasPermission name="/collect/addCollect">
                <div class="btn">
                    <button type="button" class="btn btn-sm btn-primary"  data-toggle="modal" data-target="#myModal2" onclick="collect()">&nbsp;&nbsp;&nbsp;&nbsp;收藏&nbsp;&nbsp;&nbsp;&nbsp;</button>
                </div>
            </shiro:hasPermission>
        </div>
    </div>
    <div class="contentDiv">
        <iframe width="100%" height="100%" id="iframe" frameborder="0" scrolling="no" allowfullscreen="true" webkitallowfullscreen="true" mozallowfullscreen="true" oallowfullscreen="true" msallowfullscreen="true"></iframe>
    </div>
</div>
<!-- 模态框2（Modal）添加收藏 -->
<div class="modal fade" id="myModal2" tabindex="-1" role="dialog" aria-labelledby="myModalLabe2" aria-hidden="true">
    <div class="modal-dialog">
        <div class="modal-content" style="width:80%">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal" aria-hidden="true">
                    &times;
                </button>
                <h4 class="modal-title">
                    收藏内容
                </h4>
            </div>
            <div class="modal-body" style="height:60%">
                <form class="form-horizontal" role="form" id="collectForm">
                    <input type="hidden" name="formToken" id="formToken">
                    <input type="hidden" id="collectId" value="${collect.id}">
                    <div class="row">
                        <div class="form-group">
                            <label class="col-sm-4 control-label">标题：</label>
                            <div class="col-sm-7">
                                <input type="text" class="form-control input-sm input" >
                            </div>
                            <div class="col-sm-1"></div>
                        </div>
                    </div>
                    <div class="row">
                        <div class="form-group">
                            <label class="col-sm-4 control-label">收藏时间：</label>
                            <div class="col-sm-7">
                                <input type="text" readonly class="form-control input-sm input" id="collectTime">
                            </div>
                            <div class="col-sm-1"></div>
                        </div>
                    </div>
                    <div class="row">
                        <div class="form-group">
                            <label class="col-sm-4 control-label">收藏类别：</label>
                            <div class="col-sm-7">
                                <select class="form-control input-sm input" id="parentId"></select>
                            </div>
                            <div class="col-sm-1"></div>
                        </div>
                    </div>
                    <div class="row">
                        <div class="form-group">
                            <label class="col-sm-4 control-label">内容：</label>
                            <div class="col-sm-7">
                                <textarea class="form-control input-sm input" id="content"></textarea>
                            </div>
                            <div class="col-sm-1"></div>
                        </div>
                    </div>
                </form>
                <div style="text-align: center">
                    <button type="button" class="btn btn-sm btn-primary" onclick="saveCollect()">保存</button>
                    <button type="button" class="btn btn-sm btn-default" onclick="clearCollect()">清空</button>
                </div>
                <div class="row collectDiv">
                    <div class="form-group">
                        <label class="col-sm-4 control-label collectLabel">脐血编号：</label>
                        <div class="col-sm-7">
                            <input type="text" class="form-control input-sm input" readonly id="inpatientNo1">
                        </div>
                        <div class="col-sm-1"></div>
                    </div>
                </div>
                <div class="row collectDiv">
                    <div class="form-group">
                        <label class="col-sm-4 control-label collectLabel">姓名：</label>
                        <div class="col-sm-7">
                            <input type="text" class="form-control input-sm input" id="name1" readonly>
                        </div>
                        <div class="col-sm-1"></div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
<!-- 模态框3（Modal）添加资料 -->
<div class="modal fade" id="myModal3" tabindex="-1" role="dialog" aria-labelledby="myModalLabe3" aria-hidden="true">
    <div class="modal-dialog" style="width:90%;height:90%">
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal" aria-hidden="true">
                    &times;
                </button>
                <h4 class="modal-title">
                    上传资料
                </h4>
            </div>
            <div class="modal-body" style="min-height: 90%">
                <form class="form-horizontal" role="form" id="form" enctype="multipart/form-data" >
                    <input type="hidden" name="multipartFile" id="multipartFile">
                    <div class="row">
                        <div class="form-group">
                            <label class="col-sm-3 control-label">选择类别：</label>
                            <div class="col-sm-3">
                                <select class="form-control input-sm input" name="assortId" id="assortId">
                                </select>
                            </div>
                            <div class="col-sm-3">
                                <button type="button" class="btn btn-sm btn-primary" onclick="save()">确认上传</button>
                            </div>
                        </div>
                    </div>
                    <div class="img-box full">
                        <section class=" img-section">
                            <div class="z_photo upimg-div clear" >
                                <section class="z_file fl">
                                    <img src="${path}/static/img/a11.png" class="add-img">
                                    <input type="file" name="file" id="file" class="file" value="" accept="image/jpg,image/jpeg,image/png,image/bmp" multiple />
                                </section>
                            </div>
                        </section>
                    </div>
                    <aside class="mask works-mask">
                        <div class="mask-content">
                            <p class="del-p ">您确定要删除这张图片吗？</p>
                            <p class="check-p"><span class="del-com wsdel-ok">确定</span><span class="wsdel-no">取消</span></p>
                        </div>
                    </aside>
                </form>
            </div>
        </div>
    </div>
</div>
<!-- 模态框4（Modal）修改病案备注 -->
<div class="modal fade" id="myModal4" tabindex="-1" role="dialog" aria-labelledby="myModalLabe3" aria-hidden="true">
    <div class="modal-dialog">
        <div class="modal-content" style="width:80%">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal" aria-hidden="true">
                    &times;
                </button>
                <h4 class="modal-title">
                    病案备注
                </h4>
            </div>
            <div class="modal-body" style="height:35%">
                <form class="form-horizontal">
                    <div class="row">
                        <div class="form-group">
                            <label class="col-sm-4 control-label">内容：</label>
                            <div class="col-sm-7">
                                <textarea class="form-control input-sm input" id="memo1" rows="3"></textarea>
                            </div>
                            <div class="col-sm-1"></div>
                        </div>
                    </div>
                </form>
                <div style="text-align: center">
                    <button type="button" class="btn btn-sm btn-primary" onclick="saveRemark()">保存</button>
                    <button type="button" class="btn btn-sm btn-default" onclick="clearRemark()">清空</button>
                </div>
                <div class="row collectDiv">
                    <div class="form-group">
                        <label class="col-sm-4 control-label collectLabel">脐血编号：</label>
                        <div class="col-sm-7">
                            <input type="text" class="form-control input-sm input" readonly id="inpatientNo2">
                        </div>
                        <div class="col-sm-1"></div>
                    </div>
                </div>
                <div class="row collectDiv">
                    <div class="form-group">
                        <label class="col-sm-4 control-label collectLabel">姓名：</label>
                        <div class="col-sm-7">
                            <input type="text" class="form-control input-sm input" id="name2" readonly>
                        </div>
                        <div class="col-sm-1"></div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
<!-- 模态框5（Modal）恢复影像图片 -->
<div class="modal fade" id="myModal5" tabindex="-1" role="dialog" aria-labelledby="myModalLabe3" aria-hidden="true">
    <div class="modal-dialog" style="width:90%;height:90%">
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal" aria-hidden="true">
                    &times;
                </button>
                <h4 class="modal-title">
                    恢复影像图片
                </h4>
            </div>
            <div class="modal-body" style="min-height: 90%">
                <div class="row">
                    <!--左侧已删除图片的分类树-->
                    <div class="col-sm-3">
                        <div class="zTreeDemo">
                            <ul id="ztree" class="ztree"></ul>
                        </div>
                    </div>
                    <!--右侧已删除的分类图片-->
                    <div class="col-sm-9">
                        <div style="margin: 0 15px 15px 0">
                            <button type="button" class="btn btn-sm btn-primary" onclick="saveDeledPic()">确认恢复</button>
                            <label><input type="checkbox" id="checkAll">全选</label>
                        </div>
                        <form id="deledPicForm">
                            <div class="img-box full">
                                <section class="img-section">
                                    <div class="z_photo upimg-div clear" id="z_photo1">
                                        <%--<section class="up-section fl" id="pic1">
                                            <a target="_blank" class="imgALink">
                                                <span class="up-span"></span>
                                            </a>
                                            <div class="checkbox deledPicCheckbox">
                                                <input type="checkbox" name="box" value="000242.jpg">
                                            </div>
                                            <img class="up-img">
                                        </section>--%>

                                    </div>
                                </section>
                            </div>
                        </form>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
</body>
<%--<script>
    var src = encodeURIComponent("E:\\脐血库\\00003\\GDZT20121016045-3d2c5fb596764cdb89b247b138de8a0b\\000246.jpg")
    var srcStr = "${path}/toFindImg?imgUrl="+src;
    $(".up-img").prop("src",srcStr);
    $(".imgALink").prop("href",srcStr);

</script>--%>
<script type="text/javascript" src="${path}/static/js/recordManage/commomSearch/showRecordBlood.js?t=2019-12-20"></script>
<script type="text/javascript" src="${path}/static/js/recordManage/commomSearch/showRecordIframeBloodCommom.js"></script>
</html>
