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

<link href="subitem/css/patrols.css" rel="stylesheet" type="text/css">
<div style="position: fixed;top: 70px;left: 80px">
    <div class="sy-left fl">
        
        <!-- 巡更任务 -->
        <div class="sy-con" style="float: left;
        height: 100%;
        width: 60%;
        margin-top: 7px;">
            <div class="sy-tit" style="background: url(img/rygl-titbg.png) left bottom no-repeat; color: #00fcff;"><img
                    src="icon/zqgl-tit-icon2.png">巡更任务<a href="#" id="xgrwMore">更多>></a></div>
            <div class="sy-con1" style="background: rgba(1,43,81,0.7);height: 83%;">
                <!-- <div class="tlist" style="height: 100%; margin-top: 0;"> -->
                <div class="tlist-h tlist">
                    <table>
                        <colgroup>
                            <col width="35%">
                            <col width="20%">
                            <col width="30%">
                            <col width="15%">
                        </colgroup>
                        <thead>
                            <tr class="thead">
                                <th>任务名称</th>
                                <th>巡查员</th>
                                <th>开始时间</th>
                                <th>状态</th>
                            </tr>
                        </thead>
                    </table>
                </div>
                <div class="tlist tlist-y" style="height: 80%;">
                    <table border="0" cellspacing="0" cellpadding="0">
                        <colgroup>
                            <col width="35%">
                            <col width="20%">
                            <col width="30%">
                            <col width="15%">
                        </colgroup>
                        <tbody id="patXgrwTb">

                        </tbody>
                    </table>
                </div>
                <!-- </div> -->
            </div>
        </div>
        <!-- 巡查轨迹 -->
        <div class="sy-con" style="float: right;
        float: right;
    height: 100%;
    width: 39%;
    margin-top: 7px;">
            <div class="sy-tit" style="background: url(img/rygl-titbg.png) bottom no-repeat; color: #00fcff;"><img
                    src="icon/zqgl-tit-icon3.png">巡查轨迹</a></div>
            <div class="sy-con1" style="background: rgba(1,43,81,0.7);height: 83%;">
                <!-- <div class="tlist" style="height: 100%; margin-top: 0;"> -->
                <div class="tlist-h tlist">
                    <table>
                        <colgroup>
                            <col width="30%">
                            <col width="30%">
                            <col width="20%">
                            <col width="20%">
                        </colgroup>
                        <thead>
                            <tr class="thead">
                                <th>巡查点</th>
                                <th>巡查员</th>
                                <th>有无隐患</th>
                                <th>状态</th>
                            </tr>
                        </thead>
                    </table>
                </div>
                <div class="tlist tlist-y">
                    <table border="0" cellspacing="0" cellpadding="0">
                        <colgroup>
                            <col width="30%">
                            <col width="30%">
                            <col width="20%">
                            <col width="20%">
                        </colgroup>
                        <tbody id="patXcgjTb">

                        </tbody>

                    </table>
                </div>
                <!-- </div> -->
            </div>
        </div>
    </div>
    <li class="dtbs-li">
        <a href="javascript:void(0);" id="clear" style="cursor: pointer;">
            <div class="dtbs-img"><img class="pat-tool-img" src="img/clear.png"></div>
            <div class="dtbs-tit clear-tit" style="width: 100%;
            height: 24px;
            line-height: 24px;
            color: #00eaff;">隐藏</div>
        </a>
    </li>
    <div class="sy-right fr">
        
        
        <!-- 岗哨交接班 -->
        <div class="sy-con" style="height: 31vh;">
            <div class="sy-tit" style="background: url(img/rygl-titbg.png) bottom no-repeat; color: #00fcff;"><img
                    src="icon/zqgl-tit-icon4.png">岗哨交接班</div>
            <div class="sy-con1" style="background: rgba(1,43,81,0.7);height: 27vh;">
                <div class="zqgl-gsjj">
                    <div class="zqgl-gsjj-row">
                        <div class="zqgl-gsjj1">
                            <div class="zqgl-gsjj1-img">
                                <img src="" id="dqimg">
                            </div>
                            <div class="hgry-name">当前值班人员：<span id="dqspan"></span></div>
                        </div>
                        <div class="zqgl-gsjj1">
                            <div class="zqgl-gsjj1-img">
                                <img src="" id="jjimg">
                            </div>
                            <div class="hgry-name">交接班人员：<span id="jjspan"></span></div>
                        </div>
                    </div>
                    <div class="jjsj">交接时间：<span id="jjsjspan"></span></div>
                </div>
            </div>
        </div>
        <!-- 查铺查哨信息 -->
        <div class="sy-con" style="height: 23vh;">
            <div class="sy-tit" style="background: url(img/rygl-titbg.png) bottom no-repeat; color: #00fcff;"><img
                    src="icon/zqgl-tit-icon5.png">查铺查哨信息<a href="#" id="cfcsMore">更多>></a></div>
            <div class="sy-con1" style="background: rgba(1,43,81,0.7);height: 20vh;">
                <div class="tlist-h tlist">
                    <table>
                        <colgroup>
                            <col width="30%">
                            <col width="20%">
                            <col width="30%">
                            <col width="20%">
                        </colgroup>
                        <thead>
                            <tr class="thead">
                                <th>
                                    查岗干部
                                </th>
                                <th>
                                    查岗日期
                                </th>
                                <th>
                                    检查地点
                                </th>
                                <th>
                                    状态
                                </th>
                            </tr>
                        </thead>
                    </table>
                </div>
                <div class="tlist tlist-y" style="height: 13vh;">
                    <table border="0" cellspacing="0" cellpadding="0">
                        <colgroup>
                            <col width="30%">
                            <col width="20%">
                            <col width="30%">
                            <col width="20%">
                        </colgroup>
                        <tbody id="patGsxxTb">

                        </tbody>
                    </table>
                </div>
            </div>
        </div>
        <!-- 查铺查哨趋势分析 -->
        <div class="sy-con" style="margin-bottom: 0;">
            <div class="sy-tit" style="background: url(img/rygl-titbg.png) bottom no-repeat; color: #00fcff;"><img
                    src="icon/zqgl-tit-icon6.png">查铺查哨趋势</div>
            <div class="sy-con1" style="background: rgba(1,43,81,0.7);height: 25vh;">
                <div style="width: 100%; height: 100%;padding-right: -5px" id="zh-ryzg">

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

<!-- 巡更任务查看更多 -->
<div class="" id="patXgrwMore" style="display: none;">
    <div class="tb-div" style="margin-top: 30px;">
        <div class="layui-inline">
            <div class="layui-input-inline">
                <input id="xgrwSearchName" value="" placeholder="输入任务名称模糊检索......" class="layui-input"
                    style="width: 200px;display: inline;" />
            </div>
        </div>

        <button type="button" id="xgrwSearch" class="layui-btn layui-btn-normal" style="display: inline;">搜索</button>
        <table id="patXgrwMoreTb" lay-filter="patXgrwMoreTb"></table>
    </div>
</div>

<!-- 巡更任务详情 -->
<div class="" id="patXgrwMoreLook" style="display: none;">
    <div class="tb-div" style="margin-top: 30px;">
        <form class="layui-form" action="" lay-filter="patForm">
            <div class="detail-left">
                <h2 class="split">---巡查任务---</h2>
                <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">
                        <input type="text" name="S_TIME" 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="E_TIME" 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="EMP_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">
                        <input type="text" name="EXTENDCODE2" 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">
                        <textarea class="layui-textarea" name="SPOT_NAMES" disabled></textarea>
                    </div>
                </div>
                <div class="layui-form-item">
                    <label class="layui-form-label">状态</label>
                    <div class="layui-input-block">
                        <input type="text" name="STATE" 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="A_PER" 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="A_TIME" 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="U_PER" 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="U_TIME" lay-verify="title" autocomplete="off" value=""
                            class="layui-input" disabled>
                    </div>
                </div>
            </div>
            <div class="detail-right">
                <h2 class="split">----巡查轨迹---</h2>
                <ul class="layui-timeline" id="xcgjUl">

                </ul>
            </div>
        </form>
    </div>
</div>


<!-- 查符查哨更多 -->
<div class="" id="patCfcsMore" style="display: none;">
    <div class="tb-div" style="margin-top: 30px;">
        <div class="layui-inline">
            <div class="layui-input-inline">
                <input id="cfcsSearchName" value="" placeholder="输入查岗干部名称模糊检索......" class="layui-input"
                    style="width: 200px;display: inline;" />
            </div>
        </div>

        <button type="button" id="cfcsSearch" class="layui-btn layui-btn-normal" style="display: inline;">搜索</button>
        <table id="patCfcsMoreTb" lay-filter="patCfcsMoreTb"></table>
    </div>
</div>

<!--   详情 -->
<div class="" id="patCfcsMoreDetail" style="display: none;">
    <div class="tb-div" style="margin-top: 30px;">
        <form class="layui-form" action="" lay-filter="patCfcsForm">
            <div class="layui-form-item-max">
                <label class="layui-form-label">查岗干部名称</label>
                <div class="layui-input-block">
                    <input type="text" name="CN_NAME" lay-verify="title" autocomplete="off" value="" class="layui-input"
                        disabled>
                </div>
            </div>
            <div class="layui-form-item-max">
                <label class="layui-form-label">查岗日期</label>
                <div class="layui-input-block">
                    <input type="text" name="L_DATE" lay-verify="title" autocomplete="off" value="" class="layui-input"
                        disabled>
                </div>
            </div>
            <div class="layui-form-item-max">
                <label class="layui-form-label">被查岗人名称</label>
                <div class="layui-input-block">
                    <input type="text" name="SN_NAME" lay-verify="title" autocomplete="off" value="" class="layui-input"
                        disabled>
                </div>
            </div>
            <div class="layui-form-item-max">
                <label class="layui-form-label">FID</label>
                <div class="layui-input-block">
                    <input type="text" name="A_TIME" lay-verify="title" autocomplete="off" value="" class="layui-input"
                        disabled>
                </div>
            </div>
            <div class="layui-form-item-max">
                <label class="layui-form-label">在岗状态</label>
                <div class="layui-input-block">
                    <input type="text" name="L_STATE" lay-verify="title" autocomplete="off" value="" class="layui-input"
                        disabled>
                </div>
            </div>
            <div class="layui-form-item-max">
                <label class="layui-form-label">履职情况，备注</label>
                <div class="layui-input-block">
                    <input type="text" name="L_WORK" lay-verify="title" autocomplete="off" value="" class="layui-input"
                        disabled>
                </div>
            </div>
            <div class="layui-form-item-max">
                <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-max">
                <label class="layui-form-label">经度</label>
                <div class="layui-input-block">
                    <input type="text" name="LON" lay-verify="title" autocomplete="off" value="" class="layui-input"
                        disabled>
                </div>
            </div>
            <div class="layui-form-item-max">
                <label class="layui-form-label">纬度</label>
                <div class="layui-input-block">
                    <input type="text" name="LAT" lay-verify="title" autocomplete="off" value="" class="layui-input"
                        disabled>
                </div>
            </div>
            <div class="layui-form-item-max">
                <label class="layui-form-label">在铺人员</label>
                <div class="layui-input-block">
                    <input type="text" name="EXTENDCODE1" lay-verify="title" autocomplete="off" value=""
                        class="layui-input" disabled>
                </div>
            </div>
            <div class="layui-form-item-max">
                <label class="layui-form-label">在铺人数</label>
                <div class="layui-input-block">
                    <input type="text" name="EXTENDCODE2" lay-verify="title" autocomplete="off" value=""
                        class="layui-input" disabled>
                </div>
            </div>
            <div class="layui-form-item-max">
                <label class="layui-form-label">未到人员</label>
                <div class="layui-input-block">
                    <input type="text" name="EXTENDCODE3" lay-verify="title" autocomplete="off" value=""
                        class="layui-input" disabled>
                </div>
            </div>
            <div class="layui-form-item-max">
                <label class="layui-form-label">未到人数</label>
                <div class="layui-input-block">
                    <input type="text" name="EXTENDCODE4" lay-verify="title" autocomplete="off" value=""
                        class="layui-input" disabled>
                </div>
            </div>
            <div class="layui-form-item-max">
                <label class="layui-form-label">全部人员</label>
                <div class="layui-input-block">
                    <input type="text" name="EXTENDCODE5" lay-verify="title" autocomplete="off" value=""
                        class="layui-input" disabled>
                </div>
            </div>
            <div class="layui-form-item-max">
                <label class="layui-form-label">全部人数</label>
                <div class="layui-input-block">
                    <input type="text" name="EXTENDCODE6" lay-verify="title" autocomplete="off" value=""
                        class="layui-input" disabled>
                </div>
            </div>
            <div class="layui-form-item-max">
                <label class="layui-form-label">因事外出人员</label>
                <div class="layui-input-block">
                    <input type="text" name="LEAVE_PER" lay-verify="title" autocomplete="off" value=""
                        class="layui-input" disabled>
                </div>
            </div>
            <div class="layui-form-item-max">
                <label class="layui-form-label">因事外出人数</label>
                <div class="layui-input-block">
                    <input type="text" name="LEAVE_NUM" lay-verify="title" autocomplete="off" value=""
                        class="layui-input" disabled>
                </div>
            </div>
        </form>
    </div>
</div>

<script type="text/html" id="barPatLook">
    <a class="layui-btn layui-btn-xs" lay-event="look">查看</a>
  </script>

<script type="text/html" id="barPatcfcsLook">
    <a class="layui-btn layui-btn-xs" lay-event="cfcslook">查看</a>
  </script>

  <script src="js/mapPublic/MaterialProperty.js"></script>
<script src="subitem/js/patrols.js"></script>
<script type="text/javascript" src="subitem/js/Lunbo.js"></script>
<script src="subitem/js/Lunbo.js"></script>


<!--2020年4月17日-->
<!--临时填充，开发时根据设计图进行修改-->