55

pages/pda/components/outsourceList.vue

@@ -33,14 +33,20 @@
 				<u-list @scrolltolower="scrolltolower" class="z_list">
 
 					<view v-if="actTab == '物品清单'">
-						<view style="margin-left: 24rpx">
-							<checkbox v-if="!seletedAll" color="#fff" :checked="seletedAll" @tap="_seletedAll">全选
-							</checkbox>
-							<checkbox class="select-all" color="#fff" v-else :checked="seletedAll" @tap="_seletedAll">
-								取消全选
-							</checkbox>
+						<view class="rx-bc">
+							<view style="margin-left: 24rpx">
+								<checkbox v-if="!seletedAll" color="#fff" :checked="seletedAll" @tap="_seletedAll">全选
+								</checkbox>
+								<checkbox class="select-all" color="#fff" v-else :checked="seletedAll"
+									@tap="_seletedAll">
+									取消全选
+								</checkbox>
+							</view>
+
+							<view>勾选：<text style="color: #157A2C">{{ checkListLen ||  0 }}个</text> </view>
 						</view>
-						
+
+
 						<checkbox-group v-for="(item, index) in pickOutInList" :key="index"
 							@change="e => selectVal(e, item, index)">
 							<label class="listBox rx-bs">
@@ -102,7 +108,7 @@
 
 						</checkbox-group>
 
-				
+
 
 					</view>
 
@@ -119,6 +125,7 @@
 							<label class="listBox rx-bs">
 
 								<view class="listBox-sel">
+									<view class="round">{{index + 1}}</view>
 								</view>
 
 								<view class="listBox-con">
@@ -177,6 +184,7 @@
 							<label class="listBox rx-bs">
 
 								<view class="listBox-sel">
+									<view class="round">{{index + 1}}</view>
 								</view>
 
 								<view class="listBox-con">
@@ -280,6 +288,7 @@
 
 
 				seletedAll: false, //全选状态
+				checkListLen: 0
 			}
 		},
 
@@ -288,6 +297,10 @@
 		},
 
 
+		computed: {
+
+
+		},
 
 
 		methods: {
@@ -354,29 +367,32 @@
 			//勾选
 			selectVal(e, val, index) {
 				this.pickOutInList[index].checked = !this.pickOutInList[index].checked
+				this.checkListLen = this.pickOutInList.filter(f => f.checked == true).length
 			},
-			
+
 			_seletedAll() {
-			
+
 				if (!this.seletedAll) {
 					this.seletedAll = true
-			
+
 					this.pickOutInList.map(item => {
 						this.$set(item, 'checked', true)
-					
+
 					})
-			
-			
-			
+
+
+
 				} else {
 					this.seletedAll = false
 					this.pickOutInList.map(item => {
 						this.$set(item, 'checked', false)
 					})
 				}
+
+				this.checkListLen = this.pickOutInList.filter(f => f.checked == true).length
 			},
-			
-			
+
+
 
 			scrolltolower() {},
 
@@ -447,6 +463,38 @@
 			background-color: $theme-color !important;
 			border-color: $theme-color !important;
 		}
+		
+		.listBox-sel{
+			
+			margin-top: 10rpx;
+			margin-right: 8rpx;
+			.round {
+				width: 32rpx;
+				height: 32rpx;
+				line-height: 32rpx;
+				text-align: center;
+				border-radius: 50%;
+				background: $theme-color;
+				font-size: 24rpx;
+				font-style: normal;
+				font-weight: 400;
+				color: #fff;
+			}
+		}
+		
+
+		.round {
+			width: 32rpx;
+			height: 32rpx;
+			line-height: 32rpx;
+			text-align: center;
+			border-radius: 50%;
+			background: $theme-color;
+			font-size: 24rpx;
+			font-style: normal;
+			font-weight: 400;
+			color: #fff;
+		}
 
 		.listBox-con {
 			width: 650rpx;