From 1f4e7d0f73a73e7350cf5a1df279d5f30904c5d5 Mon Sep 17 00:00:00 2001
From: jiangping <jp@doumee.com>
Date: 星期三, 06 十二月 2023 08:41:32 +0800
Subject: [PATCH] bug

---
 minipro_standard/components/selectMaterial.vue |  150 +++++++++++++++++++++++++++++++++++++++++--------
 1 files changed, 125 insertions(+), 25 deletions(-)

diff --git a/minipro_standard/components/selectMaterial.vue b/minipro_standard/components/selectMaterial.vue
index 18d3d35..9d30481 100644
--- a/minipro_standard/components/selectMaterial.vue
+++ b/minipro_standard/components/selectMaterial.vue
@@ -1,61 +1,161 @@
 <template>
 	<u-popup :show="show" :round="10" closeable @close="show=false">
-		<view class="material-content">
-			<u-list @scrolltoupper="scrolltoupper" @scrolltolower="scrolltolower">
-				<u-list-item v-for="(item, index) in list" :key="index">
-					<view class="" style="height: 20px;">{{item}}</view>
+		<view class="material-content bbox p30">
+			<view class="tc b f30 c2">閫夋嫨鐗╂枡</view>
+			<scroll-view scroll-y="true" refresher-enabled="true" :refresher-triggered="refreshing"
+				@scrolltolower="loadMore" @refresherrefresh="onRefresh">
+				<view v-for="(item1, index) in list" :key="index" class="mb20" @click="jump(item1)">
+					<div class="page_content_title_top">
+						<span>{{ item1.materialName + ' | ' + item1.materialCode }}</span>
+					</div>
+					<div class="page_content_title_bottom">
+						<span>{{ item1.locationName }}&nbsp;/&nbsp;</span>
+						<span>{{ item1.num }}{{ item1.unitName }}</span>
+					</div>
+					<div class="page_content_title_bottom">
+						<span class="green" v-if="item1.qualityType == 0">鍚堟牸&nbsp;<span class="c1">/</span>&nbsp;</span>
+						<span class="orange" v-else-if="item1.qualityType == 1">涓嶈壇&nbsp;<span
+								class="c1">/</span>&nbsp;</span>
+						<span class="red" v-else-if="item1.qualityType == 2">鎶ュ簾&nbsp;<span
+								class="c1">/</span>&nbsp;</span>
+						<span v-else>-&nbsp;/&nbsp;</span>
+						<span>{{item1.procedureName ? item1.procedureName : '-'}}&nbsp;/&nbsp;</span>
+						<span>{{item1.batch ? item1.batch : '-'}}</span>
+					</div>
+				</view>
+			</scroll-view>
+			<!-- <u-list @scrolltoupper="scrolltoupper" @scrolltolower="scrolltolower">
+				<u-list-item v-for="(item1, index) in list" :key="index">
 				</u-list-item>
-			</u-list>
+			</u-list> -->
 		</view>
 	</u-popup>
 </template>
 
 <script>
+	import {
+		choiceStockListPage,
+		choiceStockPageForStandard
+	} from '@/util/api/agencyAPI'
 	export default {
 		name: "selectMaterial",
 		data() {
 			return {
-				show: false,
-				pages: {
-					size: 10,
-					index: 1,
-					total: 0
+				show: false,
+				refreshing: false,
+				pages: {
+					capacity: 10,
+					page: 1,
+					total: 0
 				},
-				list: [
-					1,2,3,4,5,6,7,8
+				list: [
+					1, 2, 3, 4, 5, 6, 7, 8
 				]
 			};
 		},
 		methods: {
 			open(target) {
 				this.show = true
-				this.workorderId = target.workorderId
+				this.refreshing = false
+				this.workorderId = target.workorderId
 				this.deviceId = target.deviceId
 				this.list = []
-				this.pages = {
-					size: 10,
-					index: 1,
-					total: 0
+				this.pages = {
+					capacity: 10,
+					page: 1,
+					total: 0
 				}
 				this.loadData()
 			},
 			loadData() {
-				this.list = [1,2,3,4,5,6,1,2,3,4,5,6,1,2,3,4,5,6,1,2,3,4,5,6,1,2,3,4,5,6,1,2,3,4,5,6,1,2,3,4,5,6]
+				choiceStockPageForStandard({
+						...this.pages,
+						model: {
+							workorderId: this.workorderId,
+							deviceId: this.deviceId
+						}
+					}).then(res => {
+						let {
+							data
+						} = res
+						if (data.page == 1) {
+							this.list = [];
+						}
+						this.pages.page = data.page
+						this.pages.total = data.total
+						this.list.push(...data.records)
+					}).catch((err) => {
+
+					})
+					.finally(() => {
+						this.refreshing = false;
+					})
 			},
-			scrolltoupper() {
-				console.log('scrolltoupper');
-				this.loadData()
+			loadMore() {
+				this.pages.page += 1
+				this.loadData()
 			},
-			scrolltolower() {
-				console.log('scrolltolower');
-				this.loadData()
+			onRefresh() {
+				if (this.refreshing) return
+				this.refreshing = true;
+				this.pages.page = 1
+				this.loadData()
 			},
+			jump(item) {
+				this.$emit('selectAction', item)
+				this.show = false
+			}
 		}
 	}
 </script>
 
 <style lang="scss" scoped>
 	.material-content {
-		height: 800rpx;
+		height: 1100rpx;
+	}
+
+	.page_content_title_top {
+		display: flex;
+		align-items: center;
+		justify-content: space-between;
+		span {
+			&:nth-child(1) {
+				font-size: 30rpx;
+				font-weight: 500;
+				color: #222222;
+			}
+
+			&:nth-child(2) {
+				flex-shrink: 0;
+				font-size: 24rpx;
+				font-weight: 400;
+				color: #333333;
+
+				// span {
+				// 	font-size: 24rpx;
+				// 	color: $nav-color;
+				// }
+			}
+		}
+	}
+
+	.page_content_title_bottom {
+		margin-top: 10rpx;
+
+		span {
+			font-size: 24rpx;
+			font-weight: 400;
+			color: #666666;
+		}
+	}
+
+	.page_content_title {
+		display: flex;
+		flex-direction: column;
+		margin-bottom: 10rpx;
+
+
+
+
 	}
 </style>

--
Gitblit v1.9.3