Home Explore Help
Register Sign In
usoft
/
platform-b2b
1
0
Fork 0
Files Issues 0 Pull Requests 0 Wiki
Browse Source

新建注册页面

git-svn-id: svn+ssh://10.10.101.21/source/platform/platform-b2b@248 f3bf4e98-0cf0-11e4-a00c-a99a8b9d557d
suntg 11 years ago
parent
14156aea58
commit
e7756c24c2
9 changed files with 417 additions and 1 deletions
Split View Show Diff Stats
  1. 1 0
      src/main/webapp/WEB-INF/spring/webmvc.xml
  2. 61 0
      src/main/webapp/WEB-INF/views/normal/register.html
  3. 1 1
      src/main/webapp/WEB-INF/views/normal/signin.html
  4. 210 0
      src/main/webapp/resources/css/register.css
  5. 21 0
      src/main/webapp/resources/js/register/app.js
  6. 23 0
      src/main/webapp/resources/js/register/main.js
  7. 100 0
      src/main/webapp/resources/tpl/register/step1.html
  8. 0 0
      src/main/webapp/resources/tpl/register/step2.html
  9. 0 0
      src/main/webapp/resources/tpl/register/step3.html

+ 1 - 0
src/main/webapp/WEB-INF/spring/webmvc.xml
View File 

@@ -29,4 +29,5 @@
 
 

 	<mvc:view-controller path="/" view-name="index" />

 	<mvc:view-controller path="/signin" view-name="signin" />

+	<mvc:view-controller path="/signin/register" view-name="register" />

 </beans>

+ 61 - 0
src/main/webapp/WEB-INF/views/normal/register.html
View File 

@@ -0,0 +1,61 @@
 
+<!DOCTYPE HTML>

+<html lang="zh-CN">

+<head>

+<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">

+<meta name="baidu-site-verification" content="S0kf5fz0uA" />

+<meta charset="utf-8">

+<title>优软商务平台</title>

+<base target="_blank" />

+<meta name="keywords" content="优软商务平台,优软B2B平台,商务平台,B2B平台,B2B,电子商务,ERP,UAS,UBTOB.COM,USOFTCHINA.COM,优软">

+<meta name="description" content="优软商务平台，企业供销信息交流平台。">

+<link href="../static/img/icon/u.png" rel="icon" type="image/x-icon" />

+<link rel="stylesheet" href="../static/lib/bootstrap/css/bootstrap.min.css" />

+<link rel="stylesheet" href="../static/lib/fontawesome/css/font-awesome.min.css" />

+<link rel="stylesheet" href="../static/lib/angular/toaster.css" />

+<link rel="stylesheet" href="../static/css/register.css" />

+</head>

+<body>

+	<!-- header Start -->

+	<nav id="top" class="navbar" style="margin-bottom: 0;">

+		<div class="container">

+			<div class="navbar-header">

+				<a class="navbar-brand title"></a> <b></b> <span>商务平台</span>

+			</div>

+			<div class="navbar-right">

+				<p class="navbar-text">

+					已经注册优软商务平台？<a href="../signin">立即登录</a>

+				</p>

+			</div>

+		</div>

+	</nav>

+	<!-- header End -->

+	<!-- main Start -->

+	<div class="container" ui-view>

+		<!-- main content (step1\step2\step2\...) -->

+	</div>

+	<!-- main End -->

+	<div class="navbar navbar-fixed-bottom" id="footer">

+		<!-- footer inner -->

+		<div class="container">

+			<div class="link-group">

+				<ul class="list-inline text-center">

+					<li><a href="#">关于优软</a></li>

+					<li><a href="#">联系我们</a></li>

+					<li><a href="#">在线客服</a></li>

+					<li><a href="#">客服中心</a></li>

+					<li><a href="#">联系邮箱</a></li>

+					<li><a href="#">服务条款 </a></li>

+					<li><a href="#">投诉反馈 </a></li>

+					<li>© 2014-2015 深圳市优软科技有限公司. 版权所有.</li>

+				</ul>

+			</div>

+		</div>

+	</div>

+	<!-- 消息提示框  Start-->

+	<toaster-container

+		toaster-options="{'position-class': 'toast-top-center'}"></toaster-container>

+	<!-- 消息提示框 End -->

+	<script type="text/javascript" src="../static/lib/require.js"

+		data-main="../static/js/register/main.js"></script>

+</body>

+</html>

+ 1 - 1
src/main/webapp/WEB-INF/views/normal/signin.html
View File 

@@ -23,7 +23,7 @@
 
 			</div>

 			<div class="navbar-right">

 				<p class="navbar-text">

-					第一次使用商务平台？ <a href="http://192.168.253.157:8081/saas/#/register">立即注册</a>

+					第一次使用商务平台？ <a href="signin/register">立即注册</a>

 				</p>

 			</div>

 		</div>

+ 210 - 0
src/main/webapp/resources/css/register.css
View File 

@@ -0,0 +1,210 @@
 
+body {

+	line-height: 1.6;

+	font-family: "Helvetica Neue", "Hiragino Sans GB", "Microsoft YaHei",

+		"\9ED1\4F53", Arial, sans-serif;

+	color: #222;

+	font-size: 14px;

+}

+

+h1,h2,h3 {

+	font-size: 20px;

+	font-weight: 400;

+	font-style: normal;

+}

+

+@media ( min-width : 1200px) {

+	.container {

+		width: 990px;

+	}

+}

+

+.has-feedback-left {

+	position: relative;

+}

+

+.form-control-feedback-left {

+	position: absolute;

+	top: 0;

+	left: 0;

+	z-index: 2;

+	display: block;

+	width: 30px;

+	height: 34px;

+	line-height: 2.3;

+	text-align: center;

+	pointer-events: none;

+	color: #bbb;

+	font-size: 16px;

+}

+

+.has-feedback-left>.form-control {

+	padding-left: 30px;

+}

+

+.btn-inverse {

+	color: #fff;

+	background-color: #44b549;

+	background-image: -moz-linear-gradient(top, #44b549 0, #44b549 100%);

+	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#44b549),

+		to(#44b549));

+	background-image: -webkit-linear-gradient(top, #44b549 0, #44b549 100%);

+	background-image: -o-linear-gradient(top, #44b549 0, #44b549 100%);

+	background-image: linear-gradient(to bottom, #44b549 0, #44b549 100%);

+	border-color: #44b549;

+	width: 120px;

+}

+

+.btn-inverse:hover,.btn-inverse:focus,.btn-inverse:active {

+	background-color: #2f9833;

+	background-image: -moz-linear-gradient(top, #2f9833 0, #2f9833 100%);

+	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#2f9833),

+		to(#2f9833));

+	background-image: -webkit-linear-gradient(top, #2f9833 0, #2f9833 100%);

+	background-image: -o-linear-gradient(top, #2f9833 0, #2f9833 100%);

+	background-image: linear-gradient(to bottom, #2f9833 0, #2f9833 100%);

+	border-color: #2f9833;

+	color: #fff;

+}

+

+.form-control {

+	border-color: #e0e0e0;

+}

+

+.loading {

+	display: none;

+	position: absolute;

+	width: 100%;

+	height: 100%;

+	bottom: 0;

+	left: 0;

+}

+

+.loading.in {

+	display: block;

+}

+

+.loading.in>i {

+	position: absolute;

+	top: 50%;

+	left: 50%;

+	margin: -33px 0 0 -33px;

+	background: url("../img/all/loading.gif") no-repeat center center;

+	width: 66px;

+	height: 66px;

+}

+/*header*/

+#top {

+	border-top: 4px solid #44b549;

+	border-bottom: 1px solid #d9dadc;

+}

+

+#top .navbar-header .navbar-brand {

+	height: 50px;

+	line-height: 50px;

+}

+

+#top .navbar-header .title {

+	background: url("../img/logo/uas_gray.png") no-repeat center center;

+	width: 87px;

+	height: 50px;

+}

+

+#top .navbar-header b {

+	display: block;

+	width: 1px;

+	height: 18px;

+	margin: 18px 10px 0 11px;

+	z-index: 100;

+	float: left;

+	background: #ccc;

+}

+

+.navbar-header span {

+	float: left;

+	height: 50px;

+	line-height: 50px;

+	font-size: 20px;

+	color: #666;

+}

+/*main*/

+.step {

+	padding: 30px 0px 0px 0px;

+}

+

+.ui-step {

+	padding: 0 40px;

+	margin: 0 auto;

+	font-size: 14px;

+	list-style: none;

+	zoom: 1;

+	position: relative;

+	color: #b7b7b7;

+	overflow: hidden;

+}

+

+.ui-step .ui-step-active {

+	color: #009966;

+}

+

+.ui-step li {

+	width: 30%;

+	float: left;

+	height: 54px;

+	margin: 0;

+	position: relative;

+}

+

+.ui-step li .ui-step-line {

+	height: 3px;

+	background: #b9b9b9;

+	display: block;

+	margin-top: 19px;

+	line-height: 1;

+	width: 100%;

+	overflow: hidden;

+}

+

+.ui-step li .ui-step-line-active {

+	background-color: #009966;

+}

+

+.ui-step li .ui-step-text-active {

+	color: #009966;

+	font-weight: bold;

+	border: solid 2px #009966;

+}

+

+.ui-step-text {

+	position: absolute;

+	top: 0px;

+	left: 0px;

+	z-index: 3;

+	background: #FFFFFF;

+	color: #b9b9b9;

+	padding: 0px 10px;

+	border: solid 1px #b9b9b9;

+	border-radius: 4px; 

+}

+

+.alert {

+	margin-top: 8px;

+	padding: 8px 15px;

+}

+

+/*footer*/

+#footer {

+	color: #f1f1f1;

+	background-color: #b8b9b9;

+	padding: 20px 0;

+	font-size: 12px;

+}

+#footer a {

+	color: #f1f1f1;

+}

+#footer ul {

+	margin: 0;

+}

+#footer .list-inline>li:not(:last-child):after {

+	margin-left: 15px;

+	content: "|"

+}

+ 21 - 0
src/main/webapp/resources/js/register/app.js
View File 

@@ -0,0 +1,21 @@
 
+define([ 'toaster', 'services' ,'ui.router'], function() {

+	'use strict';

+	var app = angular.module('myApp', [ 'toaster', 'common.services' ,'ui.router']);

+	app.init = function() {

+		angular.bootstrap(document, [ 'myApp' ]);

+	};

+	app.config(function($stateProvider, $urlRouterProvider){

+		$urlRouterProvider.otherwise("/step1");

+		$stateProvider.state('step1', {

+			url: '/step1',

+      		templateUrl: '../static/tpl/register/step1.html'

+    	}).state('step2', {

+			url: '/step2',

+      		templateUrl: '../static/tpl/register/step2.html'

+    	}).state('step3', {

+			url: '/step3',

+      		templateUrl: '../static/tpl/register/step3.html'

+    	});

+	});

+	return app;

+});

+ 23 - 0
src/main/webapp/resources/js/register/main.js
View File 

@@ -0,0 +1,23 @@
 
+require.config({

+	baseUrl : '../static',

+	paths : {

+		'app' : 'js/register',

+		'angular' : 'lib/angular/angular',

+		'ngAnimate': 'lib/angular/angular-animate.min',

+		'toaster' : 'lib/angular/angular-toaster.min',

+		'ui.router' : 'lib/angular/angular-ui-router.min',

+		'services' : 'js/common/services'

+	},

+	shim : {

+		'angular' : {

+			'exports' : 'angular'

+		},

+		'ngAnimate' : ['angular'],

+		'ui.router' : ['angular'],

+		'toaster' : ['angular', 'ngAnimate'],

+		'services': ['angular']

+	}

+});

+require([ 'app/app' ], function(app) {

+	app.init();

+});

+ 100 - 0
src/main/webapp/resources/tpl/register/step1.html
View File 

@@ -0,0 +1,100 @@
 
+<!-- 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">

+	<!-- enterprise form start -->

+	<div class="col-md-9">

+		<form name="enterpriseForm" class="form-horizontal" role="form" ng-submit="sumibBaseInfo(enterprise)">

+		  	<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>

+			    <label class="col-md-4 col-sm-offset-4 col-md-offset-0">请输入企业在工商局注册时使用的名称</label>

+		  	</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" 

+			      		placeholder="请输入企业在工商局注册时得到的15位营业执照注册号（注册证号）">

+			    </div>

+			    <label class="col-md-4 col-sm-offset-4 col-md-offset-0">请输入企业在工商局注册时得到的15位营业执照注册号（注册证号）</label>

+		  	</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>

+			    <label class="col-md-4 col-sm-offset-4 col-md-offset-0">请选择公司注册地区</label>

+		  	</div>

+		  	<div class="form-group">

+		    	<div class="col-md-offset-3 col-md-4 col-sm-offset-3 col-sm-4">

+		      		<button ng-disabled="enterpriseForm.$invalid" 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">

+		      		<a href="#/registerStepB2B" class="btn btn-default btn-block">我已有B2B账号</a>

+		    	</div>

+		  	</div>

+		</form>

+	</div>

+	<!-- enterprise form end  -->

+	<!-- remark start -->

+	<div class="col-md-3 well">

+		说明资料

+		<p>1....</p>

+		<p>2....</p>

+	</div>

+	<!-- remark end -->

+</div>

+ 0 - 0
src/main/webapp/resources/tpl/register/step2.html
View File


+ 0 - 0
src/main/webapp/resources/tpl/register/step3.html
View File