HL-5493PDA零件查询 - 物料名称或者描述信息过多，导致下面列表被遮挡问题

src/pages/query/item.vue

@@ -3,14 +3,14 @@
 	<view class="uni-flex" style="flex-direction: column">
 		<itemFilter ref="filter" @onConfirmClick="confirm">
 		</itemFilter>
-		<view class="top" style="">
+		<view ref="topContent" class="top" >
 			<com-blank-view @goScan='openScanPopup' v-if="itemCode==''"></com-blank-view>
 			<item-info v-if="itemDetail" :itemdetail='itemDetail'></item-info>
 			<z-tabs v-if="itemCode" :list="tabList" @change="tabChange" />
 		</view>
 
-		<view style="padding-top: 230rpx;width:100%">
+		<view style="width:100%;" :style="{'margin-top':topHeight+'px'}">
-			<view v-if="totalCount>0" style="margin:10rpx; font-size:35rpx; font-weight:bold">总数 : {{totalCount}}
+			<view v-if="totalCount>0" style="margin:10rpx; font-size:35rpx; font-weight:bold;;">总数 : {{totalCount}}
 			</view>
 			<view v-for="(item, index) in dataList" style="width:100%" :key="index">
 				<view class="uni-flex uni-row"
@@ -51,6 +51,7 @@
 	import comItemDetailCard from '@/pages/query/coms/comItemDetailCard.vue'
 	import itemFilter from '@/mycomponents/item/itemFilter.vue'
 	import comEmptyView from '@/mycomponents/common/comEmptyView.vue'
+import { nextTick } from 'vue';
 
 	export default {
 		components: {
@@ -75,7 +76,8 @@
 				totalCount: 0,
 				locationCode: "",
 				inventoryStatus: "",
-				pageSize:10
+				pageSize:10,
+				topHeight:115
 			}
 		},
 		//返回首页
@@ -134,6 +136,11 @@
 						this.closeScanPopup();
 						this.itemCode = res.data.list[0].code;
 						this.itemDetail = res.data.list[0];
+						nextTick(()=>{
+							this.topHeight = this.$refs.topContent.$el.clientHeight
+							
+							console.log('topContent',this.$refs.topContent)
+						})
 						this.tabChange(0)
 					} else {
 						this.showMessage('未查找到物料【' + code + '】');