pdamanage.html 18.4 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-2 col-md-2 col-sm-2 col-xs-12">
                    <select id="parkIds" class="selectpicker" data-width="100%"  data-size="5" data-live-search="true">
                    </select>
                </div>
                <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="password" autocomplete="new-password" onfocus="this.type='text'" class="ITD-parkinput78 paddingleft-10 ITD-input-bordercolor" maxlength="32" id="pdaNo" >
                </div>
                <div class="col-lg-2 col-md-2 col-sm-2 col-xs-12">
                    <select id="pdaStatus" class="selectpicker" data-width="100%" data-size="5" data-live-search="true">
                        <option value="全部">所有启用状态</option>
                        <option value="0">停用</option>
                        <option value="1">启用</option>
                    </select>
                </div>

                <div class="col-lg-4 col-md-4 col-sm-4 col-xs-12">
                    <div class="float-right">
                        <div class="ITD-search-morebtn ITD-common-color070">更多</div>
                    </div>
                    <div class="float-right margin-right-10">
                        <div class="ITD-common-searchbtn" id="queryBtn">查询</div>
                    </div>

                </div>

            </div>
            <!--隐藏 sta-->
            <div class="row hide-common-style margin-top-15 display-none">
                <div class="col-lg-2 col-md-2 col-sm-2 col-xs-12">
                    <select id="onlineFlg" class="selectpicker" data-width="100%" data-live-search="true" data-size="5">
                        <option value="全部">所有在线状态</option>
                        <option value="0">在线</option>
                        <option value="1">离线</option>
                    </select>
                </div>
                <div class="col-lg-2 col-md-2 col-sm-2 col-xs-12">
                    <select id="registerState" 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>
            <!--隐藏 end-->
        </div>
    </div>
</div>
<!--search end-->

<div class="row margin-bottom-18">
    <div class="col-lg-4 col-md-4 col-sm-4 col-xs-12 ITD-padding-common">
        <div class="pdamanage-wrap ITD-bgcolor-white ITD-box-shadow ITD-border-radius">
            <div class="float-left pdamanage-con pos-rel">
                <div class="pdamanage-con-l pos-abs">
                    <div class="pdamanage-con-title-1">
                        <!--<img src="../../assets/pages/scripts/equipmentPeration/css/img/geomagneticmanage-con-title-1.png">-->
                        <span class="ITD-common-fontsize14 ITD-common-color060 ">PDA在线</span>
                    </div>
                    <div class="pdamanage-con-num">
                        <span id="onLineCount_pda">0</span>
                    </div>
                </div>

            </div>
            <div class="float-left pdamanage-con">
                <div id="pdamanage-online" class="pdamanage-echarts"></div>
            </div>
        </div>

    </div>
    <div class="col-lg-4 col-md-4 col-sm-4 col-xs-12 ITD-padding-common">
        <div class="pdamanage-wrap ITD-bgcolor-white ITD-box-shadow ITD-border-radius">
            <div class="float-left pdamanage-con pos-rel">
                <div class="pdamanage-con-l pos-abs">
                    <div class="pdamanage-con-title-2">
                        <!--<img src="../../assets/pages/scripts/equipmentPeration/css/img/geomagneticmanage-con-title-1.png">-->
                        <span class="ITD-common-fontsize14 ITD-common-color060 ">PDA离线</span>
                    </div>
                    <div class="pdamanage-con-num">
                        <span id="downLineCount_pda">0</span>
                    </div>
                </div>

            </div>
            <div class="float-left pdamanage-con">
                <div id="pdamanage-offline" class="pdamanage-echarts"></div>
            </div>
        </div>

    </div>
    <div class="col-lg-4 col-md-4 col-sm-4 col-xs-12 ITD-padding-common">
        <div class="pdamanage-wrap ITD-bgcolor-white ITD-box-shadow ITD-border-radius">
            <div class="float-left pdamanage-con pos-rel">
                <div class="pdamanage-con-l pos-abs">
                    <div class="pdamanage-con-title-3">
                        <!--<img src="../../assets/pages/scripts/equipmentPeration/css/img/geomagneticmanage-con-title-1.png">-->
                        <span class="ITD-common-fontsize14 ITD-common-color060 ">PDA停用</span>
                    </div>
                    <div class="pdamanage-con-num">
                        <span id="faultCount_pda">0</span>
                    </div>
                </div>

            </div>
            <div class="float-left pdamanage-con">
                <div id="pdamanage-fault" class="pdamanage-echarts"></div>
            </div>
        </div>

    </div>
</div>

<!--记录 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" >
                    <button class="btn ITD-panelbtn-icon ITD-panelbtn-icon-gray margin-right-10" id="pdamanage-addBtn">
                        <i class="fa ITD-panelicon-add"></i>新增
                    </button>
                    <button class="btn ITD-panelbtn-icon ITD-panelbtn-icon-gray margin-right-10" id="pdamanage-del">
                        <i class="fa ITD-panelicon-delete"></i>删除
                    </button>
                    <!--<div class="ITD-export-btn" id="geomanage-recordBtn">导出</div>-->
                </li>
            </div>
            <div class="portlet-body">
                <table id="pdamanageTable" class="ITD-new-table"></table>
            </div>

        </div>
    </div>
</div>
<!--记录 end -->
<!--停车场新增弹窗 sta-->
<div class="modal fade" id="pdamanage_addmodel" 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">
            <!--topbar sta-->
            <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>
            <!--topbar end-->
            <div class="modal-body ITD-model-contbody">
                <!--错误提示 sta-->
                <div id="pdamanage-addParkinglot" class="ITD-model-errormsg display-none"></div>
                <!--错误提示 end-->
                <div class="ITD-padding-15">
                    <!--<div class="ITD-form-group margin-bottom-15">
                        <div class="ITD-form-padleft25-read float-left ITD-pop-panel-wid100">停车场<span class="ITD-color-red" style="padding-left: 3px;">*</span></div>
                        <div class="ITD-form-padleft5-read float-left" >
                            <select id="pdaparkNameadd" class="selectpicker" data-width="180px" data-size="5" data-live-search="true">
                                <option value="">全部</option>
                            </select>
                        </div>
                    </div>-->
                    <div class="ITD-form-group margin-bottom-15">
                        <div class="ITD-form-padleft25-read float-left ITD-pop-panel-wid100">设备名称<span class="ITD-color-red" style="padding-left: 3px;">*</span></div>
                        <div class="ITD-form-padleft5-read float-left" >
                            <input type="text" class="ITD-input-wid180 ITD-input-bordercolor" id="pdamanage-deviceName" maxlength="40">
                        </div>
                    </div>
                    <div class="ITD-form-group margin-bottom-15">
                        <div class="ITD-form-padleft25-read float-left ITD-pop-panel-wid100">设备编号<span class="ITD-color-red" style="padding-left: 3px;">*</span></div>
                        <div class="ITD-form-padleft5-read float-left" >
                            <input type="text" class="ITD-input-wid180 ITD-input-bordercolor" id="pdamanage-deviceNum" maxlength="40">
                        </div>
                    </div>
                    <!--<div class="ITD-form-group margin-bottom-15">
                        <div class="ITD-form-padleft25-read float-left ITD-pop-panel-wid100">设备类型<span class="ITD-color-red" style="padding-left: 3px;">*</span></div>
                        <div class="ITD-form-padleft5-read float-left" >
                            <select id="pdamanage-deviceType" class="selectpicker" data-width="180px">
                                <option value="0" selected="selected">收费员设备</option>
                                <option value="1">巡查员设备</option>
                            </select>
                        </div>
                    </div>-->
                    <div class="ITD-form-group margin-bottom-15">
                        <div class="ITD-form-padleft25-read float-left ITD-pop-panel-wid100">SIM号</div>
                        <div class="ITD-form-padleft5-read float-left" >
                            <input type="text" class="ITD-input-wid180 ITD-input-bordercolor"  id="pda-serviceTel-add" maxlength="40">
                        </div>
                    </div>
                    <div class="ITD-form-group margin-bottom-15">
                        <div class="ITD-form-padleft25-read float-left ITD-pop-panel-wid100">车牌识别码</div>
                        <div class="ITD-form-padleft5-read float-left" >
                            <input type="text" class="ITD-input-wid180 ITD-input-bordercolor"  id="pda-registerno-add" maxlength="40">
                        </div>
                    </div>
                    <!--<div class="ITD-form-group margin-bottom-24">
                        <div class="ITD-form-padleft25-read float-left ITD-pop-panel-wid100">设备描述</div>
                        <div class="ITD-form-padleft5-read float-left" >
                            <input type="text" class="ITD-input-wid180 ITD-input-bordercolor" id="pdamanage-remark-add" maxlength="200">
                        </div>
                    </div>-->
                </div>
                <!--底部 sta-->
                <div class="modal-footer ITD-model-footer">
                    <button type="button" id="pdamanage_cancel-btn" class="btn ITD-model-btn ITD-bgcolor-c2cad8" data-dismiss="modal">取消</button>
                    <button type="button" class="btn ITD-model-btn ITD-bgcolor-green" id="pdamanage-add-submit" >确定</button>
                    <button type="button" class="btn ITD-modelall-btn ITD-bgcolor-green" id="pdamanage-addother-submit">继续添加</button>
                </div>
                <!--底部 end-->
            </div>

        </div>
    </div>
</div>
<!--停车场新增弹窗 end-->
<!--停车场修改弹窗 sta-->
<div class="modal fade" id="pdamanage_modifymodel" 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">
            <!--topbar sta-->
            <div class="modal-header ITD-model-header">
                <button type="button" class="close ITD-model-close" data-dismiss="modal" aria-hidden="true">×</button>
                <input type="hidden" id="pdamanage_modify_id">
                <span class="ITD-common-fontsize16 colorbig ITD-ztree-headername">修改</span>
            </div>
            <!--topbar end-->
            <div class="modal-body ITD-model-contbody">
                <!--错误提示 sta-->
                <div id="pdamanage-addParkinglot_modify" class="ITD-model-errormsg display-none"></div>
                <!--错误提示 end-->
                <div class="ITD-padding-15">
                    <!--<div class="ITD-form-group margin-bottom-15">
                        <div class="ITD-form-padleft25-read float-left ITD-pop-panel-wid100">停车场<span class="ITD-color-red" style="padding-left: 3px;">*</span></div>
                        <div class="ITD-form-padleft5-read float-left" >
                            <select id="pdaparkNameadd_modify" class="selectpicker" data-width="180px" data-live-search="true" data-size="5">
                                <option value="">全部</option>
                            </select>
                        </div>
                    </div>-->
                    <div class="ITD-form-group margin-bottom-15">
                        <div class="ITD-form-padleft25-read float-left ITD-pop-panel-wid100">设备名称<span class="ITD-color-red" style="padding-left: 3px;">*</span></div>
                        <div class="ITD-form-padleft5-read float-left" >
                            <input type="text" class="ITD-input-wid180 ITD-input-bordercolor" id="pdamanage-deviceName_modify" maxlength="40">
                        </div>
                    </div>
                    <div class="ITD-form-group margin-bottom-15">
                        <div class="ITD-form-padleft25-read float-left ITD-pop-panel-wid100">设备编号<span class="ITD-color-red" style="padding-left: 3px;">*</span></div>
                        <div class="ITD-form-padleft5-read float-left" >
                            <input type="text" class="ITD-input-wid180 ITD-input-bordercolor" id="pdamanage-deviceNum_modify" maxlength="40">
                        </div>
                    </div>
                    <!--<div class="ITD-form-group margin-bottom-15">
                        <div class="ITD-form-padleft25-read float-left ITD-pop-panel-wid100">设备类型<span class="ITD-color-red" style="padding-left: 3px;">*</span></div>
                        <div class="ITD-form-padleft5-read float-left" >
                            <select id="pdamanage-deviceType_modify" class="selectpicker" data-width="180px">
                                <option value="0" selected="selected">收费员设备</option>
                                <option value="1">巡查员设备</option>
                            </select>
                        </div>
                    </div>-->
                    <div class="ITD-form-group margin-bottom-15">
                        <div class="ITD-form-padleft25-read float-left ITD-pop-panel-wid100">SIM号</div>
                        <div class="ITD-form-padleft5-read float-left" >
                            <input type="text" class="ITD-input-wid180 ITD-input-bordercolor"  id="pda-serviceTel-add_modify" maxlength="40">
                        </div>
                    </div>
                    <div class="ITD-form-group margin-bottom-15">
                        <div class="ITD-form-padleft25-read float-left ITD-pop-panel-wid100">车牌识别码</div>
                        <div class="ITD-form-padleft5-read float-left" >
                            <input type="text" class="ITD-input-wid180 ITD-input-bordercolor" id="pda-registerno-add_modify" maxlength="40">
                        </div>
                    </div>
                    <!--<div class="ITD-form-group margin-bottom-15">
                        <div class="ITD-form-padleft25-read float-left ITD-pop-panel-wid100">设备描述</div>
                        <div class="ITD-form-padleft5-read float-left" >
                            <input type="text" class="ITD-input-wid180 ITD-input-bordercolor" id="pdamanage-remark-add_modify" maxlength="200">
                        </div>
                    </div>-->
                </div>
                <!--底部 sta-->
                <div class="modal-footer ITD-model-footer">
                    <button type="button" id="pdamanage_cancel-btn_modify" class="btn ITD-model-btn ITD-bgcolor-c2cad8" data-dismiss="modal">取消</button>
                    <button type="button" class="btn ITD-model-btn ITD-bgcolor-green" id="pdamanage-add-submit_modify" >确定</button>
                </div>
                <!--底部 end-->
            </div>

        </div>
    </div>
</div>
<!--停车场修改弹窗 end-->
<!--停车场删除弹窗 sta-->
<div class="modal fade in" id="pdamanage_deletemodel" 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">
                <div class="ITD-deletemodel-content">
                </div>
                <div class="ITD-deletemodel-contentmsg">确定要删除吗?</div>
                <!--底部 sta-->
                <div class="modal-footer ITD-model-footer">
                    <button type="button" class="btn ITD-model-btn margin-right-10 ITD-bgcolor-c2cad8" data-dismiss="modal">取消</button>
                    <button type="button" class="btn ITD-model-btn ITD-bgcolor-green" id="pdamanage-parkdelete-submit">确定</button>
                </div>
                <!--底部 end-->
            </div>

        </div>
    </div>
</div>
<!--停车场删除弹窗 end-->
<script src='../../assets/pages/scripts/devicemanageFile/pdamanageFile/pdamanage.js'></script>