updated format code
This commit is contained in:
parent
b75d69ea08
commit
b14bad2249
241 changed files with 14012 additions and 13811 deletions
|
|
@ -107,7 +107,7 @@ const store = useEvaluateDetailStore();
|
|||
</q-stepper>
|
||||
</template>
|
||||
|
||||
<style >
|
||||
<style>
|
||||
.stepEva {
|
||||
padding: 0px !important;
|
||||
}
|
||||
|
|
|
|||
|
|
@ -57,7 +57,7 @@ onMounted(async () => {
|
|||
</div>
|
||||
</template>
|
||||
|
||||
<style >
|
||||
<style>
|
||||
.q-stepper--vertical .q-stepper__step-inner {
|
||||
padding: 0;
|
||||
}
|
||||
|
|
|
|||
|
|
@ -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>
|
||||
|
||||
|
|
|
|||
|
|
@ -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
|
||||
|
|
|
|||
|
|
@ -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>
|
||||
|
||||
|
|
|
|||
|
|
@ -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;
|
||||
}
|
||||
|
|
|
|||
|
|
@ -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>
|
||||
|
|
|
|||
|
|
@ -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(), {
|
||||
|
|
|
|||
|
|
@ -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 };
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue