宴席2.0 页面优化

src/pages/banquet/order/detail.vue

@@ -1,5 +1,5 @@
 <style lang='scss'>
-  .custom-count-down {
+.custom-count-down {
   display: inline-block;
   width: 22px;
   color: #ff3232;
@@ -7,15 +7,15 @@
   text-align: center;
   background-color: #ff404021;
   border-radius: 2px;
-  }
+}
 
-  .custom-count-down-colon {
+.custom-count-down-colon {
   display: inline-block;
   margin: 0 4px;
   color: #ff4040;
-  }
+}
 
-  .cell-icon {
+.cell-icon {
   display: block;
   box-sizing: border-box;
   width: 16px;
@@ -23,7 +23,7 @@
   margin-right: 4px;
   background: url('https://img10.360buyimg.com/jmadvertisement/jfs/t1/71075/7/3762/1820/5d1f26d1E0d600b9e/a264c901943080ac.png') no-repeat;
   background-size: cover;
-  }
+}
 </style>
 <template>
   <view>
@@ -180,12 +180,12 @@
 </template>
 
 <script lang="ts">
-  import { useColPickerData, useModal } from '@/hooks'
-  import { defineComponent } from "vue";
-  import { CommonApi, UserApi } from "@/api";
-  const { colPickerData, findChildrenByCode } = useColPickerData()
-  export default defineComponent({
-    data() {
+import { useColPickerData, useModal } from '@/hooks'
+import { defineComponent } from "vue";
+import { CommonApi, UserApi } from "@/api";
+const { colPickerData, findChildrenByCode } = useColPickerData()
+export default defineComponent({
+  data () {
     return {
       totalPrice: 0,
       server_user: {
@@ -202,17 +202,17 @@
 
     };
   },
-    onLoad(option) {
-      this.order_id = option.order_id;;
-      this.orderInfo.order_id = option.order_id;
+  onLoad (option) {
+    this.order_id = option.id;;
+    this.orderInfo.order_id = option.id;
     this.getOrderDetail()
   },
   methods: {
-      close() {
+    close () {
       this.propShowOrder = false;
     },
     // 微信支付
-      payOrder(type) {
+    payOrder (type) {
       if (type === 1) {
         //支付订单
         CommonApi.commonPost('/api/banquet/order/pay', { order_id: this.order_id }).catch((res) => {
@@ -245,11 +245,12 @@
           } else {
             uni.$u.toast(res.msg);
           }
+          this.goBack () 
         });
       }
     },
     //宴席类型
-      getBanquetType() {
+    getBanquetType () {
       CommonApi.commonGet('/api/banquet/dishes/banquetType').catch((res) => {
         if (res.code === 1) {
           res.data.forEach(item => {
@@ -263,7 +264,7 @@
       });
     },
     // //购物车验证
-      getOrderDetail() {
+    getOrderDetail () {
       CommonApi.commonGet('/api/banquet/order/detail', { order_id: this.order_id }).catch((res) => {
         if (res.code === 1) {
           this.matchedItems_sp = res.data.order_info;
@@ -277,12 +278,23 @@
       });
     },
     //点击详情
-      cookDetail(id : number) {
+    cookDetail (id: number) {
       uni.navigateTo({
         url: `/pages/banquet/cook/detail?id=${id}`
       });
     },
-
-    },
+    goBackHome () {
+      uni.switchTab({
+        // url: '/pages/index/index'
+        url: '/pages/tab/user/index'
       });
+    },
+    // 返回上一级
+    goBack () {
+      uni.navigateBack({
+        delta: 1 // delta 表示返回的页面数，1 表示返回上一级
+      });
+    },
+  },
+});
 </script>

src/pages/banquet/order/list.vue

@@ -17,7 +17,7 @@
 				<wd-card  >
 					<template #title>
 						<view class="title">
-							<view> 创建时间：{{ item.create_time }} </view>
+							<view class="font-size-28">创建时间：{{ item.create_time }} </view>
 							<text v-if="item.paid === 0">
 								<wd-tag custom-class="space" mark>未付款</wd-tag>
 							</text>