From c21e88f45e72e03f91ac38884acb3407e0990ae2 Mon Sep 17 00:00:00 2001
From: zhouzhenyuan <zhouzhenyuan>
Date: Tue, 30 Jan 2024 09:53:59 +0800
Subject: [PATCH] =?UTF-8?q?=E5=9C=B0=E5=9D=80?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 pages/category/index.vue        |   2 +-
 pages/goods/detail.vue          | 224 ++++++++++++++++++++------------
 pages/login/index.vue           |   2 +
 pages/news/park/addressEdit.vue |  37 +++++-
 pages/news/park/addressList.vue |   9 +-
 pages/search/index.vue          |   7 +-
 pages/user/index.vue            |   3 +-
 7 files changed, 191 insertions(+), 93 deletions(-)

diff --git a/pages/category/index.vue b/pages/category/index.vue
index a2ad140..8bdee1c 100644
--- a/pages/category/index.vue
+++ b/pages/category/index.vue
@@ -100,7 +100,7 @@
 			goodsDetail(item){
 				// 跳转商品详情
 				uni.navigateTo({
-					url:'/pages/goods/detail'
+					url:'/pages/goods/detail?goodsId='+item.goods_id
 				})
 			},
 		}
diff --git a/pages/goods/detail.vue b/pages/goods/detail.vue
index a3798e5..7bacac3 100644
--- a/pages/goods/detail.vue
+++ b/pages/goods/detail.vue
@@ -1,10 +1,10 @@
 <template>
 	<view class="detail">
 		<view>
-			<u-navbar title=""  :border-bottom="false" title-color="#fff" ></u-navbar>
+			<u-navbar title="" :border-bottom="false" title-color="#fff"></u-navbar>
 		</view>
 		<view class="head">
-			
+
 			<view class="search">
 				<image src="/static/tabbar/home.png" mode="" class="icon" @click="goHome"></image>
 				<view class="searInput" @click="goSearch">
@@ -18,14 +18,14 @@
 			</view>
 			<view class="swiper">
 				<scroll-view class="goods" scroll-x="true" @scroll="scroll">
-					<view class="goodsItem" v-for="(item,index) in 4" :key="index">
-						<image src="/static/detail/tv.png" mode="" class="goodsImg"></image>
+					<view class="goodsItem" v-for="(item,index) in goods.goods_images" :key="index">
+						<image :src="item.preview_url" mode="" class="goodsImg"></image>
 						<view class="num">
 							<view class="numSp">
 
 							</view>
 							<view class="numInfo">
-								{{index+1}}/4
+								{{index+1}}/{{goods.goods_images.length}}
 							</view>
 						</view>
 					</view>
@@ -37,15 +37,15 @@
 			<view class="goodsPrice">
 				<view class="left">
 					<view class="leftPrice">
-						<text>￥</text>4980
+						<text>￥</text>{{goods.goods_price_min}}
 					</view>
 					<view class="sellPrice">
-						<text class="sellLeft">分销价</text>￥3999
+						<text class="sellLeft">分销价</text>￥{{}}
 					</view>
 				</view>
 				<view class="right">
 					<view class="rightPrice">
-						￥4980
+						￥{{goods.line_price_min}}
 					</view>
 					<view class="rightInfo">
 						降价通知
@@ -65,8 +65,7 @@
 			</view>
 			<view class="goodsDetail">
 				<view class="goodsName">
-					夏普4T-M70H7DA 70英寸 4K 高清进口屏智能语音
-					平板液晶电视机6575
+					{{goods.goods_name}}
 				</view>
 				<view class="goodsOpera">
 					<view class="goodsNum">
@@ -149,7 +148,7 @@
 			</view>
 		</view>
 		<view class="vacancy">
-			
+
 		</view>
 		<view class="footer">
 			<view class="fooLeft">
@@ -170,7 +169,7 @@
 					</view>
 				</view>
 			</view>
-			
+
 			<view class="fooRight">
 				<view class="addCar" v-if="!isPre">
 					加入购物车
@@ -182,15 +181,15 @@
 					立即预约
 				</view>
 			</view>
-			
+
 		</view>
 		<view class="dia" v-if="openDialog">
-			<view class="preSuc"  v-if="diaShow">
+			<view class="preSuc" v-if="diaShow">
 				<view class="preImg">
 					<image src="../../static/order/ld.png" mode="" class="ldImg"></image>
 				</view>
 				<view class="preTitle">
-					预约成功 
+					预约成功
 				</view>
 				<view class="iKnow">
 					我知道了
@@ -205,7 +204,7 @@
 				</view>
 				<view class="msp">
 					<text>秒杀价:</text>
-					<input type="text" placeholder="秒杀价格可低于成本价" class="inp"/>
+					<input type="text" placeholder="秒杀价格可低于成本价" class="inp" />
 				</view>
 				<view class="qj">
 					<text class="msQj">秒杀区间:</text>
@@ -221,7 +220,7 @@
 				</view>
 				<view class="msLimit">
 					<text>秒杀限购:</text>
-					<switch  @change="switch1Change" />
+					<switch @change="switch1Change" />
 				</view>
 				<view class="peoLimit">
 					<text>每人限购</text>
@@ -275,7 +274,7 @@
 						<view class="shareText">
 							生成海报
 						</view>
-					</view>	
+					</view>
 				</view>
 				<view class="shareCancel" @click="shareCancel">
 					取消
@@ -285,55 +284,70 @@
 	</view>
 </template>
 <script>
+	import * as GoodsApi from '@/api/goods'
 	export default {
 		data() {
 			return {
-				diaShow:false,
+				diaShow: false,
 				searchValue: '',
-				isPre:false,
-				setPrice:false,
-				openDialog:false,
+				isPre: false,
+				setPrice: false,
+				openDialog: false,
+				goodsId: '',
+				goods:{},
 			}
 		},
-		onLoad(options){
+		onLoad(options) {
 			this.isPre = options.isPre
+			this.getGoodsDetail(options.goodsId)
 		},
-		methods:{
-			goHome(){
+		methods: {
+			// 获取商品信息
+			getGoodsDetail(val) {
+				const that = this
+				return new Promise((resolve, reject) => {
+					GoodsApi.detail(val)
+						.then(result => {
+							that.goods = result.data.detail
+						})
+						.catch(reject)
+				})
+			},
+			goHome() {
 				uni.navigateTo({
-					url:'/pages/index/index'
+					url: '/pages/index/index'
 				})
 			},
-			goRanking(){
+			goRanking() {
 				// 跳转排行榜
 				uni.navigateTo({
-					url:'/pages/activity/charts'
+					url: '/pages/activity/charts'
 				})
 			},
-			goMember(){
+			goMember() {
 				uni.navigateTo({
-					url:'/pages/member/index'
+					url: '/pages/member/index'
 				})
 			},
-			shoppingCart(){
+			shoppingCart() {
 				// 购物车
 				uni.switchTab({
-					url:'/pages/cart/index'
+					url: '/pages/cart/index'
 				})
 			},
-			goSearch(){
+			goSearch() {
 				// 购物车
 				uni.navigateTo({
-					url:'/pages/search/index'
+					url: '/pages/search/index'
 				})
 			},
-			buyNow(){
+			buyNow() {
 				// 立即下单
 				uni.navigateTo({
-					url:'/pages/sureOrder/index'
+					url: '/pages/sureOrder/index'
 				})
 			},
-			shareCancel(){
+			shareCancel() {
 				// 
 			},
 		}
@@ -855,10 +869,12 @@
 			}
 		}
 	}
-	.vacancy{
+
+	.vacancy {
 		width: 100%;
 		height: 150rpx;
 	}
+
 	.footer {
 		position: fixed;
 		bottom: 0;
@@ -872,15 +888,18 @@
 		align-items: center;
 		text-align: center;
 		justify-content: space-between;
-		.fooLeft{
+
+		.fooLeft {
 			display: flex;
 			align-items: center;
 		}
-		.fooRight{
+
+		.fooRight {
 			display: flex;
 			align-items: center;
 			margin-right: 20rpx;
 		}
+
 		.firstBtn {
 			margin-left: 60rpx;
 		}
@@ -907,11 +926,13 @@
 				color: #3D3D3D;
 				line-height: 28rpx;
 			}
-			.car{
+
+			.car {
 				width: 60rpx;
 			}
 		}
-		.addCar{
+
+		.addCar {
 			width: 196rpx;
 			height: 78rpx;
 			background: #FF9E2B;
@@ -924,7 +945,8 @@
 			line-height: 78rpx;
 			text-align: center;
 		}
-		.buyNow{
+
+		.buyNow {
 			width: 212rpx;
 			height: 78rpx;
 			background: linear-gradient(102deg, #FE5E06 0%, #F3221A 100%);
@@ -939,18 +961,20 @@
 			margin-left: 8rpx;
 		}
 	}
-	.dia{
+
+	.dia {
 		position: fixed;
 		top: 0;
 		left: 0;
 		width: 100%;
 		height: 100%;
-		background: rgba(69,69,69,0.44);
+		background: rgba(69, 69, 69, 0.44);
 		display: flex;
 		justify-content: center;
 		align-items: center;
 		text-align: center;
-		.preSuc{
+
+		.preSuc {
 			width: 560rpx;
 			height: 400rpx;
 			background: linear-gradient(180deg, #FFE4E4 0%, #FFFFFF 100%);
@@ -959,17 +983,20 @@
 			display: flex;
 			flex-direction: column;
 			align-items: center;
-			.preImg{
+
+			.preImg {
 				width: 100rpx;
 				height: 100rpx;
 				position: relative;
 				top: -50rpx;
-				.ldImg{
+
+				.ldImg {
 					width: 100%;
 					height: 100%;
 				}
 			}
-			.preTitle{
+
+			.preTitle {
 				height: 44rpx;
 				font-size: 32rpx;
 				font-family: PingFang SC, PingFang SC;
@@ -978,7 +1005,8 @@
 				line-height: 38rpx;
 				margin-top: 32rpx;
 			}
-			.iKnow{
+
+			.iKnow {
 				width: 412rpx;
 				height: 72rpx;
 				background: #F55349;
@@ -993,13 +1021,15 @@
 				margin-top: 70rpx;
 			}
 		}
-		.setMs{
+
+		.setMs {
 			width: 656rpx;
 			height: 690rpx;
 			background: #FFFFFF;
 			border-radius: 12rpx 12rpx 12rpx 12rpx;
 			opacity: 1;
-			.msprice{
+
+			.msprice {
 				width: 100%;
 				height: 44rpx;
 				font-size: 32rpx;
@@ -1011,15 +1041,18 @@
 				margin-top: 24rpx;
 				margin-bottom: 26rpx;
 			}
-			.msLine{
+
+			.msLine {
 				margin-bottom: 30rpx;
 			}
-			.msp{
+
+			.msp {
 				display: flex;
 				align-items: center;
 				justify-content: center;
 				margin-bottom: 30rpx;
-				.inp{
+
+				.inp {
 					width: 440rpx;
 					height: 72rpx;
 					background: #FFFFFF;
@@ -1030,22 +1063,26 @@
 					line-height: 72rpx;
 				}
 			}
-			.qj{
+
+			.qj {
 				font-size: 28rpx;
 				font-weight: 400;
 				color: #262626;
 				line-height: 33rpx;
 				margin-bottom: 34rpx;
-				.msQj{
+
+				.msQj {
 					position: relative;
-					left:-218rpx;	
+					left: -218rpx;
 				}
-				.date{
+
+				.date {
 					display: flex;
 					align-items: center;
 					justify-content: center;
 					margin-top: 16rpx;
-					.timeCommn{
+
+					.timeCommn {
 						width: 260rpx;
 						height: 68rpx;
 						background: #F1F1F1;
@@ -1058,15 +1095,18 @@
 						color: #929292;
 						padding-left: 34rpx;
 					}
-					.beginTime{
+
+					.beginTime {
 						margin-right: 16rpx;
 					}
-					.endTime{
+
+					.endTime {
 						margin-left: 20rpx;
 					}
 				}
 			}
-			.msLimit{
+
+			.msLimit {
 				display: flex;
 				justify-content: space-between;
 				padding: 0 38rpx 0 42rpx;
@@ -1076,11 +1116,13 @@
 				color: #262626;
 				line-height: 33rpx;
 			}
-			.peoLimit{
+
+			.peoLimit {
 				display: flex;
 				margin-left: 42rpx;
 				align-items: center;
-				.num{
+
+				.num {
 					width: 106rpx;
 					height: 60rpx;
 					background: #FFFFFF;
@@ -1092,11 +1134,13 @@
 					margin: 0 18rpx 0 16rpx;
 				}
 			}
-			.operaBtn{
+
+			.operaBtn {
 				display: flex;
 				justify-content: center;
 				margin-top: 52rpx;
-				.btnComm{
+
+				.btnComm {
 					width: 216rpx;
 					height: 70rpx;
 					background: #EEEEEE;
@@ -1105,14 +1149,15 @@
 					line-height: 70rpx;
 					text-align: center;
 				}
-				.sureBtn{
+
+				.sureBtn {
 					width: 214rpx;
 					height: 74rpx;
 					background: linear-gradient(180deg, #FD5D06 0%, #F3211A 100%);
 					border-radius: 100rpx 100rpx 100rpx 100rpx;
 					opacity: 1;
 					text-align: center;
-					line-height:74rpx ;
+					line-height: 74rpx;
 					font-size: 28rpx;
 					font-weight: 500;
 					color: #FFFFFF;
@@ -1120,7 +1165,8 @@
 				}
 			}
 		}
-		.shareWechat{
+
+		.shareWechat {
 			width: 656rpx;
 			height: 884rpx;
 			background: #FFFFFF;
@@ -1129,22 +1175,26 @@
 			display: flex;
 			flex-direction: column;
 			padding-top: 24rpx;
-			.shareGoods{
+
+			.shareGoods {
 				margin-left: 28rpx;
 				width: 604rpx;
 				height: 382rpx;
 				border-radius: 0rpx 0rpx 0rpx 0rpx;
 				opacity: 1;
-				image{
+
+				image {
 					width: 100%;
 					height: 100%;
 				}
 			}
-			.shareInfo{
+
+			.shareInfo {
 				display: flex;
 				align-items: center;
 				margin-top: 12rpx;
-				.shareGoodsInfo{
+
+				.shareGoodsInfo {
 					width: 410rpx;
 					height: 120rpx;
 					font-size: 28rpx;
@@ -1152,7 +1202,8 @@
 					color: #000000;
 					line-height: 33rpx;
 				}
-				.sharePrice{
+
+				.sharePrice {
 					height: 64rpx;
 					font-size: 46rpx;
 					font-family: PingFang SC, PingFang SC;
@@ -1161,14 +1212,16 @@
 					line-height: 54rpx;
 				}
 			}
-			.shareOpera{
+
+			.shareOpera {
 				display: flex;
 				align-items: center;
 				justify-content: space-around;
 				margin-top: 36rpx;
 				margin-bottom: 46rpx;
-				.operaItem{
-					.imgIcon{
+
+				.operaItem {
+					.imgIcon {
 						width: 88rpx;
 						height: 88rpx;
 						background: linear-gradient(180deg, #EC6244 0%, #FA938C 100%);
@@ -1177,17 +1230,21 @@
 						line-height: 88rpx;
 						text-align: center;
 						color: #fff;
-						.iconIm{
+
+						.iconIm {
 							font-size: 32rpx;
 						}
 					}
-					.weChatIcon{
+
+					.weChatIcon {
 						background: #28C445;
 					}
-					.hb{
+
+					.hb {
 						background: linear-gradient(180deg, #53A2EE 0%, #6FB2F4 100%);
 					}
-					.shareText{
+
+					.shareText {
 						width: 96rpx;
 						height: 34rpx;
 						font-size: 24rpx;
@@ -1198,7 +1255,8 @@
 					}
 				}
 			}
-			.shareCancel{
+
+			.shareCancel {
 				width: 556rpx;
 				height: 82rpx;
 				background: #EEEEEE;
diff --git a/pages/login/index.vue b/pages/login/index.vue
index bb0a3f0..491d99e 100644
--- a/pages/login/index.vue
+++ b/pages/login/index.vue
@@ -68,6 +68,7 @@
 						that.countdown = that.countdown - 1
 					} else {
 						that.showCountDown = false
+						that.countdown = 60
 						clearInterval(that.countDownFun)
 					}
 				
@@ -136,6 +137,7 @@
 	.login {
 		width: 100%;
 		background: #fffafb url(@/static/news/login-bg.png) center top no-repeat;
+		background-size: 100% 100%;
 		background-size: 100% auto;
 		min-height: 100vh;
 
diff --git a/pages/news/park/addressEdit.vue b/pages/news/park/addressEdit.vue
index 586945b..f68641a 100644
--- a/pages/news/park/addressEdit.vue
+++ b/pages/news/park/addressEdit.vue
@@ -16,8 +16,8 @@
 			<view class="item">
 				<view class="a">所属城市</view>
 				<view class="b">
-					<picker mode="region">
-						<view class="select">请选择省市区<u-icon name="arrow-right"></u-icon></view>
+					<picker mode="region" :value="form.region" @change="bindCityChange">
+						<view class="select">{{cityInfo.province}}{{cityInfo.city}}{{cityInfo.area}}<u-icon name="arrow-right"></u-icon></view>
 					</picker>
 				</view>
 			</view>
@@ -45,8 +45,15 @@
 	export default {
 		data() {
 			return {
+				array:[],
+				index:0,
 				checked: false,
 				value: "",
+				cityInfo:{
+					province:'请选择省市区',
+					city:'',
+					area:''
+				},
 				form: {
 					content: '',
 					name: '',
@@ -54,13 +61,35 @@
 					region: [],
 					detail: ''
 				},
+				addressDetail:null,
 			};
 		},
-		methods: {
+		onLoad(optios){
+			if(optios.addressDetail){
+				this.addressDetail =JSON.parse(optios.addressDetail) ;
+				this.cityInfo.province = this.addressDetail.region.province;
+				this.cityInfo.city = this.addressDetail.region.city;
+				this.cityInfo.area = this.addressDetail.region.region;
+				this.form.name = this.addressDetail.name;
+				this.form.phone = this.addressDetail.phone;
+				this.form.region = [this.addressDetail.province_id,this.addressDetail.city_id,this.addressDetail.region_id];
+				this.form.detail = this.addressDetail.detail;
+				console.log(this.addressDetail,'收货地址详情')
+			}
+		},
+		methods: {	
+			bindCityChange(e){
+				console.log(e,'选择的省市区数据')
+				this.cityInfo.province = e.detail.value[0];
+				this.cityInfo.city = e.detail.value[1];
+				this.cityInfo.area = e.detail.value[2];
+				this.form.region = e.detail.code;
+			},
 			saveAddress() {
 				// 保存收货地址
 				const that = this
-				AddressApi.add(that.form)
+				let params = that.form
+				AddressApi.add(params)
 					.then(result => {
 						that.$toast(result.message)
 						uni.navigateBack()
diff --git a/pages/news/park/addressList.vue b/pages/news/park/addressList.vue
index f5a1c48..2d1d0d1 100644
--- a/pages/news/park/addressList.vue
+++ b/pages/news/park/addressList.vue
@@ -6,7 +6,7 @@
 				<view class="d">
 					{{item.detail}}
 				</view>
-				<image src="/static/order/edit.png"></image>
+				<image src="/static/order/edit.png" @click="editAddress(item)"></image>
 			</view>
 		</view>
 		<view class="footer">
@@ -29,6 +29,7 @@
 			this.getAddressList()
 		},
 		methods: {
+			
 			getAddressList() {
 				const that = this
 				return new Promise((resolve, reject) => {
@@ -39,6 +40,12 @@
 						.catch(reject)
 				})
 			},
+			editAddress(item){
+				// 编辑收货地址
+				uni.navigateTo({
+					url:'/pages/news/park/addressEdit?addressDetail=' + JSON.stringify(item)
+				})
+			},
 			addAddress(){
 				uni.navigateTo({
 					url:'/pages/news/park/addressEdit'
diff --git a/pages/search/index.vue b/pages/search/index.vue
index 274136b..9e1af62 100644
--- a/pages/search/index.vue
+++ b/pages/search/index.vue
@@ -3,7 +3,7 @@
 		<view class="search">
 			<image src="/static/home/search.png" mode="" class="searchIcon"></image>
 			<input v-model="searchValue" class="input" focus="true" placeholder="请输入您搜索的商品" type="text" />
-			<view class="searchBtn">
+			<view class="searchBtn" @click="getSearchInfo">
 				搜索
 			</view>
 		</view>
@@ -86,7 +86,10 @@
 		},
 
 		methods: {
-
+			getSearchInfo(){
+				// 搜索
+				
+			},
 		}
 	}
 </script>
diff --git a/pages/user/index.vue b/pages/user/index.vue
index 713da81..d6f2925 100644
--- a/pages/user/index.vue
+++ b/pages/user/index.vue
@@ -87,7 +87,7 @@
 						src="https://lanhu.oss-cn-beijing.aliyuncs.com/FigmaDDSSlicePNG734520a67fe8e1d927b6d6e351bd2ade.png"
 						class="thumbnail_4"></image>
 				</view>
-				<view class="grounding" v-if="userInfo.user_type==1">
+				<view class="grounding">
 					<view class="image-text_2">
 						<image src="/static/user/shelf.png" class="label_1"></image>
 						<view class="text-group_2">
@@ -477,7 +477,6 @@
 			// 刷新页面
 			onRefreshPage() {
 				this.isLogin = checkLogin()
-				console.log(this.isLogin,'是否登录')
 				// 获取页面数据
 				this.getUserInfo()
 			},