From 165c3da53288a157bffa59a2de1fd67e84a1f76a Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E9=82=93=E5=B9=B3=E8=89=BA?= <52643018@qq.com>
Date: Mon, 9 Aug 2021 18:10:02 +0800
Subject: [PATCH] =?UTF-8?q?=E9=A3=9F=E5=A0=82=E7=AB=AF=E5=8F=91=E8=B5=B7?=
 =?UTF-8?q?=E9=87=87=E8=B4=AD=E5=92=8C=E7=94=B3=E8=AF=B7=E5=87=BA=E5=BA=93?=
 =?UTF-8?q?=E5=A2=9E=E5=8A=A0table=E8=87=AA=E5=8A=A8=E6=BB=91=E5=8A=A8?=
 =?UTF-8?q?=E5=88=B0=E5=90=AB=E6=9C=89input=E8=BE=93=E5=85=A5=E6=A1=86?=
 =?UTF-8?q?=E7=9A=84=E4=BD=8D=E7=BD=AE?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 canteen/components/wyb-table/wyb-table.vue | 46 +++++++++++++++-------
 canteen/pages/delivery/apply.vue           |  1 +
 canteen/pages/purchase/launch.vue          |  1 +
 3 files changed, 34 insertions(+), 14 deletions(-)

diff --git a/canteen/components/wyb-table/wyb-table.vue b/canteen/components/wyb-table/wyb-table.vue
index b18924a..fbe5039 100644
--- a/canteen/components/wyb-table/wyb-table.vue
+++ b/canteen/components/wyb-table/wyb-table.vue
@@ -206,6 +206,7 @@
 <script>
 	import Pinyin from './js/characterToPinyin.js'
 	import {isEqual} from './js/objEqual.js'
+	let timer = null;
 	export default {
 		data() {
 			return {
@@ -731,6 +732,10 @@
 			checkerCellBgColor: {
 				type: String,
 				default: '#f1f1f1'
+			},
+			scrollToInput: {
+				type: Boolean, // 是否自动滚动到含有input的位置
+				default: false
 			}
 		},
 		watch: {
@@ -759,22 +764,35 @@
 				uni.setStorageSync('lastSortActiveKey', this.sortActiveKey)
 				this.doSort(this.sortCol[0].key, this.sortWays[this.sortWay], this.sortCol[0].isNumber)
 			}
+			this.autoScrollView();
 		},
 		methods: {
-			// 校验数据格式，如果不是数组则转为数组
-			// toArray(val){
-			// 	if(Array.isArray(val)){
-			// 		console.log("ssssss=======")
-			// 		return val.slice();
-			// 	}else{
-			// 		let contents = {...val};
-			// 		let arr = [];
-			// 		for(let i in contents){
-			// 			arr.push(contents[i]);
-			// 		}
-			// 		return arr;
-			// 	}
-			// },
+			// 页面初次加载，判断是否自动滚动至input输入框所在的位置
+			autoScrollView(){
+				try{
+					// #ifdef H5
+					if(this.$props.scrollToInput){
+						setTimeout(function(){
+							//  完整选取dom .wyb-table-scroll-view .wyb-table-content .wyb-table-content-line .wyb-table-content-item input
+							let tabView = document.querySelector('.wyb-table-scroll-view'); // 获取第一层大对象，table
+							let tabContent = tabView.querySelector('.wyb-table-content'); // 获取第二层，table的content部分
+							let contentLine = tabContent.querySelector('.wyb-table-content-line'); // 获取第三层，获取内容列
+							let contentItem = contentLine.querySelector('.wyb-table-content-item input'); // 获取第四层，内容单元格
+							let offsetWidth = contentItem.offsetParent.offsetWidth;
+							let offsetLeft = contentItem.offsetParent.offsetLeft - offsetWidth - 20;
+							timer = setInterval(function(){
+								tabView.scrollLeft += 2;
+								if(tabView.scrollLeft >= offsetLeft){
+									clearInterval(timer);
+								}
+							}, 2);
+						}, 1000)
+					}
+					// #endif
+				}catch(e){
+					console.log(e);
+				}
+			},
 			inputBlur(cIndex, hIndex, event){
 				let event_obj = {};
 				let value = event.detail.value;
diff --git a/canteen/pages/delivery/apply.vue b/canteen/pages/delivery/apply.vue
index 9b525cc..b6aadec 100644
--- a/canteen/pages/delivery/apply.vue
+++ b/canteen/pages/delivery/apply.vue
@@ -16,6 +16,7 @@
 			<view class="lf-font-32 lf-color-black lf-font-bold lf-m-b-20">物资明细</view>
 			<wyb-table :headers="headers" :contents="contents" 
 				contentBgColor="#ecfaf5" 
+				:scrollToInput="true"
 				:first-line-fixed="true" 
 				@onInputChange="onInputChange"
 				@onButtonClick="onButtonClick"
diff --git a/canteen/pages/purchase/launch.vue b/canteen/pages/purchase/launch.vue
index 3d9ff7a..230b8cb 100644
--- a/canteen/pages/purchase/launch.vue
+++ b/canteen/pages/purchase/launch.vue
@@ -41,6 +41,7 @@
 				<wyb-table :headers="value.headers" 
 					:contents="value.material_list" 
 					contentBgColor="#ecfaf5" 
+					:scrollToInput="true"
 					:first-line-fixed="true" 
 					@onInputChange="onInputChange" 
 					width="max-content" height="800rpx"