From 27e34fd43cc984ebf51d7ccde679f6855ea48aac Mon Sep 17 00:00:00 2001
From: lnn19986213 <1667908750@qq.com>
Date: Wed, 20 Apr 2022 17:11:09 +0800
Subject: [PATCH] =?UTF-8?q?=E6=96=B0=E5=A2=9E=C2=B7?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/pages.json                             |  27 ++-
 src/pages/ConfirmOrder/fictitiousOrder.vue | 197 +++++++++++++++++++++
 src/pages/ConfirmOrder/purchaseDetail.vue  | 114 ++++++++++++
 src/pages/MyOrder/detail.vue               |   8 +
 src/pages/MyOrder/fictitiousDetail.vue     | 173 ++++++++++++++++++
 src/pages/ShoppingCart/ShoppingCart.vue    |  11 +-
 src/static/error.png                       | Bin 0 -> 1384 bytes
 src/static/jfIcon.png                      | Bin 0 -> 1724 bytes
 src/static/linkIcon.png                    | Bin 0 -> 2049 bytes
 src/static/success.png                     | Bin 0 -> 1545 bytes
 10 files changed, 528 insertions(+), 2 deletions(-)
 create mode 100644 src/pages/ConfirmOrder/fictitiousOrder.vue
 create mode 100644 src/pages/ConfirmOrder/purchaseDetail.vue
 create mode 100644 src/pages/MyOrder/fictitiousDetail.vue
 create mode 100644 src/static/error.png
 create mode 100644 src/static/jfIcon.png
 create mode 100644 src/static/linkIcon.png
 create mode 100644 src/static/success.png

diff --git a/src/pages.json b/src/pages.json
index 6234c61..998c8eb 100644
--- a/src/pages.json
+++ b/src/pages.json
@@ -283,6 +283,24 @@
                 "enablePullDownRefresh": false
             }
         }
+		//虚拟物品-线上交易
+		,{
+		    "path" : "pages/ConfirmOrder/fictitiousOrder",
+		    "style" :                                                                                    
+		    {
+		        "navigationBarTitleText": "确认订单",
+		        "enablePullDownRefresh": false
+		    }
+		}
+		//虚拟物品-购买详情
+		,{
+		    "path" : "pages/ConfirmOrder/purchaseDetail",
+		    "style" :                                                                                    
+		    {
+		        "navigationBarTitleText": "购买详情",
+		        "enablePullDownRefresh": false
+		    }
+		}
         ,{
             "path" : "pages/Login/Login",
             "style" :                                                                                    
@@ -328,7 +346,14 @@
 		        "enablePullDownRefresh": false
 		    }
 		}
-		
+		,{
+		    "path" : "pages/MyOrder/fictitiousDetail",
+		    "style" :                                                                                    
+		    {
+		        "navigationBarTitleText": "订单详情",
+		        "enablePullDownRefresh": false
+		    }
+		}
     ],
 	"globalStyle": {
 		"navigationBarTextStyle": "black", //导航栏标题颜色及状态栏前景颜色，仅支持 black/white
diff --git a/src/pages/ConfirmOrder/fictitiousOrder.vue b/src/pages/ConfirmOrder/fictitiousOrder.vue
new file mode 100644
index 0000000..e071ae2
--- /dev/null
+++ b/src/pages/ConfirmOrder/fictitiousOrder.vue
@@ -0,0 +1,197 @@
+<template>
+	<view>
+		<view class="goods_box bg_col_cirle_margin">
+			<view class="goods_itm">
+				<view class="goods_itm_top">
+					<image style="width: 46rpx; height: 46rpx;" src="../../static/DataSearch/TxtImg.png" mode=""></image>
+					<text class="goods_itm_top_title">周科</text>
+				</view>
+				<view class="goods_itm_bott">
+					<image style="width: 148rpx; height: 156rpx;" src="../../static/DataSearch/TxtImg.png" mode="">
+					</image>
+					<view class="goods_itm_bott_left">
+						<text style="font-weight: 600;">绘画作品</text>
+						<view class="goods_itm_bott_left_count">
+							<text>x1</text> <text>80积分</text>
+						</view>
+					</view>
+				</view>
+			</view>
+		</view>
+
+		<view class="price_box bg_col_cirle_margin">
+			<view class="price_total">
+				<view class="price_total_left">
+					商品总价
+				</view>
+				<view class="price_total_right">
+					<image style="width: 40rpx; height: 40rpx;" src="../../static/jfIcon.png" mode=""></image>
+					<text style="margin-left: 5px;">80</text>
+				</view>
+			</view>
+		</view>
+
+		
+		
+		<view class="bottom_opration">
+			<view class="txt">
+				<text>合计：</text>  <text class="total_prc_color">80积分</text>
+			</view>
+			<view class="pay_button">
+				立即支付
+			</view>
+		</view>
+	</view>
+</template>
+
+<script>
+	export default {
+		data() {
+			return {
+
+			};
+		}
+	}
+</script>
+
+<style lang="scss">
+	page{
+		background-color: #F4F5F7;
+	}
+	image{
+		vertical-align: middle;
+	}
+	.person_des {
+		 
+		display: flex;
+
+		.person_con {
+			flex: 1;
+			margin-left: 24rpx;
+
+			.person_con_t {
+				display: flex;
+				align-items: center;
+				justify-content: space-between;
+				.info_txt{
+					font-weight: 600;
+					font-size: 32rpx;
+					margin-bottom: 16rpx;
+				}
+			}
+		}
+	}
+
+	.goods_box {
+	 
+		.goods_itm {
+			.goods_itm_top{
+				display: flex;
+				align-items: center;
+				.goods_itm_top_title{
+					margin-left: 10px;
+					font-size: 16px;
+					font-weight: 600;
+				}
+			}
+				
+			.goods_itm_bott{
+			margin-top: 16rpx;
+				display: flex;
+				.goods_itm_bott_left{
+					flex: 1;
+					margin-left: 36rpx;
+					.goods_itm_bott_left_count{
+						color: $gray;
+						display: flex;
+						justify-content: space-between;
+						  
+					}
+				}
+				
+			}
+		}
+	}
+	
+	.price_box{
+			background-color: #FFFFFF;
+		.price_tit{
+			font-weight: 600;
+			border-bottom: 1rpx #E0E0E0 solid;
+			padding-bottom: 32rpx;
+		}
+		.price_total{
+			width: 100%;
+			height: 32px;
+			line-height: 32px;
+			overflow: hidden;
+			.price_total_left{
+				float: left;
+				font-size: 16px;
+				font-weight: 600;
+			}
+			.price_total_right{
+				float: right;
+				font-size: 16px;
+				font-weight: 600;
+			}
+		}
+		.express_price{
+				padding: 24rpx 0;
+			display: flex;
+			justify-content: space-between;
+			align-items: center;
+		}
+	}
+	.pay_methods{
+		
+		display: flex;
+		justify-content: space-between;
+		align-items: center;
+		font-weight: 600;
+	}
+	// 辅助
+	.bg_col_cirle_margin{
+		background-color: #FFFFFF;
+		margin-top: 16rpx;
+		border-radius: 16rpx;
+		overflow: hidden;
+		width: calc(100% - 64rpx);
+		margin: 16rpx auto;
+		padding: 32rpx;
+		box-sizing: border-box;
+	}
+	.bottom_opration{
+		position: fixed;
+		bottom: 0;
+		left: 0;
+		width: 100%;
+		padding: 32rpx;
+		box-sizing: border-box;
+		background-color: #FFFFFF;
+		justify-content: space-between;
+		display: flex;
+		align-items: center;
+		height: 166rpx;
+		.txt{
+			display: flex;
+			align-items: center;
+			.total_prc_color{
+				font-weight: 600;
+				color: #FF6600;
+				font-size: 44rpx;
+			}
+		}
+			
+		.pay_button{
+			background-color: $red;
+			color: #FFFFFF;
+			width: 284rpx;
+			height: 80rpx;
+			border-radius: 8rpx;
+			display: flex;
+			justify-content: space-around;
+			align-items: center;
+		}
+	}
+</style>
diff --git a/src/pages/ConfirmOrder/purchaseDetail.vue b/src/pages/ConfirmOrder/purchaseDetail.vue
new file mode 100644
index 0000000..24ecf74
--- /dev/null
+++ b/src/pages/ConfirmOrder/purchaseDetail.vue
@@ -0,0 +1,114 @@
+<template>
+	<view v-if="success == 0">
+		<view class="success_box">
+			<view class="success_icon">
+				<image style="width: 64rpx; height: 64rpx;" src="../../static/success.png" mode=""></image>
+			</view>
+			<view class="success_text">
+				购买成功！
+			</view>
+		</view>
+		<view class="button" @click="toDetail(1)">
+			查看订单
+		</view>
+	</view>
+	<view v-else-if="success == 1">
+		<view class="error_box" >
+			<view class="error_icon">
+				<image style="width: 64rpx; height: 64rpx;" src="../../static/error.png" mode=""></image>
+			</view>
+			<view class="error_text">
+				购买失败！您的积分不足噢！
+			</view>
+		</view>
+		
+		<view class="button" @click="returnBack()">
+			返回
+		</view>
+	</view>
+</template>
+
+<script>
+	export default {
+		data() {
+			return {
+				success: 1,
+			};
+		},
+		methods:{
+			toDetail(val){
+				console.log(val)
+			},
+			returnBack(){
+				uni.navigateBack()
+			}
+		}
+	}
+</script>
+
+<style lang="scss">
+	page {
+		background-color: #F4F5F7;
+	}
+
+	.success_box {
+		width: 100%;
+		height: 144rpx;
+		background-color: #FFFFFF;
+		position: relative;
+
+		.success_icon {
+			width: 64rpx;
+			height: 64rpx;
+			position: absolute;
+			top: 39rpx;
+			left: 250rpx;
+		}
+
+		.success_text {
+			position: absolute;
+			left: 340rpx;
+			font-size: 36rpx;
+			font-weight: 600;
+			line-height: 144rpx;
+		}
+	}
+
+	.error_box {
+		width: 100%;
+		height: 144rpx;
+		background-color: #FFFFFF;
+		position: relative;
+
+		.error_icon {
+			width: 64rpx;
+			height: 64rpx;
+			position: absolute;
+			top: 39rpx;
+			left: 110rpx;
+		}
+
+		.error_text {
+			position: absolute;
+			left: 200rpx;
+			font-size: 36rpx;
+			font-weight: 600;
+			line-height: 144rpx;
+		}
+	}
+
+	.button {
+		width: 90%;
+		height: 50px;
+		line-height: 50px;
+		text-align: center;
+		margin-top: 26px;
+		margin-left: 5%;
+		background-color: #99241B;
+		color: #FFFFFF;
+		font-size: 18px;
+		font-family: PingFangSC-Semibold, PingFang SC;
+		font-weight: 600;
+		border-radius: 4px;
+	}
+</style>
diff --git a/src/pages/MyOrder/detail.vue b/src/pages/MyOrder/detail.vue
index 8dfbdda..6c08235 100644
--- a/src/pages/MyOrder/detail.vue
+++ b/src/pages/MyOrder/detail.vue
@@ -63,6 +63,14 @@
 					2022-03-23 20:22:03
 				</view>
 			</view>
+			<view class="line">
+				<view class="lineLeft">
+					发货时间：
+				</view>
+				<view class="lineRight">
+					2022-03-23 20:22:03
+				</view>
+			</view>
 		</view>
 	</view>
 </template>
diff --git a/src/pages/MyOrder/fictitiousDetail.vue b/src/pages/MyOrder/fictitiousDetail.vue
new file mode 100644
index 0000000..be31c32
--- /dev/null
+++ b/src/pages/MyOrder/fictitiousDetail.vue
@@ -0,0 +1,173 @@
+<template>
+	<view>
+		<view class="goods_box bg_col_cirle_margin">
+			<view class="goods_itm">
+				<view class="goods_itm_top">
+					<!-- <image style="width: 46rpx; height: 46rpx;" src="../../static/DataSearch/Delet.png" mode=""></image> -->
+					<text class="goods_itm_top_title">商品详情</text>
+				</view>
+				<view class="goods_itm_bott">
+					<image style="width: 148rpx; height: 156rpx;" src="../../static/DataSearch/TxtImg.png" mode="">
+					</image>
+					<view class="goods_itm_bott_left">
+						<text style="font-weight: 600;">绘画作品</text>
+						<view class="goods_itm_bott_left_count">
+							<text>x1</text> <text>￥80</text>
+						</view>
+					</view>
+				</view>
+			</view>
+		</view>
+
+		<view class="price_box bg_col_cirle_margin">
+			<view class="price_tit">
+				取货链接
+			</view>
+			<view class="image_box">
+				<image style="width: 64rpx; height: 64rpx;" src="../../static/linkIcon.png" mode="">
+				</image>
+			</view>
+			<view class="word_link" @click="copy(item)">
+				{{item.url}}
+			</view>
+			<view class="word_link_pas">
+				提取码：{{item.pass}}
+			</view>
+		</view>
+	</view>
+</template>
+
+<script>
+	export default {
+		data() {
+			return {
+				id: '',
+				item:{
+					url:'https://www.cnblogs.com/phpyangbo/p/14656524.html',
+					pass:'1565',
+				}
+			};
+		},
+		onLoad(o) {
+			this.id = o.id
+			console.log(this.id)
+		},
+		methods: {
+			toRefund() {
+				console.log('退款')
+				// uni.navigateTo({
+				// 	url: "/pages/MyOrder/refund?id=" + val
+				// })
+			},
+			copy(val) {
+				uni.showModal({
+					title: '复制链接',
+					content: val.url,
+					confirmText: '复制',
+					success: function(res) {
+						if (res.confirm) {
+							uni.setClipboardData({
+								data: val.url,
+								success: () => { //复制成功的回调函数
+									uni.showToast({ //提示
+										title: '复制成功'
+									})
+								}
+							});
+							console.log('用户点击确定');
+						} else if (res.cancel) {
+							console.log('用户点击取消');
+						}
+					}
+				});
+			},
+		}
+	}
+</script>
+
+<style lang="scss">
+	page {
+		background-color: #F4F5F7;
+	}
+
+	image {
+		vertical-align: middle;
+	}
+
+	.goods_box {
+
+		.goods_itm {
+			.goods_itm_top {
+				.goods_itm_top_title {
+					font-weight: 600;
+					font-size: 16px;
+				}
+			}
+
+			.goods_itm_bott {
+				margin-top: 16rpx;
+				display: flex;
+
+				.goods_itm_bott_left {
+					flex: 1;
+					margin-left: 30rpx;
+
+					.goods_itm_bott_left_count {
+						color: $gray;
+						display: flex;
+						justify-content: space-between;
+						margin-top: 10px;
+
+					}
+				}
+
+			}
+		}
+	}
+
+	.price_box {
+		background-color: #FFFFFF;
+
+		.price_tit {
+			font-size: 18px;
+			font-weight: 600;
+			border-bottom: 1rpx #E0E0E0 solid;
+			padding-bottom: 20rpx;
+		}
+
+		.image_box {
+			width: 80rpx;
+			margin-top: 20rpx;
+			float: left;
+		}
+
+		.word_link {
+			float: left;
+			width: calc(100% - 100rpx);
+			margin-top: 20rpx;
+			font-size: 16px;
+			font-weight: 600;
+			color: #99241B;
+			line-height: 30px;
+			white-space: nowrap;      /*超出的空白区域不换行*/
+			overflow: hidden;         /*超出隐藏*/
+			text-overflow: ellipsis;  /*文本超出显示省略号*/
+		}
+
+		.word_link_pas {
+			font-weight: 600;
+		}
+	}
+
+	// 辅助
+	.bg_col_cirle_margin {
+		background-color: #FFFFFF;
+		margin-top: 16rpx;
+		border-radius: 16rpx;
+		overflow: hidden;
+		width: calc(100% - 64rpx);
+		margin: 16rpx auto;
+		padding: 32rpx;
+		box-sizing: border-box;
+	}
+</style>
diff --git a/src/pages/ShoppingCart/ShoppingCart.vue b/src/pages/ShoppingCart/ShoppingCart.vue
index 7bad1af..a1596aa 100644
--- a/src/pages/ShoppingCart/ShoppingCart.vue
+++ b/src/pages/ShoppingCart/ShoppingCart.vue
@@ -140,7 +140,16 @@
 				allMoney: 88,
 			};
 		},
+		onShow() {
+			this.getData()
+		},
 		methods: {
+			getData(){
+				uni.setNavigationBarTitle({
+				    title: '购物车(' + this.list.length + ')'
+				});
+
+			},
 			del(i) {
 				console.log(i)
 			},
@@ -237,7 +246,7 @@
 
 							.top_right {
 								margin-left: 5px;
-								line-height: 35px;
+								line-height: 38px;
 								font-size: 16px;
 								font-family: PingFangSC-Medium, PingFang SC;
 								font-weight: 700;
diff --git a/src/static/error.png b/src/static/error.png
new file mode 100644
index 0000000000000000000000000000000000000000..6a05620f5775dfb008b01cb0acb5412e0fac82a0
GIT binary patch
literal 1384
zcmV-u1(*7XP)<h;3K|Lk000e1NJLTq002M$002M;1^@s6s%dfF00001b5ch_0Itp)
z=>Px)B1uF+RCr$Pn_p;Kbri?H=cZkqwr>6zg1)Q>otUJ8?W62TA7n|WXnV^<Y(e`t
zVV&FCI(^$*1%0ewD;h~!!J2gVpig6Owm#&h;tH;NQIKxa+Uk}yy+?jGBqV8Wa{u3}
z>4icezjJ=)_xYXQzw<jkg3I5J!!I8>Kpn?bLYP2(03QSJ7y&&f{fTdjfh_>H0lLoM
zHHoo$pNm(YU-)*zO%urt<+<S#1Cm51LG&W490ifJdYG9cQo#JZs`8ip3s+X0w%3|r
z4XpS%k?7fZ023tfI5Wad8!Ge>VU<;y?YxJXXEGV#F}6S30M>_w4sRbQz5~K3fF8AN
zks$?q2aJ!q?{|FEySVtLArYNImH{w8KaIxU+-1H*pd)sSuqw;ojS$h<XH(hF2w*FE
zECEpDp{I#<=a}(=l}eqKA;LB0&{#CR_={QHrUB&S#4thq1fWA^D|5FzZ%Pz;E1de~
zD>L;N1|VEMFULM0&}s3%nM%AWD~17sKa8Z8-ZeTT3^inVVxY5Y^Ql>YU-zmp_UfTz
z;n1(+gEK2Tt@N}6pf&!lC%*>cL@Q;1`kip4@bGW1w1UtSK*{YBpZ|AyzP<}68A)f}
zXf_<00#M}GWq>9F)w8CJ;pu34>5QJ3E&wsxOW?E{6CMEtFr9zsL1{)9_V+*P1c={f
zpv!doS_p{VS3z=rI<wHIXhQ&Eod=35ZY_1hbS^TVxm0aXek5_0i7z@0prnsCfsTPj
z`-D9JM31kI#;>}$$>}~AdZc%*b_=^cHgtIV?(QG%0MO16*TSjn@%s5-4}hE;8z<1G
zZW$u<M$=gx&x>2y&Kk8<B8-Pq*}3ZSHHK&ho37#-T;ALJ1wfn~dI}wV)d#2=0Ln;g
z3Pcx-617^+F94<KfG<Snm)<MeUICz;=MSnky*SeP3IKek^R9HX98ahKP(~7yAiiw1
zSIx-z3qW`Qor%t8riINF0Qu2)-mOSZJsiIQh{#eTm5o#Yh!`G8(z2Oev{Tk^0NPZb
zs)HiNsChtMj!iS@w4FwokqrU>Djl0AH2{hn%K;QM(+E3dg8%?vC7NF9ClR;rq|on{
zL)R8a1Ofmv@9^#ulpl$|$^=tkBnxe>5eWnUu>vq&qnsQ+Pe5g3V7GBb<bwi$fhhqX
zNx(@XhC5XzC;$LTk|M`{05IrO<BaGD4gf4uUXHIbaMXz5PL&A?00M3b02>TE?o{K9
z=m`*jTLQp6H$qX(Km-UtVIM%-4*^Av-vH2SWb8UsCMZJy!213&sK|*gyuSGfjt5ZE
zm#wfLVev-8SKA8vaTxOcVx;lxr5%R+I1YPxHKsdpmyg4K1Vo%#P3-6)LN1cZKIcnF
z%#Pts$<~C#ybg*w)d)L!YJ#F#VAR8~xE;ftklhm&*X98aFGiebge@J7E=Ih(8nb1*
zZDF0OF`;*LG&ZHO`<J7>E`xfPqXK}q9^dLJuDPB1>eoi7<@I>U3*uucW7f8(HBsQ#
zR=8z?gs{2oQ)Egz!!}NmDtqq#DNT+@8qrIl-cOWlHrcg(s;q$1*2&Uk?`Z3E`7(sI
zelSrzPXzhN3`2TbFDY7Yu50;VqLE-*Kboo@5{eufBjBRjskQnm6^o1AbJ6tDoY6Nz
z^|~y1K(&&#eK=W9vTdKvHgeDM<7oz70wZEM1C5zM$P@5g;2%%xjnnGq^8k(!&_|_&
qjPB~^^8mIPxW&L4fa_j8pZ^zPS=Q^107MP|0000<MNUMnLSTY8QG(t8

literal 0
HcmV?d00001

diff --git a/src/static/jfIcon.png b/src/static/jfIcon.png
new file mode 100644
index 0000000000000000000000000000000000000000..2c42020458e0e1137336f521edee5b4519d00ce2
GIT binary patch
literal 1724
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
SBOpBh0000<MNUMnLSTYq);`bx

literal 0
HcmV?d00001

diff --git a/src/static/linkIcon.png b/src/static/linkIcon.png
new file mode 100644
index 0000000000000000000000000000000000000000..b893aaaa8239bd3b062b8494e495e89a3bd9c720
GIT binary patch
literal 2049
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

literal 0
HcmV?d00001

diff --git a/src/static/success.png b/src/static/success.png
new file mode 100644
index 0000000000000000000000000000000000000000..1f9f194f33ac13766b08dcd954640f605f107295
GIT binary patch
literal 1545
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

literal 0
HcmV?d00001