修改搜索提示

src/pages/customized/order.vue

@@ -117,10 +117,10 @@ let initMSJFList = async () => {
 		if (res.data.data.total > 10) moreStates.value = 'more';
 		else moreStates.value = 'no-more';
 		// 区分是否全路径
-		for(let s in res.data.data.list) {
-			for(let g in res.data.data.list[s].goodsList) {
+		for (let s in res.data.data.list) {
+			for (let g in res.data.data.list[s].goodsList) {
 				let picUrl = res.data.data.list[s].goodsList[g].picUrl
-				if(picUrl.split('.').length != 5)
+				if (picUrl.split('.').length != 5)
 					res.data.data.list[s].goodsList[g].picUrl = baseURL + picUrl
 			}
 		}
@@ -134,7 +134,7 @@ initMSJFList();
 // 单个商品详情
 let initMSJFDetail = async (id: any) => {
 	let res: any = await getMSJFDetail({ orderGoodsId: id })
-	if(res.data.errno === 0 )
+	if (res.data.errno === 0)
 		detailData.value = res.data.data.list
 }
 </script>
@@ -167,6 +167,7 @@ page {
 	height: var(--status-bar-height);
 	width: 100%;
 }
+
 .order-container {
 	width: 100%;
 	height: 100vh;
@@ -175,6 +176,7 @@ page {
 		margin-top: 30rpx;
 		width: 100%;
 		background-color: #fff;
+
 		.or-top {
 			box-sizing: border-box;
 			display: flex;
@@ -185,29 +187,36 @@ page {
 			line-height: 60rpx;
 			font-size: 14px;
 		}
+
 		.or-bottom {
 			padding: 10rpx 30rpx;
 			height: 190rpx;
 			box-sizing: border-box;
 			border-top: 1px solid #f2f2f2;
 			border-bottom: 1px solid #f2f2f2;
+
 			.or-left {
 				float: left;
 				margin-right: 14%;
+
 				.or-left-image {
 					height: 160rpx;
 					border-radius: 10rpx;
 				}
 			}
+
 			.order-right {
 				display: flex;
 				flex-direction: column;
+
 				.details-top {
 					margin-bottom: 4%;
 				}
+
 				.details-center {
 					margin-bottom: 3%;
 				}
+
 				.details-bottom {
 					display: flex;
 					justify-content: space-between;
@@ -219,11 +228,13 @@ page {
 
 	.content {
 		padding: 30rpx;
+
 		.order-image {
 			width: 100%;
 			height: 60rpx;
 			margin-bottom: 6rpx;
 		}
+
 		.order-content {
 			display: flex;
 			flex-direction: row;
@@ -237,12 +248,14 @@ page {
 			border-radius: 10rpx;
 			margin-bottom: 10rpx;
 			background: #fff !important;
+
 			.order-left {
 				width: 260rpx;
 				height: 100%;
 				display: flex;
 				align-items: center;
 				margin-right: 20rpx;
+
 				.order-left-image {
 					// width: 120rpx;
 					height: 78px;
@@ -250,6 +263,7 @@ page {
 					margin-right: 30rpx;
 				}
 			}
+
 			.order-right {
 				.details-top {
 					display: block;
@@ -257,33 +271,16 @@ page {
 					font-weight: 600;
 					margin-bottom: 6rpx;
 				}
+
 				.details-center {
 					display: block;
 					font-size: 24rpx;
 				}
+
 				.details-bottom {
 					display: flex;
 					justify-content: space-between;
 					margin-top: 20rpx;
-					// .details-sum {
-					// 	margin-left: 10rpx;
-					// 	display: inline-block;
-					// 	border: 1px solid #d0d0d0;
-					// 	text {
-					// 		width: 40rpx;
-					// 		line-height: 50rpx;
-					// 		text-align: center;
-					// 		display: inline-block;
-					// 		background-color: #fff;
-					// 	}
-					// 	.add {
-					// 		color: #fa4305;
-					// 		border-left: 1px solid #d0d0d0;
-					// 	}
-					// 	.subtract {
-					// 		border-right: 1px solid #d0d0d0;
-					// 	}
-					// }
 				}
 			}
 		}
@@ -307,6 +304,7 @@ page {
 			width: 100%;
 			height: 120rpx;
 		}
+
 		.btn-image {
 			position: fixed;
 			bottom: 2%;
@@ -320,11 +318,13 @@ page {
 		// padding: 20rpx;
 		background-color: #fff;
 		margin-bottom: 40rpx;
+
 		.detail-list {
 			box-sizing: border-box;
 			display: flex;
 			justify-content: flex-start;
 			border-bottom: 1px solid #ccc;
+
 			.label {
 				width: 168rpx;
 				height: 40rpx;
@@ -332,6 +332,7 @@ page {
 				text-align: right;
 				margin-right: 10rpx;
 			}
+
 			.text {
 				padding-left: 20rpx;
 				width: 280rpx;
@@ -342,6 +343,7 @@ page {
 				overflow: hidden;
 				border-left: 1px solid #ccc;
 			}
+
 			.phone-list {
 				.text {
 					width: 230rpx;

src/pages/customized/queryRecord.vue

@@ -4,7 +4,14 @@
 		<headerVue :color1="color"></headerVue>
 		<view class="query-content">
 			<view class="query-record">
-				<view class="content"><uni-search-bar cancelButton="always" v-model="searchValue" placeholder="SN" @confirm="confirm" /></view>
+				<view class="content">
+					<uni-search-bar
+						cancelButton="always"
+						v-model="searchValue"
+						placeholder="序列号、手机号"
+						@confirm="confirm"
+					/>
+				</view>
 			</view>
 			<view v-if="JSON.stringify(queryRecord) != '[]'">
 				<view v-for="(item, i) in queryRecord" :key="i">
@@ -13,18 +20,26 @@
 						<view class="record">
 							<text class="record-text">{{ item.goodsName }}</text>
 							<view class="record-center">
-								<text v-if="item.used" style="margin-bottom: 8rpx;">扫码手机：{{ item.used ? item.phoneAndTime[0].phone : '' }}</text>
+								<text v-if="item.used" style="margin-bottom: 8rpx;">
+									扫码手机：{{ item.used ? item.phoneAndTime[0].phone : '' }}
+								</text>
 								<text>序 列 号 ：{{ item.sn }}</text>
 							</view>
 							<view class="record-footer">
 								<text class="price">￥{{ item.goodsPrice }}</text>
 								<text style="color: #ccc; margin-top: 3%;">{{ item.sameDay }}</text>
-								<text v-if="item.used" style="color: #ccc; margin-top: 3%;">{{ item.strength }}人</text>
+								<text v-if="item.used" style="color: #ccc; margin-top: 3%;">
+									{{ item.strength }}人
+								</text>
+							</view>
 						</view>
+						<view :class="item.used ? 'tag' : 'info-tag'">
+							{{ item.used ? '已开瓶' : '未开瓶' }}
 						</view>
-						<view :class="item.used ? 'tag' : 'info-tag'">{{ item.used ? '已开瓶' : '未开瓶' }}</view>
 					</view>
-					<text style="font-size: 26rpx; color: #313131; margin: 20rpx 60rpx">订单编号：{{ item.orderSn }}</text>
+					<text style="font-size: 26rpx; color: #313131; margin: 20rpx 60rpx">
+						订单编号：{{ item.orderSn }}
+					</text>
 				</view>
 			</view>
 			<uni-load-more v-else status="no-more"></uni-load-more>
@@ -71,11 +86,12 @@ let queryRecord = ref();
 let confirm = async (data: any) => {
 	if (data.value) {
 		let res: any = await searchSnInfo({ code: data.value });
-		if(JSON.stringify(res.data.data) == '[]') return queryRecord.value = []
+		if (JSON.stringify(res.data.data) == '[]') return (queryRecord.value = []);
 		if (res.data.errno == 0) {
 			for (let s in res.data.data) {
 				let picUrl = res.data.data[s].goodsPicUrl;
-				if (picUrl.split('.').length != 5) res.data.data[s].goodsPicUrl = baseURL + downUrl + picUrl;
+				if (picUrl.split('.').length != 5)
+					res.data.data[s].goodsPicUrl = baseURL + downUrl + picUrl;
 			}
 			queryRecord.value = res.data.data;
 			console.log(queryRecord.value, '查询记录');