申请更换管理员流程，三个步骤界面

git-svn-id: svn+ssh://10.10.101.21/source/platform/platform-b2b@2310 f3bf4e98-0cf0-11e4-a00c-a99a8b9d557d

src/main/webapp/resources/tpl/changeAdmin/step1.html

@@ -0,0 +1,159 @@
+<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>

src/main/webapp/resources/tpl/changeAdmin/step2.html

@@ -0,0 +1,50 @@
+<!-- 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 ui-step-line-active"></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 ui-step-text-active">
+					<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-success" role="alert" >
+	您填写的信息已提交工作人员审核，我们会在 <strong class="f16">24小时</strong> 内邮件通知您审核结果，请您注意查收填写的新管理员邮箱。本页面可关闭。
+</div>
+<!-- alert end -->
+
+<div class="row" style="min-height: 400px;">
+	<!-- enterprise form start -->
+	<div class="col-md-12">
+		<form name="myForm" class="form-horizontal" role="form" ng-submit="register(enterprise)" style="min-height: 353px;">
+		  	<img alt="正在审核中..." width="100%" height="100%" src="static/img/all/auditing.png">
+		</form>
+	</div>
+	<!-- enterprise form end  -->
+	<!-- remark start -->
+	<!-- <div class="col-md-3 well">
+		说明资料
+		<p>1....</p>
+		<p>2....</p>
+	</div> -->
+	<!-- remark end -->
+</div>

src/main/webapp/resources/tpl/changeAdmin/step3.html

@@ -0,0 +1,118 @@
+<!-- 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 ui-step-line-active"></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 ui-step-line-active"></div>
+				<div class="ui-step-text ui-step-text-active">
+					<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 ui-step-text-active">
+					<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-success" role="alert" >
+	&nbsp;恭喜，您已经成功注册优软商务平台企业账号，请为您的账号管理员设置登陆密码
+</div>
+<!-- alert end -->
+<div class="row">
+	<!-- enterprise form start -->
+	<div class="col-md-9" ng-controller="Step3Ctrl">
+		<form name="myForm" class="form-horizontal" role="form" ng-submit="register(enterprise)" style="min-height: 353px;">
+		  	<div class="col-md-8 col-md-offset-1">
+		  		企业UU号：<label>{{uu}}</label><br>
+		  		验证码：<label>{{checkcode}}</label><br>
+		  	</div>
+		  	<div class="col-md-8 col-md-offset-1" ng-hide="activateResult">
+		  		正在验证......
+		  	</div>
+		  	<div class="col-md-8 col-md-offset-1" ng-show="activateResult">
+		  		验证结果：<label>{{checkResult}}</label>
+		  	</div>
+		  	<div class="col-md-8 col-md-offset-1" ng-show="activateSuccess">
+		  		验证通过，请立即设置管理员密码：<br><br>
+		  		<div class="form-group">
+			    	<label for="password" class="col-md-3 col-sm-4 control-label">请输入密码：</label>
+				    <div class="col-md-6 col-sm-6">
+				      	<input required ng-model="password" type="password" class="form-control" name="password" 
+				      		id="password" placeholder="6~20位字母、数字、符号" ng-pattern="/^([\w~!@#$%^&\*\(\)-_\+=,.;\[\]{}\<\>]){6,20}$/" required>
+				    </div>
+				    <div class="col-md-2 col-sm-2 col-sm-offset-4 col-md-offset-0">
+				    	<span ng-show="!myForm.password.$invalid" class="text-success"><span class="glyphicon glyphicon-ok-circle"></span></span>
+				    	<span ng-show="myForm.password.$invalid && password" class="text-danger"><span class="glyphicon glyphicon-remove-circle"></span></span>
+			    	</div>
+			    </div>
+			    <div class="form-group">
+				    <label for="password2" class="col-md-3 col-sm-4 control-label">请确认密码：</label>
+				    <div class="col-md-6 col-sm-6">
+				      	<input required ng-model="password2" type="password" class="form-control" name="password2" 
+				      		id="password2" placeholder="重复密码" required>
+				    </div>
+				    <div class="col-md-2 col-sm-2">
+				    	<span ng-show="!myForm.password2.$invalid" class="text-success"><span class="glyphicon glyphicon-ok-circle"></span></span>
+				    	<span ng-show="myForm.password2.$invalid && password2" class="text-danger"><span class="glyphicon glyphicon-remove-circle"></span></span>
+			    	</div>
+				</div>
+				<div class="form-group">
+			    	<div class="col-md-offset-3 col-md-4 col-sm-offset-4 col-sm-4">
+			      		<button ng-disabled="myForm.password2.$invalid || buttonDisabled" ng-click="setAdminPassword(uu, password)" 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 ng-show="setSuccess" class="text-success">
+			    			设置成功，正在跳转至<span ng-if="!saasUrl">登陆界面</span><span ng-if="saasUrl">SAAS初始化页面</span>...
+			    		</div>
+			      		<label ng-show="setFaild" class="text-danger">设置失败</label>
+			    	</div>
+		  		</div>
+		  	</div>
+		  	<div class="col-md-8 col-md-offset-1" ng-show="activateSendAgain">
+		  		{{againInfo}}，请点击重新发送激活邮件：<br><br>
+				<div class="form-group">
+			    	<div class="col-md-offset-3 col-md-6 col-sm-offset-3 col-sm-6">
+			      		<button ng-click="sendEmailAgain(uu)" ng-disabled="emailDisabled" 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>
+			    	<label ng-show="sendSuccess" class="text-success">已发送成功</label>
+			      	<label ng-show="sendFaild" class="text-danger">发送失败</label>
+		  		</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、激活过程中断可能是因为企业已激活但未设置管理员密码。</p>
+			<p>2、如有疑问，请与我们联系。<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>