ปรับระบบ Eva
This commit is contained in:
DESKTOP-1R2VSQH\Lenovo ThinkPad E490
parent
662e85c2bc
commit
f5261b2b4d
10 changed files with 1207 additions and 1227 deletions
|
|
@ -1,3 +1,4 @@
|
|||
div
|
||||
<script setup lang="ts">
|
||||
import { ref, reactive, onMounted } from "vue";
|
||||
import { useQuasar } from "quasar";
|
||||
|
|
@ -16,13 +17,19 @@ const { showLoader, hideLoader, messageError } = mixin;
|
|||
|
||||
const id = ref<string>(route.params.id as string); //id ประเมิน
|
||||
/** ฟรอมจัดเตรียมเอกสารเล่ม 1*/
|
||||
const subject = ref<string>(""); //ชื่อผลงาน
|
||||
const subject = ref<string[]>([""]); //ชื่อผลงาน
|
||||
const author = ref<string>(""); //เจ้าของผลงาน
|
||||
const formCommand = reactive<FormCommand>({
|
||||
elementaryFullName: "", //ชื่อ-นามสกุลผู้บังคับบัญชาชั้นต้น
|
||||
elementaryPosition: "", //ตำแหน่งผู้บังคับบัญชาชั้นต้น
|
||||
elementaryPositionOld: "", //ตำแหน่งเดิมผู้บังคับบัญชาชั้นต้น
|
||||
elementaryOrg: "", //สังกัดผู้บังคับบัญชาชั้นต้น
|
||||
elementaryOrgOld: "", //สังกัดเดิมผู้บังคับบัญชาชั้นต้น
|
||||
abovelevelFullname: "", //ชื่อ-นามสกุลผู้บังคับบัญชาเหนือขึ้นไป 1 ระดับ
|
||||
abovelevelPosition: "", //ตำแหน่งผู้บังคับบัญชาเหนือขึ้นไป 1 ระดับ
|
||||
abovelevelPositionOld: "", //ตำแหน่งเดิมผู้บังคับบัญชาเหนือขึ้นไป 1 ระดับ
|
||||
abovelevelOrg: "", //สังกัดผู้บังคับบัญชาเหนือขึ้นไป 1 ระดับ
|
||||
abovelevelOrgOld: "", //สังกัดเดิมผู้บังคับบัญชาเหนือขึ้นไป 1 ระดับ
|
||||
});
|
||||
|
||||
/**
|
||||
|
|
@ -35,26 +42,25 @@ async function fetchSigner() {
|
|||
.then((res) => {
|
||||
const data = res.data.result;
|
||||
if (data) {
|
||||
formCommand.elementaryFullName =
|
||||
data == null ? "" : data.commanderFullname;
|
||||
formCommand.elementaryPosition =
|
||||
data == null ? "" : data.commanderPosition;
|
||||
formCommand.abovelevelFullname =
|
||||
data == null ? "" : data.commanderAboveFullname;
|
||||
formCommand.abovelevelPosition =
|
||||
data == null ? "" : data.commanderAbovePosition;
|
||||
formCommand.elementaryFullName = data.commanderFullname;
|
||||
formCommand.elementaryPosition = data.commanderPosition;
|
||||
formCommand.elementaryPositionOld = data.commanderPositionOld;
|
||||
formCommand.elementaryOrg = data.commanderOrg;
|
||||
formCommand.elementaryOrgOld = data.commanderOrgOld;
|
||||
formCommand.abovelevelFullname = data.commanderAboveFullname;
|
||||
formCommand.abovelevelPosition = data.commanderAbovePosition;
|
||||
formCommand.abovelevelPositionOld = data.commanderAbovePositionOld;
|
||||
formCommand.abovelevelOrg = data.commanderAboveOrg;
|
||||
formCommand.abovelevelOrgOld = data.commanderAboveOrgOld;
|
||||
author.value = data.author;
|
||||
subject.value = data.subject;
|
||||
}
|
||||
})
|
||||
.catch((e) => {
|
||||
// messageError($q, e);
|
||||
console.log(e);
|
||||
})
|
||||
.finally(() => {
|
||||
setTimeout(() => {
|
||||
hideLoader();
|
||||
}, 1000);
|
||||
hideLoader();
|
||||
});
|
||||
}
|
||||
|
||||
|
|
@ -74,34 +80,32 @@ onMounted(async () => {
|
|||
<q-card bordered style="border: 1px solid #d6dee1">
|
||||
<div class="text-weight-medium bg-grey-1 q-py-sm q-px-md">ผลงาน</div>
|
||||
<div class="col-12"><q-separator /></div>
|
||||
<div class="row">
|
||||
<div class="col-12 q-pa-sm">
|
||||
<div class="row q-col-gutter-sm col-12">
|
||||
<div class="col-xs-12 col-sm-12 row">
|
||||
<div class="row col-12 q-col-gutter-sm">
|
||||
<q-input
|
||||
readonly
|
||||
dense
|
||||
class="col-xs-12 col-sm-6"
|
||||
outlined
|
||||
label="ชื่อผลงาน"
|
||||
v-model="subject"
|
||||
:rules="[(val:string) => !!val || `${'กรุณากรอกชื่อผลงาน'}`]"
|
||||
lazy-rules
|
||||
hide-bottom-space
|
||||
/>
|
||||
<q-input
|
||||
readonly
|
||||
class="col-xs-12 col-sm-6"
|
||||
dense
|
||||
outlined
|
||||
v-model="author"
|
||||
label="เจ้าของผลงาน"
|
||||
:rules="[(val:string) => !!val || `${'กรุณากรอกเจ้าของผลงาน'}`]"
|
||||
lazy-rules
|
||||
hide-bottom-space
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div class="col-12 q-pa-sm">
|
||||
<div class="row q-col-gutter-sm">
|
||||
<div class="col-12">
|
||||
<q-input
|
||||
readonly
|
||||
dense
|
||||
outlined
|
||||
v-model="author"
|
||||
label="เจ้าของผลงาน"
|
||||
lazy-rules
|
||||
hide-bottom-space
|
||||
/>
|
||||
</div>
|
||||
<div class="col-12" v-for="(item, index) in subject" :key="index">
|
||||
<div class="row col-12 q-col-gutter-sm">
|
||||
<q-input
|
||||
readonly
|
||||
dense
|
||||
class="col-xs-12 col-sm-12"
|
||||
outlined
|
||||
label="ชื่อผลงาน"
|
||||
v-model="subject[index]"
|
||||
lazy-rules
|
||||
hide-bottom-space
|
||||
/>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
|
@ -123,31 +127,63 @@ onMounted(async () => {
|
|||
<div class="text-weight-medium q-py-xs q-pl-sm">
|
||||
ผู้บังคับบัญชาชั้นต้น
|
||||
</div>
|
||||
|
||||
<div class="row col-12 q-col-gutter-sm">
|
||||
<q-input
|
||||
readonly
|
||||
ref="elementaryFullNameRef"
|
||||
dense
|
||||
class="col-xs-12 col-sm-6"
|
||||
outlined
|
||||
label="ชื่อ-นามสกุล"
|
||||
v-model="formCommand.elementaryFullName"
|
||||
:rules="[(val:string) => !!val || `${'กรุณากรอกชื่อ-นามสกุล'}`]"
|
||||
lazy-rules
|
||||
hide-bottom-space
|
||||
/>
|
||||
<q-input
|
||||
readonly
|
||||
ref="elementaryPositonRef"
|
||||
class="col-xs-12 col-sm-6"
|
||||
dense
|
||||
outlined
|
||||
v-model="formCommand.elementaryPosition"
|
||||
label="ตำแหน่ง"
|
||||
:rules="[(val:string) => !!val || `${'กรุณากรอกตำแหน่ง'}`]"
|
||||
label="ชื่อ-นามสกุล"
|
||||
lazy-rules
|
||||
hide-bottom-space
|
||||
/>
|
||||
|
||||
<div class="col-12">
|
||||
<div class="row col-12 q-col-gutter-sm">
|
||||
<q-input
|
||||
readonly
|
||||
class="col-xs-6 col-sm-3"
|
||||
dense
|
||||
outlined
|
||||
v-model="formCommand.elementaryPosition"
|
||||
label="ตำแหน่ง"
|
||||
lazy-rules
|
||||
hide-bottom-space
|
||||
/>
|
||||
<q-input
|
||||
readonly
|
||||
class="col-xs-6 col-sm-3"
|
||||
dense
|
||||
outlined
|
||||
v-model="formCommand.elementaryPositionOld"
|
||||
label="ตำแหน่งเดิม"
|
||||
lazy-rules
|
||||
hide-bottom-space
|
||||
/>
|
||||
<q-input
|
||||
readonly
|
||||
class="col-xs-6 col-sm-3"
|
||||
dense
|
||||
outlined
|
||||
v-model="formCommand.elementaryOrg"
|
||||
label="สังกัด"
|
||||
lazy-rules
|
||||
hide-bottom-space
|
||||
/>
|
||||
<q-input
|
||||
readonly
|
||||
class="col-xs-6 col-sm-3"
|
||||
dense
|
||||
outlined
|
||||
v-model="formCommand.elementaryOrgOld"
|
||||
label="สังกัดเดิม"
|
||||
lazy-rules
|
||||
hide-bottom-space
|
||||
/>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
|
@ -170,18 +206,50 @@ onMounted(async () => {
|
|||
lazy-rules
|
||||
hide-bottom-space
|
||||
/>
|
||||
<q-input
|
||||
ref="abovelevelPositionRef"
|
||||
class="col-xs-12 col-sm-6"
|
||||
dense
|
||||
readonly
|
||||
outlined
|
||||
v-model="formCommand.abovelevelPosition"
|
||||
label="ตำแหน่ง"
|
||||
:rules="[(val:string) => !!val || `${'กรุณากรอกตำแหน่ง'}`]"
|
||||
lazy-rules
|
||||
hide-bottom-space
|
||||
/>
|
||||
<div class="col-12">
|
||||
<div class="row col-12 q-col-gutter-sm">
|
||||
<q-input
|
||||
readonly
|
||||
class="col-xs-6 col-sm-3"
|
||||
dense
|
||||
outlined
|
||||
v-model="formCommand.abovelevelPosition"
|
||||
label="ตำแหน่ง"
|
||||
lazy-rules
|
||||
hide-bottom-space
|
||||
/>
|
||||
<q-input
|
||||
readonly
|
||||
class="col-xs-6 col-sm-3"
|
||||
dense
|
||||
outlined
|
||||
v-model="formCommand.abovelevelPositionOld"
|
||||
label="ตำแหน่งเดิม"
|
||||
lazy-rules
|
||||
hide-bottom-space
|
||||
/>
|
||||
<q-input
|
||||
readonly
|
||||
class="col-xs-6 col-sm-3"
|
||||
dense
|
||||
outlined
|
||||
v-model="formCommand.abovelevelOrg"
|
||||
label="สังกัด"
|
||||
lazy-rules
|
||||
hide-bottom-space
|
||||
/>
|
||||
<q-input
|
||||
readonly
|
||||
class="col-xs-6 col-sm-3"
|
||||
dense
|
||||
outlined
|
||||
v-model="formCommand.abovelevelOrgOld"
|
||||
label="สังกัดเดิม"
|
||||
lazy-rules
|
||||
hide-bottom-space
|
||||
/>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue