From 2ec7bdac0aeb653078a09188cd998a47cdbb07a5 Mon Sep 17 00:00:00 2001
From: X_Rian <904416525@qq.com>
Date: Wed, 19 Jun 2024 11:25:04 +0800
Subject: [PATCH] =?UTF-8?q?flx=EF=BC=9A=E4=BF=AE=E6=94=B9=E6=A0=B7?=
 =?UTF-8?q?=E5=BC=8F=E9=97=AE=E9=A2=98?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 components/form/SelectPlus.vue                | 34 ++++++++++++++-----
 unpackage/dist/dev/app-plus/app-service.js    | 25 +++++++++++---
 unpackage/dist/dev/app-plus/app.css           |  7 ++--
 .../pages/instance/instancePreview.css        |  7 ++--
 .../app-plus/pages/submit/InitiateProcess.css |  7 ++--
 5 files changed, 59 insertions(+), 21 deletions(-)

diff --git a/components/form/SelectPlus.vue b/components/form/SelectPlus.vue
index 30a562a..db11fda 100644
--- a/components/form/SelectPlus.vue
+++ b/components/form/SelectPlus.vue
@@ -17,7 +17,7 @@
 				<!-- title == '司机姓名' -->
 				<uni-data-checkbox v-if="formProps.expanding" :map="optionsKeyMap" v-model="__value"
 					:localdata="dataOptions" />
-				<picker class="picker" v-else-if="title == '司机姓名'" @cancel="onCancel" @change="ok2" mode="selector"
+				<picker class="picker" v-else-if="title == '司机姓名'" @cancel="onCancel" @change="ok2" mode="selector" ref="pickerBottom"
 					:value="index" range-key="name" :range="dataOptions2">
 					<uni-search-bar v-if="isSearch" bgColor="#fff" v-model="searchValue" class="search" radius="5"
 						placeholder="请输入" clearButton="auto" cancelButton="none" @input="searchChange" />
@@ -25,8 +25,7 @@
 					<click-input @click="isSearchFn()" :value="(modelValue || []).length > 0 ? dataOptions[index]:null"
 						index="name" :placeholder="formProps.placeholder || '请选择'" />
 				</picker>
-				<picker v-else @change="ok" mode="selector" :value="index" range-key="name"
-					:range="dataOptions">
+				<picker v-else @change="ok" mode="selector" :value="index" range-key="name" :range="dataOptions">
 					<click-input :value="(modelValue || []).length > 0 ? dataOptions[index]:null" index="name"
 						:placeholder="formProps.placeholder || '请选择'" />
 				</picker>
@@ -160,6 +159,7 @@
 	// 搜索查询
 	const isSearch = ref(false);
 	const searchValue = ref("");
+	const searchBottom = ref(0);
 
 	function searchChange(e) {
 		console.log(e);
@@ -174,7 +174,24 @@
 		isSearch.value = false;
 	}
 	const isSearchFn = () => {
-		
+		//.box获取class为box的元素，如果使用的id= 'box' 则使用'#box'
+		// uni.createSelectorQuery().in(this).select('.picker').boundingClientRect(data => {
+		// 	console.log(JSON.stringify(data))
+		// 	console.log(data.height / 100 * window.innerHeight,window.innerHeight)
+		// 	console.log(uni.getSystemInfoSync().windowHeight, uni.getSystemInfoSync().windowWidth)
+		// 	uni.getSystemInfo({
+		// 	    success: function (res) {
+		// 	        console.log(res.screenHeight);
+		// 	        console.log(res.windowHeight);
+		// 			console.log(data.height / 100 * res.screenHeight)
+		// 			// data.height / 100 * res.screenHeight - 22
+		// 			// searchBottom.value = (45 / 8) + 238;
+		// 	    }
+		// 	});
+		// 	// (data.height / 100 * window.innerHeight) * 1.48
+			
+		// }).exec()
+
 		setTimeout(() => {
 			isSearch.value = true;
 		}, 500)
@@ -311,20 +328,21 @@
 	}
 </script>
 <style>
-	.uni-picker-custom {
+	:deep(.uni-picker-custom){
 		height: 480rpx;
 	}
 </style>
 <style scoped>
 	.search {
 		position: fixed;
-		bottom: 465rpx;
+		/* bottom: 465rpx; */
+		bottom: 400rpx;
 		left: 50%;
 		transform: translateX(-50%);
 		z-index: 9999;
-		padding:0;
+		padding: 0;
 	}
-	
+
 	.search /deep/ .uni-searchbar__box {
 		width: 400rpx;
 		border: 2rpx solid #f5f5f5;
diff --git a/unpackage/dist/dev/app-plus/app-service.js b/unpackage/dist/dev/app-plus/app-service.js
index 49b2b92..bd6ec9b 100644
--- a/unpackage/dist/dev/app-plus/app-service.js
+++ b/unpackage/dist/dev/app-plus/app-service.js
@@ -18554,7 +18554,7 @@ ${i3}
             doRequest(dataOptions.value);
           }
         } catch (e2) {
-          formatAppLog("log", "at components/form/SelectPlus.vue:124", e2);
+          formatAppLog("log", "at components/form/SelectPlus.vue:123", e2);
         }
       }
       vue.watch(() => dataOptions, () => {
@@ -18585,8 +18585,10 @@ ${i3}
       }
       const isSearch = vue.ref(false);
       const searchValue = vue.ref("");
+      vue.ref(0);
+      const pickerBottom = vue.ref(null);
       function searchChange(e2) {
-        formatAppLog("log", "at components/form/SelectPlus.vue:165", e2);
+        formatAppLog("log", "at components/form/SelectPlus.vue:166", e2);
         let findList = dataOptions.value.filter((item) => item.name.includes(e2));
         dataOptions2.value = findList;
         if (e2 == "") {
@@ -18597,6 +18599,19 @@ ${i3}
         isSearch.value = false;
       };
       const isSearchFn = () => {
+        uni.createSelectorQuery().in(this).select(".picker").boundingClientRect((data) => {
+          formatAppLog("log", "at components/form/SelectPlus.vue:180", JSON.stringify(data));
+          formatAppLog("log", "at components/form/SelectPlus.vue:181", data.height / 100 * window.innerHeight, window.innerHeight);
+          formatAppLog("log", "at components/form/SelectPlus.vue:182", uni.getSystemInfoSync().windowHeight, uni.getSystemInfoSync().windowWidth);
+          uni.getSystemInfo({
+            success: function(res) {
+              formatAppLog("log", "at components/form/SelectPlus.vue:185", res.screenHeight);
+              formatAppLog("log", "at components/form/SelectPlus.vue:186", res.windowHeight);
+              formatAppLog("log", "at components/form/SelectPlus.vue:187", data.height / 100 * res.screenHeight);
+            }
+          });
+        }).exec();
+        formatAppLog("log", "at components/form/SelectPlus.vue:195", pickerBottom.value.offsetHeight);
         setTimeout(() => {
           isSearch.value = true;
         }, 500);
@@ -18663,7 +18678,7 @@ ${i3}
           try {
             preHandlerFuc(params);
           } catch (e2) {
-            formatAppLog("log", "at components/form/SelectPlus.vue:250", e2);
+            formatAppLog("log", "at components/form/SelectPlus.vue:269", e2);
           }
         }
       }
@@ -18710,7 +18725,7 @@ ${i3}
           try {
             return aftHandlerFuc(rsp) || [];
           } catch (e2) {
-            formatAppLog("log", "at components/form/SelectPlus.vue:307", e2);
+            formatAppLog("log", "at components/form/SelectPlus.vue:326", e2);
           }
         }
         return [];
@@ -18776,6 +18791,8 @@ ${i3}
                     onCancel,
                     onChange: ok2,
                     mode: "selector",
+                    ref_key: "pickerBottom",
+                    ref: pickerBottom,
                     value: index2.value,
                     "range-key": "name",
                     range: dataOptions2.value
diff --git a/unpackage/dist/dev/app-plus/app.css b/unpackage/dist/dev/app-plus/app.css
index 3b7f522..208703f 100644
--- a/unpackage/dist/dev/app-plus/app.css
+++ b/unpackage/dist/dev/app-plus/app.css
@@ -3454,18 +3454,19 @@ body[data-v-029c2886] {
 }
 
 
-.uni-picker-custom[data-v-efe1296e] {
-		height: 15rem;
+[data-v-efe1296e] .uni-picker-custom{
+		height: 15rem
 }
 
 
 .search[data-v-efe1296e] {
 		position: fixed;
+		/* bottom: 465rpx; */
 		bottom: 12.34375rem;
 		left: 50%;
 		transform: translateX(-50%);
 		z-index: 9999;
-		padding:0;
+		padding: 0;
 }
 .search[data-v-efe1296e] .uni-searchbar__box {
 		width: 12.5rem;
diff --git a/unpackage/dist/dev/app-plus/pages/instance/instancePreview.css b/unpackage/dist/dev/app-plus/pages/instance/instancePreview.css
index b43d124..47e82fd 100644
--- a/unpackage/dist/dev/app-plus/pages/instance/instancePreview.css
+++ b/unpackage/dist/dev/app-plus/pages/instance/instancePreview.css
@@ -3389,18 +3389,19 @@ body[data-v-029c2886] {
 }
 
 
-.uni-picker-custom[data-v-efe1296e] {
-		height: 15rem;
+[data-v-efe1296e] .uni-picker-custom{
+		height: 15rem
 }
 
 
 .search[data-v-efe1296e] {
 		position: fixed;
+		/* bottom: 465rpx; */
 		bottom: 12.34375rem;
 		left: 50%;
 		transform: translateX(-50%);
 		z-index: 9999;
-		padding:0;
+		padding: 0;
 }
 .search[data-v-efe1296e] .uni-searchbar__box {
 		width: 12.5rem;
diff --git a/unpackage/dist/dev/app-plus/pages/submit/InitiateProcess.css b/unpackage/dist/dev/app-plus/pages/submit/InitiateProcess.css
index 60c1836..793f459 100644
--- a/unpackage/dist/dev/app-plus/pages/submit/InitiateProcess.css
+++ b/unpackage/dist/dev/app-plus/pages/submit/InitiateProcess.css
@@ -3455,18 +3455,19 @@ body[data-v-029c2886] {
 }
 
 
-.uni-picker-custom[data-v-efe1296e] {
-		height: 15rem;
+[data-v-efe1296e] .uni-picker-custom{
+		height: 15rem
 }
 
 
 .search[data-v-efe1296e] {
 		position: fixed;
+		/* bottom: 465rpx; */
 		bottom: 12.34375rem;
 		left: 50%;
 		transform: translateX(-50%);
 		z-index: 9999;
-		padding:0;
+		padding: 0;
 }
 .search[data-v-efe1296e] .uni-searchbar__box {
 		width: 12.5rem;