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

<style>
.input-group-addon {
	padding: 6px 5px;
}
</style>

<!-- 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">更换管理员服务</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"><strong class="text-inverse">* </strong>企业名称：</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 text-muted">请输入企业名称(与附件相同)</div>
		  	</div>
		  	<div class="form-group">
		    	<label for="uu" class="col-md-3 col-sm-4 control-label"><strong class="text-inverse">* </strong>企业UU号：</label>
			    <div class="col-md-5 col-sm-6">
			      	<input required ng-model="enterprise.uu" type="text" class="form-control" 
			      		ng-maxlength="15" id="uu" placeholder="请输入企业UU号">
			    </div>
			     <div class="col-md-4 col-sm-offset-4 col-md-offset-0 text-muted">请输入企业UU(不是个人UU)</div>
		  	</div>
		  	<div class="form-group">
		    	<label for="enBusinessCode" class="col-md-3 col-sm-4 control-label"><strong class="text-inverse">* </strong>营业执照注册号：</label>
			    <div class="col-md-5 col-sm-6">
			      	<input required ng-model="enterprise.enBussinessCode" type="text" class="form-control" id="enBusinessCode" name="enBussinessCode"
			      		ng-pattern="/^.{6,}$/" placeholder="完整注册号，可以是数字或-或字母">
			    </div>
			    <div class="col-md-4 col-sm-offset-4 col-md-offset-0 text-muted">
			    	<span ng-show="!myForm.enBussinessCode.$invalid" class="text-success"><span class="fa fa-check-circle"></span>恭喜您，执照号可用</span>
			    	<span ng-show="myForm.enBussinessCode.$invalid && enterprise.enBussinessCode" class="text-danger"><span class="fa fa-remove"></span>{{codeErrorInfo}}</span>
			    	请输入企业在工商部门注册时得到的营业执照注册号（注册证号）
			    </div>
		  	</div>
		  	<div class="form-group">
		    	<label for="enImage" class="col-md-3 col-sm-4 control-label"><strong class="text-inverse">* </strong>上传营业执照：</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="图片或PDF文件">
			      	<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">请上传企业营业执照复印件或清晰照片的图片文件或PDF文件</span>
			      		</div>
			      	</div>
			    </div>
			    <div class="col-md-4 col-sm-offset-4 col-md-offset-0 text-muted">中国大陆为工商营业执照；<br>中国香港为商业登记证；<br>中国台湾为营利事业登记证；<br>其他地区为当地商业部门认证的登记证件。</div>
		  	</div>
		  	<div class="form-group">
		    	<label for="enShortname" class="col-md-3 col-sm-4 control-label"><strong class="text-inverse">* </strong>新管理员姓名：</label>
			    <div class="col-md-5 col-sm-6">
			      	<input required ng-model="enterprise.enAdminName" type="text" class="form-control" 
			      		id="enAdminName" placeholder="不可包含特殊字符">
			    </div>
		  	</div>
		  	<div class="form-group">
		    	<label for="enAdminTel" class="col-md-3 col-sm-4 control-label"><strong class="text-inverse">* </strong>新管理员手机号：</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"
			      		ng-parttern="/^[\d-]{8,}$/" placeholder="8位以上手机号码">
			    </div>
			    <div class="col-md-4 col-sm-offset-4 col-md-offset-0 text-muted">
			    	<span ng-show="!myForm.enAdminTel.$invalid" class="text-success"><span class="fa fa-check-circle"></span>恭喜您，手机号可用</span>
			    	<span ng-show="myForm.enAdminTel.$invalid && enterprise.enAdminTel" class="text-danger"><span class="fa fa-remove"></span>{{telErrorInfo}}</span>
			    	可作为商务平台账号登录
			    </div>
		  	</div>
		  	<div class="form-group">
		    	<label for="enAdminEmail" class="col-md-3 col-sm-4 control-label"><strong class="text-inverse">* </strong>新管理员邮箱：</label>
			    <div class="col-md-5 col-sm-6">
			      	<input required ng-model="enterprise.enAdminEmail" type="email" class="form-control" id="enAdminEmail" name="enAdminEmail" 
			      		ng-pattern="/^\w+([-+.]\w+)*@\w+([-.]\w+)*\.\w+([-.]\w+)*$/" placeholder="请输入正确的邮箱格式">
			    </div>
			    <div class="col-md-4 col-sm-offset-4 col-md-offset-0 text-muted">
			    	<span ng-show="!myForm.enAdminEmail.$invalid" class="text-success"><span class="fa fa-check-circle"></span>恭喜您，邮箱可用</span>
			    	<span ng-show="myForm.enAdminEmail.$invalid && enterprise.enAdminEmail" class="text-danger"><span class="fa fa-remove"></span>{{emailErrorInfo}}</span>
			    	将用于接收激活邮件和系统邮件，可作为商务平台账号登录
			    </div>
		  	</div>
		  	<div class="form-group">
			    <div class="col-md-9 col-sm-8 col-md-offset-3 col-sm-offset-4">
			    	<div><input type="checkbox" ng-model="agree" > 我已同意<a href="#">《优软商务平台服务协议》</a></div>
			    </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">
		<div class="well-info f13">
			<p class="f14"><b>说明资料</b></p>
			<p>1、更换管理员账户，需要填写详细企业信息申请，我们会在24小时内给您审核，确保您的公司信息安全。</p>
			<p>2、填写资料时，请认真核对填写信息，其中新管理员邮箱我们将已审核结果以邮件的形式发送至您的邮箱。</p>
			<p>3、如有疑问，请与我们联系。<br>联系方式：800-830-1818<br>工作时间：周一至周五<br>9:00-12:00&nbsp;&nbsp;&nbsp;14:00-18:00<br>Email: serve@usoftchina.com</p>
		</div>
	</div>
	<!-- remark end -->
</div>