feat: change to icon-only
This commit is contained in:
parent
be070a7058
commit
de83675db4
1 changed files with 10 additions and 8 deletions
|
|
@ -4,12 +4,14 @@ import FormAddress from 'src/components/02_personnel-management/FormAddress.vue'
|
||||||
import EmployerFormBusiness from './EmployerFormBusiness.vue';
|
import EmployerFormBusiness from './EmployerFormBusiness.vue';
|
||||||
import EmployerFormContact from './EmployerFormContact.vue';
|
import EmployerFormContact from './EmployerFormContact.vue';
|
||||||
import { CustomerCreate } from 'src/stores/customer/types';
|
import { CustomerCreate } from 'src/stores/customer/types';
|
||||||
import { EditButton } from 'src/components/button';
|
|
||||||
import DeleteButton from 'src/components/button/DeleteButton.vue';
|
|
||||||
import SaveButton from 'src/components/button/SaveButton.vue';
|
|
||||||
import CancelButton from 'src/components/button/CancelButton.vue';
|
|
||||||
import EmployerFormAbout from './EmployerFormAbout.vue';
|
import EmployerFormAbout from './EmployerFormAbout.vue';
|
||||||
import EmployerFormAttachment from './EmployerFormAttachment.vue';
|
import EmployerFormAttachment from './EmployerFormAttachment.vue';
|
||||||
|
import {
|
||||||
|
SaveButton,
|
||||||
|
EditButton,
|
||||||
|
CancelButton,
|
||||||
|
DeleteButton,
|
||||||
|
} from 'components/button';
|
||||||
|
|
||||||
const item = defineModel<NonNullable<CustomerCreate['customerBranch']>[number]>(
|
const item = defineModel<NonNullable<CustomerCreate['customerBranch']>[number]>(
|
||||||
'customerBranch',
|
'customerBranch',
|
||||||
|
|
@ -40,31 +42,31 @@ defineProps<{
|
||||||
>
|
>
|
||||||
{{ $t('customer.form.branch.title', { name: item.branchNo || 0 }) }}
|
{{ $t('customer.form.branch.title', { name: item.branchNo || 0 }) }}
|
||||||
<EditButton
|
<EditButton
|
||||||
|
icon-only
|
||||||
v-if="readonly"
|
v-if="readonly"
|
||||||
style="width: 5rem"
|
|
||||||
@click="$emit('edit')"
|
@click="$emit('edit')"
|
||||||
class="q-ml-auto"
|
class="q-ml-auto"
|
||||||
type="button"
|
type="button"
|
||||||
:disabled="actionDisabled"
|
:disabled="actionDisabled"
|
||||||
/>
|
/>
|
||||||
<DeleteButton
|
<DeleteButton
|
||||||
|
icon-only
|
||||||
v-if="readonly"
|
v-if="readonly"
|
||||||
style="width: 5rem"
|
|
||||||
@click="$emit('delete')"
|
@click="$emit('delete')"
|
||||||
type="button"
|
type="button"
|
||||||
:disabled="actionDisabled"
|
:disabled="actionDisabled"
|
||||||
/>
|
/>
|
||||||
<SaveButton
|
<SaveButton
|
||||||
|
icon-only
|
||||||
v-if="!readonly"
|
v-if="!readonly"
|
||||||
style="width: 5rem"
|
|
||||||
@click="$emit('save')"
|
@click="$emit('save')"
|
||||||
class="q-ml-auto"
|
class="q-ml-auto"
|
||||||
type="submit"
|
type="submit"
|
||||||
:disabled="actionDisabled"
|
:disabled="actionDisabled"
|
||||||
/>
|
/>
|
||||||
<CancelButton
|
<CancelButton
|
||||||
|
icon-only
|
||||||
v-if="!readonly"
|
v-if="!readonly"
|
||||||
style="width: 5rem"
|
|
||||||
@click="$emit('cancel')"
|
@click="$emit('cancel')"
|
||||||
type="button"
|
type="button"
|
||||||
:disabled="actionDisabled"
|
:disabled="actionDisabled"
|
||||||
|
|
|
||||||
Loading…
Add table
Add a link
Reference in a new issue