0924

pages/index/index.vue

@@ -48,6 +48,15 @@
 				<view class="gang" :class="{'indexlan' : tabindex == index}"></view>
 			</view>
 		</view>
+		<view class="search-box" v-if="tabindex === 2">
+			<view class="search-container">
+				<u-search placeholder="搜索客户名称/手机号/车牌号" v-model="searchKeyword" :showAction="false" bgColor="#f4f4f4"
+					@search="handleSearch"></u-search>
+				<view class="search-button" @click="handleSearch">
+					<text>搜索</text>
+				</view>
+			</view>
+		</view>
 		<view class="mubu">
 			<view class="hui-content">
 				<view class="jsy" v-if="singleList.length == 0">
@@ -361,7 +370,9 @@
 					content: "蓝安救援司机端正在运行",
 					dataResult: "",
 					type: undefined
-				}
+				},
+				searchKeyword: '', // 搜索关键词
+				searchParams: {}, // 搜索参数
 
 			}
 		},
@@ -575,7 +586,8 @@
 				let data = {
 					rescueStatus: this.rescueStatus,
 					pageSize: this.pageSize,
-					pageNum: this.pageNum
+					pageNum: this.pageNum,
+					...this.searchParams
 				}
 				this.getthreelist()
 				request({
@@ -1024,6 +1036,8 @@
 					this.driverRescuePage(3)
 				}
 				if (index == 2) {
+					this.searchKeyword = ''
+					this.searchParams = {}
 					this.driverRescuePage(5)
 				}
 
@@ -1064,6 +1078,35 @@
 
 			},
 
+			// 搜索处理
+			handleSearch() {
+				if (!this.searchKeyword.trim()) {
+					this.searchParams = {}
+					this.pageNum = 1
+					this.singleList = []
+					this.driverRescuePage()
+					return
+				}
+
+				// 设置搜索参数
+				this.searchParams = {
+					connectionName: this.searchKeyword,
+					connectionPhone: this.searchKeyword,
+					licenseNum: this.searchKeyword
+				}
+
+				this.pageNum = 1
+				this.singleList = []
+				this.driverRescuePage()
+			},
+
+			// 清除搜索
+			handleClearSearch() {
+				this.searchParams = {}
+				this.pageNum = 1
+				this.singleList = []
+				this.driverRescuePage()
+			},
 
 			permissions() {
 
@@ -1563,4 +1606,29 @@
 		font-size: 16px;
 		font-weight: 700;
 	} */
+
+	.search-box {
+		padding: 10px 15px;
+		background-color: #fff;
+		border-bottom: 1px solid #eee;
+	}
+
+	.search-container {
+		display: flex;
+		align-items: center;
+	}
+
+	.search-button {
+		margin-left: 10px;
+		padding: 0 15px;
+		height: 36px;
+		background-color: #0D2E8D;
+		color: white;
+		border-radius: 4px;
+		display: flex;
+		align-items: center;
+		justify-content: center;
+		font-size: 14px;
+		white-space: nowrap;
+	}
 </style>

pages/my/my.vue

@@ -190,9 +190,9 @@
 			},
 			onChooseavatar(e) {
 				uni.uploadFile({
-					url: this.baseUrl + '/system/user/profile/avatar',
+					url: this.baseUrl + '/system/user/profile/update-avatar',
 					filePath: e,
-					name: 'avatarfile',
+					name: 'avatarFile',
 					header: {
 						Authorization: 'Bearer ' + getToken()
 					},