更新企业信息UI

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

src/main/webapp/resources/tpl/index/approvalFlow/enterprise.html

@@ -1,20 +1,22 @@
 <div class="loading" ng-class="{'in': loading}">
 	<i></i>
 </div>
-<link rel="stylesheet" href="static/css/add.css "/>
+<link rel="stylesheet" href="static/css/add.css " />
 <style>
 .com_title {
-	width:100%;
-	margin:0px auto;
-	height:40px;
-	line-height:40px;
-	font-size:14px;
-	color:#323232;
-	background:#f5f5f5;
+	width: 100%;
+	margin: 0px auto;
+	height: 40px;
+	line-height: 40px;
+	font-size: 14px;
+	color: #323232;
+	background: #f5f5f5;
 }
+
 .com_title font {
-	color:#327ebe;
+	color: #327ebe;
 }
+
 .com_head {
 	width: 100%;
 	height: 40px;
@@ -23,45 +25,53 @@
 	background-color: #f5f5f5;
 	background-size: 100% 100%;
 }
+
 .com_head span {
 	margin-left: 30px;
 	color: #000;
 	font-size: 14px;
 }
+
 .com_title01 {
 	height: 50px;
-	line-height:50x;
-	width:100%;
-	margin:0 auto;
-	border-bottom:#5078cb 1px dotted;
+	line-height: 50x;
+	width: 100%;
+	margin: 0 auto;
+	border-bottom: #5078cb 1px dotted;
 }
+
 .com_title01 span {
-	margin-left:20px;
+	margin-left: 20px;
 	font-size: 14px;
 	line-height: 50px;
 	color: #555;
 	font-weight: bold;
 }
-.com_title01 a{
+
+.com_title01 a {
 	margin-right: 20px;
 	line-height: 50px;
 }
-#company .com-text{
+
+#company .com-text {
 	height: 35px;
 	line-height: 35px;
 }
-#company .com-text .title{
+
+#company .com-text .title {
 	font-size: 14px;
 	font-weight: inherit;
 	color: #323232;
 	width: 120px;
 	padding-left: 20px;
 }
-#company .com-text .content{
+
+#company .com-text .content {
 	font-size: 14px;
 	color: #969595;
 }
-#company .logo-load{
+
+#company .logo-load {
 	width: 100px;
 	height: 100px;
 	background: url("static/img/purc/upload.png") no-repeat center;
@@ -70,57 +80,69 @@
 	float: left;
 	margin-left: 0;
 }
-#company .logo-load input{
+
+#company .logo-load input {
 	width: 100px !important;
 	height: 100px;
 	filter: alpha(opacity = 0);
 	-moz-opacity: 0;
 	opacity: 0;
 }
-#company .logo-img{
+
+#company .logo-img {
 	height: 100px;
 }
-#company .logo-img .well{
+
+#company .logo-img .well {
 	float: left;
 	width: 100px;
 	height: 100px;
 	background: #fff;
 }
-#company .input-group-addon{
+
+#company .input-group-addon {
 	display: inline-block;
 	height: 26px;
 	width: 50px;
 	float: left;
 	margin-top: 5px;
 }
-#company .content{
+
+#company .content {
 	width: 56%;
 	height: 35px;
 }
-#company .form-control{
+
+#company .form-control {
 	border: #327ebe 1px solid;
 	margin-top: 5px;
 }
-#company .col-xs-4 p{
+
+#company .col-xs-4 p {
 	color: #959595;
 }
-#company .col-xs-4 .title{
+
+#company .col-xs-4 .title {
 	padding: 0;
 }
-#company .row-sm{
+
+#company .row-sm {
 	border-bottom: #e8e8e8 1px solid;
 	padding-bottom: 20px;
 }
-.bule{
+
+.bule {
 	color: #327ebe;
 	font-size: 14px;
 	padding-left: 20px;
 }
-.save-btn{
+
+.save-btn {
 	width: 100%;
 	height: 40px;
 }
-.save-btn .btn01{
+
+.save-btn .btn01 {
 	border: 1px;
 	width: 94px;
 	height: 36px;
@@ -133,28 +155,35 @@
 	color: #fff;
 	margin-right: 20px;
 }
-.com_title01 a.color01{
+
+.com_title01 a.color01 {
 	color: #d32526;
 }
-.com_title01 a.color02{
+
+.com_title01 a.color02 {
 	color: #3a89d1;
 }
-#address-list .row{
+
+#address-list .row {
 	position: relative;
 }
-#address-list .edit-icon{
+
+#address-list .edit-icon {
 	display: none;
 }
-#address-list .edit-icon .content{
+
+#address-list .edit-icon .content {
 	position: absolute;
 	top: -100px;
 	right: 0;
 	width: 100px !important;
 }
-#address-list .content span{
+
+#address-list .content span {
 	font-size: 14px;
 }
-#address-list .edit-icon a{
+
+#address-list .edit-icon a {
 	width: 42px;
 	height: 24px;
 	display: inline-block;
@@ -167,26 +196,33 @@
 	line-height: 24px;
 	text-align: center;
 }
-#address-list .row:hover{
+
+#address-list .row:hover {
 	border: #d32526 1px solid;
 }
-#address-list .edit-icon a:hover{
+
+#address-list .edit-icon a:hover {
 	background: #3a89d1;
 }
-.com_title01 a{
+
+.com_title01 a {
 	color: #3a89d1;
 	font-size: 14px;
 }
-.com_title01 a.open{
+
+.com_title01 a.open {
 	float: right;
 }
-.com_title01 a.open i{
+
+.com_title01 a.open i {
 	margin-left: 5px;
 }
-.com_title01{
+
+.com_title01 {
 	border-top: none;
 }
-#address-list{
+
+#address-list {
 	height: 186px;
 	width: 100%;
 	overflow: hidden;
@@ -372,7 +408,7 @@
 		</form>
 	</div>
 		<div class="com_title01"><span>收货人信息</span>
-		<a href="javascript:void(0);" class="open">展开<i class="fa fa-angle-down"></i></a>
+		<a href="javascript:void(0);" class="open" ng-if="ships.length>1">展开<i class="fa fa-angle-down"></i></a>
 		<a ng-show="!connectionEditings"  class="pull-right add-address" ng-click="">+新增收货人</a>
 		<a ng-show="connectionEditings" ng-click="connectionEditings = false" class="pull-right text-simple color01"><i
 				class="fa fa-reply-all fa-fw"></i>取消</a>
@@ -381,7 +417,7 @@
 	</div>
 	<!--收货人信息-->
 	<div class="pane-body" id="address-list">
-		<form name="detailForm">
+		<form name="detailForm" ng-if="ships.length != 0">
 			<div class="row row-sm item" ng-repeat="ship in ships">
 				<div class="col-xs-12">
 					<div class="com-text col-xs-6">
@@ -443,6 +479,11 @@
 
 			</div>
 		</form>
+		<form ng-if="ships.length == 0" id="message">
+			<div class="row row-sm item" >
+				<span style="line-height: 186px;text-align: center;font-size: 16px;width: 100%;display: inline-block;color: #999;"><i class="fa fa-spinner"></i> 暂未设置收货人信息</span>
+			</div>
+		</form>
 	</div>
 	<div class="com_title01"><span>你拥有的服务</span></div>
 	<div class="pane-body">
@@ -519,6 +560,12 @@
         	document.getElementById('shipAddress').reset();
             $(".bomb-box").show();
         });
+        
+        $("#message .add-address").click(function(){
+        	document.getElementById('shipAddress').reset();
+            $(".bomb-box").show();
+        });
+        
         $(".bomb-box .box04 .off,.box04 .many-file-btn .btn02").click(function(){
             $(".bomb-box").hide();
         })
@@ -534,6 +581,7 @@
 			$(this).toggleClass("active");
 			if($(this).hasClass("active")){
 				$(this).html("收起<i class='fa fa-angle-up'></i>");
+				var size=$("#address-list .row").size();
 				$("#address-list").css("height","auto");
 			}else{
 				$(this).html("展开<i class='fa fa-angle-down'></i>");