platform-b2b/src/main/webapp/resources/tpl/index/purc/uploadByBatch.html

<style type="text/css">
.location {
	line-height: 28px;
}

.location ul {
	border-bottom: solid 1px #ddd;
}

.block {
	padding: 0 30px;
	padding-bottom: 15px;
}

.headerline {
	font-size: 24px;
    font-family: Microsoft YaHei, SimHei, Verdana;
    font-weight: 500;
    line-height: 22px;
    margin: 1px 0 35px -15px;
    clear: both;
    zoom: 1;
    border-top: 1px solid #eee;
    position: relative;
    font-size: 18px;
	padding-bottom: 15px;
}

.headerline .index {
	position: absolute;
    top: 12px;
    left: 0;
    width: 0px;
    height: 0px;
    line-height: 24px;
    background: #ff7300;
    color: #fff;
    text-align: center;
    border-radius: 0 2px 2px 0;
    z-index: 2;
}

.headerline .content {
	position: absolute;
    top: 12px;
    left: 6px;
    line-height: 24px;
    padding: 0 15px 0 10px;
    background: #fff;
    z-index: 2;
}

.headerline .end {
	position: absolute;
    top: -12px;
    right: 0;
    line-height: 24px;
    padding-left: 15px;
    background: #fff;
    z-index: 2;
}

.search table.table tr td {
	border-top: none;
}

#searchInput {
	height: 34px;
}

.suggestion {
	position: absolute;
	margin-top: -1px;
	width: 374px;
	background-color: #fff;
	border: 1px solid #bbb;
	border-top: none;
	z-index: 20;
}

.suggestion ul {
	margin-bottom: 0;
}

.suggestion ul li {
	line-height: 20px;
	font-size: 16px;
	padding: 0px 12px;
	color: #0080c0;
	cursor: pointer;
}

.suggestion ul li:hover,.suggestion ul li.active {
	background: #eee;
}

.productInfo {
	overflow-x:scroll;
}

#release .tableMargin {
	margin-top: 20px;
}

#release table {
	margin:0 auto;
}
	
#release th {
	text-align: center;
	height: 40px;
}
#release-body td {
	text-align: center;
	word-break: break-all;
}
#release-body td ul li {
	list-style: none;
	text-align: right;
}

#release .checkboxSize input {
		width: 18px;
		height: 18px;
}

table.table.table-striped  thead {
	display: none;
}

.clear-fix {
    clear: both;
}

.color-gray-f {
    color: #858585;
}

.color-red-f {
    color: #F30A26;
}

/* 分页 Start */
.block div.text-normal-s {
    margin: 20px 0;
    width: 100%;
}

.block div.text-normal-s>div:first-child {
    float: right;
    display: inline;
    height: 28px;
    line-height: 28px;
}

.block div.text-normal-s>div:first-child div {
    padding: 0;
    margin: 0;
    height: 26px;
    line-height: 26px;
    vertical-align: top;
    display: inline-block;
}

.block div.text-normal-s>div:first-child input[type="button"] {
    border: 0;
    margin: 0;
    padding: 0;
    height: 26px;
    vertical-align: top;
    background-color: transparent;
}

.block div.text-normal-s>div:first-child input[type="button"]:hover {
    color: #000000;
}

.block div.text-normal-s>div:first-child span {
    vertical-align: top;
}

.block div.text-normal-s>div:first-child input[type="text"]{
    border: 0;
    width: 20px;
    height: 20px;
    margin: 4px 0;
    vertical-align: top;
    text-align: center;
    background-image: url('static/img/order/number-box.png');
}

.block div.text-normal-s input[type="button"].btn-jump {
    width: 56px;
    height: 26px;
    border: 0;
    padding: 0;
    background-image: url('static/img/order/page-jump.png');
}

.block div.text-normal-s input[type="button"].btn-jump:hover {
    border-left: 1px #0000ff solid;
    border-right: 1px #0000ff solid;
}
    
  /* 分页 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">
	<div class="loading" ng-class="{'in': loading}">
		<i></i>
	</div>
	<div class="headerline">
		<div class="index"></div>
		<div class="content f16 text-bold">第一步、下载Excel模板</div>
	</div>
	<div class="box-item" ng-hide="box1Closed">
		<p>
			<a class="f14 text-inverse" ng-click="download()">下载Excel模板 <i
				class="fa fa-download"></i></a> 在Excel模板上录入商品发布信息。
			<a class="f14 text-inverse" ng-click="showImg()">查看表格示例</a>。
		</p>
	</div>
	<div id="image-box" style="display: none">
		<div class="x-close-wrap" title="关闭">
			<a href="javascript:void(0);">&times;</a>
		</div>
		<div class="x-floating-wrap"></div>
		<div class="x-floating">
			<img />
		</div>
	</div>
	<div class="headerline">
		<div class="index"></div>
		<div class="content f16 text-bold">第二步、上传Excel文件</div>
	</div>
	<div class="box-item" ng-hide="box2Closed">
		<form class="form-horizontal">
			<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"
						ng-model="myFiles" type="file" ng-multiple="false"
						class="form-control input-sm" id="xlsFile" name="xlsFile"
						placeholder="请上传.xls或.xlsx文件" />
					<span>{{fileName}}</span>
				</div>
				<div class="col-xs-4">
					<button ng-click="upload()" class="btn btn-success btn-sm">
						确认上传 <i class="fa fa-upload"></i>
					</button>
				</div>
			</div>-->
			<div>
			</div>
			<!-- 分页 Start -->
		</form>
	</div>
	<div class="headerline">
		<div class="index"></div>
		<div class="content f16 text-bold">第三步、信息提示</div>
	</div>
	<div class="box-item" ng-hide="box3Closed">
		<p ng-if="result">
			<div ng-if="result">
				总共上传物料<span class="text-inverse">{{result.total}}</span>个，上传成功<span class="text-inverse">{{result.success || 0}}</span>个
			</div>
			<div ng-repeat="alter in alters">
				物料 <span class="text-inverse">{{alter}}</span> 已存在，已更新为待购状态
			</div>
			<div ng-repeat="info in infos">
				<span class="text-inverse">{{info}}</span>
			</div>
		</p>
	</div>
	<div class="headerline">
	</div>
	<div id="image-box" style="display: none">
		<div class="x-close-wrap" title="关闭">
			<a href="javascript:void(0);">&times;</a>
		</div>
		<div class="x-floating-wrap"></div>
		<div class="x-floating">
			<img />
		</div>
	</div>
</div>
<!-- block end -->