fix: employee form => employer code readonly space

This commit is contained in:
puriphatt 2024-06-20 10:08:55 +00:00
parent ff4297fb13
commit 70aeb98712

View file

@ -122,7 +122,7 @@ onMounted(async () => {});
<div v-if="employee" class="col-9 row q-col-gutter-md"> <div v-if="employee" class="col-9 row q-col-gutter-md">
<q-select <q-select
for="select-employer-branch" for="select-employer-branch"
use-input :use-input="!customerBranch"
input-debounce="0" input-debounce="0"
:hide-dropdown-icon="readonly" :hide-dropdown-icon="readonly"
:dense="dense" :dense="dense"
@ -223,14 +223,15 @@ onMounted(async () => {});
<template v-slot:selected-item="scope"> <template v-slot:selected-item="scope">
<div v-if="scope.opt" class="row items-center no-wrap"> <div v-if="scope.opt" class="row items-center no-wrap">
<div class="q-mr-sm">
{{ scope.opt.code }} {{ scope.opt.code }}
{{ $t('branchName') }}: {{ $t('branchName') }}:
{{ $i18n.locale === 'en-US' ? scope.opt.nameEN : scope.opt.name }} {{ $i18n.locale === 'en-US' ? scope.opt.nameEN : scope.opt.name }}
</div>
<div <div
class="text-caption app-text-muted-2 ellipsis q-ml-sm" class="text-caption app-text-muted-2 ellipsis col"
style="max-width: 24vw; min-width: 0" style="max-width: 26vw"
v-if="scope.opt.customer && scope.opt.province" v-if="scope.opt.customer && scope.opt.province"
> >
{{ $t('customerBranchName') }}: {{ $t('customerBranchName') }}: