mirror/ezbookkeeping
1
0
Fork 0
mirror of https://github.com/mayswind/ezbookkeeping.git synced 2026-05-19 09:14:27 +08:00
Code Issues Packages Projects Releases Wiki Activity

modify style

Browse Source
This commit is contained in:
MaysWind
2023-07-16 13:50:06 +08:00
parent c782002274
commit 6ae3bc82bb
1 changed files with 21 additions and 22 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/views/desktop/statistics/TransactionPage.vue
+17 -18
View File
@@ -4,20 +4,7 @@
<v-card> <v-card>
<div class="d-flex flex-column flex-md-row"> <div class="d-flex flex-column flex-md-row">
<div> <div>
<v-tabs show-arrows direction="vertical" <div class="mx-6 my-4">
class="text-uppercase my-4" v-model="query.chartDataType">
<v-tab :key="dataType.type" :value="dataType.type"
v-for="dataType in allChartDataTypes">
{{ $t(dataType.name) }}
</v-tab>
</v-tabs>
</div>
<v-window class="d-flex flex-grow-1 ml-md-5 disable-tab-transition statistics-container" v-model="activeTab">
<v-window-item value="statisticsPage">
<v-card variant="flat">
<template #title>
<div class="d-flex align-center">
<div class="statistics-toolbar">
<v-btn-toggle <v-btn-toggle
variant="outlined" variant="outlined"
color="primary" color="primary"
@@ -34,10 +21,22 @@
{{ $t('Bar Chart') }} {{ $t('Bar Chart') }}
</v-btn> </v-btn>
</v-btn-toggle> </v-btn-toggle>
</div>
<v-btn-group class="ml-3" color="default" <v-divider />
density="comfortable" variant="outlined" <v-tabs show-arrows class="my-4" direction="vertical" v-model="query.chartDataType">
divided> <v-tab :key="dataType.type" :value="dataType.type"
v-for="dataType in allChartDataTypes">
{{ $t(dataType.name) }}
</v-tab>
</v-tabs>
</div>
<v-window class="d-flex flex-grow-1 ml-md-5 disable-tab-transition statistics-container" v-model="activeTab">
<v-window-item value="statisticsPage">
<v-card variant="flat">
<template #title>
<div class="d-flex align-center">
<div class="statistics-toolbar">
<v-btn-group color="default" density="comfortable" variant="outlined" divided>
<v-btn :icon="icons.left" <v-btn :icon="icons.left"
:disabled="loading || query.dateType === allDateRanges.All.type || query.chartDataType === allChartDataTypes.AccountTotalAssets.type || query.chartDataType === allChartDataTypes.AccountTotalLiabilities.type" :disabled="loading || query.dateType === allDateRanges.All.type || query.chartDataType === allChartDataTypes.AccountTotalAssets.type || query.chartDataType === allChartDataTypes.AccountTotalLiabilities.type"
@click="shiftDateRange(query.startTime, query.endTime, -1)"/> @click="shiftDateRange(query.startTime, query.endTime, -1)"/>