'完成管理员专用页面'

app.json

@@ -1,25 +1,28 @@
 
 {
     "pages": [
-        "pages/recommend/recommend",
+        "pages/myInfo/myInfo",
+        "pages/manageOrderDetail/manageOrderDetail",
+        "pages/manageOrder/manageOrder",
+        "pages/manager/manager",
+        "pages/sendInvitation/sendInvitation",
+        "pages/findStudent/findStudent",
+        "pages/findTeacher/findTeacher",
+        "pages/suggestList/suggestList",
+        "pages/complaintList/complaintList",
         "pages/recommendOrderDetail/recommendOrderDetail",
+        "pages/recommend/recommend",
         "pages/recommendList/recommendList",
-        "pages/complaintList/complaintList",
         "pages/complaintDetail/complaintDetail",
         "pages/writeComplaint/writeComplaint",
-        "pages/suggestList/suggestList",
         "pages/suggestDetail/suggestDetail",
         "pages/writeSuggestion/writeSuggestion",
         "pages/myCollectTeacher/myCollectTeacher",
-        "pages/findTeacher/findTeacher",
         "pages/orderDetail/orderDetail",
-        "pages/findStudent/findStudent",
         "pages/teacherList/teacherList",
         "pages/myOrder/myOrder",
         "pages/index/index",
-        "pages/myInfo/myInfo",
         "pages/receivedInvitation/receivedInvitation",
-        "pages/sendInvitation/sendInvitation",
         "pages/stuList/stuList",
         "pages/teachAuthentication/teachAuthentication",
         "pages/stuCollectionTeach/stuCollectionTeach",

pages/manageOrder/manageOrder.js

@@ -0,0 +1,73 @@
+// pages/manageOrder/manageOrder.js
+Page({
+
+    /**
+     * 页面的初始数据
+     */
+    data: {
+
+    },
+
+    // 跳转到管理员专用订单详情页面
+    toManageOrderDetail(){
+        wx.navigateTo({
+          url: '/pages/manageOrderDetail/manageOrderDetail',
+        })
+    },
+
+    /**
+     * 生命周期函数--监听页面加载
+     */
+    onLoad(options) {
+
+    },
+
+    /**
+     * 生命周期函数--监听页面初次渲染完成
+     */
+    onReady() {
+
+    },
+
+    /**
+     * 生命周期函数--监听页面显示
+     */
+    onShow() {
+
+    },
+
+    /**
+     * 生命周期函数--监听页面隐藏
+     */
+    onHide() {
+
+    },
+
+    /**
+     * 生命周期函数--监听页面卸载
+     */
+    onUnload() {
+
+    },
+
+    /**
+     * 页面相关事件处理函数--监听用户下拉动作
+     */
+    onPullDownRefresh() {
+
+    },
+
+    /**
+     * 页面上拉触底事件的处理函数
+     */
+    onReachBottom() {
+
+    },
+
+    /**
+     * 用户点击右上角分享
+     */
+    onShareAppMessage() {
+
+    }
+})

pages/manageOrder/manageOrder.json

@@ -0,0 +1,4 @@
+{
+    "usingComponents": {},
+    "navigationBarTitleText": "订单管理"
+}

pages/manageOrder/manageOrder.wxml

@@ -0,0 +1,36 @@
+<!--pages/manageOrder/manageOrder.wxml-->
+
+<view>
+    <view class="orderList" bindtap="toManageOrderDetail">
+        <view>
+            <text>订单号</text>
+            <text class="orderNum">xxx</text>
+        </view>
+        <view class="orderDateStatus">
+            <view>
+                <text>订单日期</text>
+                <text class="orderDate">xxx</text>
+            </view>
+            <view class="orderStatus">
+                <text>订单状态</text>
+                <text class="orderStatusDetail">待支付</text>
+            </view>
+        </view>
+    </view>
+    <view class="orderList" bindtap="toManageOrderDetail">
+        <view>
+            <text>订单号</text>
+            <text class="orderNum">xxx</text>
+        </view>
+        <view class="orderDateStatus">
+            <view>
+                <text>订单日期</text>
+                <text class="orderDate">xxx</text>
+            </view>
+            <view class="orderStatus">
+                <text>订单状态</text>
+                <text class="orderStatusDetail">待支付</text>
+            </view>
+        </view>
+    </view>
+</view>

pages/manageOrder/manageOrder.wxss

@@ -0,0 +1,40 @@
+/* pages/manageOrder/manageOrder.wxss */
+
+/* 设置页面背景 */
+page{
+    height: 100%;
+    padding: 20rpx;
+    background-color: #E2F0D9;
+}
+
+/* 订单样式 */
+.orderList{
+    width: 93%;
+    background-color: #FFF2CC;
+    padding: 20rpx 0 20rpx 20rpx;
+    border-radius: 20rpx;
+    margin-bottom: 20rpx;
+}
+
+/* 订单号、订单日期详情左边间隔 */
+.orderNum,
+.orderDate{
+    margin-left: 20rpx;
+}
+
+/* 订单日期和订单状态 */
+.orderDateStatus{
+    display: flex;
+    position: relative;
+}
+
+/* 订单支付状态 */
+.orderStatus{
+    position: absolute;
+    left: 55%;
+}
+.orderStatusDetail{
+    margin-left: 20rpx;
+    font-weight: bold;
+    color: red;
+}

pages/manageOrderDetail/manageOrderDetail.js

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

pages/manageOrderDetail/manageOrderDetail.json

@@ -0,0 +1,4 @@
+{
+    "usingComponents": {},
+    "navigationBarTitleText": "订单详情"
+}

pages/manageOrderDetail/manageOrderDetail.wxml

@@ -0,0 +1,46 @@
+<!--pages/manageOrderDetail/manageOrderDetail.wxml-->
+
+<view class="orderWrapper">
+    <!-- 头部区域：订单号、头像 -->
+    <view class="orderHead">
+        <view>
+            <text>订单号</text>
+            <text class="orderDetail">xxx</text>
+        </view>
+        <image class="headImg" src="../../images/zly.jpeg"></image>
+    </view>
+    <!-- 中部区域：订单详情 -->
+    <view class="orderMid">
+        <view>
+            <text>需求号</text>
+            <text class="courseNum" bindtap="toNeedDetail">xxx</text>
+        </view>
+        <view>
+            <text>课程号</text>
+            <text class="courseNum" bindtap="toCourseDetail">xxx</text>
+        </view>
+        <view>
+            <text>需求金额</text>
+            <text class="orderDetail">xxx</text>
+        </view>
+    </view>
+    <view class="orderBottom">
+        <view>
+            <text>订单内容</text>
+            <text class="orderDetail">xxx</text>
+        </view>
+        <view>
+            <text>下单日期</text>
+            <text class="orderDetail">xxx</text>
+        </view>
+        <view>
+            <text>订单状态</text>
+            <text class="orderPayStatus">退款中</text>
+        </view>
+    </view>
+    <view class="agreeRefund">
+        <view class="refund">
+            <text>同意退款</text>
+        </view>
+    </view>
+</view>

pages/manageOrderDetail/manageOrderDetail.wxss

@@ -0,0 +1,79 @@
+/* pages/manageOrderDetail/manageOrderDetail.wxss */
+
+page{
+    height: 100%;
+    background-color: #FFF2CC;
+}
+
+/* 设置全局边距 */
+.orderWrapper{
+    padding-left: 30rpx;
+    /* background-color: yellowgreen; */
+}
+
+/* 头部区域 */
+.orderHead{
+    display: flex;
+    position: relative;
+    height: 200rpx;
+    padding-top: 20rpx;
+}
+
+/* 头像 */
+.headImg{
+    width: 160rpx;
+    height: 160rpx;
+    border-radius: 30rpx;
+    position: absolute;
+    right: 30rpx;
+}
+
+/* 设置内容样式 */
+.orderDetail,
+.courseNum,
+.orderPayStatus{
+    margin-left: 20rpx;
+    font-weight: bold;
+}
+
+.courseNum{
+    color: #00B0F0;
+    text-decoration: underline;
+}
+
+/* 支付状态字体样式 */
+.orderPayStatus{
+    color: red;
+}
+
+/* 中部区域 */
+.orderMid{
+    height: 220rpx;
+    display: flex;
+    flex-direction: column;
+    justify-content: space-around;
+}
+
+/* 底部区域 */
+.orderBottom{
+    margin-top: 40rpx;
+    height: 260rpx;
+    display: flex;
+    flex-direction: column;
+    justify-content: space-around;
+}
+
+/* 同意退款按钮 */
+.agreeRefund{
+    display: flex;
+    justify-content: center;
+}
+
+.refund{
+    margin-top: 160rpx;
+    margin-bottom: 60rpx;
+    padding: 10rpx 30rpx;
+    border-radius: 30rpx;
+    background-color: #8FAADC;
+    color: white;
+}

pages/manager/manager.js

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

pages/manager/manager.json

@@ -0,0 +1,4 @@
+{
+    "usingComponents": {},
+    "navigationBarTitleText": "管理员专用"
+}

pages/manager/manager.wxml

@@ -0,0 +1,8 @@
+<!--pages/manager/manager.wxml-->
+
+<view class="manageOrderWrapper">
+    <view class="manageOrder" bindtap="toManageOrder">
+        <view>订单管理</view>
+        <image class="rightArrow" src="../../images/right.png"></image>
+    </view>
+</view>

pages/manager/manager.wxss

@@ -0,0 +1,30 @@
+/* pages/manager/manager.wxss */
+
+/* 设置页面背景 */
+page{
+    height: 100%;
+    background-color: #E2F0D9;
+    padding: 20rpx;
+}
+
+/* 订单管理 */
+.manageOrderWrapper{
+    width: 95%;
+}
+.manageOrder{
+    display: flex;
+    position: relative;
+    height: 80rpx;
+    background-color: #FFF2CC;
+    align-items: center;
+    padding-left: 20rpx;
+    border-radius: 20rpx;
+}
+
+/* 箭头样式 */
+.rightArrow{
+    width: 40rpx;
+    height: 40rpx;
+    position: absolute;
+    right: 60rpx;
+}

pages/myInfo/myInfo.js

@@ -5,7 +5,7 @@ Page({
      * 页面的初始数据
      */
     data: {
-
+        id: '20221222'
     },
 
     /**
@@ -16,16 +16,16 @@ Page({
     },
 
     // 跳转到推荐分享页面
-    toRecommend(){
+    toRecommend() {
         wx.navigateTo({
-          url: '/pages/recommend/recommend',
+            url: '/pages/recommend/recommend',
         })
     },
 
     // 跳转到订单页面
-    toMyOrder(){
+    toMyOrder() {
         wx.navigateTo({
-          url: '/pages/myOrder/myOrder',
+            url: '/pages/myOrder/myOrder',
         })
     },
 
@@ -78,6 +78,13 @@ Page({
         })
     },
 
+    // 跳转到管理员专用页面
+    toManager() {
+        wx.navigateTo({
+            url: '/pages/manager/manager',
+        })
+    },
+
     /**
      * 生命周期函数--监听页面初次渲染完成
      */

pages/myInfo/myInfo.wxml

@@ -10,10 +10,16 @@
         </view>
         <image class="rightArrow" src="../../images/right.png"></image>
     </view>
-    <!-- 推荐分享 -->
-    <view class="recommend" bindtap="toRecommend">
-        <view>推荐分享</view>
-        <image class="rightArrow" src="../../images/right.png"></image>
+    <!-- 关注公众号和推荐分享 -->
+    <view class="recommendWraooer">
+        <view class="recommend">
+            <view>关注公众号</view>
+            <image class="rightIcon" src="../../images/right.png"></image>
+        </view>
+        <view class="recommend" bindtap="toRecommend">
+            <view>推荐分享</view>
+            <image class="rightIcon" src="../../images/right.png"></image>
+        </view>
     </view>
     <!-- 订单 -->
     <view class="orderList" bindtap="toMyOrder">
@@ -72,11 +78,15 @@
     <view class="suggest">
         <view class="suggestDetail" bindtap="toMySuggestion">
             <view>我的建议</view>
-            <image class="rightArrow" src="../../images/right.png"></image>
+            <image class="rightIcon" src="../../images/right.png"></image>
         </view>
         <view class="suggestDetail" bindtap="toMyComplaint">
             <view>我的投诉</view>
-            <image class="rightArrow" src="../../images/right.png"></image>
+            <image class="rightIcon" src="../../images/right.png"></image>
         </view>
     </view>
+    <view class="manager" wx:if="{{id == '20221222'}}" bindtap="toManager">
+        <view>管理员专用</view>
+        <image class="rightArrow" src="../../images/right.png"></image>
+    </view>
 </view>

pages/myInfo/myInfo.wxss

@@ -1,11 +1,15 @@
 /* pages/myInfo/myInfo.wxss */
 
 /* 设置本页面背景样式 */
-.wrapper {
+page{
     position: relative;
-    padding:20rpx;
+    margin:20rpx;
     background-color: #E2F0D9;
 }
+/* 设置本页面背景样式 */
+.wrapper {
+    width: 95%;
+}
 
 /* 顶部头像和昵称区域 */
 .headWrapper{
@@ -44,15 +48,24 @@
 }
 
 /* 箭头样式 */
-.rightArrow{
+.rightArrow,
+.rightIcon{
     position: absolute;
     height: 40rpx;
     width: 40rpx;
-    right: 40rpx;
 }
-/* 推荐分享 */
-.recommend,
-.orderList{
+.rightArrow{
+    right: 70rpx;
+}
+
+/* 邀请、收藏、建议和投诉的箭头位置 */
+.rightIcon{
+    right: 30rpx;
+}
+
+/* 订单、管理员专用 */
+.orderList,
+.manager{
     display: flex;
     height: 80rpx;
     line-height: 80rpx;
@@ -62,16 +75,23 @@
     border-radius: 20rpx;
     align-items: center;
 }
+.manager{
+    margin-bottom: 30rpx;
+}
 
-/* 邀请和收藏 */
+/* 关注和推荐、邀请、收藏、建议和投诉 */
 .invitation,
-.collection{
+.collection,
+.recommendWraooer,
+.suggest{
     display: flex;
     justify-content: space-between;
 }
 
 .myInvitation,
-.myCollected{
+.myCollected,
+.recommend,
+.suggestDetail{
     width: 45%;
     display: flex;
     height: 80rpx;
@@ -84,26 +104,16 @@
     position: relative;
 }
 
-/* 邀请和收藏的箭头 */
-.rightIcon{
-    height: 40rpx;
-    width: 40rpx;
-    position: absolute;
-    right: 30rpx;
-}
-
-/* 教员认证和课程发布、我的需求、投诉和建议样式 */
+/* 教员认证和课程发布、我的需求样式 */
 .teachCourse,
-.myNeed,
-.suggest{
+.myNeed{
     background-color: #FFF2CC;
     border-radius: 20rpx;
     margin-top: 20rpx;    
     padding: 20rpx 0 20rpx 20rpx;
 }
 .teachCourseDetail,
-.myNeedDetail,
-.suggestDetail{
+.myNeedDetail{
     display: flex;
     height: 80rpx;
     line-height: 80rpx;

pages/orderDetail/orderDetail.wxml

@@ -70,5 +70,4 @@
             <view class="payStatus">教员支付</view>
         </view>
     </view>
-
 </view>

pages/suggestList/suggestList.js

@@ -11,7 +11,7 @@ Page({
     // 点击建议列表，跳转到对应的建议详情页
     toSuggestDetail(){
         wx.navigateTo({
-          url: '/pages/suggesDetail/suggestDetail',
+          url: '/pages/suggestDetail/suggestDetail',
         })
     },