updated format code

This commit is contained in:
Warunee Tamkoo 2024-09-03 11:28:01 +07:00
parent b75d69ea08
commit b14bad2249
241 changed files with 14012 additions and 13811 deletions

View file

@ -107,7 +107,7 @@ const store = useEvaluateDetailStore();
</q-stepper>
</template>
<style >
<style>
.stepEva {
padding: 0px !important;
}

View file

@ -57,7 +57,7 @@ onMounted(async () => {
</div>
</template>
<style >
<style>
.q-stepper--vertical .q-stepper__step-inner {
padding: 0;
}

View file

@ -23,7 +23,10 @@ const formData = reactive<FormFeature>({
</script>
<template>
<div class="q-pa-sm" :style="$q.screen.lt.sm ? '' : 'max-height: 64vh; overflow: scroll;' ">
<div
class="q-pa-sm"
:style="$q.screen.lt.sm ? '' : 'max-height: 64vh; overflow: scroll;'"
>
<q-list dense>
<q-item v-ripple class="listItem">
<q-item-section avatar>
@ -139,11 +142,10 @@ const formData = reactive<FormFeature>({
</template>
<style scoped>
.listItem{
.listItem {
padding: 5px 0px !important;
}
.listItem .q-item__section--avatar{
min-width: auto !important;
.listItem .q-item__section--avatar {
min-width: auto !important;
}
</style>

View file

@ -27,11 +27,11 @@ function copyLink() {
<template>
<div class="row q-pa-md">
<div class="col-12 row items-center justify-center q-col-gutter-sm">
<div class="row q-pr-md"><strong>Public URL : </strong>
<a :href="`${link}/${id}`" class="q-pl-sm"> {{link}}/{{ id }}
</a>
<div class="row q-pr-md">
<strong>Public URL : </strong>
<a :href="`${link}/${id}`" class="q-pl-sm"> {{ link }}/{{ id }} </a>
</div>
<q-space/>
<q-space />
<div>
<q-btn
outline

View file

@ -13,16 +13,16 @@ const props = defineProps({
<template>
<q-table
ref="table"
flat
bordered
:columns="props.columns"
:rows="props.row"
dense
:rows-per-page-options="[10, 25, 50, 100]"
virtual-scroll
class="row col-12"
>
ref="table"
flat
bordered
:columns="props.columns"
:rows="props.row"
dense
:rows-per-page-options="[10, 25, 50, 100]"
virtual-scroll
class="row col-12"
>
</q-table>
</template>

View file

@ -16,29 +16,35 @@ const modalPerview = ref<boolean>(false);
<template>
<q-card bordered class="col-12 row shadow-0">
<div class="col-12 row items-center q-pa-sm q-gutter-sm">
<div class="q-pl-sm text-weight-medium" >เอกสารทปโหลด</div>
<q-space />
<q-btn
flat
dense
color="primary"
icon="mdi-download"
target="_blank"
:href="store.urlDownloadFile"
>
<q-tooltip>ดาวนโหลด</q-tooltip>
</q-btn>
<q-btn
flat
dense
color="primary"
icon="mdi-fullscreen"
@click="modalPerview = true"
><q-tooltip>เตมจอ</q-tooltip></q-btn
>
<div class="q-pl-sm text-weight-medium">เอกสารทปโหลด</div>
<q-space />
<q-btn
flat
dense
color="primary"
icon="mdi-download"
target="_blank"
:href="store.urlDownloadFile"
>
<q-tooltip>ดาวนโหลด</q-tooltip>
</q-btn>
<q-btn
flat
dense
color="primary"
icon="mdi-fullscreen"
@click="modalPerview = true"
><q-tooltip>เตมจอ</q-tooltip></q-btn
>
</div>
<div class="col-12"><q-separator /></div>
<q-tab-panels v-model="store.tabPanels" animated swipeable vertical class="col-12 row">
<q-tab-panels
v-model="store.tabPanels"
animated
swipeable
vertical
class="col-12 row"
>
<q-tab-panel name="1" class="col-12">
<ViewPDF />
</q-tab-panel>
@ -75,7 +81,7 @@ const modalPerview = ref<boolean>(false);
</q-dialog>
</template>
<style >
<style>
.q-tab-panel {
padding: 0px;
}

View file

@ -17,32 +17,30 @@ const modalPerview = ref<boolean>(false);
<template>
<q-card bordered class="col-12 row shadow-0">
<div class="col-12 row items-center q-pa-sm q-gutter-sm">
<div class="q-pl-sm text-weight-medium" >เอกสารทปโหลด</div>
<q-space />
<q-btn
flat
dense
color="primary"
icon="download"
target="_blank"
:href="store.urlDownloadFile"
>
<q-tooltip>ดาวนโหลด</q-tooltip>
</q-btn>
<q-btn
flat
dense
color="primary"
icon="mdi-fullscreen"
@click="modalPerview = true"
><q-tooltip>เตมจอ</q-tooltip></q-btn
>
</div>
<div class="col-12"><q-separator /></div>
<div class="col-12"><ViewPDF class="col-12" /></div>
</q-card>
<div class="q-pl-sm text-weight-medium">เอกสารทปโหลด</div>
<q-space />
<q-btn
flat
dense
color="primary"
icon="download"
target="_blank"
:href="store.urlDownloadFile"
>
<q-tooltip>ดาวนโหลด</q-tooltip>
</q-btn>
<q-btn
flat
dense
color="primary"
icon="mdi-fullscreen"
@click="modalPerview = true"
><q-tooltip>เตมจอ</q-tooltip></q-btn
>
</div>
<div class="col-12"><q-separator /></div>
<div class="col-12"><ViewPDF class="col-12" /></div>
</q-card>
<q-dialog v-model="modalPerview" full-width fullHeight>
<q-card>

View file

@ -16,12 +16,12 @@ const router = useRouter();
* นทกขอมลทเเกไข
* @param id ระบ คคล
*/
function onSubmit(formData:DataForm) {
function onSubmit(formData: DataForm) {
dialogConfirm($q, () => addData(formData));
}
function addData(formData: DataForm) {
console.log(formData)
console.log(formData);
showLoader();
http
.post(config.API.evaluateDirectorMain(), {

View file

@ -1,72 +1,65 @@
interface DataResponseList {
id:string
createdAt:string
createdUserId:string
lastUpdatedAt:string
lastUpdateUserId:string
createdFullName:string
lastUpdateFullName:string
prefix:string
firstName:string
lastName:string
phone:string
email:string
position:string
id: string;
createdAt: string;
createdUserId: string;
lastUpdatedAt: string;
lastUpdateUserId: string;
createdFullName: string;
lastUpdateFullName: string;
prefix: string;
firstName: string;
lastName: string;
phone: string;
email: string;
position: string;
}
interface MainList {
id:string
name:string
createdFullName:string
lastUpdateFullName:string
prefix:string
firstName:string
lastName:string
phone:string
email:string
position:string
createdUserId:string
lastUpdateUserId:string
createdAt:string
lastUpdatedAt:string
id: string;
name: string;
createdFullName: string;
lastUpdateFullName: string;
prefix: string;
firstName: string;
lastName: string;
phone: string;
email: string;
position: string;
createdUserId: string;
lastUpdateUserId: string;
createdAt: string;
lastUpdatedAt: string;
}
interface FormData {
rounded: string
dateMeeting: string
consider: string
period: string
file: FileOj[]
rounded: string;
dateMeeting: string;
consider: string;
period: string;
file: FileOj[];
}
interface FileOj{
id:string
pathName:string
fileName:string
interface FileOj {
id: string;
pathName: string;
fileName: string;
}
interface FormRef {
rounded: object | null;
dateMeeting: object | null;
consider: object | null;
period: object | null;
[key: string]: any;
rounded: object | null;
dateMeeting: object | null;
consider: object | null;
period: object | null;
[key: string]: any;
}
interface DataForm {
personalId:string
prefix: string;
firstname: string;
lastname: string;
position: string;
phone: string;
email: string;
personalId: string;
prefix: string;
firstname: string;
lastname: string;
position: string;
phone: string;
email: string;
}
export type {
DataResponseList,
MainList,
FormData,
FormRef,
FileOj,
DataForm
}
export type { DataResponseList, MainList, FormData, FormRef, FileOj, DataForm };