From 85d9ca4ec972ce4d020db046d930e8991709ae2d Mon Sep 17 00:00:00 2001
From: huangxiaoqiang <huangxiaoqiang@hnkhzn.com>
Date: 星期一, 03 十一月 2025 17:14:49 +0800
Subject: [PATCH] 1
---
项目代码/PDA/pages/Allocate/AllocateOutorderboxing.vue | 105 ++++++++++++++++++++++++++++++++++++++++++++--------
1 files changed, 88 insertions(+), 17 deletions(-)
diff --git "a/\351\241\271\347\233\256\344\273\243\347\240\201/PDA/pages/Allocate/AllocateOutorderboxing.vue" "b/\351\241\271\347\233\256\344\273\243\347\240\201/PDA/pages/Allocate/AllocateOutorderboxing.vue"
index 2b88b98..fae19ca 100644
--- "a/\351\241\271\347\233\256\344\273\243\347\240\201/PDA/pages/Allocate/AllocateOutorderboxing.vue"
+++ "b/\351\241\271\347\233\256\344\273\243\347\240\201/PDA/pages/Allocate/AllocateOutorderboxing.vue"
@@ -13,29 +13,42 @@
<uni-forms label-width="50">
<uni-forms-item label="鍑哄簱鍖哄煙"><uni-data-select v-model="value"
:localdata="range"></uni-data-select></uni-forms-item>
- <uni-forms-item label="璋冩嫧浠撳簱">
+ <uni-forms-item label="璋冩嫧浠撳簱"><uni-data-select v-model="Warehouse"
+ :localdata="allocateArea"></uni-data-select></uni-forms-item>
+ <!-- <uni-forms-item label="璋冩嫧浠撳簱">
<uni-easyinput type="text" :focus="!istrue" v-model="Warehouse" placeholder="璇疯緭鍏ヨ皟鎷ㄤ粨搴�"
ref='midInput' />
- </uni-forms-item>
+ </uni-forms-item> -->
</uni-forms>
- <uni-list :border="true">
- <uni-list-item direction="column" v-for="(item,index) in orderInfo" :key="item.dtlId">
+ <uni-list :border="true" class="order-list">
+ <uni-list-item v-for="item in orderInfo" :key="item.id" class="list-item">
<template v-slot:body>
- <view class="uni-list-box">
- <button type="primary" style="position: absolute;right: 1%;" size="mini"
- @click="OutBound(item.id)">鍑哄簱</button>
- <view class="uni-content">
- <view style="font-size: 18px;">鍗曟嵁缂栧彿锛歿{orderNo}}</view>
- <view style="font-size: 18px;">鐗╂枡缂栫爜锛歿{item.materielCode}}</view>
- <view style="font-size: 18px;">鐗╂枡鍚嶇О锛歿{item.materielName}}</view>
- <view style="font-size: 18px;">鍗曟嵁鏁伴噺锛歿{item.orderQuantity}}</view>
- <!-- <view style="font-size: 18px;">宸插垎閰嶆暟閲忥細{{item.processQty}}</view> -->
- <view style="font-size: 18px;">鍑哄簱鏁伴噺锛歿{item.overOutQuantity}}</view>
+ <view class="item-content">
+ <view class="info-section">
+ <text class="info-label">鍗曟嵁缂栧彿锛�</text>
+ <text class="info-value">{{ orderNo }}</text>
+
+ <text class="info-label">鐗╂枡缂栫爜锛�</text>
+ <text class="info-value">{{ item.materielCode }}</text>
+
+ <text class="info-label">鐗╂枡鍚嶇О锛�</text>
+ <text class="info-value">{{ item.materielName }}</text>
+
+ <text class="info-label">鍗曟嵁鏁伴噺锛�</text>
+ <text class="info-value">{{ item.orderQuantity }}</text>
+
+ <text class="info-label">鍑哄簱鏁伴噺锛�</text>
+ <text class="info-value">{{ item.overOutQuantity }}</text>
</view>
+
+ <button class="action-btn" type="primary" size="mini" @click="handleOutbound(item.id)">
+ 鍑哄簱
+ </button>
</view>
</template>
</uni-list-item>
</uni-list>
+
</view>
<u-toast ref="uToast" />
<!-- </view> -->
@@ -61,9 +74,10 @@
orderInfo: [],
searchValue: "",
value: "2",
- Warehouse:"",
+ Warehouse: "",
label: "",
range: [],
+ allocateArea: [],
orderDetail: {},
focus: false,
key: [],
@@ -77,6 +91,7 @@
this.Id = res.Id;
this.orderNo = res.orderNo;
this.range = config.OutArea;
+ this.allocateArea = config.AllocateArea;
this.getData();
},
methods: {
@@ -112,13 +127,13 @@
}
}
},
- OutBound(id) {
+ handleOutbound(id) {
this.orderIds = [];
this.orderIds.push(id);
var postData = {
AreaId: this.value,
orderIds: this.orderIds,
- Warehouse:this.Warehouse,
+ Warehouse: this.Warehouse,
};
console.log(postData);
this.$u.post('/api/AllocateOutboundOrder/GenerateAllocateOutboundTask', postData).then(res => {
@@ -181,4 +196,60 @@
color: #333;
font-weight: bold;
}
+
+ .container {
+ padding: 20rpx;
+ }
+
+ .search-bar {
+ background: #fff;
+ padding: 15rpx 0;
+ box-shadow: 0 2rpx 6rpx rgba(0, 0, 0, 0.1);
+ z-index: 10;
+ }
+
+ .filter-section {
+ margin: 20rpx 0;
+ }
+
+ .order-list {
+ .list-item {
+ margin-bottom: 15rpx;
+ border-radius: 10rpx;
+ overflow: hidden;
+ box-shadow: 0 1rpx 3rpx rgba(0, 0, 0, 0.05);
+
+ .item-content {
+ display: flex;
+ justify-content: space-between;
+ align-items: flex-start;
+ padding: 20rpx;
+
+ .info-section {
+ flex: 1;
+ display: grid;
+ grid-template-columns: auto 1fr;
+ gap: 10rpx 15rpx;
+
+ .info-label {
+ color: #666;
+ font-size: 28rpx;
+ grid-column: 1;
+ }
+
+ .info-value {
+ color: #333;
+ font-size: 28rpx;
+ font-weight: 500;
+ grid-column: 2;
+ }
+ }
+
+ .action-btn {
+ margin-left: 150rpx;
+ align-self: center;
+ }
+ }
+ }
+ }
</style>
\ No newline at end of file
--
Gitblit v1.9.3