开发订单管理

salesperson/pages/management/index.js

@@ -1,66 +1,26 @@
-// salesperson/pages/management/index.js
+import reachBottom from '~/mixins/reachBottom';
 Page({
-
-    /**
-     * 页面的初始数据
-     */
+    behaviors: [reachBottom],
     data: {
-
+        currentIndex: 1,
+        categoryList: [{
+            id: 1,
+            title: '全部'
+        }, {
+            id: 2,
+            title: '已付款'
+        }, {
+            id: 3,
+            title: '退单'
+        }, ]
     },
 
-    /**
-     * 生命周期函数--监听页面加载
-     */
     onLoad(options) {
 
     },
-
-    /**
-     * 生命周期函数--监听页面初次渲染完成
-     */
-    onReady() {
-
+    loadMore() {
+        /*  this.getData(getCategoryWorks, {
+             columnId
+         }); */
     },
-
-    /**
-     * 生命周期函数--监听页面显示
-     */
-    onShow() {
-
-    },
-
-    /**
-     * 生命周期函数--监听页面隐藏
-     */
-    onHide() {
-
-    },
-
-    /**
-     * 生命周期函数--监听页面卸载
-     */
-    onUnload() {
-
-    },
-
-    /**
-     * 页面相关事件处理函数--监听用户下拉动作
-     */
-    onPullDownRefresh() {
-
-    },
-
-    /**
-     * 页面上拉触底事件的处理函数
-     */
-    onReachBottom() {
-
-    },
-
-    /**
-     * 用户点击右上角分享
-     */
-    onShareAppMessage() {
-
-    }
 })

salesperson/pages/management/index.json

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

salesperson/pages/management/index.less

@@ -1 +1,89 @@
-/* salesperson/pages/management/index.wxss */
+.container {
+    padding: 0 20rpx;
+
+    .categoryBox {
+        margin-top: 24rpx;
+        margin-bottom: 38rpx;
+        display: flex;
+        align-items: center;
+        justify-content: space-between;
+
+        .category {
+            width: 126rpx;
+            padding: 8rpx 0;
+            font-size: 30rpx;
+            text-align: center;
+            color: #7A7A7A;
+            background: #FFFFFF;
+            border-radius: 29rpx;
+        }
+
+        .currentClass {
+            color: #FE9221;
+            font-weight: bold;
+        }
+    }
+
+    .orderList {
+        .order {
+            width: 100%;
+            padding: 18rpx 26rpx;
+            box-sizing: border-box;
+            margin-bottom: 20rpx;
+            background: #FFFFFF;
+            border-radius: 20rpx;
+
+            .above {
+                display: flex;
+                align-items: flex-end;
+                justify-content: space-between;
+                padding-bottom: 18rpx;
+                border-bottom: 1rpx solid #eee;
+
+                .userInfo {
+                    display: flex;
+                    align-items: center;
+
+                    .avatar {
+                        margin-right: 18rpx;
+                        width: 64rpx;
+                        height: 64rpx;
+                        background: #D8D8D8;
+                        border-radius: 50%;
+                    }
+
+                    .nickName {
+                        margin-bottom: 6rpx;
+                        font-size: 30rpx;
+                    }
+
+                    .addTime {
+                        font-size: 26rpx;
+                        color: #7B7B7B;
+                    }
+                }
+
+                .state {
+                    font-size: 26rpx;
+                    color: #FE9221;
+                }
+            }
+
+            .below {
+                color: #7B7B7B;
+
+                .row {
+                    padding: 20rpx 0;
+                    display: flex;
+                    align-items: center;
+                    justify-content: space-between;
+                    font-size: 26rpx;
+                    .money{
+                        color: black;
+                        font-weight: bold;
+                    }
+                }
+            }
+        }
+    }
+}

salesperson/pages/management/index.wxml

@@ -1,2 +1,40 @@
-<!--salesperson/pages/management/index.wxml-->
-<text>salesperson/pages/management/index.wxml</text>
+<view class="container">
+    <view class="categoryBox">
+        <view class="category {{currentIndex==item.id?'currentClass':''}}" wx:for="{{categoryList}}" wx:key="id"
+            data-index="{{item.id}}" data-title='{{item.title}}' bindtap="setClass">
+            {{item.title}}
+        </view>
+    </view>
+    <scroll-view class="orderList" scroll-y="true" enhanced show-scrollbar="{{false}}" bindscrolltolower='loadMore'>
+        <view class="order" wx:for="{{5}}" wx:key="index">
+            <view class="above">
+                <view class="userInfo">
+                    <image src="https://reader-wx.ai160.com/reader/resource/20230215/1676472360368723.jpg"
+                        class="avatar" />
+                    <view>
+                        <view class="nickName">刘聪{{index}}</view>
+                        <view class="addTime">
+                            加入时间 ：20230-08-27 14:00
+                        </view>
+                    </view>
+                </view>
+                <view class="state">已付款</view>
+            </view>
+            <view class="below">
+                <view class="row">
+                    <view>购买类型：1个月VIP</view>
+                    <view>付款金额 <text class="money">199元</text>
+                    </view>
+                </view>
+                <view class="row" style="font-size: 22rpx;">
+                    <view>
+                        2023-08-27 23:33:21付款
+                    </view>
+                    <view>
+                        2023-09-03 23:33:21退款
+                    </view>
+                </view>
+            </view>
+        </view>
+    </scroll-view>
+</view>

salesperson/pages/management/index.wxss

@@ -1 +1,75 @@
-/* salesperson/pages/management/index.wxss */
+.container {
+  padding: 0 20rpx;
+}
+.container .categoryBox {
+  margin-top: 24rpx;
+  margin-bottom: 38rpx;
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+}
+.container .categoryBox .category {
+  width: 126rpx;
+  padding: 8rpx 0;
+  font-size: 30rpx;
+  text-align: center;
+  color: #7A7A7A;
+  background: #FFFFFF;
+  border-radius: 29rpx;
+}
+.container .categoryBox .currentClass {
+  color: #FE9221;
+  font-weight: bold;
+}
+.container .orderList .order {
+  width: 100%;
+  padding: 18rpx 26rpx;
+  box-sizing: border-box;
+  margin-bottom: 20rpx;
+  background: #FFFFFF;
+  border-radius: 20rpx;
+}
+.container .orderList .order .above {
+  display: flex;
+  align-items: flex-end;
+  justify-content: space-between;
+  padding-bottom: 18rpx;
+  border-bottom: 1rpx solid #eee;
+}
+.container .orderList .order .above .userInfo {
+  display: flex;
+  align-items: center;
+}
+.container .orderList .order .above .userInfo .avatar {
+  margin-right: 18rpx;
+  width: 64rpx;
+  height: 64rpx;
+  background: #D8D8D8;
+  border-radius: 50%;
+}
+.container .orderList .order .above .userInfo .nickName {
+  margin-bottom: 6rpx;
+  font-size: 30rpx;
+}
+.container .orderList .order .above .userInfo .addTime {
+  font-size: 26rpx;
+  color: #7B7B7B;
+}
+.container .orderList .order .above .state {
+  font-size: 26rpx;
+  color: #FE9221;
+}
+.container .orderList .order .below {
+  color: #7B7B7B;
+}
+.container .orderList .order .below .row {
+  padding: 20rpx 0;
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  font-size: 26rpx;
+}
+.container .orderList .order .below .row .money {
+  color: black;
+  font-weight: bold;
+}

salesperson/pages/sale/index.js

@@ -5,7 +5,7 @@ Page({
         menuTop: app.globalData.menuTop,
     },
     onLoad(options) {
-
+ 
     },
     black() {
         wx.switchTab({