Merge branch 'master' of http://39.101.143.165:8090/hxl13994548489/LocalLivingServicesUniapp

pages/login/settled.vue

@@ -394,7 +394,7 @@ export default {
         handleMarkerTap() {
             const queryString = uni.getStorageSync('address') ? encodeURIComponent(JSON.stringify(uni.getStorageSync('address'))) : ''
             uni.navigateTo({
-                url: '/pages/login/map?position=${queryString}'
+                url: `/pages/login/map?position=${queryString}`
             })
 
         },

pages/product/creatStandard.vue

@@ -21,21 +21,22 @@
 			</view>
 		</view>
 		<view class="list">
-			<view class="product_item" v-for="(item,index) in productList" :key="index" >
+			<view class="product_item" v-for="(item, index) in productList" :key="index">
 				<view class="details">
 					<view class="img">
 						<image :src="item.productImage" mode=""></image>
 					</view>
 					<view class="data">
-						<span>{{item.productName}}</span>
+						<span>{{ item.productName }}</span>
 						<!-- <span>售卖时间：{{item.time}}</span> -->
-						<view class="repertory">售卖时间：{{item.saleStartDate}} - {{ item.saleEndDate }}</view>
+						<view class="repertory">售卖时间：{{ item.saleStartDate }} - {{ item.saleEndDate }}</view>
 						<view class="price">
-							<span style="font-size: 22rpx;margin: 0px;">￥</span>{{item.soldPrice}}
-							<span style="color:#999 ;font-size: 22rpx; text-decoration: line-through;">￥{{item.price}}</span>
+							<span style="font-size: 22rpx;margin: 0px;">￥</span>{{ item.soldPrice }}
+							<span
+								style="color:#999 ;font-size: 22rpx; text-decoration: line-through;">￥{{ item.price }}</span>
 						</view>
 					</view>
-					<view class="tag"  @click.stop="select(item)">
+					<view class="tag" @click.stop="select(item)">
 						<!-- <span>组合套餐</span>
 						<span class="frame"></span> -->
 						<image src="/static/product/select.png" mode="" v-if="item.select"></image>
@@ -45,456 +46,498 @@
 			</view>
 		</view>
 		<view class="creat">
-			<view class="operate" >
+			<view class="operate">
 				<view class="all" @click="allSelect">
 					<image src="/static/product/select.png" mode="" v-if="isAll"></image>
 					<image src="/static/product/round.png" mode="" v-else></image>
 					全选
 				</view>
-				<view class="delete delist" @click="add()" >确认添加</view>
+				<view class="delete delist" @click="add()">确认添加</view>
 			</view>
-			
+
 		</view>
 	</view>
 </template>
 
 <script>
 import configService from '../../common/service/config.service'
-	export default {
-		data() {
-			return {
-				isManage: false,
-				currentIndex: 0,
-				productStatus: 0, //商品状态，默认1售卖中，0未上架,2审核中，3未通过
-				isAll: false,
-				canBeDelete: true,
-				productName: '',
-				productList: [],
-				merchantId: '',
-				productHandleList: [],
-				tabIndex:1
-			}
+export default {
+	data() {
+		return {
+			isManage: false,
+			currentIndex: 0,
+			productStatus: 0, //商品状态，默认1售卖中，0未上架,2审核中，3未通过
+			isAll: false,
+			canBeDelete: true,
+			productName: '',
+			productList: [],
+			merchantId: '',
+			tabIndex: 1
+		}
+	},
+	methods: {
+		//返回
+		back() {
+			uni.navigateTo({
+				url: '/pages/product/index'
+			})
 		},
-		methods: {
-			//返回
-			back() {
-				uni.navigateTo({
-					url: '/pages/product/index'
-				})
-			},
-			handleClear() {
+		handleClear() {
+			this.getProductList()
+			// 这里可以添加其他逻辑
+		},
+		//切换分类
+		selectType(item, index) {
+			if (!this.isManage) {
+				this.currentIndex = index
+				this.productStatus = item.code
 				this.getProductList()
-				// 这里可以添加其他逻辑
-			},
-			//切换分类
-			selectType(item, index) {
-				if (!this.isManage) {
-					this.currentIndex = index
-					this.productStatus = item.code
-					this.getProductList()
-				}
+			}
 
-			},
-			add(){
-				// this.productList.forEach((item => {
-				// 	this.productHandleList.push(item.productId)
-				// }))
-				let ids = this.productHandleList.join(',')
-				console.log(ids,8888888888);
-				
-				this.$http.get("/app/product/addPurveyorProduct?ids="+ ids)
+		},
+		add() {
+			if (this.productList.filter(e => e.select).map(e => e.productId).length > 0) {
+				let ids = this.productList.filter(e => e.select).map(e => e.productId).join(',')
+
+				this.$http.get("/app/product/addPurveyorProduct?ids=" + ids + '&merchantId=' + this.merchantId)
 					.then(res => {
 						if (res.data.code == 200) {
-							this.$tip.success(res.data.message ||'添加成功');
+							this.$tip.success(res.data.message || '添加成功');
 							this.back()
 						}
-						else{
+						else {
 							this.$tip.error(res.data.message);
-						}	
-					})
-			},
-			select(item) {
-				item.select = !item.select
-				this.productHandleList.push(item.productId)
-			},
-			//全选
-			allSelect() {
-				if (this.isAll) {
-					this.isAll = false
-					this.productList.forEach(item => {
-						item.select = false
-					})
-				} else {
-					this.isAll = true
-					this.productList.forEach(item => {
-						item.select = true
-					})
-				}
-			},
-			getProductList() {
-				this.$http.get("/app/product/purveyor/list?merchantId=" + this.merchantId + "&productStatus=" + this.productStatus +
-						'&productName=' + this.productName, )
-					.then(res => {
-						if (res.data.code == 200) {
-							res.data.result.records.forEach((item) => {
-								item.select = false;
-								item.saleEndDate= item.saleEndDate.includes('00:00:00')?item.saleEndDate.slice(0,10): item.saleEndDate
-								item.saleStartDate= item.saleStartDate.includes('00:00:00')?item.saleStartDate.slice(0,10): item.saleStartDate
-								item.productImage=configService.apiUrl +'/'+ item.productImage
-							})
-							this.productList = res.data.result.records
 						}
 					})
-			},
-			
+			}
+			else{
+				this.$tip.alert('请选择品牌标品');
+
+			}
 		},
-		onShow() {
-			let that = this
-			uni.getStorage({
-				key: 'login_user_info',
-				success: function(res) {
-					that.merchantId = res.data.merchantId
-				}
-			})
-			uni.removeStorage({
-				key: 'smdate',
-			});
-			uni.removeStorage({
-				key: 'group',
-			});
-			this.getProductList()
-		}
+		select(item) {
+			item.select = !item.select
+		},
+		//全选
+		allSelect() {
+			if (this.isAll) {
+				this.isAll = false
+				this.productList.forEach(item => {
+					item.select = false
+				})
+			} else {
+				this.isAll = true
+				this.productList.forEach(item => {
+					item.select = true
+				})
+			}
+		},
+		getProductList() {
+			this.$http.get("/app/product/purveyor/list?merchantId=" + this.merchantId + "&productStatus=" + this.productStatus +
+				'&productName=' + this.productName,)
+				.then(res => {
+					if (res.data.code == 200) {
+						res.data.result.records.forEach((item) => {
+							item.select = false;
+							item.saleEndDate = item.saleEndDate.includes('00:00:00') ? item.saleEndDate.slice(0, 10) : item.saleEndDate
+							item.saleStartDate = item.saleStartDate.includes('00:00:00') ? item.saleStartDate.slice(0, 10) : item.saleStartDate
+							item.productImage = configService.apiUrl + '/' + item.productImage
+						})
+						this.productList = res.data.result.records
+					}
+				})
+		},
+
+	},
+	onShow() {
+		let that = this
+		uni.getStorage({
+			key: 'login_user_info',
+			success: function (res) {
+				that.merchantId = res.data.merchantId
+			}
+		})
+		uni.removeStorage({
+			key: 'smdate',
+		});
+		uni.removeStorage({
+			key: 'group',
+		});
+		this.getProductList()
 	}
+}
 </script>
 
 <style lang="scss" scoped>
-	.product {
+.product {
+	width: 100%;
+	height: 100vh;
+	display: flex;
+	flex-direction: column;
+	justify-content: space-between;
+	background: #F7F8FC;
+
+	.top {
 		width: 100%;
-		height: 100vh;
-		display: flex;
-		flex-direction: column;
-		justify-content: space-between;
-		background: #F7F8FC;
+		height: var(--status-bar-height);
+		background: linear-gradient(87deg, #FFFFFF 0%, #A3CDFF 100%), linear-gradient(360deg, #FFFFFF 0%, rgba(255, 255, 255, 0) 100%);
+	}
 
-		.top {
-			width: 100%;
-			height: var(--status-bar-height);
+	.head {
+		width: 100%;
+		background: #ffffff;
+
+		.handle {
+			height: 112rpx;
+			display: flex;
+			justify-content: space-between;
+			align-items: center;
+			padding: 0px 24rpx;
+			position: relative;
 			background: linear-gradient(87deg, #FFFFFF 0%, #A3CDFF 100%), linear-gradient(360deg, #FFFFFF 0%, rgba(255, 255, 255, 0) 100%);
-		}
 
-		.head {
-			width: 100%;
-			background: #ffffff;
+			.head_left {
+				font-size: 40rpx;
+			}
 
-			.handle {
-				height: 112rpx;
+			.center {
+				position: absolute;
+				left: 50%;
+				top: 50%;
+				transform: translate(-50%, -50%);
+				font-size: 36rpx;
+				font-weight: 600;
+			}
+
+			.head_right {
 				display: flex;
 				justify-content: space-between;
 				align-items: center;
-				padding: 0px 24rpx;
-				position: relative;
-				background: linear-gradient(87deg, #FFFFFF 0%, #A3CDFF 100%), linear-gradient(360deg, #FFFFFF 0%, rgba(255, 255, 255, 0) 100%);
 
-				.head_left {
-					font-size: 40rpx;
+				span {
+					width: 40rpx;
+					height: 40rpx;
+					display: flex;
+					justify-content: center;
+					align-items: center;
 				}
 
-				.center {
-					position: absolute;
-					left: 50%;
-					top: 50%;
-					transform: translate(-50%, -50%);
-					font-size: 36rpx;
-					font-weight: 600;
+				.manage {
+					// width: 150rpx;
+					margin-left: 28rpx;
 				}
+			}
+		}
 
-				.head_right {
-					display: flex;
-					justify-content: space-between;
-					align-items: center;
+		.search {
+			width: 93%;
+			height: 56rpx;
+			background: #F7F8FC;
+			border-radius: 12rpx;
+			display: flex;
+			align-items: center;
+			justify-content: space-between;
+			margin: 24rpx auto;
+			font-size: 26rpx;
+			padding: 13rpx 20rpx;
 
-					span {
-						width: 40rpx;
-						height: 40rpx;
-						display: flex;
-						justify-content: center;
-						align-items: center;
-					}
+			span {
+				margin-right: 15rpx;
 
-					.manage {
-						// width: 150rpx;
-						margin-left: 28rpx;
-					}
-				}
 			}
 
-			.search {
-				width: 93%;
-				height: 56rpx;
-				background: #F7F8FC;
-				border-radius: 12rpx;
+			input {
+				flex: 1;
+				font-size: 26rpx;
+			}
+
+			.search_btn {
+				width: 72rpx;
+				color: #333333;
 				display: flex;
 				align-items: center;
 				justify-content: space-between;
-				margin: 24rpx auto;
-				font-size: 26rpx;
-				padding: 13rpx 20rpx;
 
 				span {
-					margin-right: 15rpx;
-
+					display: block;
+					width: 1px;
+					height: 26rpx;
+					background-color: #eeeeee;
 				}
+			}
+		}
 
-				input {
-					flex: 1;
-					font-size: 26rpx;
-				}
+		.type {
+			display: flex;
+			justify-content: space-between;
+			background-color: #fff;
+			padding: 8px 24rpx 16rpx;
 
-				.search_btn {
-					width: 72rpx;
-					color: #333333;
-					display: flex;
-					align-items: center;
-					justify-content: space-between;
+			.type_item {
+				height: 54rpx;
+				display: flex;
+				justify-content: center;
+				align-items: center;
+				font-size: 26rpx;
+				color: #888888;
+				position: relative;
+				padding: 8rpx 12rpx;
+				background: #F2F3F5;
+				border-radius: 8rpx;
+			}
 
-					span {
-						display: block;
-						width: 1px;
-						height: 26rpx;
-						background-color: #eeeeee;
-					}
-				}
+			.active {
+				color: #2D88F4;
+				background: #ECF5FF;
 			}
+		}
+	}
+
+	.list {
+		width: 100%;
+		flex: 1;
+		// padding: 0px 20rpx;
+		overflow-y: auto;
 
-			.type {
+		.product_item {
+			width: 100%;
+			background-color: #fff;
+			border-radius: 20rpx;
+			padding: 20rpx 40rpx;
+			margin-top: 20rpx;
+
+			.status {
 				display: flex;
-				justify-content: space-between;
-				background-color: #fff;
-				padding: 8px 24rpx 16rpx;
+				align-items: center;
 
-				.type_item {
-					height: 54rpx;
+				.round {
 					display: flex;
-					justify-content: center;
 					align-items: center;
-					font-size: 26rpx;
-					color: #888888;
-					position: relative;
-					padding: 8rpx 12rpx;
-					background: #F2F3F5;
-					border-radius: 8rpx;
+					color: #49A03F;
 				}
 
-				.active {
-					color: #2D88F4;
-					background: #ECF5FF;
+				.round::before {
+					content: "";
+					display: inline-block;
+					width: 9rpx;
+					height: 9rpx;
+					background: #49A03F;
+					border-radius: 50%;
+					margin-right: 8rpx;
 				}
-			}
-		}
 
-		.list {
-			width: 100%;
-			flex: 1;
-			// padding: 0px 20rpx;
-			overflow-y: auto;
+				.no {
+					color: #666666;
+				}
 
-			.product_item {
-				width: 100%;
-				background-color: #fff;
-				border-radius: 20rpx;
-				padding: 20rpx 40rpx;
-				margin-top: 20rpx;
+				.no::before {
+					content: "";
+					display: inline-block;
+					width: 9rpx;
+					height: 9rpx;
+					background: #666666;
+					border-radius: 50%;
+					margin-right: 8rpx;
+				}
 
-				.status {
+				.audit {
 					display: flex;
 					align-items: center;
+					color: #596ABB;
+				}
 
-					.round {
-						display: flex;
-						align-items: center;
-						color: #49A03F;
-					}
-
-					.round::before {
-						content: "";
-						display: inline-block;
-						width: 9rpx;
-						height: 9rpx;
-						background: #49A03F;
-						border-radius: 50%;
-						margin-right: 8rpx;
-					}
-
-					.no {
-						color: #666666;
-					}
+				.audit::before {
+					content: "";
+					display: inline-block;
+					width: 9rpx;
+					height: 9rpx;
+					background: #596ABB;
+					border-radius: 50%;
+					margin-right: 8rpx;
+				}
 
-					.no::before {
-						content: "";
-						display: inline-block;
-						width: 9rpx;
-						height: 9rpx;
-						background: #666666;
-						border-radius: 50%;
-						margin-right: 8rpx;
-					}
+				.reject {
+					display: flex;
+					align-items: center;
+					color: #F55D65;
+				}
 
-					.audit {
-						display: flex;
-						align-items: center;
-						color: #596ABB;
-					}
+				.reject::before {
+					content: "";
+					display: inline-block;
+					width: 9rpx;
+					height: 9rpx;
+					background: #F55D65;
+					border-radius: 50%;
+					margin-right: 8rpx;
+				}
 
-					.audit::before {
-						content: "";
-						display: inline-block;
-						width: 9rpx;
-						height: 9rpx;
-						background: #596ABB;
-						border-radius: 50%;
-						margin-right: 8rpx;
-					}
+				.line {
+					display: block;
+					width: 1rpx;
+					height: 20rpx;
+					background: #d9d9d9;
+					margin: 0 12rpx;
+				}
+			}
 
-					.reject {
-						display: flex;
-						align-items: center;
-						color: #F55D65;
-					}
+			.details {
+				width: 100%;
+				height: auto;
+				min-height: 132rpx;
+				height: 132rpx;
+				display: flex;
+				align-items: center;
+				margin-top: 20rpx;
 
-					.reject::before {
-						content: "";
-						display: inline-block;
-						width: 9rpx;
-						height: 9rpx;
-						background: #F55D65;
-						border-radius: 50%;
-						margin-right: 8rpx;
-					}
+				.img {
+					margin-right: 16rpx;
+					border-radius: 12rpx;
+					overflow: hidden;
 
-					.line {
-						display: block;
-						width: 1rpx;
-						height: 20rpx;
-						background: #d9d9d9;
-						margin: 0 12rpx;
+					image {
+						width: 132rpx;
+						height: 132rpx;
 					}
 				}
 
-				.details {
-					width: 100%;
-					height: auto;
-					min-height: 132rpx;
-					height: 132rpx;
+				.data {
+					flex: 1;
+					height: 100%;
 					display: flex;
-					align-items: center;
-					margin-top: 20rpx;
-
-					.img {
-						margin-right: 16rpx;
-						border-radius: 12rpx;
-						overflow: hidden;
+					flex-direction: column;
+					justify-content: space-between;
+					font-weight: 600;
+					font-style: 28rpx;
 
-						image {
-							width: 132rpx;
-							height: 132rpx;
-						}
+					.repertory {
+						font-size: 24rpx;
+						display: flex;
+						align-items: center;
+						color: #8A91A8;
+						font-weight: 400;
+						margin: 6rpx 0 10rpx 0;
 					}
 
-					.data {
-						flex: 1;
-						height: 100%;
+					.price {
 						display: flex;
-						flex-direction: column;
-						justify-content: space-between;
+						align-items: center;
+						font-size: 30rpx;
 						font-weight: 600;
-						font-style: 28rpx;
 
-						.repertory {
-							font-size: 24rpx;
-							display: flex;
-							align-items: center;
-							color: #8A91A8;
+						span {
+							font-size: 26rpx;
+							margin-left: 20rpx;
 							font-weight: 400;
-							margin: 6rpx 0 10rpx 0;
-						}
-
-						.price {
-							display: flex;
-							align-items: center;
-							font-size: 30rpx;
-							font-weight: 600;
 
-							span {
-								font-size: 26rpx;
-								margin-left: 20rpx;
-								font-weight: 400;
-
-							}
 						}
 					}
+				}
 
-					.tag {
+				.tag {
+					width: 40rpx;
+					height: 40rpx;
+					display: flex;
+					flex-direction: column;
+					align-items: center;
+
+					image {
 						width: 40rpx;
 						height: 40rpx;
-						display: flex;
-						flex-direction: column;
-						align-items: center;
-
-						image {
-							width: 40rpx;
-							height: 40rpx;
-						}
 					}
-
 				}
 
-				.btn_box {
-					width: 100%;
+			}
+
+			.btn_box {
+				width: 100%;
+				display: flex;
+				justify-content: flex-end;
+				align-items: center;
+				margin-top: 20rpx;
+
+				.delist {
+					width: 100rpx;
+					height: 50rpx;
+					border-radius: 8rpx;
+					border: 1px solid #CCCCCC;
 					display: flex;
-					justify-content: flex-end;
+					justify-content: center;
 					align-items: center;
-					margin-top: 20rpx;
-
-					.delist {
-						width: 100rpx;
-						height: 50rpx;
-						border-radius: 8rpx;
-						border: 1px solid #CCCCCC;
-						display: flex;
-						justify-content: center;
-						align-items: center;
-						font-size: 26rpx;
-						color: #666666;
-					}
+					font-size: 26rpx;
+					color: #666666;
+				}
 
-					.edit {
-						margin-left: 20rpx;
-						background: rgba(68, 154, 255, 0.05);
-						border: 1px solid #449AFF;
-						color: #449AFF;
-					}
+				.edit {
+					margin-left: 20rpx;
+					background: rgba(68, 154, 255, 0.05);
+					border: 1px solid #449AFF;
+					color: #449AFF;
 				}
 			}
 		}
+	}
 
-		.creat {
-			width: 100%;
-			height: 100rpx;
-			background-color: #fff;
+	.creat {
+		width: 100%;
+		height: 100rpx;
+		background-color: #fff;
+		display: flex;
+		justify-content: center;
+		align-items: center;
+
+		.btn {
+			width: 672rpx;
+			height: 76rpx;
 			display: flex;
 			justify-content: center;
 			align-items: center;
+			background: linear-gradient(90deg, #77B6FF 0%, #449AFF 100%);
+			border-radius: 75rpx;
+			font-size: 28rpx;
+			color: #FFFFFF;
+
+			image {
+				width: 40rpx;
+				height: 40rpx;
+				margin-right: 10rpx;
+			}
+		}
 
-			.btn {
-				width: 672rpx;
+		.operate {
+			width: 100%;
+			display: flex;
+			// justify-content: space-between;
+			align-items: center;
+			padding: 0px 20rpx;
+			justify-content: space-between;
+
+			.delete {
+				width: 205rpx;
 				height: 76rpx;
-				display: flex;
-				justify-content: center;
-				align-items: center;
 				background: linear-gradient(90deg, #77B6FF 0%, #449AFF 100%);
-				border-radius: 75rpx;
+				border-radius: 49rpx;
 				font-size: 28rpx;
 				color: #FFFFFF;
+				display: flex;
+				justify-content: center;
+				align-items: center;
+				margin-right: 24rpx;
+				margin-left: 140rpx;
+			}
+
+			.delist {
+				margin-left: 0rpx;
+				background: linear-gradient(90deg, #FFA05B 0%, #FF7918 100%);
+			}
+
+			.all {
+				width: 25%;
+				// height: 60rpx;
+				// border: 1px solid #999;
+				display: flex;
+				justify-content: center;
+				align-items: center;
 
 				image {
 					width: 40rpx;
@@ -502,163 +545,123 @@ import configService from '../../common/service/config.service'
 					margin-right: 10rpx;
 				}
 			}
+		}
+	}
+
+	.popup {
+		width: 100vw;
+		height: 100vh;
+		position: fixed;
+		top: 0;
+		left: 0;
+		background: rgba(0, 0, 0, 0.4);
+		display: flex;
+		align-items: center;
+		justify-content: center;
 
-			.operate {
+		.content {
+			width: 570rpx;
+			background: #FFFFFF;
+			border-radius: 16rpx;
+			padding: 0px 24rpx;
+			padding-bottom: 16rpx;
+
+			.title {
 				width: 100%;
+				height: 86rpx;
+				font-size: 32rpx;
+				color: #333333;
+				font-weight: 600;
+				border-bottom: 1px solid #EEEEEE;
 				display: flex;
-				// justify-content: space-between;
 				align-items: center;
-				padding: 0px 20rpx;
-				justify-content: space-between;
-				.delete {
-					width: 205rpx;
-					height: 76rpx;
-					background: linear-gradient(90deg, #77B6FF 0%, #449AFF 100%);
-					border-radius: 49rpx;
-					font-size: 28rpx;
-					color: #FFFFFF;
-					display: flex;
-					justify-content: center;
-					align-items: center;
-					margin-right: 24rpx;
-					margin-left: 140rpx;
-				}
-
-				.delist {
-					margin-left: 0rpx;
-					background: linear-gradient(90deg, #FFA05B 0%, #FF7918 100%);
-				}
-
-				.all {
-					width: 25%;
-					// height: 60rpx;
-					// border: 1px solid #999;
-					display: flex;
-					justify-content: center;
-					align-items: center;
-
-					image {
-						width: 40rpx;
-						height: 40rpx;
-						margin-right: 10rpx;
-					}
-				}
+				justify-content: center;
 			}
-		}
 
-		.popup {
-			width: 100vw;
-			height: 100vh;
-			position: fixed;
-			top: 0;
-			left: 0;
-			background: rgba(0, 0, 0, 0.4);
-			display: flex;
-			align-items: center;
-			justify-content: center;
+			.center {
+				font-size: 30rpx;
+				color: #333333;
+				line-height: 35rpx;
+				display: flex;
+				flex-direction: column;
+				align-items: center;
+				justify-content: center;
+				padding-top: 28rpx;
+				border-bottom: 1px solid #EEEEEE;
+				padding-bottom: 40rpx;
+				margin-bottom: 16rpx;
 
-			.content {
-				width: 570rpx;
-				background: #FFFFFF;
-				border-radius: 16rpx;
-				padding: 0px 24rpx;
-				padding-bottom: 16rpx;
-
-				.title {
-					width: 100%;
-					height: 86rpx;
-					font-size: 32rpx;
-					color: #333333;
-					font-weight: 600;
-					border-bottom: 1px solid #EEEEEE;
-					display: flex;
-					align-items: center;
-					justify-content: center;
+				.error {
+					text-align: center;
 				}
 
-				.center {
-					font-size: 30rpx;
-					color: #333333;
-					line-height: 35rpx;
-					display: flex;
-					flex-direction: column;
-					align-items: center;
-					justify-content: center;
-					padding-top: 28rpx;
-					border-bottom: 1px solid #EEEEEE;
-					padding-bottom: 40rpx;
-					margin-bottom: 16rpx;
-
-					.error {
-						text-align: center;
-					}
-
-					image {
-						width: 100rpx;
-						height: 100rpx;
-						margin-bottom: 10rpx;
-					}
+				image {
+					width: 100rpx;
+					height: 100rpx;
+					margin-bottom: 10rpx;
 				}
+			}
+
+			.sub {
+				width: 320rpx;
+				height: 68rpx;
+				border-radius: 66rpx;
+				font-size: 28rpx;
+				color: #FFFFFF;
+				display: flex;
+				align-items: center;
+				justify-content: center;
+				margin: 0rpx auto;
 
-				.sub {
+				.button {
 					width: 320rpx;
 					height: 68rpx;
+					background: #449AFF;
 					border-radius: 66rpx;
-					font-size: 28rpx;
-					color: #FFFFFF;
 					display: flex;
 					align-items: center;
 					justify-content: center;
-					margin: 0rpx auto;
-
-					.button {
-						width: 320rpx;
-						height: 68rpx;
-						background: #449AFF;
-						border-radius: 66rpx;
-						display: flex;
-						align-items: center;
-						justify-content: center;
-					}
 				}
+			}
 
-				.start {
-					background: #53CC48;
-				}
+			.start {
+				background: #53CC48;
+			}
 
-				.rest {
-					background: #FF8024;
-				}
+			.rest {
+				background: #FF8024;
 			}
 		}
 	}
-.tab-container {
-  display: flex;
-  justify-content: space-around;
-
-.tab-item {
-  position: relative;
-  padding: 18rpx 0;
-  cursor: pointer;
-  color: #333;
-  font-weight: 400;
-  font-size: 28rpx;
 }
 
-.tab-item.active {
-	color: #449AFF;
-	font-weight: 600;
-}
+.tab-container {
+	display: flex;
+	justify-content: space-around;
+
+	.tab-item {
+		position: relative;
+		padding: 18rpx 0;
+		cursor: pointer;
+		color: #333;
+		font-weight: 400;
+		font-size: 28rpx;
+	}
 
-.tab-item.active::after {
-  content: '';
-  position: absolute;
-  bottom: -28px;
-  left: 35%;
-  width: 38rpx;
-  height: 100%;
-  background: url(/static/product/tab-act.png) no-repeat;
-  background-size: contain;
-}
+	.tab-item.active {
+		color: #449AFF;
+		font-weight: 600;
+	}
+
+	.tab-item.active::after {
+		content: '';
+		position: absolute;
+		bottom: -28px;
+		left: 35%;
+		width: 38rpx;
+		height: 100%;
+		background: url(/static/product/tab-act.png) no-repeat;
+		background-size: contain;
+	}
 }
 </style>