ปรับการแสดงผล

This commit is contained in:
Warunee Tamkoo 2024-02-15 15:23:39 +07:00
parent d83bd256cb
commit 6327df0774
9 changed files with 25 additions and 13 deletions

View file

@ -360,7 +360,7 @@ onMounted(() => {
</q-td>
<q-td auto-width>
<q-btn
color="edit"
color="blue-6"
flat
dense
round

View file

@ -431,7 +431,7 @@
v-if="prop.node.organizationId != orgRootIdDraft"
flat
round
color="green"
color="edit"
@click.stop="
(popupEditSelectedOrganization = true),
(modalHeaderName = prop.node.organizationName),
@ -440,7 +440,7 @@
prop.node.keyId.search('-') > 0 ? true : false)
"
size="10px"
icon="mdi-pencil-outline"
icon="mdi-pencil"
>
<q-tooltip>แกไขหนวยงาน</q-tooltip>
</q-btn>

View file

@ -583,7 +583,7 @@ async function emitSearch(keyword: string, typeSelect: string) {
<template>
<q-dialog v-model="props.modal" persistent>
<q-card style="min-width: 96vw">
<q-card style="min-width: 80vw">
<DialogHeader
:tittle="
props.actionType === 'ADD' ? 'เพิ่มอัตรากำลัง' : 'แก้ไขอัตรากำลัง'
@ -592,7 +592,7 @@ async function emitSearch(keyword: string, typeSelect: string) {
/>
<q-separator />
<form @submit.prevent="validateForm">
<q-card-section class="q-pa-sm">
<q-card-section class="q-pa-sm fixed-height">
<div class="row q-col-gutter-sm">
<div class="col-12">
<q-card bordered class="col-12" style="border: 1px solid #d6dee1">
@ -920,3 +920,10 @@ async function emitSearch(keyword: string, typeSelect: string) {
:data="dataCopy"
/>
</template>
<style scoped>
.fixed-height {
overflow-y: auto;
height: 80vh;
}
</style>

View file

@ -291,7 +291,6 @@ watch(
<q-card-actions align="right">
<q-btn
dense
unelevated
label="ย้ายตำแหน่ง"
color="public"

View file

@ -423,7 +423,7 @@ watch([() => page.value, () => pageSize.value], () => {
<DialogHeader :tittle="`เลือกคนครอง`" :close="close" />
<q-separator />
<q-card-section>
<q-card-section class="fixed-height">
<div class="q-px-md">
<div class="row q-col-gutter-sm q-mb-xs">
<div class="text-bold text-body1">
@ -713,4 +713,10 @@ watch([() => page.value, () => pageSize.value], () => {
</q-card>
</q-dialog>
</template>
<style scoped></style>
<style scoped>
.fixed-height {
overflow-y: auto;
height: 80vh;
}
</style>

View file

@ -57,11 +57,11 @@ const listAdd = ref<ListMenu[]>([
label: "แก้ไข",
icon: "edit",
type: "EDIT",
color: "info",
color: "edit",
},
{
label: "ลบ",
icon: "mdi-trash-can-outline",
icon: "delete",
type: "DEL",
color: "red",
},

View file

@ -70,7 +70,7 @@ const listMenu = ref<ListMenu[]>([
label: "แก้ไข",
icon: "edit",
type: "EDIT",
color: "primary",
color: "edit",
},
{
label: "ลบ",

View file

@ -178,7 +178,7 @@ onMounted(() => {
flat
dense
round
color="primary"
color="edit"
icon="edit"
@click.prevent="onClickEdit(props.row)"
>

View file

@ -37,7 +37,7 @@ function copyLink() {
outline
icon="mdi-content-copy"
label="คัดลอกลิงก์"
color="primary"
color="blue-6"
@click="copyLink"
>
<q-tooltip> ดลอกลงก </q-tooltip></q-btn