hrms-bangkok/hrms-edm
7
0
Fork 0
Code Issues Pull requests Projects Releases Packages 1 Wiki Activity Actions

update: แก้ระยะ input

Browse source
This commit is contained in:
puri-ph4tt 2024-01-12 10:03:24 +07:00
parent 4b70a1469d
commit 5c6768e6d9
1 changed files with 50 additions and 52 deletions
Download patch file Download diff file Expand all files Collapse all files

102
Services/client/src/components/FileForm.vue
View file

@ -173,7 +173,7 @@ const file = ref<File | undefined>()
/>
</q-toolbar>
<section class="q-mb-md">
<section class="q-pb-xs">
<span class="text-weight-bold q-mb-sm block">อัปโหลดไฟล์</span>
<q-file
dense
@ -207,12 +207,12 @@ const file = ref<File | undefined>()
</q-file>
</section>
<section class="q-mb-md">
<section class="q-pb-xs">
<span class="text-weight-bold">ชื่อเรื่อง</span>
<q-input
outlined
dense
class="q-my-sm"
class="q-mt-sm"
placeholder="กรอกชื่อเรื่อง"
:disable="disableFields?.includes('title')"
:model-value="title"
@ -225,7 +225,7 @@ const file = ref<File | undefined>()
/>
</section>
<section class="q-mb-md">
<section class="q-pb-lg">
<span class="text-weight-bold">รายละเอียดของเอกสาร</span>
<q-input
outlined
@ -240,58 +240,12 @@ const file = ref<File | undefined>()
/>
</section>
<section class="q-mb-md">
<span class="text-weight-bold">กลุ่ม/หมวดหมู่</span>
<div class="q-mt-md">
<q-select
outlined
dense
:model-value="category"
label="กดปุ่มEnterเพื่อเพิ่ม"
use-input
use-chips
hide-dropdown-icon
multiple
input-debounce="0"
@new-value="createCategory"
:disable="disableFields?.includes('category')"
:options="filterDataCategory"
@filter="filterCategory"
@update:model-value="(v) => $emit('update:category', v)"
data-testid="filterDataCategory"
>
</q-select>
</div>
</section>
<section class="q-mb-md">
<span class="text-weight-bold">คำสำคัญ</span>
<div class="q-mt-md">
<q-select
outlined
dense
label="กดปุ่มEnterเพื่อเพิ่ม"
use-input
use-chips
multiple
hide-dropdown-icon
input-debounce="0"
:disable="disableFields?.includes('keyword')"
:model-value="props.keyword"
@update:model-value="(v) => $emit('update:keyword', v)"
@new-value="createKeyword"
data-testid="filterDataKeyWord"
>
</q-select>
</div>
</section>
<section class="q-mb-md">
<section class="q-pb-xs">
<span class="text-weight-bold">เจ้าของผลงาน</span>
<q-input
outlined
dense
class="q-my-sm"
class="q-mt-sm"
placeholder="เจ้าของผลงาน"
:disable="disableFields?.includes('author')"
:model-value="author"
@ -304,6 +258,50 @@ const file = ref<File | undefined>()
/>
</section>
<section class="q-pb-md">
<span class="text-weight-bold">กลุ่ม/หมวดหมู่</span>
<q-select
outlined
dense
:model-value="category"
label="กดปุ่มEnterเพื่อเพิ่ม"
use-input
use-chips
hide-dropdown-icon
multiple
class="q-my-sm"
input-debounce="0"
@new-value="createCategory"
:disable="disableFields?.includes('category')"
:options="filterDataCategory"
@filter="filterCategory"
@update:model-value="(v) => $emit('update:category', v)"
data-testid="filterDataCategory"
>
</q-select>
</section>
<section class="q-pb-lg">
<span class="text-weight-bold">คำสำคัญ</span>
<q-select
outlined
dense
label="กดปุ่มEnterเพื่อเพิ่ม"
use-input
use-chips
multiple
hide-dropdown-icon
class="q-my-sm"
input-debounce="0"
:disable="disableFields?.includes('keyword')"
:model-value="props.keyword"
@update:model-value="(v) => $emit('update:keyword', v)"
@new-value="createKeyword"
data-testid="filterDataKeyWord"
>
</q-select>
</section>
<section :style="{ display: 'flex', gap: '.5rem' }">
<q-btn
label="บันทึก"