zhengchen.tao/ezbookkeeping
1
0
Fork 0
Code Issues Pull Requests Actions 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
+21 -22
View File
@@ -4,8 +4,26 @@
<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-btn-toggle
variant="outlined"
color="primary"
density="comfortable"
mandatory="force"
divided
:disabled="loading"
v-model="query.chartType"
>
<v-btn :value="allChartTypes.Pie" @click="setChartType(allChartTypes.Pie)">
{{ $t('Pie Chart') }}
</v-btn>
<v-btn :value="allChartTypes.Bar" @click="setChartType(allChartTypes.Bar)">
{{ $t('Bar Chart') }}
</v-btn>
</v-btn-toggle>
</div>
<v-divider />
<v-tabs show-arrows class="my-4" direction="vertical" v-model="query.chartDataType">
<v-tab :key="dataType.type" :value="dataType.type" <v-tab :key="dataType.type" :value="dataType.type"
v-for="dataType in allChartDataTypes"> v-for="dataType in allChartDataTypes">
{{ $t(dataType.name) }} {{ $t(dataType.name) }}
@@ -18,26 +36,7 @@
<template #title> <template #title>
<div class="d-flex align-center"> <div class="d-flex align-center">
<div class="statistics-toolbar"> <div class="statistics-toolbar">
<v-btn-toggle <v-btn-group color="default" density="comfortable" variant="outlined" divided>
variant="outlined"
color="primary"
density="comfortable"
mandatory="force"
divided
:disabled="loading"
v-model="query.chartType"
>
<v-btn :value="allChartTypes.Pie" @click="setChartType(allChartTypes.Pie)">
{{ $t('Pie Chart') }}
</v-btn>
<v-btn :value="allChartTypes.Bar" @click="setChartType(allChartTypes.Bar)">
{{ $t('Bar Chart') }}
</v-btn>
</v-btn-toggle>
<v-btn-group class="ml-3" 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)"/>