From f26f29d84e0a68831a6af14dab3eec5500496d2e Mon Sep 17 00:00:00 2001
From: spring <2396852758@qq.com>
Date: 星期三, 28 五月 2025 16:48:52 +0800
Subject: [PATCH] 初始化项目

---
 pages/product/feed/optaskList.vue |  269 +++++++++++++++++++++++++++++++++++++++++++++++++++++
 1 files changed, 269 insertions(+), 0 deletions(-)

diff --git a/pages/product/feed/optaskList.vue b/pages/product/feed/optaskList.vue
new file mode 100644
index 0000000..6aac8f5
--- /dev/null
+++ b/pages/product/feed/optaskList.vue
@@ -0,0 +1,269 @@
+<template>
+	<view class="page">
+		<view class="productfeed-optasklist-bg"/>
+				<u-navbar title="宸ュ崟" :background="background" :border-bottom="false" :title-bold="true" title-color="#000" back-icon-color="#000"/>
+				<view class="productfeed-optasklist-search">
+					<u-search v-model="keywords" shape="square" bg-color="rgba(250,252,255,0.36)" :show-action="false" placeholder="璇疯緭鍏ュ伐鍗曞彿" @clear="search" @custom="search" @search="search">
+					</u-search>
+		</view>
+	  <view class="wrap">
+		<scroll-view class="productfeed-optasklist-scroll-list" scroll-y="true">
+			<u-cell-group class="productfeed-optasklist-scroll-list-group" :border="false">
+				<view class="content" v-for="(item, index) in optaskList" :key="item.optaskNo" :index="index"
+					@click="selectTask(item)">
+					    <view class="content-header">
+							<view class="content-header-left">
+								<view class="content-header-icon"></view>
+								<view class="content-header-title">{{ item.optaskNo }}</view>
+							</view>
+							<view class="content-header-right">
+								{{getStateName(item.state)}}
+							</view>
+						</view>
+						<view class="content-body">
+							<view class="row-list">
+								<view class="_label">
+									<view class="_label-icon-1">
+									</view>
+									<view class="_label-name">闆朵欢缂栧彿锛�</view>	
+								</view>
+								<view class="_content">
+									{{ item.partNo }}
+								</view>
+							</view>
+							<view class="row-list">
+								<view class="_label">
+									<view class="_label-icon-2">
+									</view>
+									<view class="_label-name">闆朵欢鍚嶇О锛�</view>	
+								</view>
+								<view class="_content">
+									{{ item.partName }}
+								</view>
+							</view>
+							<view class="row-list">
+								<view class="_label">
+									<view class="_label-icon-3">
+									</view>
+									<view class="_label-name">璁″垝鏁伴噺锛�</view>	
+								</view>
+								<view class="_content">
+									{{ item.plannedQuantity }}
+								</view>
+							</view>
+						</view>
+				</view>
+			</u-cell-group>
+		</scroll-view>
+	</view>
+    </view>
+</template>
+<script>
+	import content_bg from '@/static/custom/product/productBg.png'
+	export default {
+		data() {
+			return {	
+				background:{
+					backgroundImage: `url(${content_bg})`,
+					backgroundAttachment: 'fixed',
+					backgroundSize: '100% auto',
+					backgroundRepeat: 'no-repeat',
+				},
+				optaskList:[],
+				originList: [],
+				keywords:"",
+			};
+		},
+		onLoad(params) {
+			if (params && params.workstationNo !== "undefined") {
+			   this.loadList(params.workstationNo);
+			}
+		},
+		onShow() {
+			
+		},
+		methods: {
+			getStateName(state) {
+				let reDate = ""
+				switch (state) {
+					case "01pending":
+						reDate = "绛夊緟";
+						break;
+					case "02inProgress":
+						reDate = "杩涜涓�";
+						break;
+				}
+			
+				return reDate;
+			},
+			search(value) {
+				let that = this
+				if (value) {
+					that.optaskList = that.originList.filter(item => item.optaskNo.includes(value))
+				} else {
+					that.optaskList = that.originList
+				}
+			},
+			loadList(workstationNo) {
+				
+				
+				let params=
+				{
+					workstationNo:workstationNo
+				}
+				//鏍规嵁宸ヤ綔绔欑紪鍙疯幏鍙栬繘琛屼腑鐨勫伐鍗�&&瀵瑰簲鐨勭嚎杈逛粨
+				this.$u.api.pigxFeed.getBasicInfoForPdaFeedByWorkstationNo(params).then(res => {					
+					this.originList  = res.data.operationTaskList
+					this.optaskList  = this.originList
+				});	
+
+			},
+			selectTask(task) {
+				this.refreshLastPage(task)
+			},
+
+			//鍒锋柊涓婁竴涓〉闈�
+			refreshLastPage(task) {
+				// 鍛婄煡 A.vue 鏇存柊鏁版嵁
+				// 鑾峰彇椤甸潰鏍�
+				let pages = getCurrentPages()
+
+				// 鑾峰彇涓婁竴椤垫爤
+				let prevPage = pages[pages.length - 2]
+
+				// 瑙﹀彂涓婁竴椤� upData 鍑芥暟(骞舵惡甯﹀弬鏁�)
+				prevPage.$vm.setOptask(task)
+
+				// 杩斿洖涓婁竴椤�
+				uni.navigateBack({
+					delta: 1
+				})
+			},
+		}
+	};
+</script>
+<style lang="scss">
+	.productfeed-optasklist-bg{
+		background-color: #F6F9FF;
+		background-image: url('~@/static/custom/product/productBg.png');
+		// background: linear-gradient(180deg,rgba(206,227,254,1),rgba(206,227,254,1) 20%,rgba(206,227,254,0.5) 40%,rgba(206,227,254,0.25) 60%,rgba(206,227,254,0.08) 80%,rgba(206,227,254,0));
+		padding: 0 20rpx;
+		background-attachment: fixed;
+		background-size: 100% auto;
+		background-repeat: no-repeat;
+		position: fixed;
+		top: 0;
+		bottom: 0;
+		width: 100%;
+		z-index: -1;
+	}
+	
+	.productfeed-optasklist-search{
+		padding: 40rpx 30rpx 20rpx 30rpx;
+	}
+	
+	.wrap .productfeed-optasklist-scroll-list{
+		height:calc(100vh - var(--window-top) - var(--window-bottom) - 242rpx);
+	    width:100%;
+	}
+	.productfeed-optasklist-scroll-list-group{
+		::v-deep .u-cell-item-box {
+			background-color:rgba(250,252,255,0.36) !important;
+			padding:0rpx 30rpx ;
+	    }
+		.content {
+			font-size: 12px;
+			background-color: #FFFFFF;
+			box-sizing: border-box;
+			border-radius: 10rpx;
+			margin: 0rpx 0rpx 16rpx;
+			height: 298rpx;
+			padding: 10rpx 20rpx;
+			box-shadow: none;
+			.content-header{
+				height: 90rpx;
+				display: flex;
+				align-items:center;
+				justify-content: space-between;
+				.content-header-left{
+					display: flex;
+					align-items:center;
+					.content-header-icon{
+						background-image: url('~@/static/custom/moveWareHouse/header_icon.png');
+						background-size: 100% auto;
+						background-repeat: no-repeat;
+						height:28rpx;
+						width:28rpx;
+					}
+					.content-header-title{
+						margin-left: 11rpx;
+						font-size: 26rpx;
+						font-weight: bold;
+						color: #333333;
+					}
+				}
+				.content-header-right{
+					text-align: right;
+					font-weight: bold;
+					color: #FB5B25;
+				}
+			}
+			.content-body{
+				height:184rpx;
+				background: #F5F9FF;
+				border-radius: 10rpx;
+				padding: 0rpx 23rpx;
+				.row-list {
+					height: 60rpx;
+					display: flex;
+					flex-direction: row;
+					padding: 0px;
+					align-items: center;
+				}
+				.row-list ._label {
+					display: flex;
+					flex: 0.8;
+					color: #909399;
+					align-items: center;
+					._label-icon-1{
+						background-image: url('~@/static/custom/moveWareHouse/label-icon-1.png');
+						background-size: 100% auto;
+						background-repeat: no-repeat;
+						height:26rpx;
+						width:26rpx;
+					}
+					._label-icon-2{
+						background-image: url('~@/static/custom/moveWareHouse/label-icon-2.png');
+						background-size: 100% auto;
+						background-repeat: no-repeat;
+						height:26rpx;
+						width:26rpx;
+					}
+					._label-icon-3{
+						background-image: url('~@/static/custom/moveWareHouse/label-icon-3.png');
+						background-size: 100% auto;
+						background-repeat: no-repeat;
+						height:26rpx;
+						width:26rpx;
+					}
+					._label-name{
+						margin-left: 11rpx;
+						font-size: 26rpx;
+						font-weight: 500;
+						color: #666666;
+					}
+				}
+				
+				.row-list ._content {
+					flex: 1.5;
+					text-align: right;
+					color: #909399;
+					font-size: 24rpx;
+				}
+				.row-list .s1 {
+					color:#D35651;
+				}
+			}
+		}
+	}
+</style>
\ No newline at end of file

--
Gitblit v1.9.3