From 97734d5eb6a05a82c7e86c85c7232e7c1e1a6116 Mon Sep 17 00:00:00 2001
From: "3075067877@qq.com" <3075067877@qq.com>
Date: Mon, 29 Jan 2024 14:23:44 +0800
Subject: [PATCH] make keyboard componently

---
 .../src/components/index/keyboard/input_box_QR.vue | 215 ++++++++++++++++
 .../src/components/index/keyboard/keyboard_box.vue | 270 ---------------------
 .../components/index/keyboard/view_keyboard.vue    | 141 +++++++++++
 uniapp_project_code/src/pages/index/index.nvue     |   5 +-
 uniapp_project_code/src/static/index/del_btn.png   | Bin 0 -> 3986 bytes
 5 files changed, 359 insertions(+), 272 deletions(-)
 create mode 100644 uniapp_project_code/src/components/index/keyboard/input_box_QR.vue
 delete mode 100644 uniapp_project_code/src/components/index/keyboard/keyboard_box.vue
 create mode 100644 uniapp_project_code/src/components/index/keyboard/view_keyboard.vue
 create mode 100644 uniapp_project_code/src/static/index/del_btn.png

diff --git a/uniapp_project_code/src/components/index/keyboard/input_box_QR.vue b/uniapp_project_code/src/components/index/keyboard/input_box_QR.vue
new file mode 100644
index 0000000..325b5e2
--- /dev/null
+++ b/uniapp_project_code/src/components/index/keyboard/input_box_QR.vue
@@ -0,0 +1,215 @@
+<template>
+	<cover-view class="keyboard-box" :style="{ height: props.maskHeight + 'px' }" @touchmove.prevent="" @click.stop="">
+
+		<view class="kb-area">
+			<image class="del-icon" src="/static/index/del_icon_big.png" mode="scaleToFill"
+				@click="handle_closeKeyboardBox" />
+			<text class="txt-title">输入条形码</text>
+			<view class="txt-input">
+				<text class="txt" :class="getInputClass()">{{inputValue||"请输入条形码"}}</text>
+			</view>
+
+			<view class="input-keyboard">
+				<viewKeyboard :maxInput="props.maxInput" @inputValueUpdate="accept_inputValueUpdate"></viewKeyboard>
+				<view class="sure-btn">
+					<text class="txt">确定</text>
+				</view>
+			</view>
+		</view>
+
+	</cover-view>
+</template>
+
+<script setup>
+	import util from "@/utils/util.js"
+	import viewKeyboard from "@/components/index/keyboard/view_keyboard.vue";
+
+
+	import {
+		onMounted,
+		ref
+	} from 'vue'
+
+	//触发自定义事件
+	const emits = defineEmits(['showIt'])
+	const props = defineProps({
+		maskHeight: {
+			type: Number,
+			default: 200
+		},
+		maxInput: {
+			type: Number,
+			default: 10
+		}
+	})
+
+	let inputValue = ref("") //
+	let activeValue = ref("") //
+
+	onMounted(async (res) => {
+		console.log(res + `    the keyboard_box component is now mounted.  ` + props.maskHeight)
+	})
+
+	const handle_closeKeyboardBox = () => {
+		emits("showIt", "false")
+	}
+	const accept_inputValueUpdate = (i) => {
+		console.log("accept_inputValueClick:", i)
+		inputValue.value = i
+	}
+
+	const getNumBtnClass = (i) => {
+		if (i == 11) {
+			return "num-btn-last-child"
+		}
+		return "num-btn"
+	}
+	// getInputClass
+	const getInputClass = () => {
+		if (inputValue.value == "") {
+			return "txt-blank"
+		}
+		return "txt-write"
+	}
+	const getNumClick = (i) => {
+		if (i <= 9) return i
+		if (i == 10) return "0"
+		if (i == 11) return "" //delete
+	}
+	//click keyboard
+	const clickKeyboard = util.debounce((i) => {
+		console.log("clickKeyboard:", i)
+		// add input react
+		activeValue.value = i
+		setTimeout(() => {
+			activeValue.value = ""
+		}, 100)
+
+		if (i == 11) { //handle delete input
+			inputValue.value = inputValue.value.substring(0, inputValue.value.length - 1)
+		} else {
+			//limit maxInput
+			if (inputValue.value.length >= props.maxInput) {
+				return util.showNone(`最大输入${props.maxInput}位`)
+			}
+			inputValue.value += getNumClick(i)
+		}
+	}, 20, true)
+</script>
+
+<style lang="scss" scoped>
+	.keyboard-box {
+
+		width: 750rpx;
+		height: 1000rpx;
+		position: fixed;
+		left: 0;
+		top: 0;
+		right: auto;
+		bottom: auto;
+		background: rgba(0, 0, 0, 0.5);
+		z-index: 11;
+
+		@include ctf(center);
+
+		.kb-area {
+			width: 533.33rpx;
+			height: 807.64rpx;
+			background: #fff;
+			border-radius: 13.89rpx;
+			@include ctf(flex-start);
+			flex-direction: column;
+
+			.del-icon {
+				width: 27.78rpx;
+				height: 27.78rpx;
+				align-self: flex-end;
+				margin: 21rpx 21rpx 0 0;
+			}
+			.txt-title {
+				font-weight: 600;
+				font-size: 25rpx;
+				color: #333333;
+			}
+			.txt-input {
+				@include ctf(flex-start);
+				flex-direction: row;
+				margin-top: 62rpx;
+				margin-bottom: 69rpx;
+				padding-left: 20rpx;
+				width: 470.83rpx;
+				height: 69.44rpx;
+				border: 0.69rpx solid #979797;
+				border-radius: 6.94rpx;
+				.txt {
+					font-weight: 700;
+				}
+				.txt-write {
+					font-weight: 700;
+					font-size: 25rpx;
+					color: #333333;
+				}
+				.txt-blank {
+					font-size: 22.22rpx;
+					color: #999999;
+				}
+			}
+
+			.input-keyboard {
+				width: 533.33rpx;
+				height: 536.81rpx;
+				background: #E8E8E8;
+				border-radius: 0 0 6.94rpx 6.94rpx;
+				@include ctf(center);
+				flex-direction: column;
+
+				.sure-btn {
+					margin-top: 50rpx;
+					width: 490.28rpx;
+					height: 69.44rpx;
+					background: #009874;
+					border-radius: 6.94rpx;
+					@include ctf(center);
+
+					.txt {
+						font-weight: 500;
+						font-size: 25rpx;
+						color: #FFFFFF;
+					}
+				}
+			}
+
+		}
+	}
+
+	.video-tip {
+		@include ctf(flex-start);
+		flex-direction: row;
+
+		.v-image {
+			width: 70.03rpx;
+			height: 54.17rpx;
+		}
+		.v-text {
+			margin-left: 16rpx;
+			font-weight: 400;
+			font-size: 19.44rpx;
+			color: #999999;
+		}
+	}
+
+	.cancel-button {
+		@include ctf(center);
+		width: 131.94rpx;
+		height: 51.39rpx;
+		border: 0.69rpx solid #999999;
+		border-radius: 6.94rpx;
+
+		.v-text {
+			@include flcw(33.33upx, 46.53upx, #fff, 500);
+			font-weight: 500;
+			font-size: 16.67rpx;
+			color: #999999;
+		}
+	}
+</style>
diff --git a/uniapp_project_code/src/components/index/keyboard/keyboard_box.vue b/uniapp_project_code/src/components/index/keyboard/keyboard_box.vue
deleted file mode 100644
index ccbade9..0000000
--- a/uniapp_project_code/src/components/index/keyboard/keyboard_box.vue
+++ /dev/null
@@ -1,270 +0,0 @@
-<template>
-	<cover-view class="keyboard-box" :style="{ height: props.maskHeight + 'px' }" @touchmove.prevent="" @click.stop="">
-
-		<view class="kb-area">
-			<image class="del-icon" src="/static/index/del_icon_big.png" mode="scaleToFill"
-				@click="handle_closeKeyboardBox" />
-			<text class="txt-title">输入条形码</text>
-			<view class="txt-input">
-				<text class="txt" :class="getInputClass()">{{inputValue||"请输入条形码"}}</text>
-			</view>
-
-			<view class="input-keyboard">
-				<view class="i-keyboard">
-					<view class="num-btn" v-for="i in 11"
-						:class="[getNumBtnClass(i),{'active-value':(activeValue == i) }]" @click="clickKeyboard(i)">
-						<text class="txt" v-if="(i<11)">{{getNumClick(i)}}</text>
-						<image class="img" v-else src="/static/index/del_icon_big.png" mode="widthFix" />
-					</view>
-				</view>
-				<view class="sure-btn">
-					<text class="txt">确定</text>
-				</view>
-			</view>
-		</view>
-
-	</cover-view>
-</template>
-
-<script setup>
-	import {
-		onMounted,
-		ref
-	} from 'vue'
-	import util from "@/utils/util.js"
-
-	//触发自定义事件
-	const emits = defineEmits(['showIt'])
-	const props = defineProps({
-		maskHeight: {
-			type: Number,
-			default: 200
-		},
-		maxInput: {
-			type: Number,
-			default: 10
-		}
-	})
-
-	let inputValue = ref("") //
-	let activeValue = ref("") //
-
-	onMounted(async (res) => {
-		console.log(res + `    the keyboard_box component is now mounted.  ` + props.maskHeight)
-	})
-
-	const handle_closeKeyboardBox = () => {
-		emits("showIt", "false")
-	}
-
-	const getNumBtnClass = (i) => {
-		if (i == 11) {
-			return "num-btn-last-child"
-		}
-		return "num-btn"
-	}
-	// getInputClass
-	const getInputClass = () => {
-		if (inputValue.value == "") {
-			return "txt-blank"
-		}
-		return "txt-write"
-	}
-	const getNumClick = (i) => {
-		if (i <= 9) return i
-		if (i == 10) return "0"
-		if (i == 11) return "" //delete
-	}
-	//click keyboard
-	const clickKeyboard = util.debounce((i) => {
-		console.log("clickKeyboard:", i)
-		// add input react
-		activeValue.value = i
-		setTimeout(() => {
-			activeValue.value = ""
-		}, 100)
-
-		if (i == 11) { //handle delete input
-			inputValue.value = inputValue.value.substring(0, inputValue.value.length - 1)
-		} else {
-			//limit maxInput
-			if (inputValue.value.length >= props.maxInput) {
-				return util.showNone(`最大输入${props.maxInput}位`)
-			}
-			inputValue.value += getNumClick(i)
-		}
-	}, 20, true)
-</script>
-
-<style lang="scss" scoped>
-	.keyboard-box {
-
-		width: 750rpx;
-		height: 1000rpx;
-		position: fixed;
-		left: 0;
-		top: 0;
-		right: auto;
-		bottom: auto;
-		background: rgba(0, 0, 0, 0.5);
-		z-index: 11;
-
-		@include ctf(center);
-
-		.kb-area {
-			width: 533.33rpx;
-			height: 807.64rpx;
-			background: #fff;
-			border-radius: 13.89rpx;
-			@include ctf(flex-start);
-			flex-direction: column;
-
-			.del-icon {
-				width: 27.78rpx;
-				height: 27.78rpx;
-				align-self: flex-end;
-				margin: 21rpx 21rpx 0 0;
-			}
-			.txt-title {
-				font-weight: 600;
-				font-size: 25rpx;
-				color: #333333;
-			}
-			.txt-input {
-				@include ctf(flex-start);
-				flex-direction: row;
-				margin-top: 62rpx;
-				margin-bottom: 69rpx;
-				padding-left: 20rpx;
-				width: 470.83rpx;
-				height: 69.44rpx;
-				border: 0.69rpx solid #979797;
-				border-radius: 6.94rpx;
-				.txt {
-					font-weight: 700;
-				}
-				.txt-write {
-					font-weight: 700;
-					font-size: 25rpx;
-					color: #333333;
-				}
-				.txt-blank {
-					font-size: 22.22rpx;
-					color: #999999;
-				}
-			}
-
-			.input-keyboard {
-				width: 533.33rpx;
-				height: 536.81rpx;
-				background: #E8E8E8;
-				border-radius: 0 0 6.94rpx 6.94rpx;
-				@include ctf(center);
-				flex-direction: column;
-
-				.i-keyboard {
-					// width: 232.69rpx;
-					// height: 317.53rpx;
-					width: 260rpx;
-					// background-color: beige;
-					@include ctf(flex-start);
-					flex-direction: row;
-					flex-wrap: wrap;
-
-					.num-btn {
-						width: 64rpx;
-						height: 64rpx;
-						background: #FFFFFF;
-						box-shadow: 0 2.08rpx 0 0 #00000033;
-						border-radius: 3rpx;
-						@include ctf(center);
-						margin: 11rpx;
-
-						.txt {
-							font-weight: 800;
-							font-size: 44rpx;
-							color: #000000;
-						}
-					}
-
-					.num-btn-last-child {
-						width: 150rpx;
-						background: #D1D6D8;
-
-						.img {
-							width: 47.5rpx;
-							height: 38rpx;
-							// background: #454A52;
-						}
-					}
-
-					.active-value {
-						background: #009874;
-					}
-
-					.del-btn {
-						width: 69.44rpx;
-						height: 69.44rpx;
-						background: #FFFFFF;
-						border-radius: 6.94rpx;
-						@include ctf(center);
-						margin: 10rpx;
-
-						.txt {
-							font-weight: 500;
-							font-size: 25rpx;
-							color: #333333;
-						}
-					}
-				}
-
-				.sure-btn {
-					margin-top: 50rpx;
-					width: 490.28rpx;
-					height: 69.44rpx;
-					background: #009874;
-					border-radius: 6.94rpx;
-					@include ctf(center);
-
-					.txt {
-						font-weight: 500;
-						font-size: 25rpx;
-						color: #FFFFFF;
-					}
-				}
-			}
-
-		}
-	}
-
-	.video-tip {
-		@include ctf(flex-start);
-		flex-direction: row;
-
-		.v-image {
-			width: 70.03rpx;
-			height: 54.17rpx;
-		}
-		.v-text {
-			margin-left: 16rpx;
-			font-weight: 400;
-			font-size: 19.44rpx;
-			color: #999999;
-		}
-	}
-
-	.cancel-button {
-		@include ctf(center);
-		width: 131.94rpx;
-		height: 51.39rpx;
-		border: 0.69rpx solid #999999;
-		border-radius: 6.94rpx;
-
-		.v-text {
-			@include flcw(33.33upx, 46.53upx, #fff, 500);
-			font-weight: 500;
-			font-size: 16.67rpx;
-			color: #999999;
-		}
-	}
-</style>
diff --git a/uniapp_project_code/src/components/index/keyboard/view_keyboard.vue b/uniapp_project_code/src/components/index/keyboard/view_keyboard.vue
new file mode 100644
index 0000000..20e2b4d
--- /dev/null
+++ b/uniapp_project_code/src/components/index/keyboard/view_keyboard.vue
@@ -0,0 +1,141 @@
+<template>
+	<view class="i-keyboard">
+		<view class="num-btn" v-for="i in 11"
+			:class="[getNumBtnClass(i),{'active-value':(activeValue == i) }]" @click="clickKeyboard(i)">
+			<text class="txt" v-if="(i<11)">{{getNumClick(i)}}</text>
+			<image class="img" v-else src="/static/index/del_btn.png" mode="widthFix" />
+		</view>
+	</view>
+</template>
+
+<script setup>
+	import util from "@/utils/util.js"
+	
+	import {
+		onMounted,
+		ref
+	} from 'vue'
+	
+	//触发自定义事件
+	const emits = defineEmits(['inputValueUpdate'])
+	const props = defineProps({
+		maxInput: {
+			type: Number,
+			default: 11
+		},
+		// inputValue : {
+		// 	type: Number,
+		// 	default: 11
+		// },
+	})
+
+	let inputValue = ref("") //
+	let activeValue = ref("") //
+
+	onMounted(async (res) => {
+		console.log(res + `    the keyboard_box component is now mounted.  ` + props.maskHeight)
+	})
+
+	const handle_closeKeyboardBox = () => {
+		emits("showIt", "false")
+	}
+
+	const getNumBtnClass = (i) => {
+		if (i == 11) {
+			return "num-btn-last-child"
+		}
+		return "num-btn"
+	}
+	// getInputClass
+	const getInputClass = () => {
+		if (inputValue.value == "") {
+			return "txt-blank"
+		}
+		return "txt-write"
+	}
+	const getNumClick = (i) => {
+		if (i <= 9) return i
+		if (i == 10) return "0"
+		if (i == 11) return "" //delete
+	}
+	//click keyboard
+	const clickKeyboard = util.debounce((i) => {
+		console.log("clickKeyboard:", i)
+		// add input react
+		activeValue.value = i
+		setTimeout(() => {
+			activeValue.value = ""
+		}, 100)
+
+		if (i == 11) { //handle delete input
+			inputValue.value = inputValue.value.substring(0, inputValue.value.length - 1)
+		} else {
+			//limit maxInput
+			if (inputValue.value.length >= props.maxInput) {
+				return util.showNone(`最大输入${props.maxInput}位`)
+			}
+			inputValue.value += getNumClick(i)
+		}
+		emits("inputValueUpdate", inputValue.value)
+	}, 20, true)
+</script>
+
+<style lang="scss" scoped>
+
+.i-keyboard {
+					// width: 232.69rpx;
+					// height: 317.53rpx;
+					width: 260rpx;
+					// background-color: beige;
+					@include ctf(flex-start);
+					flex-direction: row;
+					flex-wrap: wrap;
+
+					.num-btn {
+						width: 64rpx;
+						height: 64rpx;
+						background: #FFFFFF;
+						box-shadow: 0 2.08rpx 0 0 #00000033;
+						border-radius: 3rpx;
+						@include ctf(center);
+						margin: 11rpx;
+
+						.txt {
+							font-weight: 800;
+							font-size: 44rpx;
+							color: #000000;
+						}
+					}
+
+					.num-btn-last-child {
+						width: 150rpx;
+						background: #D1D6D8;
+
+						.img {
+							width: 47.5rpx;
+							height: 38rpx;
+							// background: #454A52;
+						}
+					}
+
+					.active-value {
+						background: #009874;
+					}
+
+					.del-btn {
+						width: 69.44rpx;
+						height: 69.44rpx;
+						background: #FFFFFF;
+						border-radius: 6.94rpx;
+						@include ctf(center);
+						margin: 10rpx;
+
+						.txt {
+							font-weight: 500;
+							font-size: 25rpx;
+							color: #333333;
+						}
+					}
+				}
+	
+</style>
diff --git a/uniapp_project_code/src/pages/index/index.nvue b/uniapp_project_code/src/pages/index/index.nvue
index d36419d..a8e1536 100644
--- a/uniapp_project_code/src/pages/index/index.nvue
+++ b/uniapp_project_code/src/pages/index/index.nvue
@@ -14,7 +14,7 @@
 				<view-footer @clickQR="handle_clickQR" @clickVIP="handle_clickVIP"></view-footer>
 			</view>
 			
-			<keyboard-box v-if="showKeyboardBox"  :maskHeight="screenHeight" :maxInput="maxInput" @showIt="handle_closeKeyboardBox"></keyboard-box>
+			<keyboard-box v-if="showKeyboardBox"  :maskHeight="screenHeight" :maxInput="11" @showIt="handle_closeKeyboardBox"></keyboard-box>
 		</view>
 		
 	</view>
@@ -26,11 +26,12 @@
 	import viewHeader from '@/components/index/view_header.nvue';
 	import viewFooter from '@/components/index/view_footer.nvue';
 	import listItem from '@/components/index/list_item.nvue';
-	import keyboardBox from '@/components/index/keyboard/keyboard_box.vue';
+	import keyboardBox from '@/components/index/keyboard/input_box_QR.vue';
 
 	// import { ref } from 'vue';
 	// import { onLoad,onReady } from '@dcloudio/uni-app';
 
+
 	// #ifdef APP-NVUE
 	let dom = weex.requireModule("dom");
 	// #endif
diff --git a/uniapp_project_code/src/static/index/del_btn.png b/uniapp_project_code/src/static/index/del_btn.png
new file mode 100644
index 0000000000000000000000000000000000000000..9cb279fd7e1ca4531ead90b2ca5d0f94e02f239c
GIT binary patch
literal 3986
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

literal 0
HcmV?d00001