修改调整页面样式

pagesOrder/index/index.vue

@@ -1,11 +1,14 @@
 <template>
 	<view class="min-page bg-gray u-font-28">
-		<view class="top">
-			<view class="search bg-fff u-p-t-32 u-p-l-28 u-p-r-28 u-p-b-32">
-				<up-search v-bind="search" v-model="search.val"></up-search>
+		<up-sticky offset-top="0">
+			<view class="top">
+				<view class="search bg-fff u-p-t-32 u-p-l-28 u-p-r-28 u-p-b-32">
+					<up-search v-bind="search" v-model="search.val" @search="searchConfirm" @clear="searchConfirm" @custom="searchConfirm"></up-search>
+				</view>
+				<filter-vue  @clearUser="clearQueryUser" @updateStatus="updateQuery('status',$event)"  v-model:time="order.data.query.createdAt" :user="user" :type="option.type"></filter-vue>
 			</view>
-			<filter-vue  @clearUser="clearQueryUser" @updateStatus="updateQuery('status',$event)"  v-model:time="order.data.query.createdAt" :user="user" :type="option.type"></filter-vue>
-		</view>
+		</up-sticky>
+		
 		<order-list @printOrder="onPrintOrder" :hasAjax="order.data.hasAjax" :list="order.data.list"></order-list>
 		<template v-if="order.data.list.length>0">
 			<my-pagination @change="pageChange" :totalElements="order.data.total"></my-pagination>
@@ -31,7 +34,7 @@
 	import {getTodayTimestamps} from '@/commons/utils/dayjs-time.js';
 	const search = reactive({
 		val: '',
-		placeholder: '搜索单号/昵称/姓名/手机号码/商品名称',
+		placeholder: '搜索单号/商品名称',
 		shape: 'square',
 		inputStyle: {
 			borderRadius: '12rpx'
@@ -49,7 +52,7 @@
 			id: "",
 			orderNo: "",
 			orderType: "0",
-			page: 1,
+			page: 0,
 			pageSize: 10,
 			payType: "",
 			productName: "",
@@ -62,10 +65,9 @@
 		order.setQuery('userId','')
 	}
 	function pageChange(e){
-		order.setVal('page',e)
-		order.setQuery('page',e)
-		console.log(e);
-		console.log(order.data.page);
+		const newPage=e-1
+		order.setVal('page',newPage)
+		order.setQuery('page',newPage)
 		init()
 	}
 	function updateQuery(key,e){
@@ -80,9 +82,13 @@
 	watch(()=>order.data.query.userId,(newval)=>{
 		init()
 	})
+	function searchConfirm(){
+		order.setQuery('page',0)
+		init()
+	}
 	async function init() {
 		console.log(order.data.query);
-		const {content,totalElements}=await Api.tbOrderInfoData({...order.data.query,page:order.data.query.page-1})
+		const {content,totalElements}=await Api.tbOrderInfoData({...order.data.query,page:order.data.query.page,searchText:search.val})
 		uni.stopPullDownRefresh()
 		order.setVal('list',content)
 		console.log(order.data.list);