parkpoishareadd.html 25.9 KB
<!DOCTYPE html>

<!--[if IE 8]> <html lang="en" class="ie8 no-js"> <![endif]-->
<!--[if IE 9]> <html lang="en" class="ie9 no-js"> <![endif]-->
<!--[if !IE]><!-->
<html lang="en">
<!--<![endif]-->
<!-- BEGIN HEAD -->

<head>
    <meta charset="utf-8" />
    <title>共享车位管理</title>
    <meta name="google" value="notranslate"><!-- 禁止Chrome 浏览器中自动提示翻译 -->
    <meta http-equiv="X-UA-Compatible" content="IE=edge"><!--IE=edge:保持使用最高级别模式显示内容-->
    <meta name="renderer" content="webkit"><!--360浏览器-->
    <meta content="width=device-width, initial-scale=1" name="viewport" />
    <meta content="" name="description" />
    <meta content="" name="author" />
    <meta http-equiv="Pragma" content="no-cache">
    <meta http-equiv="Cache-Control" content="no-cache">
    <meta http-equiv="Expires" content="0">
    <!-- BEGIN GLOBAL MANDATORY STYLES -->
    <link href="../../assets/global/plugins/font-awesome/css/font-awesome.min.css" rel="stylesheet" type="text/css" />
    <link href="../../assets/global/plugins/simple-line-icons/simple-line-icons.min.css" rel="stylesheet" type="text/css" />
    <link href="../../assets/global/plugins/bootstrap/css/bootstrap.min.css" rel="stylesheet" type="text/css" />
    <!--新增 sta-->
    <link href="../../assets/global/plugins/bootstrap-switch/bootstrap-switch.css" rel="stylesheet" type="text/css">
    <link href="../../assets/global/plugins/uniform/css/uniform.default.min.css" rel="stylesheet" type="text/css" />
    <link href="../../assets/global/css/ztree-v3.5.28/metroStyle/metroStyle.css?a=1" type="text/css" rel="stylesheet">
    <!--新增 end-->
    <!-- END GLOBAL MANDATORY STYLES -->
    <!-- BEGIN THEME GLOBAL STYLES -->
    <link href="../../assets/global/plugins/bootstrap-select/css/bootstrap-select.min.css" rel="stylesheet" type="text/css" />
    <link href="../../assets/global/plugins/bootstrap-datetimepicker/bootstrap-datetimepicker.css" rel="stylesheet" type="text/css" />
    <link href="../../assets/global/css/bootstrap-table.min.css" rel="stylesheet">
    <link href="../../assets/global/css/components.min.css" rel="stylesheet" id="style_components" type="text/css" />
    <link href="../../assets/global/css/plugins.min.css" rel="stylesheet" type="text/css" />
    <link href="../../assets/global/plugins/bootstrap-daterangepicker/daterangepicker.css" rel="stylesheet" type="text/css">
    <!-- END THEME GLOBAL STYLES -->
    <!-- BEGIN THEME LAYOUT STYLES -->
    <link href="../../assets/layouts/layout/css/layout.min.css" rel="stylesheet" type="text/css" />
    <link href="../../assets/global/plugins/sweetalert/css/sweetalert2.min.css?v=1.0" rel="stylesheet" type="text/css" >
    <link href="../../assets/layouts/layout/css/themes/blue.css" rel="stylesheet" type="text/css" id="style_color" />
    <script src="../../assets/global/plugins/jquery.min.js" type="text/javascript"></script>
    <script src="../../assets/pages/config/config.js"></script>
    <link rel="stylesheet" type="text/css" href="../../assets/pages/css/commonsetcss/commonsetcss.css?a=1"/>

    <!--<link rel="stylesheet" href="../../assets/global/css/reset.css">-->
    <link rel="stylesheet" id="pageCssLink" type="text/css" href=""/>
    <!-- END THEME LAYOUT STYLES -->
    <link rel="shortcut icon" href="../favicon.ico" type="image/x-icon" />
    <link rel="stylesheet" type="text/css" href="../../assets/pages/scripts/parkingshareFile/css/parkpoishareadd.css"/>
</head>
<!-- END HEAD -->

<body class="page-header-fixed page-sidebar-closed-hide-logo page-container-bg-solid">
<input type="hidden" id="parkIds" value="" />
<!-- BEGIN HEADER -->
<div class="page-header navbar navbar-fixed-top" id="header">
</div>
<!-- END HEADER -->
<!-- BEGIN HEADER & CONTENT DIVIDER -->
<div class="clearfix"> </div>
<!-- END HEADER & CONTENT DIVIDER -->
<!-- BEGIN -->
<div class="page-container">
    <!-- 左侧菜单栏 sta -->
    <div class="page-sidebar-wrapper">
        <!-- BEGIN SIDEBAR -->
        <div class="page-sidebar navbar-collapse collapse" id="navbar_left">
        </div>
    </div>
    <!-- 左侧菜单栏 end -->
    <!-- 右侧账单内容 sta -->
    <div class="page-content-wrapper">
        <div class="page-content" >
            <div class="ITD-directory-name ITD-common-fontsize16 ITD-common-color margin-bottom-18"><span>共享车位管理</span></div>
            <div class=" parkpoi-container ITD-common-display-flex">
                <!-- 左侧tree sta -->
                <div class="parkpoi-container-l padding0-14 margin-right-24 ITD-bgcolor-white ITD-border-radius ITD-box-shadow">
                    <div class="ITD-common-title ITD-common-color070 pos-rel">
                        <span class="">区域树</span>
                        <div class="parket-form-group-ul" >
                            <ul id="user_org_tree" class="ztree"></ul>
                        </div>
                    </div>

                </div>
                <!-- 左侧tree end-->
                <!-- 右侧内容 sta -->
                <div class="parkpoi-container-r">
                    <!--搜索查询-->
                    <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="carpoiType" class="selectpicker" data-width="100%"  data-size="5" data-live-search="true">
                                    <option value="">状态不限制</option>
                                    <option value="0">未租用</option>
                                    <option value="1">租用 无车</option>
                                    <option value="2">租用 有车</option>
                                    <option value="3">异常</option>
                                </select>
                            </div>
                            <div class="col-lg-3 col-md-3 col-sm-3 col-xs-12">
                                <select id="inType" class="selectpicker" data-width="100%"  data-size="5" data-live-search="true">
                                    <option value="">所有审核状态</option>
                                    <option value="0">待审核</option>
                                    <option value="1">审批中</option>
                                    <option value="2">通过</option>
                                    <option value="3">驳回</option>
                                </select>
                            </div>
                            <div class="col-lg-4 col-md-4 col-sm-4 col-xs-12">
                                <span class="control-label  ITD-common-parking-l ITD-common-color070 ITD-common-fontsize14" >共享截止</span>
                                <div class="input-group ITD-daterange-btn" style="width: 58%">
                                    <input type="text" class="form-control ITD-daterange-bg ITD-common-color070" id="daterange-btn" readonly="">
                                </div>
                            </div>
                            <div class="col-lg-2 col-md-2 col-sm-2 col-xs-12">
                                <div class="ITD-common-searchbtn float-right" id="queryBtn">
                                    查询
                                </div>
                            </div>
                        </div>

                        <!--<div class="serPadding24 margin-bottom-24 bg-common-white blue-boxshadow border-radius-common">-->
                            <!--<div class="row margin-bottom-24">-->
                            <!---->
                                <!--<div class="col-lg-4 col-md-4 col-sm-4 col-xs-12">-->
                                    <!--<label class="control-label parkpoi-parking-l colormiddle fontSize14">车位状态</label>-->
                                    <!---->
                                <!--</div>-->
                                <!--<div class="col-lg-4 col-md-4 col-sm-4 col-xs-12">-->
                                    <!--<label class="control-label parkpoi-parking-l colormiddle fontSize14">审核状态</label>-->
                                    <!---->
                                <!--</div>-->
                                <!--<div class="col-lg-4 col-md-4 col-sm-4 col-xs-12">-->

                                    <!--<div class="serBtn-common float-right" id="">-->
                                        <!--查询-->
                                    <!--</div>-->

                                <!--</div>-->
                            <!--</div>-->
                            <!--<div class="row">-->
                                <!---->

                            <!--</div>-->
                        <!--</div>-->
                    </div>
                    <!-- 菜单搜索 end -->
                    <!--记录 sta -->
                    <div class="row">
                        <div class="col-md-12">
                            <div class="ITD-box-shadow ITD-border-radius ITD-padding-common">
                                <div class="ITD-common-title ITD-common-color070 pos-rel">
                                    <span class="">详细记录</span>
                                    <div class="btn-actions pos-abs">
                                        <div class="btn-export float-left margin-right-10">
                                            <button class="btn ITD-panelbtn-icon ITD-panelbtn-icon-gray " id="parkpoi-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="areamanage_parkset-del">
                                                <i class="fa ITD-panelicon-delete"></i>删除
                                            </button>
                                        </div>
                                    </div>
                                </div>
                                <div class="portlet-body">
                                    <table id="parkpoitable" class="ITD-fix-table common-tableh47" ></table>
                                </div>
                            </div>
                        </div>
                    </div>
                    <!--记录 end -->
                </div>
                <!-- 右侧内容 sta -->
            </div>
            </div>
            <!--新增弹窗 sta-->
            <div class="modal fade" id="parkpoi-addmodel" 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">
                        <!--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>
                            <input type="text"   id="parkpoi_add_plNo" hidden="hidden">
                        </div>
                        <!--topbar end-->
                        <div class="modal-body ITD-modal-body">
                            <!--错误提示 sta-->
                            <div id="parkpoi-addParkinglot" class="ITD-model-errormsg display-none"></div>
                            <!--错误提示 end-->
                            <div class="ITD-padding-15">
                                <div class="ITD-common-display-flex">
                                    <div class="ITD-common-perflex">
                                        <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="parkpoi-parkName-add" 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-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" maxlength="11" class="ITD-input-wid180 ITD-input-bordercolor" id="carpoiLock-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" >
                                                <div class="ITD-form-padleft5-read float-left">
                                                    <input id="parkpoi_parktypeadd0" type="radio" checked="checked" name="parkpoi-pltype-add" value="1"><label >收费</label>
                                                    <input id="parkpoi_parktypeadd1" name="parkpoi-pltype-add" type="radio" value="0"><label>免费 </label>
                                                </div>
                                            </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" >
                                                <div class="ITD-form-padleft5-read float-left">
                                                    <input id="parkpoi_parkpoi0" type="radio" checked="checked" name="parkpoi-poi-add" value="0"><label ></label>
                                                    <input id="parkpoi_parkppi1" name="parkpoi-poi-add" type="radio" value="1"><label></label>
                                                </div>
                                            </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="parkpoi-parkAddress-add" maxlength="120" placeholder="最多输入120字">
                                            </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" maxlength="11" class="ITD-input-wid180 ITD-input-bordercolor" onkeyup="value=value.replace(/[^\d]/g,'') " ng-pattern="/[^a-zA-Z]/" id="parkpoi-serviceTel-add" maxlength="11">
                                            </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 pos-rel" >
                                                <input type="text" class="ITD-input-wid180 ITD-input-bordercolor" placeholder="输入格式:经度,纬度"  id="parkpoi-lonlat-add">
                                                <span class="areanamage-mapBg" title="跳转至地图拾取坐标页面" onclick="window.open('http://api.map.baidu.com/lbsapi/getpoint/index.html')"></span>
                                            </div>
                                        </div>

                                    </div>
                                    <div class="ITD-common-perflex">
                                        <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="parkpoi-plState-add" class="selectpicker" data-width="180px">
                                                    <option value="0"></option>
                                                    <option value="2"></option>
                                                    <option value="1">西</option>
                                                    <option value="3"></option>
                                                </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" >
                                                <input type="text" style="width: 180px" class="ITD-input-wid180 ITD-input-bordercolor themes-daterange-bg" readonly="" placeholder="从" id="parkpoi-startTime" >
                                            </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" style="width: 180px" class="ITD-input-wid180 ITD-input-bordercolor themes-daterange-bg" readonly="" placeholder="到" id="parkpoi-endTime" >
                                            </div>
                                        </div>
                                        <form name="/" class="card-form">
                                            <div>
                                                <div class="img-container"></div>
                                                <span class="btn btn-success fileinput-button">
                                        <span>上传图片</span>
                                        <input class="img-btn" type="file" id="drivingLicence" name="drivingLicence">
                                    </span>
                                            </div>
                                        </form>
                                    </div>
                                </div>
                            </div>
                            <!--底部 sta-->
                            <div class="modal-footer ITD-model-footer">
                                <button type="button" id="parkpoi_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="parkpoi-add-submit" >确定</button>
                                <button type="button" class="btn ITD-modelall-btn ITD-bgcolor-green" id="parkpoi-addother-submit">继续添加</button>
                            </div>
                            <!--底部 end-->
                        </div>

                    </div>
                </div>
            </div>
            <!--新增弹窗 end-->
            <!--提示弹窗 sta-->
            <div class="modal fade" id="parkpoipop_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-modal-close" style="margin-top: 10px" 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-contentmsg margin-top-9">请先选择左侧停车场!</div>
                        </div>
                    </div>
                </div>
            </div>
            <!--提示弹窗 end-->


        </div>
    </div>
    <!-- 右侧账单内容 end -->
</div>

<!--[if lt IE 9]>
<script src="../../assets/global/plugins/respond.min.js"></script>
<script src="../../assets/global/plugins/excanvas.min.js"></script>
<![endif]-->
<!-- scritp BEGIN -->
<script src="../../assets/global/plugins/jquery.min.js" type="text/javascript"></script>
<script src="../../assets/global/plugins/bootstrap/js/bootstrap.min.js" type="text/javascript"></script>
<script src="../../assets/global/plugins/js.cookie.min.js" type="text/javascript"></script>
<script src="../../assets/global/plugins/bootstrap-hover-dropdown/bootstrap-hover-dropdown.min.js" type="text/javascript"></script>
<script src="../../assets/global/plugins/jquery-slimscroll/jquery.slimscroll.min.js" type="text/javascript"></script>
<script src="../../assets/global/plugins/jquery.blockui.min.js" type="text/javascript"></script>
<script src="../../assets/global/plugins/uniform/jquery.uniform.min.js" type="text/javascript"></script>
<!-- END CORE PLUGINS -->
<!-- BEGIN THEME GLOBAL SCRIPTS -->
<script src="../../assets/global/plugins/bootstrap-select/js/bootstrap-select.min.js" type="text/javascript"></script>
<script src="../../assets/global/scripts/bootstrap-table.min.js?a=1"></script>
<script src="../../assets/global/scripts/echarts.min.js"></script>
<script src="../../assets/global/plugins/bootstrap-table-zh-CN.js" type="text/javascript"></script>
<!--<script src="../../assets/pages/config/config.js?a=2" type="text/javascript"></script>-->
<script src="../../assets/global/scripts/app.min.js" type="text/javascript"></script>
<script src="../../assets/pages/scripts/components-bootstrap-select.min.js" type="text/javascript"></script>
<!--新增 sta-->
<script src="../../assets/global/plugins/bootstrap-switch/bootstrap-switch.js" type="text/javascript"></script>
<script src="../../assets/global/plugins/bootstrap-datetimepicker/bootstrap-datetimepicker.js" type="text/javascript"></script>
<script src="../../assets/global/plugins/bootstrap-datetimepicker/bootstrap-datetimepicker.zh-CN.js" type="text/javascript"></script>
<!--新增 end-->
<!-- END THEME GLOBAL SCRIPTS -->
<!-- BEGIN THEME LAYOUT SCRIPTS -->
<script src="../../assets/global/plugins/sweetalert/js/sweetalert2.min.js?v=1.0"></script>
<script src="../../assets/global/plugins/sweetalert/js/es6-promise.min.js?v=1.0"></script>
<script src="../../assets/pages/scripts/public/common-select.js"></script>
<script src="../../assets/global/plugins/ztree-v3.5.28/jquery.ztree.core.js"></script>
<script src="../../assets/global/plugins/ztree-v3.5.28/jquery.ztree.excheck.js"></script>
<script src="../../assets/global/plugins/ztree-v3.5.28/jquery.ztree.exedit.js"></script>
<script src="../../assets/global/plugins/ztree-v3.5.28/jquery.ztree.exhide.js"></script>
<script src="../../assets/layouts/layout/scripts/layout.min.js" type="text/javascript"></script>
<script src="../../assets/layouts/layout/scripts/demo.js" type="text/javascript"></script>
<script src="../../assets/global/plugins/quick-sidebar.min.js" type="text/javascript"></script>
<script src="../../assets/pages/scripts/public/unit.js" type="text/javascript"></script>
<script src="../../assets/global/plugins/bootstrap-daterangepicker/moment.js" type="text/javascript"></script>
<script src="../../assets/pages/scripts/public/unit.js"></script>
<script src="../../assets/pages/scripts/public/common-select.js" type="text/javascript"></script>
<script src="../../assets/global/plugins/bootstrap-daterangepicker/daterangepicker.js" type="text/javascript"></script>
<script src="../../assets/pages/scripts/public/header-navbar.js" type="text/javascript"></script>
<script src="../../assets/global/plugins/DateUtils.js"></script>
<script src="../../assets/pages/scripts/parkingshareFile/parkpoishareadd.js"></script>


<!--<script type="text/javascript">-->
<!--document.write("<s" + "cript type='text/javascript' src='../../assets/pages/scripts/reportStatistics/parkingfee.js?" + Math.random() + "'></s" + "cript>");-->
<!--</script>-->
<!-- END THEME LAYOUT SCRIPTS -->
</body>

</html>