fix: 智聪记账管理,统计页面,增加tab按钮。

This commit is contained in:
tianyongbao
2025-02-20 18:09:43 +08:00
parent f1995bdc6f
commit 7f5e803797
20 changed files with 215 additions and 11 deletions

View File

@@ -149,7 +149,11 @@
<div></div>
</div>
<u-list @scrolltolower="loadmore" :spaceHeight="116" lowerThreshold="100">
<div style="margin:8px">
<button :type="firstType" style="margin-right:5px" size=mini @click="btFirstClick">结算卡统计</button>
<button :type="secondType" type="primary" size=mini @click="btSecondClick">近6月收款金额统计</button>
</div>
<u-list v-show="!tabShow" @scrolltolower="loadmore" :spaceHeight="116" lowerThreshold="100">
<u-list-item v-for="(item, index) in listData" :key="index">
<view class="list-item">
<view class="item-header">
@@ -233,6 +237,19 @@
<view>
</view>
</u-list>
<u-list v-show="tabShow" @scrolltolower="loadmore" :spaceHeight="116" lowerThreshold="100">
<u-list-item v-for="(item, index) in secondListData" :key="index">
<view class="list-item">
<view class="item-header">
<u--text lines="2"
:text="item.debitCard+' 收款 '+item.amount+' 元'" size="30rpx" color="#333333" ></u--text>
</view>
</view>
</u-list-item>
<view>
</view>
</u-list>
<u-picker itemHeight="88" :show="settingPickShow" :columns="settingColumns" keyName="settingName"
@confirm="settingConfirm" @cancel="settingCancel"></u-picker>
</view>
@@ -253,6 +270,11 @@
const settingPickShow = ref(false)
const settingColumns = ref([])
const tabShow = ref(false)
const firstType = ref("primary")
const secondType = ref("default")
const secondListData = ref([])
const debitCardAnalysis = ref({})
const data = reactive({
filterPanel: false,
@@ -279,10 +301,25 @@
}
});
function btFirstClick() {
tabShow.value=false
firstType.value="primary"
secondType.value="default"
}
function btSecondClick() {
secondType.value="primary"
firstType.value="default"
tabShow.value=true
}
function getList() {
getDebitCardAnalysis({...queryParams.value }).then(res => {
debitCardAnalysis.value = { ...res.data }
listData.value = listData.value.concat(res.data.debitCardTableList)
secondListData.value = secondListData.value.concat(res.data.debitCardList)
}).catch(() => {
})
}