From aa96ff5848cc98a8a10b43a066961c8c5470a0f5 Mon Sep 17 00:00:00 2001
From: YeMingfei666 <1619116647@qq.com>
Date: Fri, 1 Nov 2024 14:25:51 +0800
Subject: [PATCH] =?UTF-8?q?=E5=8E=BB=E9=99=A4=E6=A1=8C=E5=8F=B0=E5=88=97?=
 =?UTF-8?q?=E8=A1=A8=E5=AE=9A=E6=97=B6=E5=88=B7=E6=96=B0?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 pageTable/index/index.vue | 113 ++++++++++++++++++++++++++++++++++----
 1 file changed, 102 insertions(+), 11 deletions(-)

diff --git a/pageTable/index/index.vue b/pageTable/index/index.vue
index 340597d..d66168c 100644
--- a/pageTable/index/index.vue
+++ b/pageTable/index/index.vue
@@ -1,6 +1,6 @@
 <template>
 	<view class="color-333 u-font-28  min-page bg-gray ">
-		<view class="fixed-top bg-fff u-flex u-p-l-30 u-row-between">
+		<!-- <view class="fixed-top bg-fff u-flex u-p-l-30 u-row-between">
 			<view class="u-flex u-flex-1 u-row-between">
 				<view class="u-flex   u-p-t-30 u-p-b-30 u-flex-1 u-row-center" @tap="showsTimesToggle">
 					<text class="u-m-r-12">{{times.list[times.active]}}秒</text>
@@ -42,7 +42,48 @@
 				<view :style="{height: status.bottomHeight+'px'}"></view>
 			</view>
 
-		</view>
+		</view> -->
+		
+		<up-sticky>
+			<view class="bg-fff u-p-l-30   u-p-b-30 u-relative">
+				<!-- <view class="myTabs ">
+				<myTabs :list="tabsList" @change="tabsChange"></myTabs>
+			</view> -->
+				<view class="input-wrapper">
+					<view class="input-main">
+						<view class="u-flex u-p-r-30 u-font-28" @click="showstatusToggle">
+							<text class="u-m-r-10 u-line-1" :class="{'color-main':status.active!=0}"
+								style="max-width: 100rpx;">{{status.list[status.active].label }}</text>
+							<up-icon name="arrow-down" size="16"></up-icon>
+						</view>
+						<uni-easyinput clearable class='jeepay-search' :inputBorder="false"
+						trim="all"
+							placeholder="搜索" v-model="search.keyword"
+							@clear="searchConfirm"
+							@confirm="searchConfirm">
+							<template #prefixIcon>
+								<image src="@/static/iconImg/icon-search.svg" class="input-icon" />
+							</template>
+						</uni-easyinput>
+						<view class="u-m-l-4">
+							<button class="" type="text" @click="searchConfirm"> <text class="color-333">搜索</text></button>
+						</view>
+					</view>
+				</view>
+				<view :style="{height:status.show?statusHeight:0}" class="tranistion status overflow-hide">
+					<view @tap="changestatusActive(index,item)" class="u-flex u-p-l-30 lh30 u-p-r-30 u-row-between"
+						v-for="(item,index) in status.list" :key="index">
+						<view>{{item.label}}</view>
+						<uni-icons v-if="status.active===index" type="checkmarkempty" :color="color.ColorMain"></uni-icons>
+					</view>
+					<view :style="{height: status.bottomHeight+'px'}"></view>
+				</view>
+		
+			</view>
+		</up-sticky>
+		
+		
+		
 
 		<view class="list u-p-30">
 			<view class="my-bg-main table-type u-flex border-r-12 color-fff ">
@@ -467,9 +508,9 @@
 	function setTimer() {
 		clearInterval(timer)
 		getData()
-		timer = setInterval(() => {
-			getData()
-		}, times.list[times.active] * 1000)
+		// timer = setInterval(() => {
+		// 	getData()
+		// }, times.list[times.active] * 1000)
 	}
 	watch(() => times.active, (newval) => {
 		setTimer()
@@ -491,6 +532,61 @@
 	.fixed-top {
 		z-index: 10;
 	}
+	.input-wrapper {
+		display: flex;
+		justify-content: space-between;
+		align-items: center;
+		padding-top: 26rpx;
+		background-color: $J-bg-ff;
+	
+		.input-main {
+			flex: 1;
+			display: flex;
+			align-items: center;
+			height: 64rpx;
+	
+			image {
+				padding: 22rpx;
+				width: 26rpx;
+				height: 26rpx;
+			}
+	
+			input {
+				flex: 1;
+				font-size: 27rpx;
+			}
+	
+			::v-deep uni-button {
+				font-size: 28rpx;
+				color: $my-main-color;
+				background: rgba(255, 255, 255, 1);
+			}
+	
+			::v-deep.uni-easyinput {
+				.uni-easyinput__content {
+					background-color: $J-bg-f5 !important;
+					border-radius: $J-b-r12;
+	
+					.uni-easyinput__content-input {
+						padding-left: 0 !important;
+	
+						.uni-input-input {
+							border-radius: $J-b-r12 !important;
+							overflow: hidden !important;
+						}
+					}
+	
+					.uni-input-placeholder {
+						font-size: 27rpx;
+					}
+	
+					.uni-icons {
+						color: rgba(230, 230, 230, 1) !important;
+					}
+				}
+			}
+		}
+	}
 
 	.table-type {
 		flex-wrap: wrap;
@@ -536,12 +632,7 @@
 	.search-box {
 		background-color: #fff;
 		padding: 16rpx 0;
-		top: 0;
-		bottom: 0;
-		position: absolute;
-		right: 30rpx;
 		display: flex;
-
 		.search-btn {
 			padding: 0 30rpx;
 			box-sizing: border-box;
@@ -570,6 +661,6 @@
 	}
 
 	.list {
-		margin-top: 52px;
+		// margin-top: 52px;
 	}
 </style>
\ No newline at end of file