From 8483914d0bf5157f2c9dee9446952edb6705ff98 Mon Sep 17 00:00:00 2001
From: woody <woody@163>
Date: Thu, 5 Jun 2025 14:15:01 +0800
Subject: [PATCH] =?UTF-8?q?fix(bonus-lx):=20=E5=A5=96=E9=87=91=E6=98=8E?=
 =?UTF-8?q?=E7=BB=86=E9=A1=B5=E9=9D=A2=E8=B0=83=E6=95=B4=E4=BC=98=E5=8C=96?=
 =?UTF-8?q?=20bug-149?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 components/bonus/sgsy.vue | 741 +++++++++++++++++++-------------------
 config/request.js         |   2 +-
 pages/bonus/index.vue     | 526 ++++++++++++++++-----------
 3 files changed, 682 insertions(+), 587 deletions(-)

diff --git a/components/bonus/sgsy.vue b/components/bonus/sgsy.vue
index 0ba8f81..dde3ad1 100644
--- a/components/bonus/sgsy.vue
+++ b/components/bonus/sgsy.vue
@@ -1,410 +1,419 @@
-
 <template>
-	<view class="main">
-		<view v-if="userInfo.pkCountry!=1" class="top">
-			<view class="search-bottom">
-				<view class="time-text">{{'查询时间'}}</view>
-				<view class="time1">
-					<picker :value="query.startDate" mode="date" @change="bindDateChange">
-						<view v-if="query.startDate!=''" class="uni-input">{{query.startDate}}</view>
-						<view v-else class="uni-input">{{'开始日期'}}</view>
-					</picker>
-				</view>
-				<view class="text_s">{{'至'}}</view>
-				<view class="time1">
-					<picker :value="query.endDate" mode="date" @change="bindDateChange1">
-						<view v-if="query.endDate!=''" class="uni-input">{{query.endDate}}</view>
-						<view v-else class="uni-input">{{'结束日期'}}</view>
-					</picker>
-				</view>
-				<view class="search-icons" @click="submit">
-					<image class="search-icon-s" src="../../static/images/search.png"></image>
-				</view>
-			</view>
-
-		</view>
-		<view class="search-content">
-			<view class="search-list">
-				<view v-for="item in dataList" class="search-view">
-					<view style="height: 20rpx;"></view>
-					<view class="flex_s">
-						<view class="data-left">
-							{{'奖金日期'}}
-						</view>
-						<view class="data-right">
-							{{item.settleDate }}
-						</view>
-					</view>
-					<view class="flex_s">
-						<view class="data-left">
-							{{'直推收益'}}({{ isLocaled() }})
-						</view>
-						<view class="data-right">
-							{{item.directIncome| toThousandthAndKeepDecimal }}
-						</view>
-					</view>
-					<view class="flex_s">
-						<view class="data-left">
-							{{'拓展收益'}}({{ isLocaled() }})
-						</view>
-						<view class="data-right">
-							{{item.expandIncome| toThousandthAndKeepDecimal}}
-						</view>
-					</view>
-					<view class="flex_s">
+  <view class="main">
+    <view v-if="userInfo.pkCountry != 1" class="top">
+      <view class="search-bottom">
+        <view class="time-text">{{ '查询时间' }}</view>
+        <view class="time1">
+          <picker :value="query.startDate" mode="date" @change="bindDateChange">
+            <view v-if="query.startDate != ''" class="uni-input">{{
+              query.startDate
+            }}</view>
+            <view v-else class="uni-input">{{ '开始日期' }}</view>
+          </picker>
+        </view>
+        <view class="text_s">{{ '至' }}</view>
+        <view class="time1">
+          <picker :value="query.endDate" mode="date" @change="bindDateChange1">
+            <view v-if="query.endDate != ''" class="uni-input">{{
+              query.endDate
+            }}</view>
+            <view v-else class="uni-input">{{ '结束日期' }}</view>
+          </picker>
+        </view>
+        <view class="search-icons" @click="submit">
+          <image
+            class="search-icon-s"
+            src="../../static/images/search.png"
+          ></image>
+        </view>
+      </view>
+    </view>
+    <view class="search-content">
+      <view class="search-list">
+        <view v-for="item in dataList" class="search-view">
+          <view style="height: 20rpx"></view>
+          <view class="flex_s">
+            <view class="data-left">
+              {{ '奖金日期' }}
+            </view>
+            <view class="data-right">
+              {{ item.settleDate }}
+            </view>
+          </view>
+          <view class="flex_s">
+            <view class="data-left">
+              {{ '直推收益' }}
+            </view>
+            <view class="data-right">
+              {{ item.directIncome | toThousandthAndKeepDecimal }}
+            </view>
+          </view>
+          <view class="flex_s">
+            <view class="data-left">
+              {{ '拓展收益' }}
+            </view>
+            <view class="data-right">
+              {{ item.expandIncome | toThousandthAndKeepDecimal }}
+            </view>
+          </view>
+          <view class="flex_s">
+            <view class="data-left">
+              {{ '辅导收益' }}
+            </view>
+            <view class="data-right">
+              {{ item.coachIncome | toThousandthAndKeepDecimal }}
+            </view>
+          </view>
+          <!-- <view class="flex_s">
 					<view class="data-left">
-						{{'辅导收益'}}({{ isLocaled() }})
-					</view>
-					<view class="data-right">
-						{{item.coachIncome | toThousandthAndKeepDecimal}}
-					</view>
-				</view>
-				<!-- <view class="flex_s">
-					<view class="data-left">
-						{{'分红收益'}}({{ isLocaled() }})
+						{{'分红收益'}}
 					</view>
 					<view class="data-right">
 						{{item.shareIncome| toThousandthAndKeepDecimal}}
 					</view>
 				</view> -->
-					<view class="flex_s" v-if="userInfo.pkCountry==1">
-						<view class="data-left">
-							{{'服务补贴'}}({{ isLocaled() }})
-						</view>
-						<view class="data-right">
-							{{item.serviceIncome| toThousandthAndKeepDecimal}}
-						</view>
-					</view>
-					<view class="flex_s">
-						<view class="data-left">
-							级差收益({{ isLocaled() }})
-						</view>
-						<view class="data-right">
-							{{item.repurRangeIncome| toThousandthAndKeepDecimal}}
-						</view>
-					</view>
-					<view class="flex_s">
-						<view class="data-left">
-							{{$t('直推级差')}}({{ isLocaled() }})
-						</view>
-						<view class="data-right">
-							{{item.globalPoints| toThousandthAndKeepDecimal}}
-						</view>
-					</view>
-					<view class="flex_s" v-if="userInfo.pkCountry==1">
-						<view class="data-left">
-							{{'重复消费'}}({{ isLocaled() }})
-						</view>
-						<view class="data-right">
-							{{item.backPoints| toThousandthAndKeepDecimal}}
-						</view>
-					</view>
-					<view class="flex_s" v-if="userInfo.pkCountry==1">
-						<view class="data-left">
-							{{'平台服务费'}}({{ isLocaled() }})
-						</view>
-						<view class="data-right">
-							{{item.serviceSpend| toThousandthAndKeepDecimal}}
-						</view>
-					</view>
-					<view class="flex_s">
-						<view class="data-left">
-							{{'实发小计'}}({{ isLocaled() }})
-						</view>
-						<view class="data-right">
-							{{item.purRealSubtotal| toThousandthAndKeepDecimal}}
-						</view>
-					</view>
-					<!-- <view class="border_s">
+          <view class="flex_s" v-if="userInfo.pkCountry == 1">
+            <view class="data-left">
+              {{ '服务补贴' }}
+            </view>
+            <view class="data-right">
+              {{ item.serviceIncome | toThousandthAndKeepDecimal }}
+            </view>
+          </view>
+          <view class="flex_s">
+            <view class="data-left"> 级差收益 </view>
+            <view class="data-right">
+              {{ item.repurRangeIncome | toThousandthAndKeepDecimal }}
+            </view>
+          </view>
+          <view class="flex_s">
+            <view class="data-left">
+              {{ $t('直推级差') }}
+            </view>
+            <view class="data-right">
+              {{ item.globalPoints | toThousandthAndKeepDecimal }}
+            </view>
+          </view>
+          <view class="flex_s" v-if="userInfo.pkCountry == 1">
+            <view class="data-left">
+              {{ '重复消费' }}
+            </view>
+            <view class="data-right">
+              {{ item.backPoints | toThousandthAndKeepDecimal }}
+            </view>
+          </view>
+          <view class="flex_s" v-if="userInfo.pkCountry == 1">
+            <view class="data-left">
+              {{ '平台服务费' }}
+            </view>
+            <view class="data-right">
+              {{ item.serviceSpend | toThousandthAndKeepDecimal }}
+            </view>
+          </view>
+          <view class="flex_s">
+            <view class="data-left">
+              {{ '实发小计' }}
+            </view>
+            <view class="data-right">
+              {{ item.purRealSubtotal | toThousandthAndKeepDecimal }}
+            </view>
+          </view>
+          <!-- <view class="border_s">
 						<view class="button" v-if="checkRule==true" @click="urlTap">
 							{{'查看详情'}}
 						</view>
 					</view> -->
-					<view style="clear: both;"></view>
-					<view style="height: 20rpx;background-color: #fff;"></view>
-				</view>
-			</view>
-		</view>
-	</view>
+          <view style="clear: both"></view>
+          <view style="height: 20rpx; background-color: #fff"></view>
+        </view>
+      </view>
+    </view>
+  </view>
 </template>
 
 <script>
-	import * as api from '@/config/login.js'
-	import {
-		setToken
-	} from '@/config/auth.js'
-	import store from '@/store'
-	import {
-		isLocaled
-	} from '@/util/numberToCurrency'
+import * as api from '@/config/login.js'
+import { setToken } from '@/config/auth.js'
+import store from '@/store'
+import { isLocaled } from '@/util/numberToCurrency'
 
-	export default {
-		data() {
-			return {
-				getBonusTypeList: [],
-				index: null,
-				dataList: [],
-				userInfo: [],
-				query: {
-					startDate: '',
-					endDate: '',
-					sourceMemberCode: '',
-					sourceMemberName: '',
-					pkBonusItems: ''
-				},
-				page: {
-					pageNum: 1,
-					pageSize: 50
-				}
-			}
-		},
-		props: ["num", "checkRule"],
-		onLoad() {
-
-		},
-		created() {
-			// this.getType()
-			this.userInfo = uni.getStorageSync('User')
-			this.getDataList()
-		},
-		methods: {
-			isLocaled,
-			urlTap() {
-				uni.navigateTo({
-					url: '/pages/bonusSource/index'
-				})
-			},
-			getInfo() {
-				api.getInfo().then(res => {
-					if (res) {
-						this.userInfo = res.data
-					}
-				}).catch(error => {
-					reject(error)
-				})
-			},
-			submit() {
-				this.getDataList()
-			},
-			getType() {
-				api.getBonusType().then(res => {
-					if (res) {
-						this.getBonusTypeList = res.rows
-					}
-				}).catch(error => {
-					reject(error)
-				})
-			},
-			bindPickerChange(e) {
-				this.index = e.detail.value
-			},
-			bindDateChange(e) {
-				this.query.startDate = e.detail.value
-			},
-			bindDateChange1(e) {
-				this.query.endDate = e.detail.value
-			},
-			getDataList(num) {
-				api.queryBonusFirst(this.query, `?pageNum=${num||1}&pageSize=${this.page.pageSize}`).then(res => {
-					if (res) {
-						this.dataList.push(...res.rows)
-					}
-				}).catch(error => {
-					reject(error)
-				})
-			},
-			submit() {
-
-			},
-		},
-	}
+export default {
+  data() {
+    return {
+      getBonusTypeList: [],
+      index: null,
+      dataList: [],
+      userInfo: [],
+      query: {
+        startDate: '',
+        endDate: '',
+        sourceMemberCode: '',
+        sourceMemberName: '',
+        pkBonusItems: '',
+      },
+      page: {
+        pageNum: 1,
+        pageSize: 50,
+      },
+    }
+  },
+  props: ['num', 'checkRule'],
+  onLoad() {},
+  created() {
+    // this.getType()
+    this.userInfo = uni.getStorageSync('User')
+    this.getDataList()
+  },
+  methods: {
+    isLocaled,
+    urlTap() {
+      uni.navigateTo({
+        url: '/pages/bonusSource/index',
+      })
+    },
+    getInfo() {
+      api
+        .getInfo()
+        .then(res => {
+          if (res) {
+            this.userInfo = res.data
+          }
+        })
+        .catch(error => {
+          reject(error)
+        })
+    },
+    submit() {
+      this.getDataList()
+    },
+    getType() {
+      api
+        .getBonusType()
+        .then(res => {
+          if (res) {
+            this.getBonusTypeList = res.rows
+          }
+        })
+        .catch(error => {
+          reject(error)
+        })
+    },
+    bindPickerChange(e) {
+      this.index = e.detail.value
+    },
+    bindDateChange(e) {
+      this.query.startDate = e.detail.value
+    },
+    bindDateChange1(e) {
+      this.query.endDate = e.detail.value
+    },
+    getDataList(num) {
+      api
+        .queryBonusFirst(
+          this.query,
+          `?pageNum=${num || 1}&pageSize=${this.page.pageSize}`
+        )
+        .then(res => {
+          if (res) {
+            this.dataList.push(...res.rows)
+          }
+        })
+        .catch(error => {
+          reject(error)
+        })
+    },
+    submit() {},
+  },
+}
 </script>
 <style>
-	.border_s {
-		border-bottom: 1rpx solid #eee;
-		height: 10rpx;
-	}
+.border_s {
+  border-bottom: 1rpx solid #eee;
+  height: 10rpx;
+}
 
-	.button {
-		padding: 0 30rpx;
-		/* width: 150rpx; */
-		height: 52rpx;
-		line-height: 52rpx;
-		color: #fff;
-		font-size: 28rpx;
-		text-align: center;
-		background: #005BAC;
-		margin: 30rpx 0 0 0;
-		float: right;
-		border-radius: 24rpx;
-	}
+.button {
+  padding: 0 30rpx;
+  /* width: 150rpx; */
+  height: 52rpx;
+  line-height: 52rpx;
+  color: #fff;
+  font-size: 28rpx;
+  text-align: center;
+  background: #005bac;
+  margin: 30rpx 0 0 0;
+  float: right;
+  border-radius: 24rpx;
+}
 
-	.type {
-		color: #005BAC !important;
-	}
+.type {
+  color: #005bac !important;
+}
 
-	.flex_s {
-		width: 100%;
-		display: flex;
-		justify-content: space-between;
-		padding-bottom: 15rpx;
-	}
+.flex_s {
+  width: 100%;
+  display: flex;
+  justify-content: space-between;
+  padding-bottom: 15rpx;
+}
 
-	.data-left {
-		color: #999;
-		font-size: 26rpx;
-	}
+.data-left {
+  color: #999;
+  font-size: 26rpx;
+}
 
-	.data-right {
-		color: #333;
-		font-size: 26rpx;
-	}
+.data-right {
+  color: #333;
+  font-size: 26rpx;
+}
 
-	.search-view {
-		/* display: flex; */
-		/* justify-content: space-between; */
-		padding: 30rpx 20rpx 0 20rpx;
-		border-bottom: 20rpx solid #eee;
-		/* border-bottom: 1px solid #eee; */
-		margin: 0;
-	}
+.search-view {
+  /* display: flex; */
+  /* justify-content: space-between; */
+  padding: 16rpx 20rpx 0 20rpx;
+  border-bottom: 20rpx solid #eee;
+  /* border-bottom: 1px solid #eee; */
+  margin: 0;
+}
 
-	.search-list {
-		margin-bottom: 25rpx;
-		background-color: #fff;
-	}
+.search-list {
+  margin-bottom: 25rpx;
+  background-color: #fff;
+}
 
-	.search-content {
-		margin-top: 25rpx;
-	}
+.search-content {
+  margin-top: 25rpx;
+}
 
-	.text_s {
-		color: #333;
-		font-size: 26rpx;
-	}
+.text_s {
+  color: #333;
+  font-size: 26rpx;
+}
 
-	.search-icon-s {
-		width: 22rpx;
-		height: 22rpx;
-	}
+.search-icon-s {
+  width: 22rpx;
+  height: 22rpx;
+}
 
-	.search-icons {
-		width: 47rpx;
-		height: 47rpx;
-		background: #005BAC;
-		border-radius: 50%;
-		margin-left: 20rpx;
-		display: flex;
-		justify-content: center;
-		align-items: center;
-		margin: 30rpx 20rpx 0 0;
-	}
+.search-icons {
+  width: 47rpx;
+  height: 47rpx;
+  background: #005bac;
+  border-radius: 50%;
+  margin-left: 20rpx;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  margin: 30rpx 20rpx 0 0;
+}
 
-	.time1 {
-		width: 158rpx;
-		height: 75rpx;
-		border-bottom: 1rpx solid #eee;
-		margin: 0 50rpx 30rpx 50rpx;
-		color: #999;
-		text-align: center;
-		font-size: 24rpx;
-		/* margin-bottom: 30rpx; */
-	}
+.time1 {
+  width: 158rpx;
+  height: 75rpx;
+  border-bottom: 1rpx solid #eee;
+  margin: 0 50rpx 30rpx 50rpx;
+  color: #999;
+  text-align: center;
+  font-size: 24rpx;
+  /* margin-bottom: 30rpx; */
+}
 
-	.time-text {
-		color: #999;
-		font-size: 26rpx;
-	}
+.time-text {
+  color: #999;
+  font-size: 26rpx;
+}
 
-	.search-bottom {
-		height: 100rpx;
-		line-height: 100rpx;
-		display: flex;
-		margin-left: 20rpx;
-	}
+.search-bottom {
+  height: 100rpx;
+  line-height: 100rpx;
+  display: flex;
+  margin-left: 20rpx;
+}
 
-	.texts {
-		color: #333;
-		font-size: 26rpx;
-		overflow: hidden;
-		white-space: nowrap;
-		text-overflow: ellipsis;
-		/* width:200rpx; */
-		text-align: right;
-	}
+.texts {
+  color: #333;
+  font-size: 26rpx;
+  overflow: hidden;
+  white-space: nowrap;
+  text-overflow: ellipsis;
+  /* width:200rpx; */
+  text-align: right;
+}
 
-	.select-text {
-		display: flex;
-		margin-right: 20rpx;
-		font-size: 26rpx;
-		color: #333;
-		position: relative;
-	}
+.select-text {
+  display: flex;
+  margin-right: 20rpx;
+  font-size: 26rpx;
+  color: #333;
+  position: relative;
+}
 
-	.selIcon {
-		width: 20rpx;
-		height: 20rpx;
-		margin-top: 10rpx;
-		margin-left: 5rpx;
-	}
+.selIcon {
+  width: 20rpx;
+  height: 20rpx;
+  margin-top: 10rpx;
+  margin-left: 5rpx;
+}
 
-	.text-s {
-		font-size: 26rpx;
-		color: #999;
-		margin-right: 10rpx;
-	}
+.text-s {
+  font-size: 26rpx;
+  color: #999;
+  margin-right: 10rpx;
+}
 
-	.place {
-		font-size: 26rpx;
-		color: #999;
-	}
+.place {
+  font-size: 26rpx;
+  color: #999;
+}
 
-	.border-colors {
-		border: none;
-		font-size: 26rpx;
-		color: #333;
-		margin-left: 30rpx;
-	}
+.border-colors {
+  border: none;
+  font-size: 26rpx;
+  color: #333;
+  margin-left: 30rpx;
+}
 
-	page {
-		background-color: #f2f2f2;
-	}
+page {
+  background-color: #f2f2f2;
+}
 
-	.search-icon {
-		width: 25rpx;
-		height: 25rpx;
-		position: absolute;
-		left: 30rpx;
-		top: 12rpx;
+.search-icon {
+  width: 25rpx;
+  height: 25rpx;
+  position: absolute;
+  left: 30rpx;
+  top: 12rpx;
 
-		image {}
-	}
+  image {
+  }
+}
 
-	.search-bg {}
+.search-bg {
+}
 
-	.top {
-		/* height: 200rpx; */
-		background-color: #fff;
-		padding: 20rpx 0 20rpx 0;
-	}
+.top {
+  /* height: 200rpx; */
+  background-color: #fff;
+  padding: 20rpx 0 20rpx 0;
+}
 
-	.search-tops {
-		display: flex;
-		justify-content: space-between;
-		height: 65rpx;
-		line-height: 65rpx;
-		padding-bottom: 40rpx;
-		border-bottom: 1px solid #eee;
-	}
+.search-tops {
+  display: flex;
+  justify-content: space-between;
+  height: 65rpx;
+  line-height: 65rpx;
+  padding-bottom: 40rpx;
+  border-bottom: 1px solid #eee;
+}
 
-	.search-bg {
-		width: 432rpx;
-		height: 35rpx;
-		background: #F5F6F8;
-		border-radius: 33rpx;
-		display: flex;
-		position: relative;
-		padding: 20rpx 50rpx;
-		margin-left: 20rpx;
-	}
-</style>
\ No newline at end of file
+.search-bg {
+  width: 432rpx;
+  height: 35rpx;
+  background: #f5f6f8;
+  border-radius: 33rpx;
+  display: flex;
+  position: relative;
+  padding: 20rpx 50rpx;
+  margin-left: 20rpx;
+}
+</style>
diff --git a/config/request.js b/config/request.js
index 7a85d8a..ef3e1f9 100644
--- a/config/request.js
+++ b/config/request.js
@@ -13,7 +13,7 @@ module.exports = vm => {
 
     //#ifdef DEV_SERVER
     console.log('DEV_SERVER')
-    config.baseURL = 'http://localhost:8080'
+    config.baseURL = 'http://t-app.beida413.com/prod-api'
     //#endif
 
     //#ifdef QA_SERVER
diff --git a/pages/bonus/index.vue b/pages/bonus/index.vue
index 05d15c5..5b76bc1 100644
--- a/pages/bonus/index.vue
+++ b/pages/bonus/index.vue
@@ -1,234 +1,320 @@
 <template>
-	<view class="main">
-		<scroll-view class="left_scrol_style" scroll-x="false" scroll-y="true">
-			<view class="top-lists" v-if="navList.length > 0">
-				<view v-for="(item, index) in navList" v-show="item.menuKey!=''" :key="index"
-					:class="navIndex == item.path ? 'styles' : ''" class="nav-view" @click="clickHref(item.path)">
-					{{ item.name }}
-				</view>
-			</view>
-		</scroll-view>
-		<view class="sum-val">
-			<view v-if="monthIncomeTotal" >本月合计: <span>{{monthIncomeTotal | toThousandthAndKeepDecimal}}</span></view>
-			<view>昨日合计: <span>{{toSum | toThousandthAndKeepDecimal}}</span></view>
-		</view>
-		<template>
-			<sgsy v-if="navIndex==0" ref="sgsyData" :checkRule="marketList[0].isShow" :num="page.pageNum" />
-			<fgsy v-if="navIndex==1" ref="sgsyData" :checkRule="marketList[0].isShow" />
-			<hignfsy v-if="navIndex==2" ref="sgsyData" :checkRule="marketList[0].isShow" />
-			<hfsy v-if="navIndex==3" ref="sgsyData" :checkRule="marketList[0].isShow" />
-			<sbydsy v-if="navIndex==4" ref="sgsyData" :checkRule="marketList[0].isShow" />
-			<fgqsy v-if="navIndex==5" ref="sgsyData" :checkRule="marketList[0].isShow" />
-			<ckkj v-if="navIndex==6" ref="sgsyData" :checkRule="marketList[0].isShow" />
-		</template>
-	</view>
+  <view class="main">
+    <view class="totals-summary-bar">
+      <view class="total-item">
+        <text class="total-label">本月合计</text>
+        <text class="total-amount primary-amount">{{
+          formatCurrency(monthIncomeTotal)
+        }}</text>
+      </view>
+      <view class="total-separator"></view>
+      <view class="total-item">
+        <text class="total-label">昨日合计</text>
+        <text class="total-amount secondary-amount">{{
+          formatCurrency(toSum)
+        }}</text>
+      </view>
+    </view>
+    <template>
+      <sgsy
+        v-if="navIndex == 0"
+        ref="sgsyData"
+        :checkRule="marketList[0].isShow"
+        :num="page.pageNum"
+      />
+      <fgsy
+        v-if="navIndex == 1"
+        ref="sgsyData"
+        :checkRule="marketList[0].isShow"
+      />
+      <hignfsy
+        v-if="navIndex == 2"
+        ref="sgsyData"
+        :checkRule="marketList[0].isShow"
+      />
+      <hfsy
+        v-if="navIndex == 3"
+        ref="sgsyData"
+        :checkRule="marketList[0].isShow"
+      />
+      <sbydsy
+        v-if="navIndex == 4"
+        ref="sgsyData"
+        :checkRule="marketList[0].isShow"
+      />
+      <fgqsy
+        v-if="navIndex == 5"
+        ref="sgsyData"
+        :checkRule="marketList[0].isShow"
+      />
+      <ckkj
+        v-if="navIndex == 6"
+        ref="sgsyData"
+        :checkRule="marketList[0].isShow"
+      />
+    </template>
+  </view>
 </template>
 
 <script>
-	import * as api from '@/config/login.js'
-	import * as apis from '@/config/market.js'
-	import * as api1 from '@/config/bonus.js'
-	import {
-		setToken
-	} from '@/config/auth.js'
-	import store from '@/store'
-	import sgsy from '@/components/bonus/sgsy.vue'
-	import fgsy from '@/components/bonus/fgsy.vue'
-	import hignfsy from '@/components/bonus/hignfsy.vue'
-	import hfsy from '@/components/bonus/hfsy.vue'
-	import sbydsy from '@/components/bonus/sbydsy.vue'
-	import fgqsy from '@/components/bonus/fgqsy.vue'
-	import ckkj from '@/components/bonus/ckkj.vue'
-	export default {
-		data() {
-			return {
-				toSum: 0,
-				index: null,
-				userInfo: [],
-				marketList: [{
-					text: '奖金来源',
-					id: 3,
-					path: "/marketDynamics",
-					name: 'bonusSource',
-					isShow: false,
-				}, ],
-				navList: [{
-						name: '首购收益',
-						path: 0,
-						value: "firstPurchase",
-						menuKey: ''
-					},
-					{
-						name: '复购收益',
-						path: 1,
-						value: "repurchaseEarnings",
-						menuKey: ''
-					},
-					{
-						name: '海粉收益',
-						path: 2,
-						value: "hignFans",
-						menuKey: ''
-					},
-					{
-						name: '海粉收益',
-						path: 3,
-						value: "seaFans",
-						menuKey: ''
-					},
-					// { name: '圣宝云代收益',path:4,value:"sbyd",menuKey:''},
-					{
-						name: '复购券收益',
-						path: 5,
-						value: "repurchaseTicket",
-						menuKey: ''
-					},
-					// {
-					// 	name: '创客空间收益',
-					// 	path: 6,
-					// 	value: "markerSpaceEarnings",
-					// 	menuKey: ''
-					// },
-				],
-				navIndex: 0,
-				page: {
-					pageSize: 50,
-					pageNum: 1,
-				},
-				monthIncomeTotal: 0,
-			}
-		},
-		components: {
-			sgsy,
-			fgsy,
-			hignfsy,
-			hfsy,
-			sbydsy,
-			fgqsy,
-			ckkj
-		},
-		onLoad() {
-			this.getMenuLists()
-			this.getSum()
-		},
-		methods: {
-			getSum() {
-				api1.queryBonusTotal({}).then((res) => {
-					console.log(res, '....res====aa')
-					this.toSum = res.rows[0].realIncomeTotal
-					this.monthIncomeTotal = res.rows[0].monthIncomeTotal
-				})
-			},
-			bindPickerChange(e) {
-				this.index = e.detail.value
-			},
-			clickHref(index) {
-				let that = this;
-				this.navIndex = index
-				this.page.pageNum = 1
-			},
-			getMenuLists() {
-				api.menuList().then((res) => {
-					console.log(res, '....resmenu')
-					res.data.forEach((item) => {
-						this.navList.forEach((items) => {
-							if (item.menuKey == items.value) {
-								items.menuKey = item.menuKey
-							}
-						})
-						if (this.marketList[0].name == item.menuKey) {
-							this.marketList[0].isShow = true
-						}
-					})
-				})
-			},
-			// async onReachBottom() {
-			// 	this.page.pageNum+1
-			// 	this.$refs.sgsyData.getDataList(this.page.pageNum+=1);
-			// },
-		},
-	}
+import * as api from '@/config/login.js'
+import * as apis from '@/config/market.js'
+import * as api1 from '@/config/bonus.js'
+import { setToken } from '@/config/auth.js'
+import store from '@/store'
+import sgsy from '@/components/bonus/sgsy.vue'
+import fgsy from '@/components/bonus/fgsy.vue'
+import hignfsy from '@/components/bonus/hignfsy.vue'
+import hfsy from '@/components/bonus/hfsy.vue'
+import sbydsy from '@/components/bonus/sbydsy.vue'
+import fgqsy from '@/components/bonus/fgqsy.vue'
+import ckkj from '@/components/bonus/ckkj.vue'
+export default {
+  data() {
+    return {
+      toSum: 0,
+      index: null,
+      userInfo: [],
+      marketList: [
+        {
+          text: '奖金来源',
+          id: 3,
+          path: '/marketDynamics',
+          name: 'bonusSource',
+          isShow: false,
+        },
+      ],
+      navList: [
+        {
+          name: '首购收益',
+          path: 0,
+          value: 'firstPurchase',
+          menuKey: '',
+        },
+        {
+          name: '复购收益',
+          path: 1,
+          value: 'repurchaseEarnings',
+          menuKey: '',
+        },
+        {
+          name: '海粉收益',
+          path: 2,
+          value: 'hignFans',
+          menuKey: '',
+        },
+        {
+          name: '海粉收益',
+          path: 3,
+          value: 'seaFans',
+          menuKey: '',
+        },
+        // { name: '圣宝云代收益',path:4,value:"sbyd",menuKey:''},
+        {
+          name: '复购券收益',
+          path: 5,
+          value: 'repurchaseTicket',
+          menuKey: '',
+        },
+        // {
+        // 	name: '创客空间收益',
+        // 	path: 6,
+        // 	value: "markerSpaceEarnings",
+        // 	menuKey: ''
+        // },
+      ],
+      navIndex: 0,
+      page: {
+        pageSize: 50,
+        pageNum: 1,
+      },
+      monthIncomeTotal: 0,
+    }
+  },
+  components: {
+    sgsy,
+    fgsy,
+    hignfsy,
+    hfsy,
+    sbydsy,
+    fgqsy,
+    ckkj,
+  },
+  onLoad() {
+    // this.getMenuLists()
+    this.getSum()
+  },
+  methods: {
+    getSum() {
+      api1.queryBonusTotal({}).then(res => {
+        console.log(res, '....res====aa')
+        this.toSum = res.rows[0].realIncomeTotal
+        this.monthIncomeTotal = res.rows[0].monthIncomeTotal
+      })
+    },
+    bindPickerChange(e) {
+      this.index = e.detail.value
+    },
+    clickHref(index) {
+      let that = this
+      this.navIndex = index
+      this.page.pageNum = 1
+    },
+    formatCurrency(value) {
+      let num = parseFloat(value)
+      if (isNaN(num)) {
+        num = 0
+      }
+      const fixedNum = num.toFixed(2)
+      const parts = fixedNum.split('.')
+      parts[0] = parts[0].replace(/\\B(?=(\\d{3})+(?!\\d))/g, ',')
+      return parts.join('.')
+    },
+    // getMenuLists() {
+    //   api.menuList().then(res => {
+    //     console.log(res, '....resmenu')
+    //     res.data.forEach(item => {
+    //       this.navList.forEach(items => {
+    //         if (item.menuKey == items.value) {
+    //           items.menuKey = item.menuKey
+    //         }
+    //       })
+    //       if (this.marketList[0].name == item.menuKey) {
+    //         this.marketList[0].isShow = true
+    //       }
+    //     })
+    //   })
+    // },
+    // async onReachBottom() {
+    // 	this.page.pageNum+1
+    // 	this.$refs.sgsyData.getDataList(this.page.pageNum+=1);
+    // },
+  },
+}
 </script>
 <style lang="scss">
-	.sum-val {
-		background-color: #fff;
-		// height: 100rpx;
-		line-height: 60rpx;
-		text-align: right;
-		margin-top: 10rpx;
-		padding-right: 20rpx;
-		display: flex;
-		flex-direction: column;
-		align-items: flex-end;
-		justify-content: flex-end;
-		span {
-			font-size: 34rpx;
-			font-weight: bold;
-			margin-left: 10rpx;
-		}
-	}
+.totals-summary-bar {
+  display: flex;
+  justify-content: space-around;
+  align-items: center;
+  background-color: #ffffff;
+  padding: 24rpx 20rpx;
+  border-radius: 16rpx;
+  box-shadow: 0 6rpx 18rpx rgba(0, 0, 0, 0.06);
+  margin-top: 16rpx;
+  margin-bottom: 20rpx;
 
-	/*左侧分类视图*/
-	.left_scrol_style {
-		white-space: nowrap;
-		width: 100%;
-		background: #fff;
-	}
+  .total-item {
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    flex: 1;
 
-	.texts {
-		color: #333;
-		font-size: 26rpx;
-		overflow: hidden;
-		white-space: nowrap;
-		text-overflow: ellipsis;
-		/* width:200rpx; */
-		text-align: right;
-	}
+    .total-label {
+      font-size: 26rpx;
+      color: #777777;
+      margin-bottom: 8rpx;
+    }
 
-	.select-text {
-		display: flex;
-		margin-right: 20rpx;
-		font-size: 26rpx;
-		color: #333;
-		position: relative;
-	}
+    .total-amount {
+      font-size: 36rpx;
+      font-weight: 600;
+    }
 
-	.selIcon {
-		width: 30rpx;
-		height: 30rpx;
-		margin: 5rpx 0 0 20rpx;
-	}
+    .primary-amount {
+      color: #005bac; // Theme color
+    }
 
-	page {
-		background-color: #f2f2f2;
-	}
+    .secondary-amount {
+      color: #333333;
+    }
+  }
 
-	.styles {
-		border: none !important;
-		color: #fff !important;
-		background: #005BAC;
-	}
+  .total-separator {
+    width: 1rpx;
+    height: 60rpx; // Adjust as needed
+    background-color: #e0e0e0;
+  }
+}
+.sum-val {
+  background-color: #fff;
+  // height: 100rpx;
+  line-height: 60rpx;
+  text-align: right;
+  margin-top: 10rpx;
+  padding-right: 20rpx;
+  display: flex;
+  flex-direction: column;
+  align-items: flex-end;
+  justify-content: flex-end;
+  span {
+    font-size: 34rpx;
+    font-weight: bold;
+    margin-left: 10rpx;
+  }
+}
 
-	.top-lists {
-		width: fit-content;
-		display: flex;
-		padding: 30rpx 30rpx 0 0;
-		background-color: #fff;
-		height: 80rpx;
-		line-height: 80rpx;
+/*左侧分类视图*/
+.left_scrol_style {
+  white-space: nowrap;
+  width: 100%;
+  background: #fff;
+}
 
-		.nav-view {
-			width: 200rpx;
-			cursor: pointer;
-			padding: 0 26rpx;
-			height: 44rpx;
-			border-radius: 10rpx;
-			border: 1rpx solid #999999;
-			font-size: 14rpx;
-			text-align: center;
-			line-height: 44rpx;
-			margin-left: 20rpx;
-			color: #999;
-		}
-	}
-</style>
\ No newline at end of file
+.texts {
+  color: #333;
+  font-size: 26rpx;
+  overflow: hidden;
+  white-space: nowrap;
+  text-overflow: ellipsis;
+  /* width:200rpx; */
+  text-align: right;
+}
+
+.select-text {
+  display: flex;
+  margin-right: 20rpx;
+  font-size: 26rpx;
+  color: #333;
+  position: relative;
+}
+
+.selIcon {
+  width: 30rpx;
+  height: 30rpx;
+  margin: 5rpx 0 0 20rpx;
+}
+
+page {
+  background-color: #f2f2f2;
+}
+
+.styles {
+  border: none !important;
+  color: #fff !important;
+  background: #005bac;
+}
+
+.top-lists {
+  width: fit-content;
+  display: flex;
+  padding: 30rpx 30rpx 0 0;
+  background-color: #fff;
+  height: 80rpx;
+  line-height: 80rpx;
+
+  .nav-view {
+    width: 200rpx;
+    cursor: pointer;
+    padding: 0 26rpx;
+    height: 44rpx;
+    border-radius: 10rpx;
+    border: 1rpx solid #999999;
+    font-size: 14rpx;
+    text-align: center;
+    line-height: 44rpx;
+    margin-left: 20rpx;
+    color: #999;
+  }
+}
+</style>