生产工单加tab状态

pages/pda/components/workCard.vue

@@ -97,7 +97,7 @@
 		</view>
 		
 		<view class="item_box rx-sc">
-			<view class="item_one perce50 rx-sc">
+			<view class="item_one rx-sc">
 				<view class="lable">生产编号：</view>
 				<view class="gylx">{{item.productionCodes}}</view>
 			</view>

pages/pda/workOrder/extrusionMolding/index.vue

@@ -91,13 +91,13 @@
 
 				<view class="item_list rx-bc">
 					<text class="lable">已完成生产数量</text>
-					<text></text>
+					<text>{{ info.formedNum }}</text>
 				</view>
 
 
 				<view class="item_list rx-bc">
 					<text class="lable">已完成生产重量</text>
-					<text></text>
+					<text>{{ info.formedWeight }}</text>
 				</view>
 
 				<view class="item_list rx-bc">

pages/pda/workOrder/index/index.vue

@@ -13,8 +13,14 @@
 
 			<image class="menu_icon" src="~@/static/pda/menu.svg"></image>
 
-
-
+		</view>
+		<view class="">
+			<view class="tab_box rx-sc">
+				<view class="tab_item" :class="{ active: tabType == 5 }" @click="handTab(5)">生产中</view>
+				<view class="tab_item" :class="{ active: tabType == 4 }" @click="handTab(4)">待生产</view>
+				<view class="tab_item" :class="{ active: tabType == 6 }" @click="handTab(6)">已完成</view>
+				<view class="tab_item" :class="{ active: tabType == 7 }" @click="handTab(7)">已延期</view>
+			</view>
 		</view>
 
 		<view class="list_box">
@@ -59,6 +65,7 @@ export default {
 			searchFrom: {
 				keyWord: null
 			},
+			tabType:5
 
 
 		}
@@ -67,13 +74,18 @@ export default {
 		this.getList()
 	},
 	methods: {
+		handTab(value){
+			this.tabType=value
+			this.page=1
+			this.getList()
+		},
 		async getList() {
 			let params = {
 				pageNum: this.page,
 				customerClient: 2,
 				size: this.size,
 				workOrderType: 1,
-				status: [4, 5, 6, 7],
+				statusList:[this.tabType],
 				...this.searchFrom
 			}
 
@@ -175,5 +187,27 @@ export default {
 	.u-list {
 		height: 100% !important;
 	}
+}
+.tab_box {
+	width: 100%;
+	height: 68rpx;
+    border-bottom: 1rpx solid #E1E1E1;
+
+	.tab_item {
+		height: 68rpx;
+		line-height: 68rpx;
+		padding: 0 20rpx;
+		font-size: 32rpx;
+		color: #979C9E;
+
+	}
+
+	.active {
+		box-sizing: border-box;
+		border-bottom: 6rpx solid $theme-color;
+		color: $theme-color;
+	}
+
+
 }
 </style>