From 856c16c95b2446bdc6364192948bd8d9e29c54c8 Mon Sep 17 00:00:00 2001
From: whycq <123456>
Date: 星期日, 24 四月 2022 12:22:38 +0800
Subject: [PATCH] #

---
 pages/basics/offline.vue |   91 +++++++++++++++++++++++++++++++++++----------
 1 files changed, 70 insertions(+), 21 deletions(-)

diff --git a/pages/basics/offline.vue b/pages/basics/offline.vue
index d350d16..ac70a7a 100644
--- a/pages/basics/offline.vue
+++ b/pages/basics/offline.vue
@@ -1,31 +1,69 @@
 <template>
 	<view >
 		<scroll-view scroll-y catch:touchmove="touchmove">
-			<view class="pak-seach-box">
+			<view class="square-2">
+				<view class="square-title">
+					<view class="title-sign"><view class="sign"></view></view>
+					<view class="title-text"><text>鎵樼洏鏉$爜</text></view>
+				</view>
+				<view class="square-content">
+					<view class="content-input">
+						<input v-model="barcode" type="text" placeholder="鎵爜 / 杈撳叆" maxlength="8">
+						<uni-icons type="closeempty" size="20" color="#dadada" @click="removeBarcode()"></uni-icons>
+					</view>
+				</view>
+			</view>
+			
+			<!-- <view class="pak-seach-box">
 				<view class="box-top">
 					<view class="color-block-blue"></view>
 					<text class="title">鎵樼洏鏉$爜</text>
 				</view>
 				<view class="box-buttom">
-					<input v-model="barcode" type="text" placeholder="鎵爜 / 杈撳叆">
+					<input v-model="barcode" type="text" placeholder="鎵爜 / 杈撳叆" maxlength="8">
 					<view class="search-icon">
 						<uni-icons type="closeempty" size="20" color="#a5a5a5" @click="removeBarcode()"></uni-icons>
 					</view>
 				</view>
+			</view> -->
+			
+			<view class="square-2">
+				<view class="square-title">
+					<view class="title-sign"><view class="sign"></view></view>
+					<view class="title-text"><text>鐗╂枡鏉$爜</text></view>
+				</view>
+				<view class="square-content">
+					<view class="content-input">
+						<input v-model="matNo" type="text" placeholder="鎵爜 / 杈撳叆" @input="findMat()" :focus="focus">
+						<uni-icons type="closeempty" size="20" color="#dadada" @click="removeMat()"></uni-icons>
+					</view>
+				</view>
 			</view>
-			<view class="pak-seach-box">
+			
+			<!-- <view class="pak-seach-box">
 				<view class="box-top">
 					<view class="color-block-blue"></view>
 					<text class="title">鐗╂枡鏉$爜</text>
 				</view>
 				<view class="box-buttom">
-					<input v-model="matNo" type="text" placeholder="鎵爜 / 杈撳叆" @input="findMat()" focus="true">
+					<input v-model="matNo" type="text" placeholder="鎵爜 / 杈撳叆" @input="findMat()" :focus="focus">
 					<view class="search-icon">
 						<uni-icons type="closeempty" size="20" color="#a5a5a5" @click="removeMat()"></uni-icons>
 					</view>
 				</view>
+			</view> -->
+			
+			<view class="square-1">
+				<view class="square-title">
+					<view class="title-sign"><view class="sign"></view></view>
+					<view class="title-text"><text>鍟嗗搧鍒楄〃</text></view>
+				</view>
 			</view>
-			<view class="pak-data-box">
+			<view class="square-none" v-show="matList.length === 0">
+				<view class="v-show">鏆傛棤鏇村鏁版嵁...</view>
+			</view>
+			
+			<!-- <view class="pak-data-box">
 				<view class="box-top">
 					<view class="color-block-blue"></view>
 					<text class="title">鍟嗗搧鍒楄〃</text>
@@ -33,7 +71,7 @@
 			</view>
 			<view class="pak-data-box"  v-show="matList.length === 0">
 				<view style="text-align: center;">鏆傛棤鏇村鏁版嵁</view>
-			</view>
+			</view> -->
 			<checkbox-group>
 				<view v-for="(item,index) in matList" :key="index" class="data-list bg-false"  >
 					<view class="data-list-left">
@@ -108,6 +146,7 @@
 				enableQty:'',
 				msgType: 'success',
 				messageText: '杩欐槸涓�鏉℃垚鍔熸彁绀�',
+				focus:true
 			}
 		},
 		mounted(){
@@ -172,12 +211,14 @@
 					return;
 				}
 				if (that.matList.length === 0) {
-					uni.showToast({title: '璇锋坊鍔犲晢鍝佸垪琛�', icon: "none", position: 'top'});
+					this.messageToggle('warn')
+					this.messageText = '璇锋坊鍔犲晢鍝佸垪琛�'
 					return;
 				}
 				for (var i = 0; i < that.matList.length; i++) {
 					if (that.matList[i].anfme === 0) {
-						uni.showToast({title: '鍟嗗搧缁勬墭鏁伴噺涓�0涓嶈兘缁勬墭', icon: "none", position: 'top'});
+						this.messageToggle('error')
+						this.messageText = '鍟嗗搧缁勬墭鏁伴噺涓�0涓嶈兘缁勬墭'
 						return;
 					}
 				}
@@ -193,27 +234,31 @@
 						'token':uni.getStorageSync('token')
 				    },
 					success(result) {
-						uni.showLoading();
+						uni.hideLoading();
 						var res = result.data
 						if (res.code === 200) {
-							uni.showToast({
-								title: res.msg,
-								position: 'bottom',
-								duration: 1000
-							});
+							that.messageToggle('success')
+							that.messageText = res.msg
+							// uni.showToast({
+							// 	title: res.msg,
+							// 	position: 'bottom',
+							// 	duration: 1000
+							// });
 							that.barcode = ''
 							that.orderNo = ''
 							that.order = ''
 							that.matList = []
 						} else if (res.code == 403) {
-							uni.showToast({title: res.msg, icon: "none", position: 'top'})
+							that.messageToggle('warn')
+							that.messageText = res.msg
 							setTimeout(() => {
 								uni.reLaunch({
 									url: '../login/login'
 								});
 							}, 1000);
 						} else {
-							uni.showToast({title: res.msg, icon: "none",position: 'top'})
+							that.messageToggle('error')
+							that.messageText = res.msg
 						}
 					}
 				});
@@ -232,23 +277,27 @@
 						let res = result.data
 						if (res.code === 200) {
 							if(res.data) {
-								that.matNo = '',
 								that.mat = res.data
 								that.addMatList(that.mat)
 								that.initAnfme()
+								that.matNo = '',
+								console.log(that.focus)
 							} else {
-								this.messageToggle('warn')
-								this.messageText = '璇烽噸鏂版壂鐮� \ 杈撳叆'
+								that.messageToggle('warn')
+								that.messageText = '璇烽噸鏂版壂鐮� \ 杈撳叆'
 							}
 						} else if (res.code == 403) {
-							uni.showToast({title: res.msg, icon: "none", position: 'top'})
+							that.messageToggle('warn')
+							that.messageText = res.msg
 							setTimeout(() => {
 								uni.reLaunch({
 									url: '../login/login'
 								});
 							}, 1000);
 						} else {
-							uni.showToast({title: res.msg, icon: "none",position: 'top'})
+							that.messageToggle('warn')
+							that.messageText = res.msg
+							// uni.showToast({title: res.msg, icon: "none",position: 'top'})
 						}
 					}
 				});

--
Gitblit v1.9.1