berthinterval.html 14.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-2 col-md-2 col-sm-2 col-xs-12">
                    <select id="berthintval-service" class="selectpicker" data-width="100%"   data-size="5" data-live-search="true">
                    </select>
                </div>
                <div class="col-lg-2 col-md-2 col-sm-2 col-xs-12">
                    <select id="berthintval-park" class="selectpicker" data-width="100%"  data-size="5" data-live-search="true">
                    </select>
                </div>
                <div class="col-lg-8 col-md-8 col-sm-8 col-xs-12">
                    <div class="float-right">
                        <div class="ITD-common-searchbtn" id="berthinterval-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 ITD-border-radius padding0-14 ITD-box-shadow">
            <div class="ITD-common-title ITD-common-color070 pos-rel">
                <span class="">停车场</span>
            </div>
            <div class="portlet-body">
                <table id="berthintval-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="berthinterval-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="berthinterval-addBtn">
                            <i class="fa ITD-panelicon-add"></i>新增
                        </button>
                    </div>
                    <div class="btn-export float-left">
                        <button class="btn ITD-panelbtn-icon ITD-panelbtn-icon-gray " id="berthinterval-del">
                            <i class="fa ITD-panelicon-delete"></i>删除
                        </button>
                    </div>
                </div>
            </div>
            <div class="portlet-body">
                <table id="berthintval-table-r" class="ITD-fix-table common-tableh47"></table>
            </div>
        </div>
        <div class="clearfix"></div>
    </div>
</div>
<!-- 导入 sta -->
<div class="modal fade in" id="berthinterval_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">
            <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;">
                <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="berthinterval-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 fileinput-filename-berth"></span>
                            </div>
                            <form id="berthintval_form1" enctype="multipart/form-data" method="post" action="">
                                    <span class="input-group-addon btn default btn-file berthinteval_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="berthinterval-file_btn" onchange="berthvalexcleImport()" 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="berthinterval-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="berthinterval-uplate_sure" disabled="disabled">预览</button>
            </div>

        </div>
    </div>
</div>
<!-- 导入 end -->
<!--导入预览弹窗 sta -->
<div class="modal fade" id="berthinterval_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>
            <div class="modal-body">
                <table class="table">
                    <thead>
                    <tr>
                        <th>泊位区间名称</th>
                        <input hidden id="berthintval_batchAddPlNo">
                    </tr>
                    </thead>
                    <tbody id="berthintval_LookmodelAddrowForBerthInteval">
                    </tbody>
                </table>
                <ul id="berthintval_lookmodel_list" class="lookmodel_list display-none">
                    <li>1111</li>
                    <li>1111</li>
                    <li>2222</li>
                </ul>
                <!--底部 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="berthinterval-excellookmodel-submit">确定</button>
                </div>
                <!--底部 end-->
            </div>
        </div>
    </div>
</div>
<!--导入预览弹窗 end -->
<!-- 新增泊位区间 sta -->
<div class="modal fade in" id="berthinterval_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="berthterval-addBerthterval" class="ITD-model-errormsg display-none"></div>
                <!--错误提示 end-->
                <div class="ITD-form-group margin-bottom-24 margin-top-15">
                    <div class="ITD-form-padleft25-read float-left ITD-pop-panel-wid100">停车场</div><span id="berthterval-add-plName"></span>
                </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="hidden"   id="berthterval-add-plNo">
                        <input type="text" class="ITD-input-wid180 ITD-input-bordercolor"  id="berthterval-dataareaID">
                    </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="berthinterval-areaadd-submit" >确定</button>
                    <button type="button" class="btn ITD-modelall-btn ITD-bgcolor-green" id="berthinterval-addother-submit">继续添加</button>
                </div>
                <!--底部 end-->
            </div>

        </div>
    </div>
</div>
<!-- 新增泊位区间 end -->
<!-- 泊位区间删除弹窗 sta-->
<div class="modal fade in" id="berthinterval_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="berthterval-deleteBerthterval" class="ITD-model-errormsg display-none"></div>
                <!--错误提示 end-->
                <div class="ITD-deletemodel-content">
                    <input type="hidden"   id="berthterval_delete-ids">
                    <input type="hidden"   id="berthterval_delete_parkAreaCodes">
                </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="berthinterval-delete-submit">确定</button>
                </div>
                <!--底部 end-->
            </div>

        </div>
    </div>
</div>
<!-- 泊位区间删除弹窗 end-->
<!-- 修改泊位区间 sta -->
<div class="modal fade in" id="berthinterval_updatemodel" 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="berthterval-editBerthterval" class="ITD-model-errormsg display-none"></div>
                <!--错误提示 end-->
                <div class="ITD-form-group margin-bottom-24">
                    <div class="ITD-form-padleft25-read float-left ITD-pop-panel-wid100">停车场</div>
                    <span id="berthterval-update-plName"></span>
                </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="hidden"   id="berthterval-update-plNo">
                        <input type="hidden"   id="berthterval-update-id">

                        <input type="text" class="ITD-input-wid180 ITD-input-bordercolor"  id="berthterval-dataareaID-update">
                    </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="berthinterval-areaupdate-submit">保存</button>
                </div>
                <!--底部 end-->
            </div>

        </div>
    </div>
</div>
<!-- 修改泊位区间 end -->