berthmanagement.html 21.3 KB
<div class="row margin-top-18">
    <div class="col-md-12 ITD-padding-common">
        <div class="ITD-padding-24 margin-bottom-24 ITD-bgcolor-white ITD-border-radius ITD-box-shadow pos-rel">
            <div class="row">
                <div class="col-lg-3 col-md-3 col-sm-3 col-xs-12">
                    <select id="berthmanagement-service" class="selectpicker" data-width="100%"   data-size="5" data-live-search="true">
                    </select>
                </div>
                <div class="col-lg-3 col-md-3 col-sm-3 col-xs-12">
                    <select id="berthmanagement-park" class="selectpicker" data-width="100%"  data-size="5" data-live-search="true">
                    </select>
                </div>
                <div class="col-lg-6 col-md-6 col-sm-6 col-xs-12">
                    <div class="float-right">
                        <div class="ITD-common-searchbtn" id="berthmanagement-queryBtn">查询</div>
                    </div>

                </div>
            </div>
        </div>
    </div>
</div>
<div class="row">
    <div class="col-md-12  ITD-padding-common">
        <div class="berthmanagement-table margin-right-24 ITD-bgcolor-white padding0-14 ITD-border-radius ITD-box-shadow">
            <div class="ITD-common-title ITD-common-color070 pos-rel">
                <span>泊位区间详情</span>
            </div>
            <div class="portlet-body pos-rel">
                <table id="berthmanagement-table-l" class="ITD-fix-table common-tableh47"></table>
            </div>
        </div>
        <div class="berthmanagement-table ITD-bgcolor-white ITD-border-radius padding0-14 ITD-box-shadow">
            <div class="ITD-common-title ITD-common-color070 pos-rel">
                <span>泊位详情</span>
                <div class="btn-actions pos-abs">
                    <div class="btn-export float-left  margin-right-10" id="berthmanage-reportBtn">
                        <button class="btn ITD-panelbtn-icon ITD-panelbtn-icon-gray ">
                            <i class="fa ITD-panelicon-enter"></i>导入
                        </button>
                    </div>
                    <div class="btn-export float-left margin-right-10">
                        <button class="btn ITD-panelbtn-icon ITD-panelbtn-icon-gray " id="berthmanage-addBtn">
                            <i class="fa ITD-panelicon-add"></i>新增
                        </button>
                    </div>
                    <div class="btn-export float-left margin-right-10">
                        <button class="btn ITD-panelbtn-icon ITD-panelbtn-icon-gray " id="berthmanage-del">
                            <i class="fa ITD-panelicon-delete"></i>删除
                        </button>
                    </div>
                    <div class="btn-export float-left">
                        <button class="btn ITD-panelbtn-iconedit ITD-panelbtn-icon-gray " id="berthmanage-change">
                            <i class="fa ITD-panelicon-edit"></i>更换区间
                        </button>
                    </div>
                </div>
            </div>
            <div class="portlet-body">
                <table id="berthmanagement-table-r" class="ITD-fix-table common-tableh47"></table>
            </div>
        </div>
        <div class="clearfix"></div>
    </div>
</div>

<!-- 泊位删除弹窗 sta-->
<div class="modal fade in" id="berthmanage_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">
                <!--错误提示 sta-->
                <div id="areamanage-deleteallMsg-error" class="ITD-model-errormsg display-none"></div>
                <!--错误提示 end-->
                <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="berthmanage-delete-submit">确定</button>
                </div>
                <!--底部 end-->
            </div>

        </div>
    </div>
</div>
<!-- 泊位删除弹窗 end-->
<!-- 导入 sta -->
<div class="modal fade in" id="berthmanage_addallMsg" 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;padding-left: 15px;">
                <!--错误提示 sta-->
                <div id="berthmanage_addallMsg-error" class="ITD-model-errormsg display-none"></div>
                <!--错误提示 end-->
                <div class="form-group form-group-height">
                    <!--<div class="width20">剩余天数:</div>-->
                    <!--<div class="ITD-form-padleft5-read float-left">-->
                    <!--<span class=""> 12天</span>-->
                    <!--</div>-->
                </div>

                <div class=" clearfix">
                    <a href="#" class="areamanage-height30" filename="批量导入模版.xlsx" id="berthmanage-excleTemplate"><div class="width25 " style="color: red;">泊位导入模板.xlsx</div></a>

                </div>
                <div class="ITD-form-group">
                    <div class="fileinput fileinput-new uplaodIcon" data-provides="fileinput">
                        <div class="input-group input-large">
                            <div class="form-control uneditable-input input-fixed input-medium" data-trigger="fileinput">
                                <i class="fa fa-file fileinput-exists"></i>&nbsp;
                                <span class="fileinput-filename"></span>
                            </div>
                            <form id="form1" enctype="multipart/form-data" method="post" action="">
                                    <span class="input-group-addon btn default berthmanger-btn-file" style="position: relative">
                                        <span class="fileinput-new ">
                                           <font style="vertical-align: inherit;">
                                               <font style="vertical-align: inherit;"> 选择文件 </font>
                                           </font>
                                        </span>
                                        <!--<input type="file" id="berthmanage-file_btn" name="excelFile" accept=".csv, application/vnd.openxmlformats-officedocument.spreadsheetml.sheet, application/vnd.ms-excel" style="position: absolute;right: 0;opacity: 0;width: 80px;height: 34px;top:0;">-->
                                        <input type="file" id="berthmanage-file_btn" onchange="berthmentexcleImportRead()" name="excelFile" accept=".csv, application/vnd.openxmlformats-officedocument.spreadsheetml.sheet, application/vnd.ms-excel" style="position: absolute;right: 0;opacity: 0;width:110px;height: 34px;top:0;">
                                    </span>

                            </form>

                        </div>
                    </div>
                </div>
                <!-- <div class="clearfix display-none" id="progressWrap">
                     <div class="progressWidth floatleft">
                         <div class="progressLoad" id="progressLoad"></div>
                     </div>
                     <div id="progressNumber" class="progressNumber floatleft">1%</div>
                 </div>-->
                <ul class="uploadFailed" id="berthmanage-uploadFailed"></ul>
            </div>
            <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="berthmanage-uplate_sure" disabled="disabled">预览</button>
            </div>

        </div>
    </div>
</div>
<!-- 导入 end -->
<!--导入预览弹窗 sta -->
<div class="modal fade" id="berthmanage_Lookmodel" style="display: none" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
    <div class="ITD-modal-dialog ITD-model-1020">
        <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>
            <!--错误提示 sta-->
            <div id="berthmanage-lookParkinglot" class="ITD-model-errormsg display-none"></div>
            <div class="ITD-padding-15">
                <div class="lookparkTab">
                    <table class="table">
                        <thead>
                        <tr>
                            <th>泊位编号</th>
                            <th>道路位置	</th>
                            <th>方位</th>
                            <th>停车方式</th>
                        </tr>
                        </thead>
                        <tbody id="berthmanageLookmodelAddrow">
                        </tbody>
                    </table>
                </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="berthmanager-lookmodel-submit">确定</button>
                </div>
                <!--底部 end-->
            </div>
        </div>
    </div>
</div>
<!--导入预览弹窗 end -->
<!-- 新增泊位 sta -->
<div class="modal fade in" id="berthmanage_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">
            <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;">
                <!--错误提示 sta-->
                <div id="berthmanage_addmodel-error" class="ITD-model-errormsg display-none"></div>
                <div class="ITD-form-group margin-bottom-24 margin-top-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="berthmanage-berthNoArea-add"  value="" readonly="readonly">
                    </div>
                </div>
                <div class="ITD-form-group margin-bottom-24">
                    <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="berthmanage-berthNo-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">道路位置<span class="ITD-color-red" style="padding-left: 3px;">*</span></div>
                    <div class="ITD-form-padleft5-read float-left">
                        <select id="berthmanage-roadPosition-add" class="selectpicker" data-width="180px"  data-size="5">
                        </select>
                    </div>
                </div>
                <div class="ITD-form-group margin-bottom-24">
                    <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="berthmanage-direction-add" class="selectpicker" data-width="180px"  data-size="5">

                        </select>
                    </div>
                </div>
                <div class="ITD-form-group margin-bottom-24">
                    <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="berthmanage-stopType-add" class="selectpicker" data-width="180px"  data-size="5">

                        </select>
                    </div>
                </div>
                <!--底部 sta-->
                <div class="modal-footer ITD-model-footer">
                    <button type="button" class="btn ITD-model-btn ITD-bgcolor-c2cad8" data-dismiss="modal">取消</button>
                    <button type="button" class="btn ITD-model-btn ITD-bgcolor-green textTrue" id="berthmanage-areaadd-submit">确定</button>
                    <button type="button" class="btn ITD-modelall-btn ITD-bgcolor-green" id="berthmanage-addother-submit">继续添加</button>
                </div>
                <!--底部 end-->
            </div>

        </div>
    </div>
</div>
<!-- 新增泊位 end -->
<!-- 修改泊位 sta -->
<div class="modal fade in" id="berthmanage_editmodel" style="display: none;" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
    <div class="ITD-modal-dialog blue-modal">
        <input type="hidden" id="berthmanage_edit_id" value=""/>
        <input type="hidden" id="berthmanage_edit_plNo" value=""/>
        <input type="hidden" id="berthmanage_edit_berthNoCheck" value=""/>
        <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">
                <!--错误提示 sta-->
                <div id="berthmanage_editmodel-error" class="ITD-model-errormsg display-none"></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="berthmanage-berthNoArea-edit"  value="" readonly="readonly">
                    </div>
                </div>
                <div class="ITD-form-group margin-bottom-24">
                    <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="berthmanage-berthNo-edit" maxlength="40">
                    </div>
                </div>
                <div class="ITD-form-group margin-bottom-24">
                    <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="berthmanage-roadPosition-edit" class="selectpicker" data-width="180px"  data-size="5">
                        </select>
                    </div>
                </div>
                <div class="ITD-form-group margin-bottom-24">
                    <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="berthmanage-direction-edit" class="selectpicker" data-width="180px"  data-size="5">

                        </select>
                    </div>
                </div>
                <div class="ITD-form-group margin-bottom-24">
                    <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="berthmanage-stopType-edit" class="selectpicker" data-width="180px"  data-size="5">

                        </select>
                    </div>
                </div>
                <!--底部 sta-->
                <div class="modal-footer ITD-model-footer">
                    <button type="button" class="btn ITD-model-btn ITD-bgcolor-c2cad8" data-dismiss="modal">取消</button>
                    <button type="button" class="btn ITD-model-btn ITD-bgcolor-green textTrue" id="berthmanage-areaedit-submit">确定</button>

                </div>
                <!--底部 end-->
            </div>

        </div>
    </div>
</div>
<!-- 修改泊位 end -->
<!-- 更换泊位区间 sta -->
<div class="modal fade in" id="berthmanage_changemodel" 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">
                <!--错误提示 sta-->
                <div id="berthmanage_changemodel-error" class="ITD-model-errormsg display-none"></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="berthmanage-areachange-plname"  value="" readonly="readonly">
                    </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">
                        <select id="berthmanage-areachange-areaName" class="selectpicker" data-width="180px"  data-size="5" data-live-search="true">
                            <!--<option>泊位区间1</option>
                            <option>泊位区间2</option>-->
                        </select>
                    </div>
                </div>
                <!--底部 sta-->
                <div class="modal-footer ITD-model-footer">
                    <button type="button" class="btn ITD-model-btn ITD-bgcolor-c2cad8" data-dismiss="modal">取消</button>
                    <button type="button" class="btn ITD-model-btn ITD-bgcolor-green textTrue" id="berthmanage-areachange-submit">确定</button>
                </div>
                <!--底部 end-->
            </div>

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

<!-- 更换泊位区间 end -->
<!--提示框begin-->
<div class="modal fade in" id="berthmanage_tipe" 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" id="berthmanage_tipe_context"></div>
            </div>

        </div>
    </div>
</div>
<!---->