产品管理增加v3交互

src/main/webapp/resources/view/vendor/forstore/vendor_material.html

@@ -223,18 +223,14 @@
 	.search-check .check a:hover{
 		color: #5078cb;
 	}
-	.search-check .check .check-active{
+	.pro_management .table .check-active {
 		margin-right: 15px;
+		user-select: none;
 	}
-	.search-check .check .check-active span{
-		font-weight: normal;
-		color: #333;
-	}
-	.search-check .check .check-active span:hover{
-		color: #5078cb;
-		cursor: pointer;
+	.pro_management .table .check-active span {
+		color: #333 !important;
 	}
-	.search-check .check .check-active label{
+	.pro_management .table .check-active label {
 		margin-right: 0 !important;
 	}
 	.check-input input{
@@ -1487,6 +1483,32 @@
 		position: absolute;
 		top: 45px;
 	}
+
+	.no-hover:hover {
+		background: none !important;
+	}
+	.standard-tab.table > tbody > tr.batch-tr {
+		height: 40px;
+	}
+	.standard-tab.table > tbody > tr.batch-tr.active {
+		position: fixed;
+		bottom: 0;
+		z-index: 2000;
+	}
+	.standard-tab.table > tbody > tr.batch-tr.active td {
+		width: 1029px;
+		border-top: 0;
+	}
+	.standard-tab.table > tbody > tr.batch-tr td {
+		padding: 0;
+		border-top: #dff3fd 1px solid;
+	}
+	.standard-tab.table>tbody>tr>td .batch-line {
+		width: 100%;
+		height: 40px;
+		background: #dff3fd;
+		line-height: 40px;
+	}
 </style>
 <div class="user_right fr">
 	<!--货品管理-->
@@ -1523,11 +1545,6 @@
 					<a ng-show="!isBatch && standard_tab == 'unstandard'" ng-click="matchAll()"><span ng-show="!isBatch && standard_tab == 'unstandard'">一键匹配</span></a>
 					<!--<a ng-show="!isBatch" ng-click="enterBatch()"><span ng-show="!isBatch">批量操作</span></a>-->
 					<span class="check-btn" ng-show="isBatch">
-						<label class="check-active">
-							<input type="checkbox"  ng-click="chooseAll()" ng-checked="isChoosedAll" id="AllChoose"/>
-							<label for="AllChoose"></label>
-							<span>全选</span>
-						</label>
 						<a ng-click="deleteBatch()" name="delete-material">删除</a>
 						<a ng-click="exitBatch()">取消</a>
 					</span>
@@ -1536,10 +1553,16 @@
 			<div class="wanted_list01">
 			<!--在售产品-->
 			<div class="tab">
-				<table class="public-tab table">
+				<table class="public-tab standard-tab table">
 					<thead>
 					<tr>
-						<th width="80">全选</th>
+						<th width="80">
+							<label class="check-active">
+								<input type="checkbox"  ng-click="chooseAll()" ng-checked="isChoosedAll" id="AllChoose"/>
+								<label for="AllChoose"></label>
+								<span>全选</span>
+							</label>
+						</th>
 						<th width="80">序号</th>
 						<th width="180">产品名称(类目)</th>
 						<th width="200">产品型号</th>
@@ -1556,11 +1579,11 @@
 					</tr>
 					</tbody>
 					<tbody>
-					<tr style="height: 14px;" ng-show="currenctMaterial.length > 0 && standard_tab == 'unstandard' && showTip">
-						<td colspan="7" class="hei17">
-							<span>*匹配成为标准产品方可通过器件选型、参数搜索展示</span><a ng-click="cancelTip()">&times;</a>
-						</td>
-					</tr>
+						<tr style="height: 14px;" ng-show="currenctMaterial.length > 0 && standard_tab == 'unstandard' && showTip">
+							<td colspan="7" class="hei17">
+								<span>*匹配成为标准产品方可通过器件选型、参数搜索展示</span><a ng-click="cancelTip()">&times;</a>
+							</td>
+						</tr>
 					</tbody>
 					<tbody ng-repeat="material in currenctMaterial">
 					<!--<tr ng-class="{ 'active': material.selected }" class="gre-bg">-->
@@ -1941,6 +1964,18 @@
 						</td>
 					</tr>
 					</tbody>
+					<tbody>
+					<tr class="no-hover batch-tr" ng-if="chooseAll && chooseAllPage || true">
+						<td colspan="7">
+							<div class="batch-line">
+								已选中所有页面
+								<em class="red">{{$$productRepository.totalElements-escapeArray.length}}</em>个产品，
+								<a ng-click="cancelAllPage()" class="blue">点击此处</a>全部取消选中
+							</div>
+						</td>
+					</tr>
+					<!--<tr class="no-hover batch-tr" ng-if="chooseAll && !chooseAllPage" ng-class="{'active': $data.length > 10}">-->
+					</tbody>
 				</table>
 				<div class="empty" ng-if="currenctMaterial.length == 0">
 					<p class="empty-img">
@@ -2197,4 +2232,19 @@
         position: relative;
         top: 7px;
     }
-</style>
+</style>
+
+<script>
+	$(function(){
+		if($(window).height() < $('.record-line').offset().top + 314){
+			$('.standard-tab.table>tbody>tr.batch-tr').addClass('active');
+		}
+		$(window).bind("scroll",function() {
+			if ($(document).scrollTop() + $(window).height() < $('.record-line').offset().top + $('.record-line').height()) {
+				$('.standard-tab.table>tbody>tr.batch-tr').addClass('active')
+			}else {
+				$('.standard-tab.table>tbody>tr.batch-tr').removeClass('active')
+			}
+		})
+	})
+</script>