'修改订单详情页面'

app.json

@@ -1,10 +1,10 @@
 
 {
     "pages": [
+        "pages/orderDetail/orderDetail",
         "pages/findStudent/findStudent",
         "pages/findTeacher/findTeacher",
         "pages/teacherList/teacherList",
-        "pages/orderDetail/orderDetail",
         "pages/myOrder/myOrder",
         "pages/index/index",
         "pages/myInfo/myInfo",

pages/orderDetail/orderDetail.js

@@ -5,8 +5,10 @@ Page({
      * 页面的初始数据
      */
     data: {
-        pay: false
-
+        pay: true,
+        payStatus:'已支付',
+        payDays:4,
+        id:'teacher'
     },
 
     // 跳转到需求详情

pages/orderDetail/orderDetail.wxml

@@ -45,19 +45,29 @@
         </view>
         <view>
             <text>订单状态</text>
-            <text class="orderPayStatus">待支付</text>
+            <text class="orderPayStatus">{{payStatus}}</text>
         </view>
     </view>
-    <view class="orderPay">
+    <view class="orderPay" wx:if="{{payStatus == '待支付' && id == 'teacher'}}">
         <text>支付倒计时</text>
         <text class="orderPayTime">00:32:02</text>
     </view>
     <view class="payWrapper">
-        <view wx:if="{{pay}}" class="payStatus">
-            <view>查看联系信息</view>
+        <view wx:if="{{pay}}" class="pay">
+            <view wx:if="{{payStatus == '已支付' && payDays < 5 && id == 'teacher'}}" class="paidSucceed">
+                <view class="payStatus">查看手机号</view>
+                <view class="payStatus">申请退款</view>
+            </view>
+            <view wx:elif="{{payStatus == '退款中' && id == 'student'}}" class="paidSucceed">
+                <view class="payStatus">查看手机号</view>
+                <view class="payStatus">同意退款</view>
+            </view>
+            <view wx:else class="paidSucceed">
+                <view class="payStatus">查看手机号</view>
+            </view>
         </view>
-        <view wx:else class="payStatus">
-            <view>教员支付</view>
+        <view wx:elif="{{!pay && id == 'teacher'}}" class="paidSucceed">
+            <view class="payStatus">教员支付</view>
         </view>
     </view>
 

pages/orderDetail/orderDetail.wxss

@@ -84,7 +84,7 @@
     display: flex;
     justify-content: center;
 }
-/* 支付及查看信息按钮 */
+/* 支付按钮 */
 .payStatus{
     display: flex;
     margin-top: 100rpx;
@@ -92,7 +92,18 @@
     background-color: #8FAADC;
     color: white;
     text-align: center;
-    width: 30%;
+    width: 25%;
     justify-content: center;
     padding: 10rpx;
+}
+
+.paidSucceed{
+    display: flex;
+    width: 100%;
+    justify-content: space-around;
+}
+
+.pay{
+    /* display: flex; */
+    width: 100%;
 }