pref:虚拟商品订单详情

pages/account/index/order/detail/index.vue

@@ -2,7 +2,7 @@
  * @Author: ch
  * @Date: 2022-05-08 01:14:03
  * @LastEditors: ch
- * @LastEditTime: 2022-05-11 22:22:15
+ * @LastEditTime: 2022-05-26 17:38:01
  * @Description: file content
 -->
 <template>
@@ -11,7 +11,7 @@
 			<StatusInfo :orderInfo="orderInfo" @changeStatus="getOrderInfo"/>
 			<StatusStep :orderInfo="orderInfo" />
 		</div>
-		<LogisitcsInfo :orderInfo="orderInfo" />
+		<LogisitcsInfo v-if="orderInfo.orderType !== ORDER_TYPE.VIRTUAL" :orderInfo="orderInfo" />
 		<div class="pay-type" v-if="orderInfo.payType !== 1">
 			<p>支付方式：{{orderInfo.payTypeDesc}}</p>
 			<p>支付时间：{{orderInfo.submitTime}}</p>
@@ -21,6 +21,7 @@
 </template>
 <script>
 import {ApiGetOrderDetail} from '@/plugins/api/order';
+import {ORDER_TYPE} from '@/plugins/dicts/order';
 import StatusInfo from './module/StatusInfo.vue';
 import StatusStep from './module/StatusStep.vue';
 import LogisitcsInfo from './module/LogisitcsInfo.vue';
@@ -29,6 +30,7 @@ export default {
 	components: { StatusInfo, StatusStep, LogisitcsInfo, GoodsInfo },
 	data(){
 		return {
+			ORDER_TYPE,
 			orderInfo : {}
 		}
 	},
@@ -53,12 +55,14 @@ export default {
 </script>
 <style lang="scss" scoped>
 .box{
-  min-width: 1000px;
+  	min-width: 1000px;
 	border: 1px solid #ddd;
 	border-radius: 4px;
 	display: flex;
+	margin: 0 0 30px 0;
 }
 .pay-type{
+	margin: 30px 0;
 	border: 1px solid #ddd;
 	background: #f8f8f8;
 	height: 59px;

plugins/dicts/order.js

@@ -0,0 +1,23 @@
+/*
+ * @Author: ch
+ * @Date: 2022-05-26 11:49:16
+ * @LastEditors: ch
+ * @LastEditTime: 2022-05-26 17:00:06
+ * @Description: file content
+ */
+
+// 订单状态
+export const ORDER_STATUS = {
+	// 待支付
+	AWAIT_PAY: 1
+}
+export const ORDER_TYPE = {
+	//(1, "普通订单"),
+	NORMAL: 1,
+	//(2, "免费订单"),
+	FREE: 2, 
+	//(3, "秒杀订单"),
+	SECKILL: 3, 
+	//(4, "虚拟商品订单"),
+    VIRTUAL : 4 
+}