From 4fbe2cd6b5f8dff9faa7f4c10c5a923252205b38 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E6=B5=85=E5=BF=B5?= <email@sample.com>
Date: Fri, 13 Mar 2026 10:18:07 +0800
Subject: [PATCH] =?UTF-8?q?=E5=A4=84=E7=90=86=20token=20=E8=BF=87=E6=9C=9F?=
 =?UTF-8?q?=E9=97=AE=E9=A2=98?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 api/apiT.js                      |  86 ++++++++-
 components/MultiSelectSearch.vue | 292 +++++++++++++++++++++++++++++++
 pages/index/index.vue            |  14 +-
 static/image/share.png           | Bin 0 -> 1545 bytes
 4 files changed, 389 insertions(+), 3 deletions(-)
 create mode 100644 components/MultiSelectSearch.vue
 create mode 100644 static/image/share.png

diff --git a/api/apiT.js b/api/apiT.js
index 39c8386..fe97ce3 100644
--- a/api/apiT.js
+++ b/api/apiT.js
@@ -2,13 +2,26 @@
  // const baseUrl = "https://api.collect.xyh.muzili.top/"; //这里放置url域名32044
 const baseUrl = "https://bsh.info.hb.hnzhwlkj.cn/"; //这里放置url域名32044
  // const baseUrl = "https://114.215.24.240:8106/api/v1/"; //这里放置url域名32044
+
+// 是否正在重新登录中
+let isRelogining = false
+// 等待重新登录完成的队列
+let loginPendingQueue = []
+
+// 执行队列中的请求
+function flushLoginPendingQueue() {
+	loginPendingQueue.forEach(callback => callback && callback())
+	loginPendingQueue = []
+	isRelogining = false
+}
+
 export function request(options){//封装的requset
 	let { url,data,method } = options;
 	data = data || {},
 	uni.showLoading({
 		title: ''
 	});
-	
+
 	return new Promise((resolve,rejext)=>{
 		uni.request({//这里是uniapp网络请求的api
 		    url: baseUrl + url, //仅为示例，并非真实接口地址。
@@ -17,14 +30,85 @@ export function request(options){//封装的requset
 			method:method||"GET",//默认请求方式是get
 		    success: (res) => {
 				uni.hideLoading();
+
+				// 处理 token 过期情况 (根据后端返回的 code 判断)
+				// 常见的过期 code: 401, 403, 或后端自定义的 code
+				if (res.statusCode === 401 || res.statusCode === 403 ||
+					(res.data && (res.data.code === 401 || res.data.code === 403 || res.data.code === -100))) {
+
+					// 如果正在重新登录，将当前请求加入队列
+					if (isRelogining) {
+						loginPendingQueue.push(() => {
+							request(options).then(resolve).catch(rejext)
+						})
+						return
+					}
+
+					// 标记正在重新登录
+					isRelogining = true
+
+					// 重新登录
+					reLogin().then(() => {
+						// 登录成功后，重新发起当前请求
+						request(options).then(resolve).catch(rejext)
+						flushLoginPendingQueue()
+					}).catch((err) => {
+						// 登录失败，清空队列
+						flushLoginPendingQueue()
+						rejext(err)
+					})
+					return
+				}
+
 				resolve(res)
 		    },
+			fail: (err) => {
+				uni.hideLoading();
+				rejext(err)
+			},
 			complete: (data)=>{
 				uni.hideLoading();
 			}
 		});
 	})
 }
+
+// 重新登录方法
+function reLogin() {
+	return new Promise((resolve, reject) => {
+		uni.login({
+			provider: 'weixin',
+			success: (loginRes) => {
+				uni.request({
+					url: baseUrl + 'miniapp/login',
+					method: 'POST',
+					data: { code: loginRes.code },
+					header: {
+						'content-type': 'application/x-www-form-urlencoded'
+					},
+					success: (res) => {
+						if (res.data.code === 200) {
+							// 更新本地存储
+							uni.setStorageSync('openid', res.data.data.openid)
+							uni.setStorageSync('token', res.data.data.token)
+							uni.setStorageSync('user_id', res.data.data.id)
+							uni.setStorageSync('is_login', !!res.data.data.mobile)
+							resolve(res.data.data)
+						} else {
+							reject(res.data)
+						}
+					},
+					fail: (err) => {
+						reject(err)
+					}
+				})
+			},
+			fail: (err) => {
+				reject(err)
+			}
+		})
+	})
+}
 export function requestx(options){//封装的requset
 	let { url,data,method } = options;
 	data = data || {};
diff --git a/components/MultiSelectSearch.vue b/components/MultiSelectSearch.vue
new file mode 100644
index 0000000..9057800
--- /dev/null
+++ b/components/MultiSelectSearch.vue
@@ -0,0 +1,292 @@
+<template>
+	<view class="multi-select-search">
+		<view class="input-wrapper" @click.stop="toggleDropdown">
+			<view class="selected-tags" v-if="selectedItems.length > 0">
+				<view class="tag-item" v-for="(item, index) in selectedItems" :key="index">
+					<text class="tag-text">{{item.model}}</text>
+					<view class="tag-close" @click.stop="removeItem(index)">
+						<u-icon name="close" size="14" color="#999"></u-icon>
+					</view>
+				</view>
+			</view>
+			<input 
+				class="search-input" 
+				type="text" 
+				v-model="searchText" 
+				:placeholder="selectedItems.length > 0 ? '' : placeholder"
+				@input="onSearchInput"
+				@focus="onFocus"
+				@blur="onBlur"
+				@confirm="onConfirm"
+			/>
+			<view class="input-icon" @click.stop="toggleDropdown">
+				<u-icon :name="showDropdown ? 'arrow-up' : 'arrow-down'" size="16" color="#999"></u-icon>
+			</view>
+		</view>
+		<view class="dropdown" v-if="showDropdown" @click.stop>
+			<scroll-view scroll-y="true" class="dropdown-scroll">
+				<view 
+					class="dropdown-item" 
+					v-for="(item, index) in filteredOptions" 
+					:key="index"
+					@click="selectItem(item)"
+				>
+					<view class="item-content">
+						<text>{{ item.model }}</text>
+						<u-icon v-if="isSelected(item)" name="checkmark" size="16" color="#206ff4"></u-icon>
+					</view>
+				</view>
+				<view class="dropdown-empty" v-if="filteredOptions.length === 0 && searchText">
+					<text class="empty-text">未找到匹配项，按回车键添加 {{ searchText }}</text>
+				</view>
+				<view class="dropdown-empty" v-if="filteredOptions.length === 0 && !searchText && options.length === 0">
+					<text class="empty-text">暂无选项，可直接输入型号</text>
+				</view>
+			</scroll-view>
+		</view>
+	</view>
+</template>
+
+<script>
+export default {
+	name: 'MultiSelectSearch',
+	props: {
+		value: {
+			type: Array,
+			default: () => []
+		},
+		options: {
+			type: Array,
+			default: () => []
+		},
+		placeholder: {
+			type: String,
+			default: '请输入型号'
+		}
+	},
+	data() {
+		return {
+			showDropdown: false,
+			searchText: '',
+			selectedItems: []
+		}
+	},
+	watch: {
+		value: {
+			handler(newVal) {
+				if (Array.isArray(newVal)) {
+					this.selectedItems = [...newVal]
+				}
+			},
+			immediate: true
+		}
+	},
+	computed: {
+		filteredOptions() {
+			// 先过滤掉已选中的项
+			const unselectedOptions = this.options.filter(item => !this.isSelected(item))
+			
+			if (!this.searchText || !this.searchText.trim()) {
+				return unselectedOptions
+			}
+			
+			const searchLower = this.searchText.trim().toLowerCase()
+			return unselectedOptions.filter(item => {
+				// 支持对象和字符串两种格式
+				const itemText = (typeof item === 'object' && item !== null && item.model) 
+					? item.model 
+					: String(item)
+				return itemText.toLowerCase().includes(searchLower)
+			})
+		}
+	},
+	methods: {
+		toggleDropdown() {
+			this.showDropdown = !this.showDropdown
+		},
+		onFocus() {
+			this.showDropdown = true
+		},
+		onBlur() {
+			setTimeout(() => {
+				this.showDropdown = false
+			}, 200)
+		},
+		onSearchInput() {
+			this.showDropdown = true
+		},
+		onConfirm() {
+			if (this.searchText && this.searchText.trim()) {
+				const trimmedText = this.searchText.trim()
+				// 如果用户直接输入，创建一个简单的对象或字符串
+				// 根据 options 的格式决定
+				const newItem = this.options.length > 0 && typeof this.options[0] === 'object'
+					? { model: trimmedText } // 如果 options 是对象数组，创建对象
+					: trimmedText // 否则使用字符串
+				
+				if (!this.isSelected(newItem)) {
+					this.addItem(newItem)
+					this.searchText = ''
+					this.showDropdown = false
+				}
+			}
+		},
+		selectItem(item) {
+			this.addItem(item)
+			this.searchText = ''
+			this.showDropdown = false
+		},
+		addItem(item) {
+			if (!this.isSelected(item)) {
+				this.selectedItems.push(item)
+				this.$emit('input', [...this.selectedItems])
+				this.$emit('change', [...this.selectedItems])
+			}
+		},
+		removeItem(index) {
+			this.selectedItems.splice(index, 1)
+			this.$emit('input', [...this.selectedItems])
+			this.$emit('change', [...this.selectedItems])
+		},
+		isSelected(item) {
+			// 支持对象和字符串两种格式的比较
+			if (typeof item === 'object' && item !== null) {
+				// 如果是对象，比较 id 或 model
+				const itemId = item.id || item.model
+				return this.selectedItems.some(selected => {
+					if (typeof selected === 'object' && selected !== null) {
+						return (selected.id || selected.model) === itemId
+					}
+					return selected === itemId
+				})
+			} else {
+				// 如果是字符串，直接比较
+				return this.selectedItems.some(selected => {
+					if (typeof selected === 'object' && selected !== null) {
+						return (selected.id || selected.model) === item
+					}
+					return selected === item
+				})
+			}
+		}
+	}
+}
+</script>
+
+<style lang="scss" scoped>
+.multi-select-search {
+	position: relative;
+	width: 100%;
+}
+
+.input-wrapper {
+	position: relative;
+	min-height: 88rpx;
+	padding: 20rpx 80rpx 20rpx 24rpx;
+	border: 1px solid #DCDFE6;
+	border-radius: 12rpx;
+	background: #fff;
+	display: flex;
+	flex-wrap: wrap;
+	align-items: center;
+	gap: 16rpx;
+	box-sizing: border-box;
+}
+
+.selected-tags {
+	display: flex;
+	flex-wrap: wrap;
+	gap: 8px;
+}
+
+.tag-item {
+	display: flex;
+	align-items: center;
+	background: #F0F2F5;
+	border-radius: 8rpx;
+	padding: 8rpx 16rpx;
+	gap: 12rpx;
+}
+
+.tag-text {
+	font-size: 28rpx;
+	color: #2F323A;
+}
+
+.tag-close {
+	display: flex;
+	align-items: center;
+	cursor: pointer;
+}
+
+.search-input {
+	flex: 1;
+	min-width: 200rpx;
+	font-size: 28rpx;
+	color: #2F323A;
+	height: 56rpx;
+	line-height: 56rpx;
+}
+
+.input-icon {
+	position: absolute;
+	right: 24rpx;
+	top: 50%;
+	transform: translateY(-50%);
+	display: flex;
+	align-items: center;
+}
+
+.dropdown {
+	position: absolute;
+	top: calc(100% + 16rpx);
+	left: 0;
+	right: 0;
+	background: #fff;
+	border: 1px solid #EBEEF5;
+	border-radius: 12rpx;
+	box-shadow: 0 4rpx 24rpx rgba(0, 0, 0, 0.1);
+	z-index: 1000;
+	max-height: 600rpx;
+}
+
+.dropdown-scroll {
+	max-height: 600rpx;
+}
+
+.dropdown-item {
+	padding: 24rpx 32rpx;
+	border-bottom: 1px solid #F0F2F5;
+	cursor: pointer;
+	
+	&:last-child {
+		border-bottom: none;
+	}
+	
+	&:active {
+		background: #F7F8FB;
+	}
+}
+
+.item-content {
+	display: flex;
+	align-items: center;
+	justify-content: space-between;
+	
+	text {
+		font-size: 28rpx;
+		color: #2F323A;
+	}
+}
+
+.dropdown-empty {
+	padding: 24rpx 32rpx;
+	text-align: center;
+}
+
+.empty-text {
+	font-size: 24rpx;
+	color: #999;
+}
+</style>
+
diff --git a/pages/index/index.vue b/pages/index/index.vue
index 5e17cd0..765270e 100644
--- a/pages/index/index.vue
+++ b/pages/index/index.vue
@@ -148,12 +148,22 @@
 			}
 		},
 		onLoad() {
-			if (!uni.getStorageSync('token')) {
+			// 检查是否有 token，没有则先登录
+			const token = uni.getStorageSync('token');
+
+			if (!token) {
+				// 没有 token，先登录
 				this.mini_login().then(() => {
 					this.bannerListfn()
 					this.$refs.paging && this.$refs.paging.reload()
+				}).catch(() => {
+					// 登录失败也加载数据（可能是游客模式）
+					this.bannerListfn()
+					this.$refs.paging && this.$refs.paging.reload()
 				})
-			}else{
+			} else {
+				// 有 token，直接加载数据
+				// 如果 token 过期，API 层会自动重新登录
 				this.bannerListfn()
 				this.$refs.paging && this.$refs.paging.reload()
 			}
diff --git a/static/image/share.png b/static/image/share.png
new file mode 100644
index 0000000000000000000000000000000000000000..08e5223a99af6fb1f36ccb1d596420c68d40c702
GIT binary patch
literal 1545
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

literal 0
HcmV?d00001