|
|
@@ -2,6 +2,7 @@
|
|
|
import { ref } from "vue";
|
|
|
import { getImageUrl } from "@/utils/imageUtil";
|
|
|
import LsvList from "@/components/listScrollView/index.vue";
|
|
|
+import DateRangePicker from "@/components/dateRangePicker/index.vue";
|
|
|
import { getProfitList } from "@/api/my";
|
|
|
|
|
|
definePage({
|
|
|
@@ -102,20 +103,22 @@ onLoad((options) => {
|
|
|
<text class="income-amount">{{totalAmount || 0}}</text>
|
|
|
</view>
|
|
|
|
|
|
- <view class="filter-box">
|
|
|
- <view class="filter-bar">
|
|
|
- <view class="filter-tabs">
|
|
|
- <view v-for="(item, index) in tabList" :key="index" class="filter-tab"
|
|
|
- :class="{ active: currentTab === item.value }" @click="handleTabClick(item.value)">
|
|
|
- <text class="tab-text">{{ item.label }}</text>
|
|
|
+ <view class="filter-content">
|
|
|
+ <view class="filter-box">
|
|
|
+ <view class="filter-bar">
|
|
|
+ <view class="filter-tabs">
|
|
|
+ <view v-for="(item, index) in tabList" :key="index" class="filter-tab"
|
|
|
+ :class="{ active: currentTab === item.value }" @click="handleTabClick(item.value)">
|
|
|
+ <text class="tab-text">{{ item.label }}</text>
|
|
|
+ </view>
|
|
|
</view>
|
|
|
</view>
|
|
|
- </view>
|
|
|
- <view class="income-line"></view>
|
|
|
- <view class='income-select'>
|
|
|
- <view class='income-time' @click='showPicker=true'>
|
|
|
- <view class='income-time-name'>{{dateRangeText}} </view>
|
|
|
- <view class="caret" />
|
|
|
+ <view class="income-line"></view>
|
|
|
+ <view class='income-select'>
|
|
|
+ <view class='income-time' @click='showPicker=true'>
|
|
|
+ <view class='income-time-name'>{{dateRangeText}} </view>
|
|
|
+ <view class="caret" />
|
|
|
+ </view>
|
|
|
</view>
|
|
|
</view>
|
|
|
</view>
|
|
|
@@ -212,15 +215,20 @@ onLoad((options) => {
|
|
|
line-height: 56rpx;
|
|
|
}
|
|
|
}
|
|
|
+ .filter-content {
|
|
|
+ overflow: hidden;
|
|
|
+ background: #ffffff;
|
|
|
+ padding: 0 32rpx;
|
|
|
+ }
|
|
|
.filter-box {
|
|
|
display: flex;
|
|
|
width: 100%;
|
|
|
height: 92rpx;
|
|
|
- background: #ffffff;
|
|
|
margin: 32rpx 0;
|
|
|
- padding: 0 32rpx;
|
|
|
box-sizing: border-box;
|
|
|
align-items: center;
|
|
|
+ overflow-x: auto;
|
|
|
+ white-space: nowrap;
|
|
|
.filter-bar {
|
|
|
display: flex;
|
|
|
justify-content: space-between;
|
|
|
@@ -264,6 +272,7 @@ onLoad((options) => {
|
|
|
display: flex;
|
|
|
align-items: center;
|
|
|
justify-content: space-between;
|
|
|
+ width: 0;
|
|
|
|
|
|
.income-time-name {
|
|
|
font-size: 28rpx;
|