platform-b2b/src/main/webapp/resources/tpl/register/step1.html

<!-- step start -->
<div class="row text-center">
	<div class="step col-md-8 col-md-offset-2 col-sm-11 col-sm-offset-1">
		<ol class="ui-step">
			<li class="ui-step-start">
				<div class="ui-step-line"></div>
				<div class="ui-step-text ui-step-text-active">
					<span class="ui-step-texttitle">第 1 步</span><br>
					<span class="ui-step-textdetail">填写资料</span>
				</div>
    		</li>
    		<li class="ui-step-start">
				<div class="ui-step-line"></div>
				<div class="ui-step-text">
					<span class="ui-step-texttitle">第 2 步</span><br>
					<span class="ui-step-textdetail">提交审核</span>
				</div>
    		</li>
    		<li class="ui-step-start">
				<div class="ui-step-text">
					<span class="ui-step-texttitle">第 3 步</span><br>
					<span class="ui-step-textdetail">验证激活</span>
				</div>
    		</li>
		</ol>
	</div>
</div>	
<!-- step end -->
<!-- alert start -->
<div class="alert alert-info" role="alert" >
	&nbsp;申请&nbsp;<a class="alert-link" href="http://192.168.253.157:8081/saas/index">UAS系统SAAS服务</a>&nbsp;
	可以免费获取优秀的信息管理系统，并同时开通优软商务平台
	&nbsp;<a class="alert-link" href="http://192.168.253.157:8081/saas/index#register">现在去申请</a>&nbsp;
</div>
<!-- alert end -->

<div class="row" ng-controller="Step1Ctrl">
	<!-- enterprise form start -->
	<div class="col-md-9">
		<form name="myForm" class="form-horizontal" role="form" ng-submit="register(enterprise)" style="min-height: 353px;">
		  	<div class="form-group">
		    	<label for="enName" class="col-md-3 col-sm-4 control-label">企业名称：</label>
			    <div class="col-md-5 col-sm-6">
			      	<input required ng-model="enterprise.enName" type="text" class="form-control" id="enName" 
			      		placeholder="请输入企业在工商局注册时使用的名称">
			    </div>
			    <div class="col-md-4 col-sm-offset-4 col-md-offset-0">请输入企业在工商局注册时使用的名称</div>
		  	</div>
		  	<div class="form-group">
		    	<label for="enShortname" class="col-md-3 col-sm-4 control-label">企业简称：</label>
			    <div class="col-md-5 col-sm-6">
			      	<input required ng-model="enterprise.enShortname" type="text" class="form-control" 
			      		id="enShortname" placeholder="请输入企业的简称">
			    </div>
		  	</div>
		  	<div class="form-group">
		    	<label for="enBusinessCode" class="col-md-3 col-sm-4 control-label">营业执照注册号：</label>
			    <div class="col-md-5 col-sm-6">
			      	<input required ng-model="enterprise.enBussinessCode" type="text" class="form-control" id="enBusinessCode" name="enBussinessCode"
			      		placeholder="请输入企业在工商局注册时得到的15位营业执照注册号（注册证号）">
			    </div>
			    <div class="col-md-4 col-sm-offset-4 col-md-offset-0">
			    	<span ng-show="!myForm.enBussinessCode.$invalid" class="text-success"><span class="glyphicon glyphicon-ok-circle"></span>恭喜您，执照号可用</span>
			    	<span ng-show="myForm.enBussinessCode.$invalid && enterprise.enBussinessCode" class="text-danger"><span class="glyphicon glyphicon-remove-circle"></span>{{codeErrorInfo}}</span>
			    	请输入企业在工商局注册时得到的15位营业执照注册号（注册证号）
			    </div>
		  	</div>
		  	<div class="form-group">
		    	<label for="enImage" class="col-md-3 col-sm-4 control-label">上传营业执照：</label>
			    <div class="col-md-5 col-sm-6">
			      	<input required ng-file-select accept="image/*,application/pdf,*.pdf" ng-model="myFiles" type="file" 
			      		ng-multiple="false" class="form-control" id="enImage" name="enImage" placeholder="请上传企业营业执照复印件">
			      	<div class="well margin-b-0" >
			      		<div ng-show="previewShow">
			      			<img ng-show="previewShow" alt="营业执照复印件" src="{{imgPreview}}" width="200px" height="100px">
			      			<div>
				      			&nbsp;&nbsp;<span class="text-primary"><b>{{imgPreviewName}}</b></span>
				      		</div>
			      		</div>
			      		<div ng-show="pdfShow">
			      			<img ng-show="pdfShow" src="static/img/all/pdf.jpg" alt="PDF文件" width="30px" height="40px">
				      		&nbsp;&nbsp;<span class="text-primary"><b>{{imgPreviewName}}</b></span>
			      		</div>
			      		<div ng-show="noneFileShow">
			      			<span class="text-warning">您还没有选择文件</span>
			      		</div>
			      	</div>
			    </div>
			    <div class="col-md-4 col-sm-offset-4 col-md-offset-0">请上传企业营业执照复印件或清晰照片的图片文件或PDF文件</div>
		  	</div>
		  	<div class="form-group">
		    	<label for="enArea" class="col-md-3 col-sm-4 control-label">公司注册地区 ：</label>
			    <div class="col-md-5 col-sm-6">
			      	<select required ng-model="enterprise.enArea" class="form-control" id="enArea">
			      		<option value="中国大陆">中国大陆</option>
			      		<option value="中国香港">中国香港</option>
			      		<option value="中国台湾">中国台湾</option>
			      		<option value="其他">其他</option>
			      	</select>
			    </div>
			    <div class="col-md-4 col-sm-offset-4 col-md-offset-0">请选择公司注册地区</div>
		  	</div>
		  	<div class="form-group">
		    	<label for="enAdminTel" class="col-md-3 col-sm-4 control-label">管理员手机号：</label>
			    <div class="col-md-5 col-sm-6">
			      	<input required ng-model="enterprise.enAdminTel" ng-length="11" type="text" class="form-control" id="enAdminTel" name="enAdminTel" placeholder="请输入系统管理员手机号">
			    </div>
			    <div class="col-md-4 col-sm-offset-4 col-md-offset-0">
			    	<span ng-show="!myForm.enAdminTel.$invalid" class="text-success"><span class="glyphicon glyphicon-ok-circle"></span>恭喜您，手机号可用</span>
			    	<span ng-show="myForm.enAdminTel.$invalid && enterprise.enAdminTel" class="text-danger"><span class="glyphicon glyphicon-remove-circle"></span>{{telErrorInfo}}</span>
			    	可作为商务平台账号登录
			    </div>
		  	</div>
		  	<div class="form-group">
		    	<label for="enAdminEmail" class="col-md-3 col-sm-4 control-label">管理员邮箱：</label>
			    <div class="col-md-5 col-sm-6">
			      	<input required ng-model="enterprise.enAdminEmail" type="email" class="form-control" id="enAdminEmail" name="enAdminEmail" placeholder="请输入系统管理员邮箱地址">
			    </div>
			    <div class="col-md-4 col-sm-offset-4 col-md-offset-0">
			    	<span ng-show="!myForm.enAdminEmail.$invalid" class="text-success"><span class="glyphicon glyphicon-ok-circle"></span>恭喜您，邮箱可用</span>
			    	<span ng-show="myForm.enAdminEmail.$invalid && enterprise.enAdminEmail" class="text-danger"><span class="glyphicon glyphicon-remove-circle"></span>{{emailErrorInfo}}</span>
			    	将用于接收激活邮件和系统邮件，可作为商务平台账号登录
			    </div>
		  	</div>
		  	<div class="form-group">
			    <div class="col-md-5 col-sm-6 col-md-offset-3 col-sm-offset-4">
			    	<input type="checkbox" ng-model="agree" > 我已同意<a href="#">《优软商务平台服务协议》</a>
			    </div>
		  	</div>
		  	<div class="form-group">
		    	<div class="col-md-offset-3 col-md-4 col-sm-offset-3 col-sm-4">
		      		<button ng-disabled="myForm.$invalid || !agree" type="submit" class="btn btn-success btn-block">下一步
		      			<div class="spinner" ng-show="loadingShow">
						  	<div class="bounce1"></div>
						  	<div class="bounce2"></div>
						  	<div class="bounce3"></div>
						</div>
		      		</button>
		    	</div>
		    	<div class="col-md-4 col-sm-4">
		    		
		    	</div>
		  	</div>
		</form>
	</div>
	<!-- enterprise form end  -->
	<!-- remark start -->
	<div class="col-md-3 well">
		说明资料
		<p>1 优软SAAS服务依托优软UAS管理系统的</p>
		<p>2....</p>
	</div>
	<!-- remark end -->
</div>