Skip to content
Normal view Permalink
areaPlan.jsp 4.06 KiB
Newer Older
王少强's avatar
增加青浦、新收犯、总医院三个模块
王少强 committed
1 2 3 4 
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<jsp:include page="../base.jsp"/>
<head>
    <meta charset="UTF-8">
beilang's avatar
修改总医院平面图  
beilang committed
5 
    <link rel="stylesheet" type="text/css" href="${ctx}/static/css/floorcommon.css"/>
beilang's avatar
2024-07-30  
beilang committed
6 
    <title>监狱总医院</title>
beilang's avatar
修改总医院平面图  
beilang committed
7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 
</head>
<script type="text/javascript">
    $(function () {
        updateData(1);
    });

    function updateData(index) {
        let dataList = {
            'arr1': [
                {
                    top: '1.8rem',
                    left: '1.3rem',
                    width: '4.9rem',
                    height: '1.4rem',
                    text: '病房',
                    href: '/zyy/bffloor'
                }, {
                    top: '3.3rem',
                    left: '0rem',
                    width: '2.9rem',
                    height: '1.7rem',
                    text: '辅助楼',
                    href: '/zyy/fzfloor'
                }, {
                    top: '3.3rem',
                    left: '4.3rem',
                    width: '3.4rem',
                    height: '1.7rem',
                    text: '感染',
                    href: '/zyy/grfloor'
                }
            ]
beilang's avatar
2023-11-16  
beilang committed
39 
        }
beilang's avatar
修改总医院平面图  
beilang committed
40 41 42 43 44 45 46 47 
        var divElement = document.querySelector('.room_box');
        let htmlTxt = '<img class="bg_img" src="${ctx}/static/images/dalou/yiyuan.png" alt="">'
        let _this = this;
        for (let i = 0; i < dataList[`arr${"${index}"}`].length; i++) {
            htmlTxt = htmlTxt + '<div style= position:absolute;cursor:pointer;width:' +
                dataList[`arr${"${index}"}`][i].width + ";height:" + dataList[`arr${"${index}"}`][i].height
                + ';top:' + dataList[`arr${"${index}"}`][i].top + ";left:" + dataList[`arr${"${index}"}`][i].left
                + '  ' + ' onclick="handleClick(\'' + dataList[`arr${"${index}"}`][i].href + '\')"><div class="icon_text"><div class="text_ms" style=top:' + dataList[`arr${"${index}"}`][i].top + ";left:" + dataList[`arr${"${index}"}`][i].left + '><a>' + dataList[`arr${"${index}"}`][i].text + '</a></div></div></div>';
beilang's avatar
2023-11-16  
beilang committed
48 
        }
beilang's avatar
修改总医院平面图  
beilang committed
49 50 51 52 53 54 55 56 
        divElement.innerHTML = htmlTxt;
    }

    function handleClick(href) {
        window.location.href = ctx + href;
    }
</script>
王少强's avatar
增加青浦、新收犯、总医院三个模块
王少强 committed
57 
<body>
beilang's avatar
修改总医院平面图  
beilang committed
58 
<div class="content">
beilang's avatar
2024-07-30  
beilang committed
59 
    <div class="header"></div>
beilang's avatar
修改总医院平面图  
beilang committed
60 61 62 63 64 65 66 
    <div class=" padding_box2 clearfix">
        <div class="menu_box">
            <div class="menu_title_box"><a href="${ctx}/atlas">总医院</a></div>
            <div class="tab_list">
                <ul>
                    <li>
                        <div class="flex-box">
beilang's avatar
add 总医院  
beilang committed
67 
                            <a href="${ctx}/zyy/bffloor">
beilang's avatar
修改总医院平面图  
beilang committed
68 69 
                                <p class="tabName">病房楼</p>
                                <p class="monitor">监控点<span style="background-color: #ff6363;">54</span></p>
beilang's avatar
2023-11-16  
beilang committed
70 
                            </a>
beilang's avatar
修改总医院平面图  
beilang committed
71 72 73 74 
                        </div>
                    </li>
                    <li>
                        <div class="flex-box">
beilang's avatar
add 总医院  
beilang committed
75 
                            <a href="${ctx}/zyy/grfloor">
beilang's avatar
修改总医院平面图  
beilang committed
76 77 
                                <p class="tabName">感染楼</p>
                                <p class="monitor">监控点 <span style="background-color: #ffba00;">78</span></p>
beilang's avatar
2023-11-16  
beilang committed
78 
                            </a>
beilang's avatar
修改总医院平面图  
beilang committed
79 80 81 82 
                        </div>
                    </li>
                    <li>
                        <div class="flex-box">
beilang's avatar
add 总医院  
beilang committed
83 
                            <a href="${ctx}/zyy/fzfloor">
beilang's avatar
修改总医院平面图  
beilang committed
84 85 
                                <p class="tabName">辅助楼</p>
                                <p class="monitor">监控点 <span style="background-color: #43e04e;">10</span></p>
beilang's avatar
2023-11-16  
beilang committed
86 
                            </a>
beilang's avatar
修改总医院平面图  
beilang committed
87 88 89 
                        </div>
                    </li>
                </ul>
王少强's avatar
增加青浦、新收犯、总医院三个模块
王少强 committed
90 
            </div>
beilang's avatar
修改总医院平面图  
beilang committed
91 92 93 94 
        </div>
        <div class="content_box">
            <div class="room_box">
王少强's avatar
增加青浦、新收犯、总医院三个模块
王少强 committed
95 96 97 98 99 100 
            </div>
        </div>
    </div>
</div>
</body>
</html>
beilang's avatar
修改总医院平面图  
beilang committed
101 102 103 104 105 106 107 108 109 110 111 112 113 114 115 116 
<style>
    .flex-box {
        display: block;
    }

    .flex-box a {
        display: flex;
        padding-left: 20px;
    }

    .menu_title_box a {
        font-size: 0.24rem !important;
        position: relative;
        z-index: 999;
    }
</style>