批量上传按钮样式修改。

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

src/main/webapp/resources/tpl/index/baseInfo/uploadByBatch.html

@@ -258,7 +258,40 @@ table.table.table-striped  thead {
 }
     
   /* 分页 End */
-
+.form-horizontal .control-label{
+	text-align: left;
+	padding-right: 0;
+}
+	.form-horizontal .padding-0,.form-horizontal .padding-0 .col-xs-2{
+		/*padding-left: 0;*/
+		position: relative;
+	}
+.form-horizontal .padding-0 .col-xs-2{
+	width: 90px;
+}
+.form-horizontal .padding-0 .col-xs-10{
+	line-height: 30px;
+	font-size: 14px;
+	color: #5078cb;
+	padding-left: 0;
+}
+	#xlsFile{
+		opacity: 0;
+	}
+.form-horizontal .padding-0 .col-xs-2 span{
+	width: 84px;
+	height: 30px;
+	/*background: #f5f5f5;*/
+	background: linear-gradient(to top, rgba(245,245,245,.5), rgba(245,245,245,1));
+	/*color: #fff;*/
+	position: absolute;
+	top: 0;
+	left: 0;
+	line-height: 28px;
+	text-align: center;
+	border: #ccc 1px solid;
+	border-radius: 5px;
+}
 </style>
 <!-- block start -->
 <div class="block">
@@ -284,24 +317,29 @@ table.table.table-striped  thead {
 	</div>
 	<div class="headerline">
 		<div class="index"></div>
-		<div class="content f16 text-bold">第二步、上传已经填好的Excel文件</div>
+		<div class="content f16 text-bold">第二步、上传Excel文件</div>
 	</div>
 	<div class="box-item" ng-hide="box2Closed">
 		<form class="form-horizontal">
-			<div class="form-group">
-				<label class="control-label col-xs-3" for="xlsFile">请上传已经填写好的Excel文件</label>
-				<div class="col-xs-4">
-					<input required ng-file-select accept="*.xls,*.xlsx"
-						ng-model="myFiles" type="file" ng-multiple="false"
-						class="form-control input-sm" id="xlsFile" name="xlsFile"
-						placeholder="请上传.xls或.xlsx文件" />
-					<span>{{fileName}}</span>
+			<div class="row">
+				<!--<label class="control-label col-xs-3" for="xlsFile" style="width: 186px;">请上传已经填写好的Excel文件</label>-->
+				<div class="padding-0 col-xs-9">
+					<div class="col-xs-2">
+						<span>选择文件</span>
+						<input required ng-file-select accept="*.xls,*.xlsx"
+							   ng-model="myFiles" type="file" ng-multiple="false"
+							   class="form-control input-sm" id="xlsFile" name="xlsFile"
+							   placeholder="请上传.xls或.xlsx文件" />
+					</div>
+					<div class="col-xs-10">
+						<span>{{fileName}}</span>
+					</div>
 				</div>
-				<div class="col-xs-4">
+				<div class="col-xs-12" style="margin: 10px 0">
 					<button ng-click="upload()" class="btn btn-success btn-sm">
 						确认上传 <i class="fa fa-upload"></i>
 					</button>
-				</div class="col-xs-4">
+				</div>
 			</div>
 			<div>
 			</div>

src/main/webapp/resources/tpl/index/purc/uploadByBatch.html

@@ -258,7 +258,40 @@ table.table.table-striped  thead {
 }
     
   /* 分页 End */
-
+.form-horizontal .control-label{
+	text-align: left;
+	padding-right: 0;
+}
+.form-horizontal .padding-0,.form-horizontal .padding-0 .col-xs-2{
+	/*padding-left: 0;*/
+	position: relative;
+}
+.form-horizontal .padding-0 .col-xs-2{
+	width: 90px;
+}
+.form-horizontal .padding-0 .col-xs-10{
+	line-height: 30px;
+	font-size: 14px;
+	color: #5078cb;
+	padding-left: 0;
+}
+#xlsFile{
+	opacity: 0;
+}
+.form-horizontal .padding-0 .col-xs-2 span{
+	width: 84px;
+	height: 30px;
+	/*background: #f5f5f5;*/
+	background: linear-gradient(to top, rgba(245,245,245,.5), rgba(245,245,245,1));
+	/*color: #fff;*/
+	position: absolute;
+	top: 0;
+	left: 0;
+	line-height: 28px;
+	text-align: center;
+	border: #ccc 1px solid;
+	border-radius: 5px;
+}
 </style>
 <!-- block start -->
 <div class="block">
@@ -284,11 +317,31 @@ table.table.table-striped  thead {
 	</div>
 	<div class="headerline">
 		<div class="index"></div>
-		<div class="content f16 text-bold">第二步、上传已经填好的Excel文件</div>
+		<div class="content f16 text-bold">第二步、上传Excel文件</div>
 	</div>
 	<div class="box-item" ng-hide="box2Closed">
 		<form class="form-horizontal">
-			<div class="form-group">
+			<div class="row">
+				<!--<label class="control-label col-xs-3" for="xlsFile" style="width: 186px;">请上传已经填写好的Excel文件</label>-->
+				<div class="padding-0 col-xs-9">
+					<div class="col-xs-2">
+						<span>选择文件</span>
+						<input required ng-file-select accept="*.xls,*.xlsx"
+							   ng-model="myFiles" type="file" ng-multiple="false"
+							   class="form-control input-sm" id="xlsFile" name="xlsFile"
+							   placeholder="请上传.xls或.xlsx文件" />
+					</div>
+					<div class="col-xs-10">
+						<span>{{fileName}}</span>
+					</div>
+				</div>
+				<div class="col-xs-12" style="margin: 10px 0">
+					<button ng-click="upload()" class="btn btn-success btn-sm">
+						确认上传 <i class="fa fa-upload"></i>
+					</button>
+				</div>
+			</div>
+			<!--<div class="form-group">
 				<label class="control-label col-xs-3" for="xlsFile">请上传已经填写好的Excel文件</label>
 				<div class="col-xs-4">
 					<input required ng-file-select accept="*.xls,*.xlsx"
@@ -301,8 +354,8 @@ table.table.table-striped  thead {
 					<button ng-click="upload()" class="btn btn-success btn-sm">
 						确认上传 <i class="fa fa-upload"></i>
 					</button>
-				</div class="col-xs-4">
-			</div>
+				</div>
+			</div>-->
 			<div>
 			</div>
 			<!-- 分页 Start -->