开发收益报表页面

salesperson/pages/lxDetail/index.less

@@ -49,6 +49,7 @@
 
         .categoryBox {
             margin-top: 24rpx;
+            margin-bottom: 38rpx;
             display: flex;
             align-items: center;
             justify-content: space-between;
@@ -68,5 +69,53 @@
                 font-weight: bold;
             }
         }
+
+        .detailsList {
+            padding-bottom: 60rpx;
+            .group {
+                margin-bottom: 20rpx;
+                border-radius: 20rpx;
+                overflow: hidden;
+                background: #FFFFFF;
+
+                .header {
+                    display: flex;
+                    align-items: center;
+                    justify-content: space-between;
+                    padding: 12rpx 24rpx;
+                    font-size: 26rpx;
+                    background-color: #FFFAEA;
+                }
+
+                .body {
+                    padding: 0 35rpx;
+
+                    .row {
+                        display: flex;
+                        align-items: center;
+                        justify-content: space-between;
+                        padding: 20rpx 0;
+                        color: #7B7B7B;
+                        font-size: 26rpx;
+                        text-align: center;
+                        border-bottom: 1rpx solid #eee;
+
+                        .col {
+                            display: flex;
+                            flex-direction: column;
+
+                            .num {
+                                margin-bottom: 8rpx;
+                                color: #BA5858;
+                            }
+                        }
+                    }
+
+                    .row:last-child {
+                        border: none
+                    }
+                }
+            }
+        }
     }
 }

salesperson/pages/lxDetail/index.wxml

@@ -37,5 +37,79 @@
                 {{item.title}}
             </view>
         </view>
+        <view class="detailsList">
+            <view class="group">
+                <view class="header">
+                    <view>
+                        2023-09
+                    </view>
+                    <view>
+                        结余（元）
+                    </view>
+                </view>
+                <view class="body">
+                    <view class="row">
+                        <view class="col">02日</view>
+                        <view class="col">
+                            <view class="num">-100.00</view>
+                            提现
+                        </view>
+                        <view class="col">1200.00</view>
+                    </view>
+                    <view class="row">
+                        <view class="col">02日</view>
+                        <view class="col">
+                            <view class="num">-100.00</view>
+                            提现
+                        </view>
+                        <view class="col">1200.00</view>
+                    </view>
+                    <view class="row">
+                        <view class="col">02日</view>
+                        <view class="col">
+                            <view class="num">-100.00</view>
+                            提现
+                        </view>
+                        <view class="col">1200.00</view>
+                    </view>
+                </view>
+            </view>
+            <view class="group">
+                <view class="header">
+                    <view>
+                        2023-09
+                    </view>
+                    <view>
+                        结余（元）
+                    </view>
+                </view>
+                <view class="body">
+                    <view class="row">
+                        <view class="col">02日</view>
+                        <view class="col">
+                            <view class="num">-100.00</view>
+                            提现
+                        </view>
+                        <view class="col">1200.00</view>
+                    </view>
+                    <view class="row">
+                        <view class="col">02日</view>
+                        <view class="col">
+                            <view class="num">-100.00</view>
+                            提现
+                        </view>
+                        <view class="col">1200.00</view>
+                    </view>
+                    <view class="row">
+                        <view class="col">02日</view>
+                        <view class="col">
+                            <view class="num">-100.00</view>
+                            提现
+                        </view>
+                        <view class="col">1200.00</view>
+                    </view>
+                </view>
+            </view>
+        </view>
     </view>
 </view>

salesperson/pages/lxDetail/index.wxss

@@ -41,6 +41,7 @@
 }
 .container .detailsBox .categoryBox {
   margin-top: 24rpx;
+  margin-bottom: 38rpx;
   display: flex;
   align-items: center;
   justify-content: space-between;
@@ -58,3 +59,44 @@
   color: #FEAC57;
   font-weight: bold;
 }
+.container .detailsBox .detailsList {
+  padding-bottom: 60rpx;
+}
+.container .detailsBox .detailsList .group {
+  margin-bottom: 20rpx;
+  border-radius: 20rpx;
+  overflow: hidden;
+  background: #FFFFFF;
+}
+.container .detailsBox .detailsList .group .header {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  padding: 12rpx 24rpx;
+  font-size: 26rpx;
+  background-color: #FFFAEA;
+}
+.container .detailsBox .detailsList .group .body {
+  padding: 0 35rpx;
+}
+.container .detailsBox .detailsList .group .body .row {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  padding: 20rpx 0;
+  color: #7B7B7B;
+  font-size: 26rpx;
+  text-align: center;
+  border-bottom: 1rpx solid #eee;
+}
+.container .detailsBox .detailsList .group .body .row .col {
+  display: flex;
+  flex-direction: column;
+}
+.container .detailsBox .detailsList .group .body .row .col .num {
+  margin-bottom: 8rpx;
+  color: #BA5858;
+}
+.container .detailsBox .detailsList .group .body .row:last-child {
+  border: none;
+}