From 80c6ee8ea8adf91e4dd118c8deff948e46a8e043 Mon Sep 17 00:00:00 2001
From: whycq <913841844@qq.com>
Date: 星期四, 11 四月 2024 23:59:13 +0800
Subject: [PATCH] #
---
pages/phyz/orderOut/orderCheck.vue | 187 ++++++++++++++++++++++++++++++++++++++++++----
1 files changed, 171 insertions(+), 16 deletions(-)
diff --git a/pages/phyz/orderOut/orderCheck.vue b/pages/phyz/orderOut/orderCheck.vue
index 7e57867..7cf5583 100644
--- a/pages/phyz/orderOut/orderCheck.vue
+++ b/pages/phyz/orderOut/orderCheck.vue
@@ -1,25 +1,53 @@
<template>
<view>
- <view class="list">
+ <view class="list shop-car">
<view class="list-left">
+ <view class="detl-threeCode" style="padding: 16rpx 0;">{{data.csocode}}</view>
+ <view>搴撲綅锛歿{data.locNo}}</view>
<view>缂栧彿锛歿{data.matnr}}</view>
<view>鍚嶇О锛歿{data.maktx}}</view>
+ <view>鑷敱椤癸細{{data.containerCode}}</view>
<view>瑙勬牸锛歿{data.specs}}</view>
<view>鎵瑰彿锛歿{data.batch}}</view>
- <view class="list-anfme">鏁伴噺锛歿{data.anfme}}</view>
- <view class="list-qty-1" v-if="data.anfme > data.qty">浣滀笟鏁伴噺锛歿{data.qty}}</view>
- <view class="list-qty-2" v-if="data.anfme <= data.qty">浣滀笟鏁伴噺锛歿{data.qty}}</view>
- <view>璐т綅锛歿{data.locNo}}</view>
- <view style="display: flex;">鍑哄簱绔欙細
+ <view>搴撳瓨鏁伴噺锛歿{count}}</view>
+ <view class="detl-threeCode" style="display: flex;padding: 32rpx 0;align-items: center;font-size: 24px;">
+ <view>鍑哄簱鏁伴噺锛歿{data.anfme}}</view>
+ <view style="margin-left: 50rpx;" @click="revise()">
+ <uni-icons type="compose" size="30" color="#fff"></uni-icons>
+ </view>
+ </view>
+
+ <view class="detl-threeCode" style="display: flex;padding: 0 0 32rpx 0;font-size: 24px;">鍑哄簱绔欙細
<view class="dropdown" @click="toggleDropdown(data)">
- <input type="text" style="width: 270rpx;" v-model="data.agvStaNo" placeholder="璇烽�夋嫨鍑哄簱绔�">
- <uni-icons :type="data.isOpen ? 'top' : 'bottom'" color="#c1c1c1" style="margin-left: 10rpx;"></uni-icons>
+ <input type="text" style="width: 270rpx;font-size: 20px;" v-model="data.agvStaNo" placeholder="璇烽�夋嫨鍑哄簱绔�" placeholder-style="color: #fff">
+ <uni-icons :type="data.isOpen ? 'top' : 'bottom'" color="#fff" style="margin-left: 10rpx;"></uni-icons>
<scroll-view scroll-y="ture" class="dropdown-content" v-if="data.isOpen">
<view class="dropdown-item" v-for="option in data.agvStaNos" @click="selected(option,data)">{{option}}</view>
</scroll-view>
</view>
</view>
</view>
+ </view>
+ <!-- 寮圭獥 -->
+ <view>
+ <uni-popup ref="addItem" type="dialog">
+ <view class="popup">
+ <!-- 鏍囬 -->
+ <view class="title">鍑哄簱鏁伴噺</view>
+ <view class="popup-item">
+ <uni-number-box :value="count" :step='1' :max="9999999" color="#747474" @change="changeValue" />
+ </view>
+ <view class="btn">
+ <view class="btn-left" @click="addClose">鍙栨秷</view>
+ <view class="btn-right" @click="addConfirm()">纭</view>
+ </view>
+ </view>
+ </uni-popup>
+ </view>
+ <!-- 搴曢儴鎿嶄綔鎸夐挳 -->
+ <view class="buttom">
+ <button size="mini" @click="reset('warn')">绋嶅悗澶勭悊</button>
+ <button size="mini" type="primary" @click="combConfirm('warn')">绔嬪嵆鍑哄簱</button>
</view>
</view>
</template>
@@ -31,7 +59,8 @@
baseUrl: '',
token: '',
data: {},
- option: ''
+ option: '',
+ count: 0
}
},
onLoad() {
@@ -41,16 +70,21 @@
// const eventChannel = this.$scope.eventChannel; // 鍏煎APP-NVUE
const eventChannel = this.getOpenerEventChannel();
// 鐩戝惉acceptDataFromOpenerPage浜嬩欢锛岃幏鍙栦笂涓�椤甸潰閫氳繃eventChannel浼犻�佸埌褰撳墠椤甸潰鐨勬暟鎹�
- eventChannel.on('item', function(data) {
- for (let item of data.mats) {
- _this.ids.push(item.id)
- }
- _this.getPakoutList(_this.ids)
+ eventChannel.on('mat', function(data) {
+ console.log(data);
+ let ids = [data.mat.id]
+ _this.getPakoutList(ids,data.mat.locNo)
})
},
methods: {
+ toggleDropdown(item) {
+ item.isOpen = !item.isOpen;
+ },
+ selected(option,item) {
+ item.agvStaNo = option
+ },
// 璁㈠崟鏄庣粏
- getPakoutList(ids) {
+ getPakoutList(ids,locNo) {
let _this = this
uni.request({
url: `${_this.baseUrl}/out/pakout/preview/auth`,
@@ -61,14 +95,135 @@
res = res.data
console.log(res);
if (res.code === 200) {
+ for (let k of res.data) {
+ if (locNo == k.locNo) {
+ k['isOpen'] = false
+ _this.count = k.anfme
+ _this.data = k
+ return
+ }
+ }
}
}
})
},
+ revise() {
+ this.$refs.addItem.open()
+ },
+ addClose() {
+ this.$refs.addItem.close()
+ this.data.anfme = 0
+ },
+ addConfirm() {
+ this.$refs.addItem.close()
+ },
+ changeValue(value) {
+ this.data.anfme = value
+ },
+ combConfirm() {
+ let _this = this
+ let combList = []
+ combList.push(_this.data)
+ uni.request({
+ url: `${_this.baseUrl}/out/pakout/auth`,
+ header: {'token': uni.getStorageSync('token')},
+ data: combList,
+ method: 'POST',
+ success(res) {
+ res = res.data
+ console.log(res);
+ if (res.code === 200) {
+ uni.showToast({ title: '鍑哄簱鎴愬姛', icon: "success", position: 'top'})
+ setTimeout(()=> {
+ uni.navigateBack({
+ delta: 2
+ });
+ },700)
+ }
+ }
+ })
+ }
}
}
</script>
-<style>
+<style scoped>
@import url('../../../static/css/common/order.css');
+ .shop-car {
+ background-color: #2299ff;
+ color: #fff;
+ }
+ .detl-threeCode {
+ font-size: 34px;
+ font-weight: bold;
+ }
+ .dropdown-item {
+ font-size: 20px;
+ font-weight: bold;
+ }
+
+ .popup {
+ width: 80vw;
+ min-height: 100rpx;
+ background-color: #FFF;
+ border-radius: 25rpx;
+ position: relative;
+ }
+ .title {
+ height: 100rpx;
+ line-height: 100rpx;
+ width: 100%;
+ color: #606266;
+ text-align: center;
+ font-size: 16px;
+ }
+ .popup-item {
+ height: 80rpx;
+ line-height: 80rpx;
+ display: flex;
+ align-items: center;
+ justify-content: center;
+ }
+ .popup-item-left {
+ width: 16vw;
+ padding-right: 20rpx;
+ text-align: right;
+ color: #606266;
+ }
+ .popup-item-right {
+ display: flex;
+ align-items: center;
+ width: 50vw;
+ height: 50rpx;
+ padding: 2px 5px;
+ border: 1px solid #E4E7ED;
+ border-radius: 5rpx;
+ }
+ .popup-item-right input{
+ color: #606266;
+ }
+ .btn {
+ display: flex;
+ height: 90rpx;
+ margin-top: 20rpx;
+ border-top: 1px solid #DCDFE6;
+ justify-content: center;
+ align-items: center;
+ }
+ .btn-left {
+ display: flex;
+ flex: 1;
+ height: 100%;
+ justify-content: center;
+ align-items: center;
+ color: #606266;
+ border-right: 1px solid #DCDFE6;
+ }
+ .btn-right {
+ display: flex;
+ flex: 1;
+ justify-content: center;
+ align-items: center;
+ color: #409EFF;
+ }
</style>
--
Gitblit v1.9.1