From 34ea568ea553be8ebdea4a7dc7e2c736220cc8fc Mon Sep 17 00:00:00 2001
From: air <30444667+sszdot@users.noreply.github.com>
Date: Mon, 20 Jan 2025 23:06:28 +0800
Subject: [PATCH] =?UTF-8?q?=E3=80=90=E7=B1=BB=20=20=E5=9E=8B=E3=80=91?=
 =?UTF-8?q?=EF=BC=9Afeat=20=E3=80=90=E5=8E=9F=20=20=E5=9B=A0=E3=80=91?=
 =?UTF-8?q?=EF=BC=9A=E8=AF=A6=E6=83=85=E5=A4=8D=E6=A1=86=20=E7=BB=84?=
 =?UTF-8?q?=E4=BB=B6=20=E3=80=90=E8=BF=87=20=20=E7=A8=8B=E3=80=91=EF=BC=9A?=
 =?UTF-8?q?=20=E3=80=90=E5=BD=B1=20=20=E5=93=8D=E3=80=91=EF=BC=9A?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

# 类型 包含:
# feat：新功能（feature）
# fix：修补bug
# docs：文档（documentation）
# style： 格式（不影响代码运行的变动）
# refactor：重构（即不是新增功能，也不是修改bug的代码变动）
# test：增加测试
# chore：构建过程或辅助工具的变动
---
 components/orderCon/orderCon.vue | 82 ++++++++++++++++++++++++++++++++
 1 file changed, 82 insertions(+)
 create mode 100644 components/orderCon/orderCon.vue

diff --git a/components/orderCon/orderCon.vue b/components/orderCon/orderCon.vue
new file mode 100644
index 0000000..b3b0f4a
--- /dev/null
+++ b/components/orderCon/orderCon.vue
@@ -0,0 +1,82 @@
+<template>
+	<view class="m-l-24 m-r-24 m-t-24 p-24 bg-w rad8 boxshadow">
+		<view class="m-b-24 borderBDas flex msb mub">
+			<view class="fb fz36 l-h-18">{{tit}}</view>
+			<view class="fcb fz24 l-h-12">订单号：{{order.order_sn}}</view>
+		</view>
+		<view class="m-t-24 flex msb">
+			<view class="flex3 ofh">
+				<scroll-view class="scroll-view_H" scroll-x="true">
+					<view class="scroll-view-item_H m-r-12" v-for="(ps,index) in order.product_snapshot" :key="index">
+						<u--image :src="ps.spu_photo[0]" width="147rpx" height="110rpx" radius="4rpx" />
+					</view>
+				</scroll-view>
+			</view>
+			<view class="flex1 fcb fz24 flex mr md">
+				共{{order.total_num}}件
+			</view>
+		</view>
+		<view class="fz28 borderBDas p-b-12 p-t-12" v-if="order!==null">
+			<view class="flex msb l-h-18">
+				<view>商品小计</view>
+				<view>¥{{order.total_price | formatPrice}}</view>
+			</view>
+			<view class="flex msb l-h-18">
+				<view>外送费</view>
+				<view>¥{{order.transport_price | formatPrice}}</view>
+			</view>
+			<view class="flex msb l-h-18">
+				<view>打包服务费</view>
+				<view>¥{{order.pack_price | formatPrice}}</view>
+			</view>
+		</view>
+		<view class="flex mr mac l-h-18 m-t-24">
+			<view class="fcb fz24">合计</view>
+			<view class="m-l-12 fz36 fb" v-if="fullPrice!==null">¥{{fullPrice | formatPrice}}</view>
+		</view>
+	</view>
+</template>
+
+<script>
+	import {
+		formatPrice
+	} from '@/utils/index.js'
+	export default {
+		name: "orderCon",
+		data() {
+			return {
+
+			}
+		},
+		props: {
+			tit: {
+				type: String
+			},
+			order: {
+				type: Object
+			}
+		},
+		filters: {
+			formatPrice, //价格 格式化
+		},
+		methods: {
+			formatPrice, //格式化价格
+		},
+		computed: {
+			//订单总价格
+			fullPrice() {
+				if (this.order) {
+					return this.formatPrice(Number(this.order.transport_price) + Number(this.order.pack_price) + Number(
+						this.order.total_price))
+				} else {
+					return 0
+				}
+
+			}
+		}
+	}
+</script>
+
+<style>
+
+</style>
\ No newline at end of file