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-18 23:15:11 +08:00
parent 2a09e048e4
commit 9960ec4d58
1 changed files with 11 additions and 11 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/views/desktop/TransactionTagsPage.vue
+11 -11
View File
@@ -1,12 +1,12 @@
<template> <template>
<v-row class="match-height"> <v-row class="match-height">
<v-col cols="12"> <v-col cols="12">
<v-card :class="{ 'disabled': loading }"> <v-card>
<template #title> <template #title>
<div class="d-flex align-center"> <div class="d-flex align-center">
<span>{{ $t('Transaction Tags') }}</span> <span>{{ $t('Transaction Tags') }}</span>
<v-btn density="compact" color="default" variant="text" <v-btn density="compact" color="default" variant="text"
class="ml-2" :icon="true" :disabled="updating" class="ml-2" :icon="true" :disabled="loading || updating || hasEditingTag"
v-if="!loading" @click="reload"> v-if="!loading" @click="reload">
<v-icon :icon="icons.refresh" size="24" /> <v-icon :icon="icons.refresh" size="24" />
<v-tooltip activator="parent">{{ $t('Refresh') }}</v-tooltip> <v-tooltip activator="parent">{{ $t('Refresh') }}</v-tooltip>
@@ -72,7 +72,7 @@
clearable clearable
density="compact" density="compact"
variant="underlined" variant="underlined"
:disabled="updating" :disabled="loading || updating"
:placeholder="$t('Tag Title')" :placeholder="$t('Tag Title')"
v-model="editingTag.name" v-model="editingTag.name"
v-else-if="editingTag.id === tag.id" v-else-if="editingTag.id === tag.id"
@@ -93,7 +93,7 @@
density="comfortable" variant="text" density="comfortable" variant="text"
:prepend-icon="icons.edit" :prepend-icon="icons.edit"
:loading="tagUpdating[tag.id]" :loading="tagUpdating[tag.id]"
:disabled="updating" :disabled="loading || updating"
v-if="editingTag.id !== tag.id" v-if="editingTag.id !== tag.id"
@click="edit(tag)"> @click="edit(tag)">
{{ $t('Edit') }} {{ $t('Edit') }}
@@ -102,7 +102,7 @@
density="comfortable" variant="text" density="comfortable" variant="text"
:prepend-icon="tag.hidden ? icons.show : icons.hide" :prepend-icon="tag.hidden ? icons.show : icons.hide"
:loading="tagHiding[tag.id]" :loading="tagHiding[tag.id]"
:disabled="updating" :disabled="loading || updating"
v-if="editingTag.id !== tag.id" v-if="editingTag.id !== tag.id"
@click="hide(tag, !tag.hidden)"> @click="hide(tag, !tag.hidden)">
{{ tag.hidden ? $t('Show') : $t('Hide') }} {{ tag.hidden ? $t('Show') : $t('Hide') }}
@@ -111,7 +111,7 @@
density="comfortable" variant="text" density="comfortable" variant="text"
:prepend-icon="icons.remove" :prepend-icon="icons.remove"
:loading="tagRemoving[tag.id]" :loading="tagRemoving[tag.id]"
:disabled="updating" :disabled="loading || updating"
v-if="editingTag.id !== tag.id" v-if="editingTag.id !== tag.id"
@click="remove(tag)"> @click="remove(tag)">
{{ $t('Delete') }} {{ $t('Delete') }}
@@ -120,14 +120,14 @@
density="comfortable" variant="text" density="comfortable" variant="text"
:prepend-icon="icons.confirm" :prepend-icon="icons.confirm"
:loading="tagUpdating[tag.id]" :loading="tagUpdating[tag.id]"
:disabled="updating || !isTagModified(tag)" :disabled="loading || updating || !isTagModified(tag)"
v-if="editingTag.id === tag.id" @click="save(editingTag)"> v-if="editingTag.id === tag.id" @click="save(editingTag)">
{{ $t('Save') }} {{ $t('Save') }}
</v-btn> </v-btn>
<v-btn class="px-2 ml-2" color="default" <v-btn class="px-2 ml-2" color="default"
density="comfortable" variant="text" density="comfortable" variant="text"
:prepend-icon="icons.cancel" :prepend-icon="icons.cancel"
:disabled="updating" :disabled="loading || updating"
v-if="editingTag.id === tag.id" @click="cancelSave(editingTag)"> v-if="editingTag.id === tag.id" @click="cancelSave(editingTag)">
{{ $t('Cancel') }} {{ $t('Cancel') }}
</v-btn> </v-btn>
@@ -139,7 +139,7 @@
<td> <td>
<v-text-field type="text" color="primary" clearable <v-text-field type="text" color="primary" clearable
density="compact" variant="underlined" density="compact" variant="underlined"
:disabled="updating" :placeholder="$t('Tag Title')" :disabled="loading || updating" :placeholder="$t('Tag Title')"
v-model="newTag.name" @keyup.enter="save(newTag)"> v-model="newTag.name" @keyup.enter="save(newTag)">
<template #prepend> <template #prepend>
<v-icon size="24" start :icon="icons.tag"/> <v-icon size="24" start :icon="icons.tag"/>
@@ -150,14 +150,14 @@
<v-btn class="px-2" density="comfortable" variant="text" <v-btn class="px-2" density="comfortable" variant="text"
:prepend-icon="icons.confirm" :prepend-icon="icons.confirm"
:loading="tagUpdating[null]" :loading="tagUpdating[null]"
:disabled="updating || !isTagModified(newTag)" :disabled="loading || updating || !isTagModified(newTag)"
@click="save(newTag)"> @click="save(newTag)">
{{ $t('Save') }} {{ $t('Save') }}
</v-btn> </v-btn>
<v-btn class="px-2 ml-2" color="default" <v-btn class="px-2 ml-2" color="default"
density="comfortable" variant="text" density="comfortable" variant="text"
:prepend-icon="icons.cancel" :prepend-icon="icons.cancel"
:disabled="updating" :disabled="loading || updating"
@click="cancelSave(newTag)"> @click="cancelSave(newTag)">
{{ $t('Cancel') }} {{ $t('Cancel') }}
</v-btn> </v-btn>