tuihuan page

app.json

@@ -31,7 +31,8 @@
                 "pages/my/merchant/code-verify/index",
                 "pages/homestay/homestay-order2/index",
                 "pages/my/my-order/index",
-                "pages/my/my-order/order-detail/index"
+                "pages/my/my-order/order-detail/index",
+                "pages/my/my-order/my-refund/index"
             ]
         },
         {

nova-tourism/components/my/index.js

@@ -86,6 +86,11 @@ Component({
             wx.navigateTo({
                 url: `${url}?active=`+active,
             });
+        },
+        gorefund(){
+            wx.navigateTo({
+                url: '../../pages/my/my-order/my-refund/index',
+            });
         }
     }
 })

nova-tourism/components/my/index.wxml

@@ -37,9 +37,9 @@
                 <image src="https://file-cloud.fmode.cn/EbxZUK5lBI/20241122/n35s1s050408606.png"></image>
                 <view class="or-tex">已完成</view>
             </view>
-            <view class="myorder">
+            <view class="myorder" bindtap="gorefund">
                 <image src="https://file-cloud.fmode.cn/EbxZUK5lBI/20241122/5dhs3s050348761.png"></image>
-                <view class="or-tex">退款/售后</view>
+                <view class="or-tex" >退款/售后</view>
             </view>
         </view>
 

nova-tourism/pages/my/my-order/my-refund/index.js

@@ -0,0 +1,84 @@
+// nova-tourism/pages/my/my-order/my-refund/index.js
+Page({
+
+    /**
+     * 页面的初始数据
+     */
+    data: {
+        statusBarHeight: 0,
+        screenHeight: 0,
+        customHeight: 0,
+        bottomNavHeight: 0,
+        contentHeight: 0,
+    },
+
+    /**
+     * 生命周期函数--监听页面加载
+     */
+    onLoad: function (options) {
+        const systemInfo = wx.getSystemInfoSync();
+        const statusBarHeight = systemInfo.statusBarHeight || 0;
+        const screenHeight = systemInfo.screenHeight || 0;
+        const custom = wx.getMenuButtonBoundingClientRect();
+        const customHeight = custom.height + 10 + 2 || 0;
+        const bottomNavHeight = systemInfo.screenHeight - systemInfo.safeArea.bottom || 0;
+
+        const contentHeight = (screenHeight - bottomNavHeight - statusBarHeight - customHeight) * 750 / systemInfo.windowWidth;
+        this.setData({
+            statusBarHeight,
+            screenHeight,
+            customHeight,
+            bottomNavHeight,
+            contentHeight
+        });
+    },
+
+    /**
+     * 生命周期函数--监听页面初次渲染完成
+     */
+    onReady: function () {
+
+    },
+
+    /**
+     * 生命周期函数--监听页面显示
+     */
+    onShow: function () {
+
+    },
+
+    /**
+     * 生命周期函数--监听页面隐藏
+     */
+    onHide: function () {
+
+    },
+
+    /**
+     * 生命周期函数--监听页面卸载
+     */
+    onUnload: function () {
+
+    },
+
+    /**
+     * 页面相关事件处理函数--监听用户下拉动作
+     */
+    onPullDownRefresh: function () {
+
+    },
+
+    /**
+     * 页面上拉触底事件的处理函数
+     */
+    onReachBottom: function () {
+
+    },
+
+    /**
+     * 用户点击右上角分享
+     */
+    onShareAppMessage: function () {
+
+    }
+})

nova-tourism/pages/my/my-order/my-refund/index.json

@@ -0,0 +1,5 @@
+{
+  "usingComponents": {
+    "van-divider": "@vant/weapp/divider/index"
+  }
+}

nova-tourism/pages/my/my-order/my-refund/index.less

@@ -0,0 +1,171 @@
+/* nova-tourism/pages/my/my-order/my-refund/index.wxss */
+.all{
+    width: 100vw;
+    overflow-y: scroll;
+    background-color: #F4F4F4;
+    padding-bottom: 20rpx;
+    .title{
+        width: 100%;
+        font-size: 36rpx;
+        background-color: white;
+        display: flex;
+        justify-content: center;
+        padding-bottom: 25rpx;
+    }
+    .cardbox{
+        width: 100%;
+        height: auto;
+        padding-left: 30rpx;
+        padding-right: 30rpx;
+        padding-top: 20rpx;
+        padding-bottom: 10rpx;
+        margin-top: 20rpx;
+        background-color: white;
+        .title2{
+            width: 100%;
+            font-size: 30rpx;
+            font-weight: 600;
+        }
+        .roombox{
+            width: 100%;
+            display: flex;
+            margin-top: 20rpx;
+            image{
+                width: 170rpx;
+                height: 170rpx;
+                border-radius: 10rpx;
+            }
+            .room{
+                height: 100%;
+                margin-left: 20rpx;
+                .room-name{
+                    width: 460rpx;
+                    font-size: 28rpx;
+                    margin-bottom: 10rpx;
+    
+                }
+                .room-tag{
+                    font-size: 26rpx;
+                    width: 460rpx;
+                    height: auto;
+                    color: #F37B40;
+                    margin-bottom: 10rpx;
+                }
+                .room-text{
+                    width: 460rpx;
+                    height: auto;
+                    font-size: 26rpx;
+                    color: #737373;
+                }
+                .room-text2{
+                    width: 460rpx;
+                    height: auto;
+                    font-size: 26rpx;
+                    margin-top: 100rpx;
+                    color: #737373;
+                }
+            }
+        }
+        .pricebox{
+            width: 100%;
+            display: flex;
+            align-items: center;
+            .ciri{
+                width: 200rpx;
+                font-size: 30rpx;
+                height: 50rpx;
+                display: flex;
+                justify-content: center;
+                align-items: center;
+                background-color:#FBF5E1 ;
+                color: #F9C28B;
+                border-radius: 10rpx;
+            }
+            .price{
+                margin-left: auto;
+                font-size: 30rpx;
+            }
+        }
+        .sumbitbox{
+            width: 100%;
+            display: flex;
+            justify-content: flex-end;
+            margin-top: 20rpx;
+            .sumbit{
+                width: 164rpx;
+                height: 66rpx;
+                border-radius: 40rpx;
+                border: #F37B40 solid 2rpx;
+                background-color: white;
+                color: #F37B40;
+                font-size: 30rpx;
+                display: flex;
+                align-items: center;
+                justify-content: center;
+            }
+        }
+    }
+    .box{
+        width: 100%;
+        height: auto;
+        background-color: white;
+        margin-top: 20rpx;
+        padding-top: 40rpx;
+        .wang-cardbox{
+            margin-top: 20rpx;
+            width: 100%;
+            background-color: white;
+            overflow-y: hidden;
+            padding-left: 3%;
+            padding-right: 3%;
+            padding-bottom: 40rpx;
+            column-count: 2; /* 设置列数 */
+            column-gap: 20rpx; /* 设置列间距 */
+            .wang-card{
+                break-inside: avoid; /* 防止卡片在列之间断裂 */
+                margin-bottom: 20rpx; /* 设置卡片底部间距 */
+                width: 100%; /* 确保卡片宽度为100% */
+                
+                image{
+                    width: 100%;
+                    height: 275rpx;
+                    border-radius: 15rpx;
+                }
+                .wang-catex{
+                    font-size: 28rpx;
+                }
+                .wang-numbox{
+                    width: 100%;
+                    height: 80rpx;
+                    display: flex;
+                    align-items: center;
+                    .wang-num{
+                        display: flex;
+                        justify-content: flex-end;
+                        align-items: flex-end;
+                        color: #C5262Ced;
+                        font-size: 30rpx;
+                        .wang-num1{
+                            font-size: 32rpx;
+                        }
+                        .wang-num2{
+                            font-size: 36rpx;
+                        }
+                    }
+                    .wang-submit{
+                        width: 100rpx;
+                        height: 50rpx;
+                        font-size: 30rpx;
+                        color: white;
+                        background-color: #F8DA7F;
+                        border-radius: 40rpx;
+                        display: flex;
+                        justify-content: center;
+                        align-items: center;
+                        margin-left: auto;
+                    }
+                }
+            }
+        }
+    }
+}

nova-tourism/pages/my/my-order/my-refund/index.wxml

@@ -0,0 +1,44 @@
+<!--nova-tourism/pages/my/my-order/my-refund/index.wxml-->
+<nav type="back" background-color="#ffffff" frontColor="#000000" title="退款/售后" />
+<view class="all" style="height: {{contentHeight}}rpx;">
+    <view class="title">订单已完成</view>
+    <block wx:for="{{3}}">
+        <view class="cardbox">
+            <view class="title2">望仙礼遇</view>
+            <view class="roombox">
+                <image src="https://file-cloud.fmode.cn//tmp/mqHkA2qV3Q8nca3dc59bad49de6e5ae57afa81d78ae8.jpeg?imageView2/1/w/200/h/200"></image>
+                <view class="room">
+                    <view class="room-name">房间描述房间描述</view>
+                    <view class="room-text2">紫色经典款</view>
+                </view>
+            </view>
+            <van-divider customStyle="margin: 20rpx;border-color:'#B1B1B1' " />
+            <view class="pricebox">
+                <view class="ciri">望仙次日达</view>
+                <view class="price">实付款￥19999.99</view>
+            </view>
+            <view class="sumbitbox">
+                <view class="sumbit" bindtap="gourl" data-url="../my-order/order-detail/index" data-id="{{item.objectId}}">退换</view>
+            </view>
+        </view>
+    </block>
+
+    <!-- 望仙礼遇 -->
+    <view class="box">
+        <view class="wang-cardbox">
+            <block wx:for="{{4}}">
+                <view class="wang-card" bindtap="gourl2">
+                    <image src="https://file-cloud.fmode.cn//tmp/srFPqGFAzeT5958c828d985e451ed4c0b452e39ff57a.jpeg"></image>
+                    <view class="wang-catex">粉黛胖挑主人杯(无礼盒)·手做</view>
+                    <view class="wang-numbox">
+                        <view class="wang-num">
+                            <view class="wang-num1">￥</view>
+                            <view class="wang-num2">19900</view>
+                        </view>
+                        <view class="wang-submit">购买</view>
+                    </view>
+                </view>
+            </block>
+        </view>
+    </view>
+</view>

project.private.config.json

@@ -57,6 +57,12 @@
                     "pathName": "nova-tourism/pages/my/my-order/index",
                     "query": "active=0",
                     "scene": null
+                },
+                {
+                    "name": "退款售后",
+                    "pathName": "nova-tourism/pages/my/my-order/my-refund/index",
+                    "query": "",
+                    "scene": null
                 }
             ]
         }