add.html 16.9 KB
<link href="/pages/base/carpark/css/carpark-add.css" rel="stylesheet" type="text/css" />
<div class="page-head">
	<div class="page-title">
		<h1>$$$$$${txt-1895}</h1>
	</div>
</div>

<ul class="page-breadcrumb breadcrumb">
	<li><a href="/pages/home.html" data-pjax>$$$$$${txt-3807}</a> <i class="fa fa-circle"></i></li>
	<li><span class="active">$$$$$${txt-2398}</span> <i class="fa fa-circle"></i></li>
	<li><a href="/pages/base/carpark/list.html" data-pjax>$$$$$${txt-1874}</a> <i class="fa fa-circle"></i></li>
	<li><span class="active">$$$$$${txt-1895}</span></li>
</ul>

<div class="portlet light bordered" id="form-wizard-info">
	<div class="portlet-title">
		<div class="caption">
			<i class="icon-equalizer font-red-sunglo"></i> 
			<span class="caption-subject font-red-sunglo bold uppercase">$$$$$${txt-1895}
				 <span class="step-title"> 1 - 4 </span>
				 <i class="fa fa-question-circle tipso-animation" style="color: rgba(158, 158, 158, 0.49);"></i>
			</span>
		</div>
		
		<div class="actions">
			<div class="btn-group btn-group-devided" data-toggle="buttons">
				<a class="btn btn-circle default" href="/pages/base/carpark/list.html" style="float: right;padding: 4px 23px;" data-pjax=""><i class="fa fa-reply"></i> $$$$$${txt-3869}</a>
			</div>
		</div>
	</div>
	<div class="portlet-body form">
	
		<!-- START FORM -->
		<form class="form-horizontal" id="submit_carpark_form"  action="/" method="POST" novalidate="novalidate">
			<div class="form-wizard">
				<div class="form-body">
					<ul class="nav nav-pills nav-justified steps">
						<li class="active">
							<a href="#tab1" data-toggle="tab" class="step" aria-expanded="true">
								<span class="number"> 1 </span>
								<span class="desc">
								<i class="fa fa-check"></i> $$$$$${txt-596} </span>
							</a>
						</li>
						<li>
							<a href="#tab2" data-toggle="tab" class="step">
								<span class="number"> 2 </span>
								<span class="desc">
								<i class="fa fa-check"></i> $$$$$${txt-1076} </span>
							</a>
						</li>
						<li>
							<a href="#tab3" data-toggle="tab" class="step active">
								<span class="number"> 3 </span>
								<span class="desc">
								<i class="fa fa-check"></i> $$$$$${txt-1075} </span>
							</a>
						</li>
						<li>
							<a href="#tab4" data-toggle="tab" class="step">
								<span class="number"> 4 </span>
								<span class="desc">
								<i class="fa fa-check"></i> $$$$$${txt-2037} </span>
							</a>
						</li>
					</ul>
					
					<!-- 进度条 -->
					<div id="bar" class="progress progress-striped" role="progressbar">
						<div class="progress-bar progress-bar-success" style="width: 25%;"></div>
					</div>
					
					<div class="tab-content">
						<div class="alert alert-danger display-hide">
							<button class="close" data-close="alert"></button>
							$$$$$${txt-135}
						</div>
						<div class="alert alert-success display-none">
							<button class="close" data-dismiss="alert"></button> 
							Your form validation is successful! 
						</div>
						
						<!-- 选择添加站点方式 -->
                       	<div class="tab-pane active" id="tab1">
                       		<h3 class="block"> $$$$$${txt-596} </h3>
                      		<!--停车场名称 -->
							<div class="form-group" id="formRequ">
								<label class="col-md-3 control-label"><span class="required"> * </span>$$$$$${txt-2347}&nbsp;&nbsp;&nbsp;:</label>
								<div class="col-md-9">
									<input type="text" class="form-control input-medium" id="parkNamebooxtInput" name="parkNamebooxt" placeholder="$$$$$${txt-790}">
								</div>
							</div>
							<!-- 新增方式 -->
							<div class="form-group">
								<label class="col-md-3 control-label"><span class="required"> * </span>$$$$$${txt-4485}:</label>
								<div class="col-md-9">
									<div class="icheck-list">
										<label>
												<input type="radio" class="icheck" name="baseRes" value=0 checked> $$$$$${txt-2865}
										</label>
										<label >
											<input type="radio" class="icheck" name="baseRes" value=1 > $$$$$${txt-2861}
										</label>
									</div>
								</div>
							 </div>
                        </div>
                        <!--停车场位置 -->
                        <div class="tab-pane" id="tab2">
                        	<h3 class="block"> $$$$$${txt-2316}  </h3>
                            <div id="addCarParkbmap_basic"></div>
                            <div class="leftUtils">
								<div class="btn-group" style="left: 100px;">
								    <a class="btn btn-sm green-seagreen dropdown-toggle" style="width: 98px;" href="javascript:;" data-toggle="dropdown" aria-expanded="false"> $$$$$${txt-2874}
								        <i class="fa fa-angle-down"></i>
								    </a>
								    <ul class="dropdown-menu pull-right" style="min-width:100px">
								        <li>
								            <a href="javascript:;" id="oppenDrawingManager"><i class="fa fa-pencil"></i> $$$$$${txt-4014} </a>
								        </li>
								        <li>
								            <a href="javascript:;" id = "closeDrawingManager"> <i class="fa fa-reply"></i> $$$$$${txt-4015} </a>
								        </li>
								         
								    </ul>
								</div>
							</div>
                        </div>
                        <!--停车场信息 -->
                        <div class="tab-pane" id="tab3">
                        	<h3 class="block"> $$$$$${txt-1874} </h3>
							<input type="hidden" name="bParkPoint" id="bParkPointInput" />
							<input type="hidden" name="gParkPoint" id="gParkPointInput" />
							<input type="hidden" name="dbType" id="dbTypeInput" value="b"/>
							<!-- 停车场名称 -->
							<div class="form-body">
								<div class="form-group">
									<label class="control-label col-md-3">
		          						<span class="required"> * </span> $$$$$${txt-2347}&nbsp;&nbsp;&nbsp; :
		                    		</label>
									<div class="col-md-6">
										<input type="text" class="form-control" name="parkName" id="parkNameInput" placeholder="$$$$$${txt-1087}" readonly="readonly">
									</div>
								</div>
							</div>
							<!-- 停车场编码 -->
							<div class="form-body">
								<div class="form-group">
									<label class="control-label col-md-3">
		          						<span class="required"> * </span>$$$$$${txt-2344}&nbsp;&nbsp;&nbsp;:
		                    		</label>
									<div class="col-md-6">
										<input type="text" class="form-control"  name="parkCode" id="parkCodeInput" placeholder="$$$$$${txt-794}">
									</div>
								</div>
							</div>
							<!-- 经纬度坐标点 -->
							<div class="form-body">
								<div class="form-group">
									<label class="col-md-3 control-label"><span class="required"> * </span>$$$$$${txt-1843}:</label>
									<div class="col-md-6">
										<input type="text" class="form-control" name="bCenterPoint" id="bCenterPointInput" readonly="readonly" placeholder="$$$$$${txt-604}">
									</div>
								</div>
							</div>
					
							<!-- 几何图形类型 -->
							<div class="form-body">
								<div class="form-group">
									<label class="col-md-3 control-label"><span class="required"> * </span>$$$$$${txt-1844}:</label>
									<div class="col-md-6">
										<input type="text" class="form-control" name="shapesType" id="shapesTypeSelect" readonly="readonly" placeholder="$$$$$${txt-603}">
									</div>
								</div>
							</div>
							<!-- 圆形半径 -->
							<div class="form-body" id="radiusGroup">
								<div class="form-group">
									<label class="col-md-3 control-label"><span class="required"> * </span> $$$$$${txt-3362}&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;:</label>
									<div class="col-md-6">
										<input type="text" class="form-control" name="radius" id="radiusInput" placeholder="$$$$$${txt-1086}">
									</div>
								</div>
							</div>
							<!-- 是否撤销 -->
							<div class="form-body">
								<div class="form-group">
									<label class="col-md-3 control-label"><span class="required"> * </span>$$$$$${txt-3359}&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;:</label>
									<div class="col-md-6">
										<select name="destroy" class="form-control" id="destroySelect">
											<option value="">$$$$$${txt-1089}</option>
											<option value="0">$$$$$${txt-4260}</option>
											<option value="1">$$$$$${txt-4257}</option>
										</select>
									</div>
								</div>
							</div>
							<!-- 面积 -->
							<div class="form-body">
								<div class="form-group">
									<label class="col-md-3 control-label">$$$$$${txt-3993}&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;:</label>
									<div class="col-md-6">
										<input type="text" class="form-control" name="area" id="areaInput" placeholder="$$$$$${txt-2059}">
										<span class="help-block">$$$$$${txt-1561}</span>
									</div>
								</div>
							</div>
							<!-- 所属公司 -->
							<div class="form-body">
								<div class="form-group">
									<label class="col-md-3 control-label"><span class="required"> * </span>$$$$$${txt-2686}&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;:</label>
									<div class="col-md-6">
										<select name="company" class="form-control" style="width:100%" id="companySelect"></select>
									</div>
								</div>
							</div>
							<!-- 所属分公司 -->
							<div class="form-body">
								<div class="form-group">
									<label class="col-md-3 control-label"><span class="required"> * </span>$$$$$${txt-1998}&nbsp;&nbsp;&nbsp;:</label>
									<div class="col-md-6">
										<select name="brancheCompany" class="form-control" style="width:100%" id="brancheCompanySelect">
										</select>
									</div>
								</div>
							</div>
							<!-- 版本号 -->
							<div class="form-body">
								<div class="form-group">
									<label class="col-md-3 control-label">$$$$$${txt-3557}&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;:</label>
									<div class="col-md-6">
										<input type="text" class="form-control" name="versions" value='1' Readonly placeholder="$$$$$${txt-1562}">
									</div>
								</div>
							</div>
							<!-- 描述/说明 -->
			                <div class="form-group">
			                	<label class="control-label col-md-3"> $$$$$${txt-4477}&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;: </label>
		                 		<div class="col-md-6">
		                     		<textarea class="form-control" rows="3" name="descriptions" id="descriptionsTextarea" placeholder="$$$$$${txt-804}"></textarea>
		                    	</div>
			                </div>
                        	 
                        </div>
                        <!-- 确定提交资料信息 -->
                        <div class="tab-pane" id="tab4">
                           <h3 class="block"> $$$$$${txt-394} </h3>
                           <h4 class="form-section"> $$$$$${txt-3315} </h4>
                           <div class="form-group">
                               <label class="control-label col-md-3"> $$$$$${txt-1844}: </label>
                               <div class="col-md-4">
                                   <p class="form-control-static" data-display="shapesType"> </p>
                               </div>
                           </div>
                           <div class="form-group">
                               <label class="control-label col-md-3"> $$$$$${txt-3362}&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;: </label>
                               <div class="col-md-4">
                                   <p class="form-control-static" data-display="radius"> </p>
                               </div>
                           </div> 
                           
                           <div class="form-group">
                               <label class="control-label col-md-3"> $$$$$${txt-1843}: </label>
                               <div class="col-md-4">
                                   <p class="form-control-static" data-display="bCenterPoint"> </p>
                               </div>
                           </div> 
                           <h4 class="form-section"> $$$$$${txt-1874} </h4>
                           <div class="form-group">
                               <label class="control-label col-md-3">$$$$$${txt-2347}&nbsp;&nbsp;&nbsp;:</label>
                               <div class="col-md-4">
                                   <p class="form-control-static" data-display="parkName"> </p>
                               </div>
                           </div>
                           <div class="form-group">
                              <label class="control-label col-md-3">$$$$$${txt-2344}&nbsp;&nbsp;&nbsp;:</label>
                              <div class="col-md-4">
                                  <p class="form-control-static" data-display="parkCode"> </p>
                              </div>
                           </div>
                           <div class="form-group">
                               <label class="control-label col-md-3">$$$$$${txt-3359}&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;:</label>
                               <div class="col-md-4">
                                   <p class="form-control-static" data-display="destroy"> </p>
                               </div>
                           </div>
                           <div class="form-group">
                              <label class="control-label col-md-3">$$$$$${txt-3993}&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;:</label>
                              <div class="col-md-4">
                                  <p class="form-control-static" data-display="area"> </p>
                              </div>
                           </div>
                           <div class="form-group">
                               <label class="control-label col-md-3">$$$$$${txt-2686}&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;:</label>
                               <div class="col-md-4">
                                   <p class="form-control-static" data-display="company"> </p>
                               </div>
                           </div>
                           <div class="form-group">
                               <label class="control-label col-md-3">$$$$$${txt-3777}&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;:</label>
                               <div class="col-md-4">
                                   <p class="form-control-static" data-display="brancheCompany"> </p>
                               </div>
                           </div>
                            <div class="form-group">
                               <label class="control-label col-md-3">$$$$$${txt-3557}&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;:</label>
                               <div class="col-md-4">
                                   <p class="form-control-static" data-display="versions"> </p>
                               </div>
                           </div>
                           <div class="form-group">
                               <label class="control-label col-md-3">$$$$$${txt-4477}&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;:</label>
                               <div class="col-md-4">
                                   <p class="form-control-static" data-display="descriptions"> </p>
                               </div>
                           </div>
                        </div>
                   </div>
              </div>
              <div class="form-actions">
                 <div class="row">
                     <div class="col-md-offset-3 col-md-9">
                         <a href="javascript:;" class="btn default button-previous disabled" style="display: none;">
                             <i class="fa fa-angle-left"></i> $$$$$${txt-4188} </a>
                         <a href="javascript:;" class="btn btn-outline green button-next"> $$$$$${txt-3756}
                             <i class="fa fa-angle-right"></i>
                         </a>
                         <a href="javascript:;" class="btn green button-submit" style="display: none;" id="submintBtn"> $$$$$${txt-4173}
                             <i class="fa fa-check"></i>
                         </a>
                     </div>
                 </div>
              </div>
        	</div>
        </form>
		<!-- END FORM-->
	</div>
</div>
<!-- 函数方法JS类库 -->
<script src="/pages/base/carpark/js/add-input-function.js"></script>
<!-- 表单向导JS类库 -->
<script src="/pages/base/carpark/js/add-form-wizard.js"></script>
<!-- reload事件 -->
<script src="/pages/base/carpark/js/add-form-reload.js"></script>
<!-- 地图JS类库 -->
<script src="/pages/base/carpark/js/add-vmap-world.js"></script>
<!-- 表单元素事件JS类库 -->
<script src="/pages/base/carpark/js/add-form-events.js"></script>