From 6eded3ab5ab0cf0fc757e03680df995e1fff9fab Mon Sep 17 00:00:00 2001
From: lijuncheng <juncheng.li@ccwin-in.com>
Date: Mon, 15 Jul 2024 15:45:26 +0800
Subject: [PATCH] =?UTF-8?q?=E4=BF=AE=E6=94=B9=E6=8B=86=E5=8C=85=E6=95=B0?=
 =?UTF-8?q?=E9=87=8F?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/mycomponents/qty/numberBox.vue            | 208 ++++++++++++++++++
 .../package/record/splitPackageRecord.vue     |  16 +-
 src/pages/point/index.vue                     |   2 +
 3 files changed, 217 insertions(+), 9 deletions(-)
 create mode 100644 src/mycomponents/qty/numberBox.vue

diff --git a/src/mycomponents/qty/numberBox.vue b/src/mycomponents/qty/numberBox.vue
new file mode 100644
index 00000000..737b7fe9
--- /dev/null
+++ b/src/mycomponents/qty/numberBox.vue
@@ -0,0 +1,208 @@
+<template>
+	<view class="uni-numbox">
+		<view @click="_calcValue('minus')" class="uni-numbox__minus uni-numbox-btns" :style="{background}">
+			<text class="uni-numbox--text" :class="{ 'uni-numbox--disabled': inputValue <= min || disabled }">-</text>
+		</view>
+		<input :disabled="disabled" @input="onKeyInput" @blur="_onBlur" class="uni-numbox__value" type="number"
+			v-model="inputValue" />
+		<view @click="_calcValue('plus')" class="uni-numbox__plus uni-numbox-btns" :style="{background}">
+			<text class="uni-numbox--text" :class="{ 'uni-numbox--disabled': inputValue >= max || disabled }">+</text>
+		</view>
+	</view>
+</template>
+<script>
+	/**
+	 * NumberBox 数字输入框
+	 * @description 带加减按钮的数字输入框
+	 * @tutorial https://ext.dcloud.net.cn/plugin?id=31
+	 * @property {Number} value 输入框当前值
+	 * @property {Number} min 最小值
+	 * @property {Number} max 最大值
+	 * @property {Number} step 每次点击改变的间隔大小
+	 * @property {String} background 背景色
+	 * @property {Boolean} disabled = [true|false] 是否为禁用状态
+	 * @event {Function} change 输入框值改变时触发的事件，参数为输入框当前的 value
+	 */
+
+	export default {
+		name: "UniNumberBox",
+		emits: ['change'],
+		props: {
+			value: {
+				type: [Number, String],
+				default: 1
+			},
+			min: {
+				type: Number,
+				default: 0
+			},
+			max: {
+				type: Number,
+				default: 100
+			},
+			step: {
+				type: Number,
+				default: 1
+			},
+			background: {
+				type: String,
+				default: '#f5f5f5'
+			},
+			disabled: {
+				type: Boolean,
+				default: false
+			}
+		},
+		data() {
+			return {
+				inputValue: 0
+			};
+		},
+		watch: {
+			inputValue(newVal, oldVal) {
+				if (+newVal !== +oldVal) {
+					this.$emit("change", newVal);
+				}
+			}
+		},
+		created() {
+			this.inputValue = +this.value;
+		},
+		methods: {
+			//输入框实时获取输入内容
+			onKeyInput: function(event) {
+				// this.value = event.target.value;
+			},
+			//加、减操作(minus:减;plus:加)
+			_calcValue(type) {
+				if (this.disabled) {
+					return;
+				}
+				const scale = this._getDecimalScale();
+				let value = this.inputValue * scale;
+				let step = this.step * scale;
+				if (type === "minus") {
+					value -= step;
+					if (value < (this.min * scale)) {
+						return;
+					}
+					if (value > (this.max * scale)) {
+						value = this.max * scale
+					}
+				} else if (type === "plus") {
+					value += step;
+					if (value > (this.max * scale)) {
+						return;
+					}
+					if (value < (this.min * scale)) {
+						value = this.min * scale
+					}
+				}
+				if ((value + '').length > 5) {
+					value = value.toFixed(6); //toFixed保留小数点位数方法 
+				}
+				this.inputValue = String(value / scale);
+			},
+			_getDecimalScale() {
+				let scale = 1;
+				// 浮点型 
+				if (~~this.step !== this.step) {
+					scale = Math.pow(10, (this.step + "").split(".")[1].length);
+				}
+				return scale;
+			},
+			_onBlur(event) {
+				let value = event.detail.value;
+				if (!value) {
+					return;
+				}
+				value = +value;
+				if (value > this.max) {
+					value = this.max;
+				} else if (value < this.min) {
+					value = this.min;
+				}
+				this.inputValue = value;
+				/*小数点后保留四位*/
+				if (value > 0) {
+				
+				event.detail.value =parseFloat(event.detail.value).toFixed(6)
+				} else {
+					event.detail.value =-parseFloat(event.detail.value).toFixed(6)
+				}
+				//重新赋值给input
+				this.$nextTick(() => {
+					this.inputValue = event.detail.value;
+				})
+			}
+		}
+	};
+</script>
+<style lang="scss" scoped>
+	$box-height: 26px;
+	$bg: #f5f5f5;
+	$br: 2px;
+	$color: #333;
+
+	.uni-numbox {
+		/* #ifndef APP-NVUE */
+		display: flex;
+		/* #endif */
+		flex-direction: row;
+	}
+
+	.uni-numbox-btns {
+		/* #ifndef APP-NVUE */
+		display: flex;
+		/* #endif */
+		flex-direction: row;
+		align-items: center;
+		justify-content: center;
+		padding: 0 8px;
+		background-color: $bg;
+		/* #ifdef H5 */
+		cursor: pointer;
+		/* #endif */
+	}
+
+	.uni-numbox__value {
+		margin: 0 2px;
+		background-color: $bg;
+		width: 100px;
+		height: $box-height;
+		text-align: center;
+		font-size: 14px;
+		border-left-width: 0;
+		border-right-width: 0;
+		color: $color;
+	}
+
+	.uni-numbox__minus {
+		border-top-left-radius: $br;
+		border-bottom-left-radius: $br;
+		width: 64rpx;
+	}
+
+	.uni-numbox__plus {
+		border-top-right-radius: $br;
+		border-bottom-right-radius: $br;
+		width: 64rpx;
+	}
+
+	.uni-numbox--text {
+		// fix nvue
+		line-height: 20px;
+
+		font-size: 20px;
+		font-weight: 300;
+		color: $color;
+	}
+
+	.uni-numbox .uni-numbox--disabled {
+		color: #c0c0c0 !important;
+		/* #ifdef H5 */
+		cursor: not-allowed;
+		/* #endif */
+	}
+</style>
+
diff --git a/src/pages/package/record/splitPackageRecord.vue b/src/pages/package/record/splitPackageRecord.vue
index 8975100e..04aff03d 100644
--- a/src/pages/package/record/splitPackageRecord.vue
+++ b/src/pages/package/record/splitPackageRecord.vue
@@ -17,8 +17,8 @@
 					<view class="uni-flex uni-row" style="margin-left: 30rpx;margin-top: 10rpx; ">
 						
 						<text style="font-size: 35rpx; margin-right: 20rpx;">拆出数量 :</text>
-						<uni-number-box @change="calcQty($event,splitCount)" :value="splitCount">
-						</uni-number-box>
+						<numberBox @change="calcQty($event,splitCount)" :value="splitCount">
+						</numberBox>
 						<uom  :uom="detailSource[0].uom"></uom>
 					</view>
 				</scroll-view>
@@ -82,7 +82,7 @@
 	import comPackageRecord from '@/pages/package/coms/comPackageRecord.vue'
 	import winComScanBalance from '@/mycomponents/scan/winComScanBalance.vue'
 	import uom from '@/mycomponents/qty/uom.vue'
-
+	import numberBox from '@/mycomponents/qty/numberBox.vue'
 	export default {
 		components: {
 			winScanButton,
@@ -95,7 +95,8 @@
 			recordComDetailCard,
 			comPackageRecord,
 			winComScanBalance,
-			uom
+			uom,
+			numberBox
 		},
 		data() {
 			return {
@@ -264,8 +265,8 @@
 			commit() {
 				if (this.detailSource.length > 0 && this.detailSource[0].subList.length > 0) {
 					
-					if(this.splitCount==0){
-						this.showErrorMessage("拆出数量不能等于0")
+					if(this.splitCount<=0){
+						this.showErrorMessage("拆出数量必须大于0")
 						return;
 					}
 					if(this.splitCount>=this.detailSource[0].qty){
@@ -393,9 +394,6 @@
 			
 			calcQty(val) {
 				this.splitCount =val;
-				// if(val<=0){
-				// 	this.showErrorMessage("数量必须大于0")
-				// }
 			},
 
 		}
diff --git a/src/pages/point/index.vue b/src/pages/point/index.vue
index 6f8e1706..d37f6815 100644
--- a/src/pages/point/index.vue
+++ b/src/pages/point/index.vue
@@ -126,6 +126,8 @@
 										_this.isLoadFinish = true
 										uni.hideLoading();
 				
+									}else {
+										console.log(index);
 									}
 								}).catch(err => {
 									console.log(err);