KN_CAMP_SOFTWARE_TEST/Code/智慧营区/DOCManageAPP（阿克苏）/3DVisualization/subitem/people.html

<link href="subitem/css/people.css" rel="stylesheet" type="text/css">

<img src="icon/left-icon.png" style="width: 25px;" class="people-stop">
<img class="open-img" src="icon/open-icon.png">
<span class="more people-more" id="fkMore">更多>></span>
<div style="position: fixed;bottom: 2vh;left: 80px;height: 309px;" class="people-in-out">
    <div class="down">
        <div class="down-left">
            <div class="title-div">
                <img class="icon-img1" src="img/rygl-out.png">
                <span class="in-title">营区进出人员&nbsp;&nbsp;</span>
            </div>
            <div class="up-peo">
                <div class="in-count">
                    <span class="in-count-span2 yahei" style="margin-left: 20px">人员类型：</span>
                    <select id="findPeople" style="height: 35px;border: 0;background-color: rgba(36, 86, 132, 0.9);color: #d0f4ff;">
                        <option value="">请选择人员类型</option>
                        <option value="0">内部人员</option>
                        <option value="1">访客</option>
                    </select>
                    <span class="in-count-span2 yahei">今日总数：</span>
                    <div id="fknumall"> </div>
                </div>
                <div class="tb-count">
                    <table class="tb-inpoe"  style="height:20px;">
                        <colgroup>
                            <col width="20%">
                            <col width="20%">
                            <col width="20%">
                            <col width="20%">
                            <col width="20%">
                        </colgroup>
                        <thead >
                            <tr class="shen" >
                                <th>姓名</th>
                                <th>人员类型</th>
                                <th>时间</th>
                                <th>地点</th>
                                <th>被访人</th>
                            </tr>
                        </thead>

                    </table>
                </div>
                <div class="tb-count-data">

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

        <div class="peo-img">
            <img src="" alt="" id="choose-img">
        </div>
    </div>


    <div id="peoplebubble">
        <div id="peopopups">

        </div>
    </div>

    <div id="ejectImg">
        <img src=""></img>
    </div>
</div>
<div class="" id="openMoreFk" style="display: none; z-index: 33;">
    <div class="tb-div" style="margin-top: 30px;">
        <input id="searchNameFk" value="" placeholder="请输入姓名......" class="layui-input"
               style="width: 200px;display: inline;" />
        <button type="button" id="searchFk" class="layui-btn layui-btn-normal" style="display: inline;">搜索</button>
        <table id="layTbFk" lay-filter="layTbFk"></table>
    </div>
</div>
<script type="text/html" id="barDemo">
    <a class="layui-btn layui-btn-xs" lay-event="look">查看</a>
</script>

<div class="" id="openMoreFkDetail" style="display: none;z-index: 33;">
    <div class="tb-div" style="margin-top: 30px;">
        <form class="layui-form" action="" lay-filter="fkDetail">
            <div class="layui-form-item">
                <label class="layui-form-label">姓名</label>
                <div class="layui-input-block">
                    <input type="text" name="NAME" lay-verify="title" autocomplete="off" value="" class="layui-input"
                           disabled>
                </div>
            </div>
            <div class="layui-form-item">
                <label class="layui-form-label">人员类型</label>
                <div class="layui-input-block" id="people_type" style="line-height: 40px">

                </div>
            </div>
            <div class="layui-form-item">
                <label class="layui-form-label">身份证号</label>
                <div class="layui-input-block">
                    <input type="text" name="ID_NUM" lay-verify="title" autocomplete="off" value="" class="layui-input"
                           disabled>
                </div>
            </div>
            <div class="layui-form-item">
                <label class="layui-form-label">身份证地址</label>
                <div class="layui-input-block">
                    <input type="text" name="ADDR" lay-verify="title" autocomplete="off" value="" class="layui-input"
                           disabled>
                </div>
            </div>
            <div class="layui-form-item">
                <label class="layui-form-label">签发机关</label>
                <div class="layui-input-block">
                    <input type="text" name="SIGN_OFFICE" lay-verify="title" autocomplete="off" value=""
                           class="layui-input" disabled>
                </div>
            </div>
            <div class="layui-form-item">
                <label class="layui-form-label">出生日期</label>
                <div class="layui-input-block">
                    <input type="text" name="BIRTHDAY" lay-verify="title" autocomplete="off" value=""
                           class="layui-input" disabled>
                </div>
            </div>
            <div class="layui-form-item">
                <label class="layui-form-label">有效期限</label>
                <div class="layui-input-block">
                    <input type="text" name="LEGAL_DATE" lay-verify="title" autocomplete="off" value=""
                           class="layui-input" disabled>
                </div>
            </div>
            <div class="layui-form-item">
                <label class="layui-form-label">进入时间</label>
                <div class="layui-input-block">
                    <input type="text" name="INTIME" lay-verify="title" autocomplete="off" value="" class="layui-input"
                           disabled>
                </div>
            </div>
            <div class="layui-form-item">
                <label class="layui-form-label">进入照片</label>
                <div class="layui-input-block">
                    <img src="" alt="" name="INPIC" id="INPIC">
                </div>
            </div>
            <div class="layui-form-item">
                <label class="layui-form-label">电话</label>
                <div class="layui-input-block">
                    <input type="text" name="PHONE" lay-verify="title" autocomplete="off" value="" class="layui-input"
                           disabled>
                </div>
            </div>
            <div class="layui-form-item">
                <label class="layui-form-label">访问事由</label>
                <div class="layui-input-block" id="people_reason">

                </div>
            </div>
            <div class="layui-form-item">
                <label class="layui-form-label">访问人数</label>
                <div class="layui-input-block">
                    <input type="text" name="TRAVEL_NUM" lay-verify="title" autocomplete="off" value=""
                           class="layui-input" disabled>
                </div>
            </div>
            <div class="layui-form-item">
                <label class="layui-form-label">驾驶车辆牌照</label>
                <div class="layui-input-block">
                    <input type="text" name="DRICAR" lay-verify="title" autocomplete="off" value="" class="layui-input"
                           disabled>
                </div>
            </div>
            <div class="layui-form-item">
                <label class="layui-form-label">设备编号</label>
                <div class="layui-input-block">
                    <input type="text" name="DEVICE_ID" lay-verify="title" autocomplete="off" value="" class="layui-input"
                           disabled>
                </div>
            </div>
            <div class="layui-form-item">
                <label class="layui-form-label">设备地址</label>
                <div class="layui-input-block">
                    <input type="text" name="DEVICE_ADDR" lay-verify="title" autocomplete="off" value="" class="layui-input"
                           disabled>
                </div>
            </div>
            <div class="layui-form-item">
                <label class="layui-form-label">被访部门</label>
                <div class="layui-input-block">
                    <input type="text" name="VED_DEPT" lay-verify="title" autocomplete="off" value=""
                           class="layui-input" disabled>
                </div>
            </div>
            <div class="layui-form-item">
                <label class="layui-form-label">被访问人员姓名</label>
                <div class="layui-input-block">
                    <input type="text" name="VED_MAN" lay-verify="title" autocomplete="off" value="" class="layui-input"
                           disabled>
                </div>
            </div>
            <div class="layui-form-item">
                <label class="layui-form-label">反馈信息</label>
                <div class="layui-input-block">
                    <input type="text" name="FEEDBACK" lay-verify="title" autocomplete="off" value=""
                           class="layui-input" disabled>
                </div>
            </div>
        </form>
    </div>
</div>
<div class="tb-out">

    <table class="tb-inpoe det-f4" style="z-index: 2;">
        <colgroup>
            <col width="20%">
            <col width="20%">
            <col width="20%">
            <col width="20%">
            <col width="20%">
        </colgroup>
        <tbody id="tb-outper">
        </tbody>
    </table>
</div>
<div class="right">
    <div class="sy-con" style="margin-bottom: 0;">
        <div class="title-div statistics">
            <img src="icon/zqgl-tit-icon6.png"><span class="in-title">
                进出统计&nbsp;&nbsp;<img src="icon/up-icon.png" style="width: 25px;" class="statistics-img">
            </span>
        </div>
        <div class="sy-con1 statistics-data" style="background: rgba(1,43,81,0.7);height: 28vh;">
            <div class="choose-btn">

                <span for=""><button name="timeBtn" data-value="4" class="chooseBtn active-btn">年</button></span>
                <span for=""><button name="timeBtn" data-value="3" class="chooseBtn">季</button></span>

                <span for=""><button name="timeBtn" data-value="2" class="chooseBtn">月</button></span>

                <span for=""><button name="timeBtn" data-value="1" class="chooseBtn">周</button></span>

                <span for=""><button name="timeBtn" data-value="0" class="chooseBtn ">日</button></span>
            </div>
            <div style="width: 100%; height: 90%;padding-right: -5px;    margin-top: 32px;" id="zh-ryzg">



            </div>

        </div>
    </div>

    <div class="rdown" style="display: none;" id="jcjl">
        <div class="title-div record">
            <img src="icon/nbry-tit-icon2.png"><span class="in-title">
                进出记录 <img src="img/cha.png" class="record-img">
            </span>
        </div>


        <div class="rdown-data record-data" id="jcxx-list">

        </div>

    </div>

</div>


<script src="subitem/js/people.js"></script>
<script src="js/mapPublic/Bubble.js"></script>