screenmanage.html 9.84 KB
<div class="row">
    <div class=" col-md-12 col-sm-12 ITD-padding-common margin-top-18 margin-bottom-18">
        <div class=" ITD-padding22-24 ITD-bgcolor-white ITD-border-radius ITD-box-shadow pos-rel clearfix">
            <div class="row">
                <div class="col-lg-4 col-md-4 col-sm-4 col-xs-12">
                    <span class="control-label ITD-common-parking-l float-left ITD-common-color070 ITD-common-fontsize14">名称/编码</span>
                    <input type="text" class="ITD-parkinput78 paddingleft-10 ITD-input-bordercolor" maxlength="32" id="guidesNo" >
                </div>
                <div class="col-lg-2 col-md-2 col-sm-2 col-xs-12">
                    <select id="screenJB" class="selectpicker" data-width="100%"  data-size="5" data-live-search="true">
                        <option value="全部">所有级别</option>
                        <option value="1">一级</option>
                        <option value="2">二级</option>
                        <option value="3">三级</option>
                    </select>
                </div>
                <div class="col-lg-2 col-md-2 col-sm-2 col-xs-12">
                    <select id="devStatus" class="selectpicker" data-width="100%" data-size="5" data-live-search="true">
                        <option value="全部">所有设备状态</option>
                        <option value="2">停用</option>
                        <option value="1">启用</option>
                    </select>
                </div>
                <div class="col-lg-2 col-md-2 col-sm-2 col-xs-12">
                    <select id="screenStatus" class="selectpicker" data-width="100%" data-size="5" data-live-search="true">
                        <option value="全部">所有屏幕状态</option>
                        <option value="2">离线</option>
                        <option value="1">在线</option>
                    </select>
                </div>
                <div class="col-lg-2 col-md-2 col-sm-2 col-xs-12">
                    <div class="float-right">
                        <div class="ITD-common-searchbtn" id="queryBtn">查询</div>
                    </div>

                </div>

            </div>
        </div>
    </div>
</div>
<!--search end-->
<!--记录 sta -->
<div class="row">
    <div class="col-md-12 col-sm-12 ITD-padding-common">
        <div class="ITD-box-shadow ITD-border-radius padding0-20">
            <div class="ITD-new-table-title ITD-common-fontsize14 ITD-common-color070 pos-rel">
                <span></span>
                <li class="float-left ">详细列表</li>
                <li class="float-right" >
                    <input class="btn ITD-panelbtnsync-icon ITD-panelbtn-icon-sync" id="screenmanage_syncBtn" value="一键同步">

                    <!--<button class="btn ITD-panelbtn-icon ITD-panelbtn-icon-gray margin-right-10" id="pdamanage-del">
                        <i class="fa ITD-panelicon-delete"></i>删除
                    </button>-->
                </li>
            </div>
            <div class="portlet-body">
                <table id="screenmanageTable" class="ITD-new-table"></table>
            </div>

        </div>
    </div>
</div>
<!--记录 end -->
<!--详情 sta-->
<div class="modal fade" id="screen_detailmodel" style="display: none" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
    <div class="ITD-modal-dialog ITD-model-712">
        <div class="modal-content ITD-common-color070">
            <div class="modal-header ITD-model-header">
                <button type="button" class="close ITD-model-close" data-dismiss="modal" aria-hidden="true">×</button>
                <span class="ITD-common-fontsize16 colorbig ITD-ztree-headername">详细信息</span>
            </div>
            <div class="modal-body ITD-modal-body">
                <ul id="ITD-alertcon-tab-wrap" class="">
                    <li class="display-none0">
                        <div class="ITD-common-fontsize14 ITD-common-color080 margin-top-15 toll-basic-ifo-park toll-basic-ifo-park-height toll-basic-borderbototm"><span class="screen-icon"></span>诱导屏详情</div>
                        <ul class="toll-basic-ifo-park-wrap">
                            <li class="ITD-common-fontsize12 ITD-common-color000 toll-basic-ifo-park-height toll-basic-borderbototm">
                                <div class="float-left"><span>编码</span>&nbsp;&nbsp;:&nbsp;&nbsp;<span id="_guideNo">室外</span> </div>
                                <div class="float-left"><span>名称</span>&nbsp;&nbsp;:&nbsp;&nbsp;<span id="_guideName">地磁</span> </div>
                            </li>
                            <li class="ITD-common-fontsize12 ITD-common-color000 toll-basic-ifo-park-height toll-basic-borderbototm">
                                <div class="float-left"><span>类型</span>&nbsp;&nbsp;:&nbsp;&nbsp;<span id="_guideType">298个</span> </div>
                                <div class="float-left" style="width: 263px;"><div class="float-left" style="width: 40px;">IMEI&nbsp;&nbsp;:&nbsp;&nbsp;</div><div id="_eqpImei" title="" class="float-left ITD-cursor-pointer ITD-hidden-nowrap" style="max-width: 220px">2出2入</div> </div>
                            </li>
                            <li class="ITD-common-fontsize12 ITD-common-color000 toll-basic-ifo-park-height toll-basic-borderbototm">
                                <div class="float-left"><span>端口</span>&nbsp;&nbsp;:&nbsp;&nbsp;<span id="_eqpPort">室外</span> </div>
                                <div class="float-left"><span>经度</span>&nbsp;&nbsp;:&nbsp;&nbsp;<span id="_lonId">地磁</span> </div>
                            </li>
                            <li class="ITD-common-fontsize12 ITD-common-color000 toll-basic-ifo-park-height toll-basic-borderbototm">
                                <div class="float-left"><span>地址</span>&nbsp;&nbsp;:&nbsp;&nbsp;<span id="_address">298个</span> </div>
                                <div class="float-left"><span>纬度</span>&nbsp;&nbsp;:&nbsp;&nbsp;<span id="_latId">2出2入</span> </div>
                            </li>
                            <li class="ITD-common-fontsize12 ITD-common-color000 toll-basic-ifo-park-height toll-basic-borderbototm">
                                <div class="float-left"><span>级别</span>&nbsp;&nbsp;:&nbsp;&nbsp;<span id="_level">室外</span> </div>
                                <div class="float-left"><span>回显类型</span>&nbsp;&nbsp;:&nbsp;&nbsp;<span id="_echoType">地磁</span> </div>
                            </li>
                            <li class="ITD-common-fontsize12 ITD-common-color000 toll-basic-ifo-park-height toll-basic-borderbototm">
                                <div class="float-left"><span>点阵屏IP</span>&nbsp;&nbsp;:&nbsp;&nbsp;<span id="_eqpIp">室外</span> </div>
                                <div class="float-left"><span>安装时间</span>&nbsp;&nbsp;:&nbsp;&nbsp;<span id="_installDate">地磁</span> </div>
                            </li>
                            <li class="ITD-common-fontsize12 ITD-common-color000 toll-basic-ifo-park-height toll-basic-borderbototm">
                                <div class="float-left"><span>光带屏IP</span>&nbsp;&nbsp;:&nbsp;&nbsp;<span id="_lightBandIp">室外</span> </div>
                            </li>

                        </ul>
                        <div class="ITD-common-fontsize14 ITD-common-color080 margin-top-15 toll-basic-ifo-park toll-basic-ifo-park-height toll-basic-borderbototm"><span class="carflow-icon"></span>车场列表</div>
                        <ul class="toll-basic-ifo-park-wrap">
                            <li id="screenparkShow" style="max-width: 634px" class="ITD-common-fontsize12 ITD-hidden-nowrap ITD-common-color000 toll-basic-ifo-park-height toll-basic-borderbototm">
                                <!--<span class="maxWid100 ITD-hidden-nowrap ITD-cursor-pointer" title="水岸天街停车场">水岸天街停车场</span>-->
                                <!--<span class="maxWid100 ITD-hidden-nowrap ITD-cursor-pointer" title="水岸天街水岸天街停车场">水岸天街水岸天街停车场</span>-->
                            </li>
                        </ul>
                    </li>
                </ul>
            </div>
        </div>
    </div>
</div>
<!--详情 end-->
<!--回显 sta-->
<div class="modal fade in" id="screen_showmodel" style="display: none;" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
    <div class="ITD-modal-dialog blue-modal">
        <div class="modal-content ITD-common-color070">
            <div class="modal-header ITD-model-header">
                <button type="button" class="close ITD-model-close" data-dismiss="modal" aria-hidden="true">×</button>
                <span class="ITD-common-fontsize16 colorbig ITD-ztree-headername">回显图片</span>
            </div>
            <div class="modal-body" style="padding:0;padding-bottom: 15px;">
                <div class="pop-common">

                </div>
            </div>

        </div>
    </div>
</div>
<!--回显 sta-->
<!--提示弹窗 sta-->
<div class="modal fade" id="records_alertmodel" style="display: none" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
    <div class="ITD-modal-dialog blue-modal">
        <div class="modal-content">
            <div class="modal-header ITD-model-header">
                <button type="button" class="close ITD-model-close" data-dismiss="modal" aria-hidden="true">×</button>
                <span class="ITD-common-fontsize16 colorbig ITD-ztree-headername">提示</span>
            </div>
            <div class="modal-body">
                <div class="ITD-alertmodel-contentmsg"></div>
            </div>
        </div>
    </div>
</div>
<!--提示弹窗 end-->
<script src='../../assets/pages/scripts/devicemanageFile/screenFile/screenmanage.js'></script>