fat(pages)feat:退款，详情

clp

app.json

@@ -38,7 +38,16 @@
     "pages/groupmeallist/storeGoods/storeGoods",
     "pages/groupmeallist/goodDetails/goodDetails",
     "pages/groupmeallist/storeList/storeList",
-    "pages/groupmeallist/orderDetail/orderDetail"
+    "pages/groupmeallist/orderDetail/orderDetail",
+    "pages/groupmeallist/refund/refund",
+    "pages/groupmeallist/test/test",
+    "pages/groupmeallist/refundRecord/refundRecord",
+    "pages/groupmeallist/myOrder/myOrder"
+
+    
+    
+
+    
   ],
   "window": {
     "backgroundTextStyle": "light",

app.wxss

@@ -7,41 +7,43 @@
   justify-content: space-between;
   padding: 200rpx 0;
   box-sizing: border-box;
-} 
+}
 
-.flex-row{
+.flex-row {
   display: flex;
   flex-flow: row nowrap;
   justify-content: left;
   align-items: center;
 }
-.flex-column{
+
+.flex-column {
   display: flex;
   flex-flow: column nowrap;
   justify-content: left;
   align-items: left;
 }
 
-.over-ellipsis{
+.over-ellipsis {
   overflow: hidden;
   text-overflow: ellipsis;
   white-space: nowrap;
 }
 
-.over-ellipsis-two{
-overflow: hidden;
-display: -webkit-box;
--webkit-box-orient: vertical;
--webkit-line-clamp: 2;
+.over-ellipsis-two {
+  overflow: hidden;
+  display: -webkit-box;
+  -webkit-box-orient: vertical;
+  -webkit-line-clamp: 2;
 }
-.flex-column_start_center{
+
+.flex-column_start_center {
   display: flex;
   flex-flow: column nowrap;
   justify-content: flex-start;
   align-items: center;
 }
 
-.flex-row-between{
+.flex-row-between {
   display: flex;
   flex-flow: row nowrap;
   justify-content: space-between;
@@ -49,14 +51,36 @@ display: -webkit-box;
 
 }
 
-.flex-row-between-end{
+.flex-row-between-end {
   display: flex;
   flex-flow: row nowrap;
   justify-content: space-between;
   align-items: flex-end;
 }
-.page{
+
+.page {
   width: 100%;
   height: 100%;
   background-color: #F7F7F7;
+}
+
+.fontSize-3 {
+  font-size: 30rpx;
+  font-weight: 700;
+  text-align: left;
+  color: #000000;
+}
+
+.fontSize-28 {
+  font-size: 28rpx;
+  font-weight: 400;
+  text-align: left;
+  color: #989898;
+}
+
+.fontSize24 {
+  font-size: 24rpx;
+  font-weight: 400;
+  text-align: left;
+  color: #000000;
 }

pages/groupmeallist/myOrder/myOrder.js

@@ -0,0 +1,66 @@
+// pages/groupmeallist/myOrder/myOrder.js
+Page({
+
+    /**
+     * 页面的初始数据
+     */
+    data: {
+
+    },
+
+    /**
+     * 生命周期函数--监听页面加载
+     */
+    onLoad: function (options) {
+
+    },
+
+    /**
+     * 生命周期函数--监听页面初次渲染完成
+     */
+    onReady: function () {
+
+    },
+
+    /**
+     * 生命周期函数--监听页面显示
+     */
+    onShow: function () {
+
+    },
+
+    /**
+     * 生命周期函数--监听页面隐藏
+     */
+    onHide: function () {
+
+    },
+
+    /**
+     * 生命周期函数--监听页面卸载
+     */
+    onUnload: function () {
+
+    },
+
+    /**
+     * 页面相关事件处理函数--监听用户下拉动作
+     */
+    onPullDownRefresh: function () {
+
+    },
+
+    /**
+     * 页面上拉触底事件的处理函数
+     */
+    onReachBottom: function () {
+
+    },
+
+    /**
+     * 用户点击右上角分享
+     */
+    onShareAppMessage: function () {
+
+    }
+})

pages/groupmeallist/myOrder/myOrder.json

@@ -0,0 +1,9 @@
+{
+  "usingComponents": {
+  },
+  "navigationBarBackgroundColor": "#F7F7F7",
+  "navigationBarTextStyle": "black",
+  "navigationBarTitleText": "我的订单",
+  "backgroundColor": "#F7F7F7",
+  "backgroundTextStyle": "light"
+}

pages/groupmeallist/myOrder/myOrder.wxml

@@ -0,0 +1,63 @@
+<view class="page">
+    <view class="myOrder flex-column">
+        <view class="myOrder_state flex-column_start_center">
+            <view style=" font-size: 49rpx;font-weight: 700;text-align: left;color: #000000;">待退款</view>
+            <view style="font-size: 32rpx;font-weight: 700;text-align: center;color: #313131;">
+                <span class="fontSize-28">退款金额：</span>￥20.0
+            </view>
+        </view>
+        <view style="width: 93%; border-bottom: 1px #e2e2e2 solid; margin:0px auto;margin-top: 18rpx;"></view>
+        <view class="myOrder_refund flex-row">
+            <view class="fontSize-3" style="margin-left: 28rpx;">退款进度</view>
+            <view class="refund_revoke">撤销退款</view>
+        </view>
+
+        <view class="myOrder_center flex-column">
+
+            <view class="flex-row" style="margin-top: 26rpx;margin-left: 17rpx;">
+                <view style="width: 14rpx;height: 14rpx;background: #ffffff;border: 1rpx solid #e2e2e2;border-radius: 50%;"></view>
+                <view class="fontSize-28" style="color: #000000;margin-left: 18rpx;">用户申请退款</view>
+            </view>
+            <view style="line-height:35rpx;width: 576rpx;height: 64rpx;font-size: 24rpx;font-weight: 400;text-align: left;color: #989898;margin-left:49rpx;margin-top: 9rpx;">
+                用户提交了商品退款请求，商家正在处理您的退款，按 支付方式原路返还，如有疑问请联系我们</view>
+
+            <view class="fontSize-28" style="color:#AFD250;margin-left: 49rpx;margin-top: 34rpx;">商家审核中</view>
+
+            <view style="line-height:35rpx;  width: 576rpx;height: 64rpx;font-size: 24rpx;font-weight: 400;text-align: left;color: #989898;margin-left:49rpx;margin-top: 9rpx;">商家审核中，待商家确认审核通过，按支付方式原路返 还，如有疑问请联系我们</view>
+        </view>
+
+
+    </view>
+
+    <view class="myOrder_refund_order flex-column">
+        <view class="fontSize-3" style="margin-left: 28rpx;margin-top: 26rpx;">退款进度</view>
+        <view style="width: 93%; border-bottom: 1px #e2e2e2 solid; margin:0px auto;margin-top: 18rpx;"></view>
+
+        <view class="list_order_good flex-row">
+            <view class="flex-row" style="align-items: flex-start;">
+                <image style="width: 109rpx;height:109rpx" src="/images/groupmeallist/order_good.png"></image>
+                <view style="margin-left: 13rpx;">
+                    <view class="fontSize24">清爽夏日套餐</view>
+                    <view class="fontSize24">x1</view>
+                </view>
+            </view>
+            <view style="margin-right: 45rpx;">
+                <view style="font-size: 32rpx;font-weight: 700;text-align: right;color: #313131;">￥20.0</view>
+                <view style="font-size: 24rpx;font-weight: 400;text-align: right;color: #989898;">共1件</view>
+            </view>
+        </view>
+    </view>
+
+    <view class="list_order_bottom flex-column">
+        <view class="fontSize24" style="color: #989898;    margin-left: 26rpx;margin-top: 33rpx;">退款原因：
+            <span style="font-size: 24rpx;font-weight: 300;text-align: left;color: #000000;">点错了/点多了/点少了</span>
+        </view>
+        <view class="fontSize24" style="color: #989898;    margin-left: 26rpx;">退款编号：
+            <span style="font-size: 24rpx;font-weight: 300;text-align: left;color: #000000;">D4816460408184929451</span>
+        </view>
+        <view class="fontSize24" style="color: #989898;    margin-left: 26rpx;margin-bottom: 38rpx;">退款时间：
+            <span style="font-size: 24rpx;font-weight: 300;text-align: left;color: #000000;">2022-05-09 16:40:43</span>
+        </view>
+    </view>
+
+</view>

pages/groupmeallist/myOrder/myOrder.wxss

@@ -0,0 +1,74 @@
+.myOrder {
+    width: 709rpx;
+    height: 622rpx;
+    background: #ffffff;
+    border-radius: 25rpx;
+    margin: auto;
+    align-items: center;
+    justify-content: flex-start
+}
+
+.myOrder_state {
+    /* margin: auto; */
+    width: 300rpx;
+    margin-top: 30rpx;
+
+
+}
+
+.myOrder_refund {
+    width: 100%;
+    justify-content: space-between;
+    margin-top: 37rpx;
+
+}
+
+.refund_revoke {
+    width: 159rpx;
+    height: 59rpx;
+    background: #ffffff;
+    border: 1rpx solid #707070;
+    border-radius: 11rpx;
+    text-align: center;
+    line-height: 59rpx;
+    font-size: 24rpx;
+    font-weight: 400;
+    color: #000000;
+}
+.myOrder_center{
+    width: 654rpx;
+    height: 328rpx;
+    background: #f6f6f6;
+    border-radius: 25rpx;
+    margin: auto;
+    margin-top: 27rpx;
+}
+.myOrder_refund_order{
+    width: 709rpx;
+    height: 253rpx;
+    background: #ffffff;
+    border-radius: 25rpx;
+    margin: auto;
+    margin-top: 26rpx;
+
+}
+
+.list_order_good{
+    height: 109rpx;
+    width: 100%;
+    margin-top: 41rpx;
+    justify-content: space-between;
+    align-items: flex-start;
+    margin-left: 23rpx;
+}
+.list_order_bottom{
+    width: 709rpx;
+    height: 253rpx;
+    background: #ffffff;
+    border-radius: 25rpx;
+    margin: auto;
+    margin-top: 16rpx;
+    justify-content: space-around;
+}
+
+

pages/groupmeallist/orderDetail/orderDetail.js

@@ -14,6 +14,33 @@ Page({
            showAllSku: !this.data.showAllSku
         })
     },
+    // 取消订单
+    cancelOrder(){
+
+        wx.showModal({
+            title: '提示',
+            content: '确认取消订单？',
+            confirmColor:'#AFD250',
+            success (res) {
+              if (res.confirm) {
+                console.log('用户点击确定')
+              } else if (res.cancel) {
+                console.log('用户点击取消')
+              }
+            }
+          })
+
+    },
+    // 申请退款
+    goTorefund(){
+        wx.navigateTo({
+          url: '/pages/groupmeallist/refund/refund',
+        })
+
+
+
+
+    },
     /**
      * 生命周期函数--监听页面加载
      */

pages/groupmeallist/orderDetail/orderDetail.wxml

@@ -2,23 +2,23 @@
 
     <view class="detail_top flex-column">
         <!-- 待支付状态 -->
-        <view class="detail_top flex-column">
+        <!-- <view class="detail_top flex-column">
             <view style="font-size: 32rpx;font-weight: 700;text-align: left;color: #000000;">待支付</view>
             <view style="margin-top: 15rpx;font-weight: 400;text-align: left;font-size: 32rpx;">剩余支付时间 00:44:51</view>
             <view class="order_goods_bottom" style="margin-top: 44rpx;">
-                <view class="canel_order">取消订单</view>
+                <view class="canel_order" catchtap="cancelOrder">取消订单</view>
                 <view class="pay_order">立即支付</view>
             </view>
-        </view>
+        </view> -->
         <!-- 待备餐详情  -->
-        <!-- <view class="detail_top flex-column">
+        <view class="detail_top flex-column">
             <view style="font-size: 32rpx;font-weight: 700;text-align: left;color: #000000;">待备餐</view>
             <view style="margin-top: 16rpx;font-weight: 700;text-align: left;font-size: 62rpx;">2105</view>
             <view style="margin-top: 16rpx;font-weight: 400;text-align: left;font-size: 32rpx;">取单号</view>
             <view class="order_goods_bottom">
-                <view class="Request_a_refund">申请退款</view>
+                <view class="Request_a_refund" catchtap="goTorefund">申请退款</view>
             </view>
-        </view> -->
+        </view>
 
 
     </view>
@@ -78,9 +78,9 @@
 
         <view class="coupon flex-row-between">
             <view class="flex-row" style="align-items: center;">
-               
-                    <image style="width: 33rpx;height: 33rpx;margin-left: 31rpx;" src="/images/groupmeallist/coupon.png"></image>
-              
+
+                <image style="width: 33rpx;height: 33rpx;margin-left: 31rpx;" src="/images/groupmeallist/coupon.png"></image>
+
                 <view style="font-size: 28rpx;font-weight: 400;text-align: left;color: #000000;margin-left: 13rpx;">优惠券</view>
             </view>
 
@@ -90,14 +90,79 @@
         <view style="width: 93%; border-bottom: 1px #e2e2e2 solid; margin: auto;margin-top: 13rpx;"></view>
 
         <view class="all_price flex-row">
-            <view>已优惠  <sapn style="font-size: 28rpx;font-weight: 400;text-align: left;color: #d65065;margin-right: 31rpx;">-¥4</sapn>
-             合计 ¥
-             <sapn style="font-size: 38rpx;font-weight: 400;text-align: left;color: #000000;margin-right: 22rpx;">11</sapn>
-             </view>
-        
+            <view>已优惠 <sapn style="font-size: 28rpx;font-weight: 400;text-align: left;color: #d65065;margin-right: 31rpx;">-¥4</sapn>
+                合计 ¥
+                <sapn style="font-size: 38rpx;font-weight: 400;text-align: left;color: #000000;margin-right: 22rpx;">11</sapn>
+            </view>
+
         </view>
     </view>
+    <view class="store_information flex-column" style="  margin-top: 33rpx;">
+        <view class="store_information_top">门店信息</view>
+        <!-- <view style="width: 93%; border-bottom: 1px #e2e2e2 solid; margin: auto;margin-top: 24rpx;"></view> -->
+        <view class="orderSn flex-row">
+            <view style="font-size: 28rpx; font-weight: 400;text-align: left;color: #939393;margin-top:23rpx;margin-left:22rpx">门店名称</view>
+            <view style="font-size: 28rpx;font-weight: 400;text-align: left;color: #232323;margin-right: 27rpx;margin-top: 21rpx;">上海浦东金高路店</view>
+        </view>
+        <view class="flex-row" style="justify-content: space-between;margin-top: 5rpx;">
+            <view style="font-size: 28rpx; font-weight: 400;text-align: left;color: #939393;margin-top:23rpx;margin-left:22rpx">门店地址</view>
+            <view style="margin-top: 26rpx;">
+                <span style="margin-right: 7rpx;font-size: 28rpx;font-weight: 400;text-align: left;color: #232323;margin-right: 26rpx;">高行镇金高路1128号</span>
+            </view>
+
+        </view>
+        <view class="flex-row" style="justify-content: space-between;margin-top: 25rpx; height: 37rpx;line-height: 37rpx;">
+            <view style="font-size: 28rpx; font-weight: 400;text-align: left;color: #939393;margin-top:23rpx;margin-left:22rpx">联系方式</view>
+            <view style="margin-top: 26rpx;">
+
+                <view class="flex-row">
+                    <span style="margin-right: 7rpx;font-size: 28rpx;font-weight: 400;text-align: left;color: #232323;">186-2100-3075</span>
+
+                    <view style="height: 19rpx; border-left: 1px #e2e2e2 solid; margin: auto;margin-left: 25rpx;margin-right: 15rpx;"></view>
+                    <span class="copy_button" style="color: #AFD250;">
+                        <image style="width: 25rpx;height: 27rpx;margin-top: 5rpx;" src="/images/groupmeallist/phone_icon.png"></image>
+                        联系商家
+                    </span>
+                </view>
+            </view>
 
+        </view>
+
+    </view>
+
+    <!--  -->
+    <view class="way flex-row">
+        <view style="font-size: 28rpx;font-weight: 700;text-align: left;color: #000000;margin-left: 29rpx;">用餐方式</view>
+        <view style="font-size: 28rpx;font-weight: 400;text-align: left;color: #000000;margin-right: 23rpx;">门店自取</view>
+    </view>
+
+
+    <view class="store_information flex-column" style="margin-bottom: 205rpx;">
+        <view class="store_information_top">订单信息</view>
+        <!-- <view style="width: 93%; border-bottom: 1px #e2e2e2 solid; margin: auto;margin-top: 24rpx;"></view> -->
+        <view class="orderSn flex-row">
+            <view style="font-size: 28rpx; font-weight: 400;text-align: left;color: #939393;margin-top:23rpx;margin-left:22rpx">订单编号</view>
+            <view style="margin-top: 26rpx;">
+                <span style="margin-right: 7rpx;font-size: 28rpx;font-weight: 400;text-align: left;color: #232323;">D4816460408184929451</span>
+                <span class="copy_button" style="  margin-top: 26.5rpx;">复制</span>
+            </view>
+        </view>
+        <view class="flex-row" style="justify-content: space-between;margin-top: 35rpx;">
+            <view style="font-size: 28rpx; font-weight: 400;text-align: left;color: #939393;margin-top:23rpx;margin-left:22rpx">下单时间</view>
+            <view style="margin-top: 26rpx;">
+                <span style="margin-right: 7rpx;font-size: 28rpx;font-weight: 400;text-align: left;color: #232323;margin-right: 26rpx;">2022-05-09 11:58:30</span>
+            </view>
+
+        </view>
+        <view class="flex-row" style="justify-content: space-between;margin-top: 25rpx; height: 37rpx;">
+            <view style="font-size: 28rpx; font-weight: 400;text-align: left;color: #939393;margin-top:23rpx;margin-left:22rpx">备注信息</view>
+            <view style="margin-top: 26rpx;">
+                <span style="margin-right: 7rpx;font-size: 28rpx;font-weight: 400;text-align: left;color: #232323;margin-right: 26rpx;">无</span>
+            </view>
+
+        </view>
+
+    </view>
 
 
 

pages/groupmeallist/orderDetail/orderDetail.wxss

@@ -204,4 +204,57 @@
     align-items: center;
     margin-top: 23.5rpx;
 
+}
+.store_information_top{
+    width: 93%;
+    height: 37rpx;
+    font-size: 28rpx;
+    font-family: Segoe UI, Segoe UI-Bold;
+    font-weight: 700;
+    text-align: left;
+    color: #000000;
+    margin-left: 22rpx;
+    margin-top: 26rpx;
+    border-bottom: 1rpx #e2e2e2 solid;
+    padding-bottom: 24rpx;
+}
+
+.store_information{
+    width: 703rpx;
+    height: 309rpx;
+    background: #ffffff;
+    border-radius: 25rpx;
+    margin: auto;
+  
+    /* margin-bottom: 205rpx; */
+}
+.orderSn{
+    width: 100%;
+    height: 37rpx;
+    justify-content: space-between;
+    line-height: 37rpx;
+}
+.copy_button{
+    /* width: 178rpx; */
+    height: 40rpx;
+    border: 1rpx solid #cfcfcf;
+    border-radius: 7rpx;
+    font-size: 28rpx;
+    font-weight: 400;
+    text-align: center;
+    color: #232323;
+    margin-right: 23rpx;
+    padding: 0rpx 10rpx 0rpx 10rpx;
+  
+
+}
+.way{
+    width: 709rpx;
+    height: 79rpx;
+    background: #ffffff;
+    border-radius: 25rpx;
+    margin: auto;
+    justify-content: space-between;
+    margin-top: 16rpx;
+    margin-bottom: 16rpx;
 }

pages/groupmeallist/refund/refund.js

@@ -0,0 +1,71 @@
+// pages/groupmeallist/refund/refund.js
+Page({
+
+    /**
+     * 页面的初始数据
+     */
+    data: {
+
+    },
+
+    /**
+     * 生命周期函数--监听页面加载
+     */
+    onLoad: function (options) {
+
+    },
+
+    /**
+     * 生命周期函数--监听页面初次渲染完成
+     */
+    onReady: function () {
+
+    },
+
+    /**
+     * 生命周期函数--监听页面显示
+     */
+    onShow: function () {
+
+    },
+
+    /**
+     * 生命周期函数--监听页面隐藏
+     */
+    onHide: function () {
+
+    },
+
+    /**
+     * 生命周期函数--监听页面卸载
+     */
+    onUnload: function () {
+
+    },
+
+    /**
+     * 页面相关事件处理函数--监听用户下拉动作
+     */
+    onPullDownRefresh: function () {
+
+    },
+
+    /**
+     * 页面上拉触底事件的处理函数
+     */
+    onReachBottom: function () {
+
+    },
+
+    /**
+     * 用户点击右上角分享
+     */
+    onShareAppMessage: function () {
+
+    },
+
+    showlable(){
+        
+
+    }
+})

pages/groupmeallist/refund/refund.json

@@ -0,0 +1,9 @@
+{
+  "usingComponents": {
+  },
+  "navigationBarBackgroundColor": "#F7F7F7",
+  "navigationBarTextStyle": "black",
+  "navigationBarTitleText": "申请退款 ",
+  "backgroundColor": "#F7F7F7",
+  "backgroundTextStyle": "light"
+}

pages/groupmeallist/refund/refund.wxml

@@ -0,0 +1,83 @@
+<view class="page">
+    <view class="choose_good flex-row">
+        <view class="choose_good_left">选择退款商品</view>
+        <view class="choose_good_right">
+            <image style="width:24rpx;height:24rpx;margin-top: 3rpx;" src="/images/groupmeallist/refund_phone_icon.png"></image>
+            联系商家
+        </view>
+    </view>
+
+    <view class="choose_center flex-column">
+        <view class="choose_center_top flex-row">
+            <view>
+                <image style="width:38rpx;height:38rpx;margin-left: 22rpx;margin-top: 15rpx;" src="/images/groupmeallist/success_icon.png"></image>
+            </view>
+            <view>
+                <image style="width:98rpx;height:98rpx;margin-left: 19rpx;" src="/images/groupmeallist/order_good.png"></image>
+            </view>
+            <view class="choose_center_good">清爽夏日套餐</view>
+            <view class="choose_center_right flex-row">
+                <view>
+                    <image style="width: 45rpx;height:45rpx;" src="/images/groupmeallist/reduce_icon.png"></image>
+                </view>
+                <view class="refund_num">1</view>
+                <view>
+                    <image style="width: 45rpx;height:45rpx;" src="/images/groupmeallist/add_icon.png"></image>
+                </view>
+
+
+            </view>
+
+        </view>
+        <view style="width: 93%; border-bottom: 1px #e2e2e2 solid; margin-top: 19rpx;margin:0px auto;margin-top: 18rpx;"></view>
+
+        <view class="choose_center_price flex-row">
+            <view style="width: 112rpx;height: 37rpx;font-size: 28rpx;font-weight: 400;text-align: center;color: #000000;line-height: 33rpx;">退款金额</view>
+            <view style="height: 43rpx;font-size: 32rpx;font-weight: 700;text-align: left;color: #d65065;margin-left:14rpx">￥20.0</view>
+
+        </view>
+    </view>
+
+
+    <view class="all_choose flex-row">
+        <view class="flex-row">
+            <image style="width:38rpx;height:38rpx;margin-left: 22rpx;" src="/images/groupmeallist/success_info.png"></image>
+            <view style="line-height: 30rpx; margin-left: 12rpx; width: 48rpx;height: 32rpx;font-size: 24rpx;font-family: Segoe UI, Segoe UI-Regular;font-weight: 400;text-align: left;color: #989898;">全选</view>
+        </view>
+        <view class="flex-row" style="margin-right: 27rpx;">
+            <view style="width: 112rpx;height: 37rpx;font-size: 28rpx;font-weight: 400;text-align: center;color: #000000;line-height: 33rpx;">退款金额</view>
+            <view style="height: 43rpx;font-size: 32rpx;font-weight: 700;text-align: left;color: #d65065;margin-left:14rpx">￥20.0</view>
+        </view>
+
+
+    </view>
+
+
+
+    <view class="refund_bottom">
+        <view class="refund_bottom_top flex-row" bindtap="showlable">
+            <view style="margin-left: 17rpx;margin-top: 38rpx;font-size: 28px;font-weight: 400;font-size: 28rpx;">
+            <span style="color:#FF0000;margin-right:10rpx">*</span>不想要了/临时有事</view>
+
+            <image style="width: 12rpx;height: 23rpx;margin-top: 36rpx;margin-right: 47rpx;" src="/images/groupmeallist/more_than_the.png"></image>
+        </view>
+        
+
+
+        <view style="width: 93%; border-bottom: 1px #e2e2e2 solid; margin-top: 19rpx;margin:0px auto;margin-top: 37rpx;"></view>
+
+        <input bindinput="listenInput" class="sosoinput" placeholder="补充详细退款原因，有利于门店更快帮您处理" bindblur="soso" focus="{{!openFocus}}" value="{{keyword}}" disabled="{{openFocus}}" />
+
+        <view class="camera">
+            <view class="camera_img flex-column">
+                <image style="width:48rpx;height:44rpx" src="/images/groupmeallist/camera.png"></image>
+                <view style="font-size: 24rpx;font-weight: 700;text-align: left;color: #989898;margin-top: 10rpx;">添加图片</view>
+            </view>
+            <view style="font-size: 24rpx;font-weight: 400;text-align: left;color: #989898;margin-top:13rpx">最多可上传五张图片，每张图片不超过5M</view>
+
+        
+        </view>
+
+    </view>
+
+</view>

pages/groupmeallist/refund/refund.wxss

@@ -0,0 +1,147 @@
+.choose_good {
+    width: 100%;
+    height: 43rpx;
+    justify-content: space-between;
+    margin-top: 33rpx;
+
+
+}
+
+.choose_good_left {
+    width: 192rpx;
+    height: 43rpx;
+    font-size: 32rpx;
+    line-height: 43rpx;
+    font-weight: 700;
+    text-align: center;
+    color: #000000;
+    margin-left: 18rpx;
+}
+
+.choose_good_right {
+    /* width: 112rpx; */
+    height: 37rpx;
+    font-size: 28rpx;
+    line-height: 37rpx;
+    font-weight: 400;
+    text-align: center;
+    color: #afd250;
+    margin-right: 18rpx;
+
+}
+
+.choose_center {
+    width: 709rpx;
+    min-height: 261rpx;
+    background: #ffffff;
+    border-radius: 25rpx;
+    margin: auto;
+    margin-top: 21rpx;
+    justify-content: flex-start;
+}
+
+.choose_center_top {
+    width: 100%;
+    height: 98rpx;
+    margin-top: 50rpx;
+    /* background: rgba(0,0,0,0.00); */
+    /* border: 1px solid #707070; */
+    align-items: flex-start;
+
+}
+
+.choose_center_good {
+    width: 250rpx;
+    height: 37rpx;
+    font-size: 28rpx;
+    font-family: Segoe UI, Segoe UI-Bold;
+    font-weight: 700;
+    text-align: left;
+    color: #000000;
+    margin-left: 19rpx;
+
+    vertical-align: middle;
+    overflow: hidden;
+    white-space: nowrap;
+    text-overflow: ellipsis;
+
+}
+
+.choose_center_right {
+    margin-left: 90rpx;
+    margin-top: 20rpx;
+
+}
+
+.refund_num {
+    /* width: 15px; */
+    height: 37rpx;
+    font-size: 28rpx;
+    font-family: Segoe UI, Segoe UI-Regular;
+    font-weight: 400;
+    text-align: left;
+    color: #000000;
+    margin-left: 24rpx;
+    margin-right: 24rpx;
+
+
+}
+
+.choose_center_price {
+    margin-top: 28rpx;
+    margin-left: 21rpx;
+}
+
+.all_choose {
+    width: 709rpx;
+    height: 109rpx;
+    background: #ffffff;
+    border-radius: 25rpx;
+    margin: auto;
+    margin-top: 19rpx;
+    justify-content: space-between;
+}
+
+.refund_bottom {
+    width: 709rpx;
+    height: 479rpx;
+    background: #ffffff;
+    border-radius: 25rpx;
+    margin: auto;
+    margin-top: 18rpx;
+}
+
+.refund_bottom_top {
+    justify-content: space-between;
+    margin-top: 38rpx; 
+    /* height: 37rpx; */
+     width: 100%;
+}
+
+.sosoinput{
+    /* width: 480px; */
+    height: 32px;
+    font-size: 24rpx;
+    font-weight: 400;
+    text-align: left;
+    color: #989898;
+    margin-left: 38rpx;
+    margin-top: 42rpx;
+
+
+}
+.camera{
+
+    margin-left: 38rpx;
+    margin-top: 62rpx;
+}
+
+.camera_img{
+    width: 148rpx;
+    height: 148rpx;
+    border: 2rpx dashed #d6d6d6;
+    border-radius: 7rpx;
+   justify-content: center;
+   align-items: center;
+
+}

pages/groupmeallist/refundRecord/refundRecord.js

@@ -0,0 +1,66 @@
+// pages/groupmeallist/refundRecord/refundRecord.js
+Page({
+
+    /**
+     * 页面的初始数据
+     */
+    data: {
+
+    },
+
+    /**
+     * 生命周期函数--监听页面加载
+     */
+    onLoad: function (options) {
+
+    },
+
+    /**
+     * 生命周期函数--监听页面初次渲染完成
+     */
+    onReady: function () {
+
+    },
+
+    /**
+     * 生命周期函数--监听页面显示
+     */
+    onShow: function () {
+
+    },
+
+    /**
+     * 生命周期函数--监听页面隐藏
+     */
+    onHide: function () {
+
+    },
+
+    /**
+     * 生命周期函数--监听页面卸载
+     */
+    onUnload: function () {
+
+    },
+
+    /**
+     * 页面相关事件处理函数--监听用户下拉动作
+     */
+    onPullDownRefresh: function () {
+
+    },
+
+    /**
+     * 页面上拉触底事件的处理函数
+     */
+    onReachBottom: function () {
+
+    },
+
+    /**
+     * 用户点击右上角分享
+     */
+    onShareAppMessage: function () {
+
+    }
+})

pages/groupmeallist/refundRecord/refundRecord.json

@@ -0,0 +1,9 @@
+{
+  "usingComponents": {
+  },
+  "navigationBarBackgroundColor": "#F7F7F7",
+  "navigationBarTextStyle": "black",
+  "navigationBarTitleText": "退款记录",
+  "backgroundColor": "#F7F7F7",
+  "backgroundTextStyle": "light"
+}

pages/groupmeallist/refundRecord/refundRecord.wxml

@@ -0,0 +1,31 @@
+<view class="page">
+    <view class="list_order flex-column">
+        <view class="list_order_name">
+            <view style="font-size: 32rpx;font-weight: 700;text-align: left;color: #000000;">上海浦东金高路店</view>
+            <view style="font-size: 24rpx;font-weight: 400;text-align: left;color: #989898;margin-top: 2rpx;">退款编号：D4816460408184929451</view>
+        </view>
+        <view class="list_order_good flex-row">
+            <view class="flex-row" style="align-items: flex-start;">
+                <image style="width: 109rpx;height:109rpx" src="/images/groupmeallist/order_good.png"></image>
+                <view style="margin-left: 13rpx;">
+                    <view style="font-size: 24rpx;font-weight: 400;text-align: left;color: #000000;">清爽夏日套餐</view>
+                    <view style="font-size: 24rpx;font-weight: 400;text-align: left;color: #000000;">x1</view>
+                </view>
+            </view>
+            <view style="margin-right: 45rpx;">
+                <view style="font-size: 32rpx;font-weight: 700;text-align: right;color: #313131;">￥20.0</view>
+                <view style="font-size: 24rpx;font-weight: 400;text-align: right;color: #989898;">共1件</view>
+            </view>
+
+        </view>
+        <view style="width: 93%; border-bottom: 1px #e2e2e2 solid; margin:0px auto;margin-top: 18rpx;"></view>
+
+        <view class="flex-row" style="justify-content: flex-end;margin-top: 27rpx;width: 100%;">
+            <view style="font-size: 24rpx;font-weight: 400;text-align: right;color: #989898;margin-right: 17rpx;">退款合计</view>
+            <view style="font-size: 32rpx;font-weight: 700;text-align: right;color: #313131;margin-right: 25rpx;">￥20.0</view>
+        </view>
+
+    </view>
+
+
+</view>

pages/groupmeallist/refundRecord/refundRecord.wxss

@@ -0,0 +1,22 @@
+.list_order{
+    width: 709rpx;
+    height: 357rpx;
+    background: #ffffff;
+    border-radius: 25rpx;
+    margin: auto;
+    margin-top: 26rpx;
+}
+.list_order_name{
+    height: 75rpx;
+    width: 100%;
+    margin-left: 21rpx;
+
+}
+.list_order_good{
+    height: 109rpx;
+    width: 100%;
+    margin-top: 41rpx;
+    justify-content: space-between;
+    align-items: flex-start;
+    margin-left: 23rpx;
+}

pages/groupmeallist/test/test.js

@@ -0,0 +1,73 @@
+Page({
+  menu:function(e){
+     var itemId = e.currentTarget.id
+     var data = this.data.menus
+     var i =data[itemId].id
+     //遍历data。menus数组，如果不等于现在点击的数，则把下拉菜单收起来
+     for(var j=0;j<data.length;j++){
+       if(i !== j){
+         data[j].hiddens = true
+         this.setData({
+           menus: data
+         })
+       }
+     }
+    //  点击显示隐藏
+     if (itemId == i){
+       data[i].hiddens = !data[i].hiddens
+        this.setData({
+          menus:data
+        })
+      }
+   },
+  //  点击更换列表值
+   txt:function(e){
+     var data= this.data.menus
+    //  获取到点击的列表下标，因为是在下拉的父元素点击，所以获取到menus下标
+     var index= e.currentTarget.dataset.index
+    //  获取到点击的值，赋值给默认值（e.target为e的属性值，在标签内赋值
+     data[index].defaults = e.target.dataset.txt
+     //，收起菜单
+     data[index].hiddens = !data[index].hiddens
+    //  刷新menus的值
+     this.setData({
+       menus: data
+     })
+   },
+  data: {
+    
+   menus:[
+     { 
+       id:0,
+       hiddens: true,
+       title:"退款类型",
+       defaults:"我要退货退款",
+       txt:[
+         {lis:"我要退货退款"},
+         {lis:"我要退款"},
+         {lis:"我要退货"}
+         ]
+    },
+     {
+       id: 1,
+       hiddens: true,
+       title: "收货状态",
+       defaults: "已收货",
+       txt: [
+         { lis: "已收货" },
+         { lis: "未收货" }
+       ]
+     },
+     {
+       id: 2,
+       hiddens: true,
+       title: "退款原因",
+       defaults: "多拍，错拍，不想要",
+       txt: [
+         { lis: "多拍，错拍，不想要" },
+         { lis: "地址不正确" },
+         { lis: "商品有问题" }
+       ]
+     }]
+  },
+})

pages/groupmeallist/test/test.json

@@ -0,0 +1,3 @@
+{
+  "usingComponents": {}
+}

pages/groupmeallist/test/test.wxml

@@ -0,0 +1,9 @@
+<view wx:for="{{menus}}"><span>{{item.title}}</span>
+    <view class="menuBox">
+      <view class="menu" bindtap="menu" id="{{index}}" >{{item.defaults}}</view>
+      <view class="val" hidden="{{item.hiddens}}"  bindtap="txt" data-index="{{index}}">
+        <view class="" wx:for="{{item.txt}}" wx:for-item="item_txt" data-txt="{{item_txt.lis}}" 
+        data-id="{{index}}">{{item_txt.lis}}</view>
+      </view>
+    </view>
+  </view>

pages/groupmeallist/test/test.wxss

@@ -0,0 +1,26 @@
+/* 下拉菜单 */
+.menuBox{
+    margin-left:40rpx;
+     position:relative;
+     width:300rpx;
+     line-height:40rpx;
+   }
+   .menu{
+     line-height:40rpx;
+     border:1rpx #ccc solid;
+     padding:0 20rpx;
+   }
+   .val{
+     position:absolute;
+     top:40rpx;
+     padding:0 20rpx;
+     background:#fff;
+     height:200rpx;
+     z-index:99;
+   }
+   .val view{
+     line-height:50rpx;
+     width:300rpx;
+     border-bottom:1rpx #ccc solid;
+   }
+ 

project.private.config.json

@@ -275,6 +275,34 @@
                     "name": "",
                     "pathName": "pages/groupmeallist/orderDetail/orderDetail",
                     "query": "",
+                    "launchMode": "default",
+                    "scene": null
+                },
+                {
+                    "name": "",
+                    "pathName": "pages/groupmeallist/refund/refund",
+                    "query": "",
+                    "launchMode": "default",
+                    "scene": null
+                },
+                {
+                    "name": "",
+                    "pathName": "pages/groupmeallist/test/test",
+                    "query": "",
+                    "launchMode": "default",
+                    "scene": null
+                },
+                {
+                    "name": "",
+                    "pathName": "pages/groupmeallist/refundRecord/refundRecord",
+                    "query": "",
+                    "launchMode": "default",
+                    "scene": null
+                },
+                {
+                    "name": "",
+                    "pathName": "pages/groupmeallist/myOrder/myOrder",
+                    "query": "",
                     "scene": null,
                     "launchMode": "default"
                 }