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 | 143 ++++++++++++++++++++++++++++++++++++-----------
1 files changed, 110 insertions(+), 33 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 2daffbe..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"
@@ -4,36 +4,53 @@
</uni-segmented-control> -->
<view class="content">
<!-- <view v-if="current === 0" class="headerstyle"> -->
- <view class="itemstyle">
- <u-sticky>
- <view style="background-color: #ffffff;">
- <uni-search-bar @confirm="search" v-model="searchValue"></uni-search-bar>
- </view>
- </u-sticky>
- <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>
- <uni-list :border="true">
- <uni-list-item direction="column" v-for="(item,index) in orderInfo" :key="item.dtlId">
- <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>
+ <view class="itemstyle">
+ <u-sticky>
+ <view style="background-color: #ffffff;">
+ <uni-search-bar @confirm="search" v-model="searchValue"></uni-search-bar>
+ </view>
+ </u-sticky>
+ <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-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>
+ <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="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>
- </template>
- </uni-list-item>
- </uni-list>
- </view>
- <u-toast ref="uToast" />
+
+ <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> -->
</view>
</view>
@@ -56,9 +73,11 @@
orderIds: [],
orderInfo: [],
searchValue: "",
- value:"2",
+ value: "2",
+ Warehouse: "",
label: "",
range: [],
+ allocateArea: [],
orderDetail: {},
focus: false,
key: [],
@@ -72,6 +91,7 @@
this.Id = res.Id;
this.orderNo = res.orderNo;
this.range = config.OutArea;
+ this.allocateArea = config.AllocateArea;
this.getData();
},
methods: {
@@ -107,12 +127,13 @@
}
}
},
- OutBound(id) {
- this.orderIds=[];
+ handleOutbound(id) {
+ this.orderIds = [];
this.orderIds.push(id);
var postData = {
AreaId: this.value,
- orderIds: this.orderIds
+ orderIds: this.orderIds,
+ Warehouse: this.Warehouse,
};
console.log(postData);
this.$u.post('/api/AllocateOutboundOrder/GenerateAllocateOutboundTask', postData).then(res => {
@@ -175,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