From 5a15fa73d5f6a39917013871a65eb11a8c013391 Mon Sep 17 00:00:00 2001
From: huangxiaoqiang <huangxiaoqiang@hnkhzn.com>
Date: 星期三, 05 十一月 2025 17:30:56 +0800
Subject: [PATCH] 1
---
项目代码/PDA/pages/Production/ProductionOutorderboxing.vue | 184 ++++++++++++++++++++++++++--------------------
1 files changed, 104 insertions(+), 80 deletions(-)
diff --git "a/\351\241\271\347\233\256\344\273\243\347\240\201/PDA/pages/Production/ProductionOutorderboxing.vue" "b/\351\241\271\347\233\256\344\273\243\347\240\201/PDA/pages/Production/ProductionOutorderboxing.vue"
index 2e01f45..0cc5657 100644
--- "a/\351\241\271\347\233\256\344\273\243\347\240\201/PDA/pages/Production/ProductionOutorderboxing.vue"
+++ "b/\351\241\271\347\233\256\344\273\243\347\240\201/PDA/pages/Production/ProductionOutorderboxing.vue"
@@ -1,42 +1,49 @@
<template>
<view>
- <!-- <uni-segmented-control :current="current" :values="items" @clickItem="onClickItem">
- </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>
+ <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" />
- <!-- </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>
- </view>
</view>
</template>
@@ -48,67 +55,41 @@
export default {
data() {
return {
- items: ['鐩存帴鍑哄簱'],
current: 0,
orderNo: "",
Id: 0,
- AreaId: "",
orderIds: [],
orderInfo: [],
searchValue: "",
- value:"2",
- label: "",
+ value: "2",
range: [],
- orderDetail: {},
- focus: false,
- key: [],
- materielCode: "",
}
},
- onShow() {},
+ // onShow() {},
onLoad(res) {
- this.focus = false;
- this.addressFocus = false;
this.Id = res.Id;
this.orderNo = res.orderNo;
this.range = config.OutArea;
this.getData();
},
methods: {
- groupClick(materielCode, id) {
- // window.location="/pages/materielGroup/OutOrderDetail?materielCode="+materielCode+"&id="+id;
- // console.log(materielCode,id)
- },
search() {
this.getData();
},
getData() {
- var id = this.Id
+ this.orderInfo = [];
var postData = {
- id: id,
+ id: this.Id,
searchValue: this.searchValue,
};
this.$u.post('/api/ProductionOutboundOrder/GettProductOutboundOrderDetail', postData).then((res) => {
if (res.status) {
this.orderInfo = res.data;
- // if (this.orderDetail.length > 3) {
- // this.loadVisible = true;
- // }
}
})
},
- onClickItem(e) {
- this.focus = false;
- this.addressFocus = false;
- if (this.current !== e.currentIndex) {
- this.current = e.currentIndex;
- if (this.current == 2) {
- this.getData();
- }
- }
- },
- OutBound(id) {
- this.orderIds=[];
+ handleOutbound(id) {
+ this.orderIds = [];
this.orderIds.push(id);
var postData = {
AreaId: this.value,
@@ -118,9 +99,7 @@
if (res.status) {
this.items = [];
uni.$showMsg(res.message);
- setTimeout(() => {
- this.addressFocus = false;
- }, 200);
+ setTimeout(() => {}, 200);
} else {
this.$refs.uToast.show({
title: res.message,
@@ -134,17 +113,6 @@
})
})
},
- click(e) {
- if (this.key.find(x => x.id == e.id)) {
- this.key.map((item, index) => {
- if (item.id == e.id) {
- this.key.splice(index, 1);
- }
- })
- } else {
- this.key.push(e.id);
- }
- }
}
}
</script>
@@ -174,4 +142,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