no message
This commit is contained in:
DESKTOP-1R2VSQH\Lenovo ThinkPad E490
parent
355549de3c
commit
3bf652dc48
1 changed files with 275 additions and 209 deletions
|
|
@ -12,7 +12,7 @@ const router = useRouter();
|
|||
const $q = useQuasar();
|
||||
const mixin = useCounterMixin();
|
||||
const store = useEvaluateStore();
|
||||
const slide = ref<string>('1');
|
||||
const slide = ref<string>("1");
|
||||
|
||||
const { dialogConfirm } = mixin;
|
||||
|
||||
|
|
@ -39,7 +39,6 @@ function prevStep() {
|
|||
}
|
||||
|
||||
function onCklicNext() {
|
||||
<<<<<<< HEAD
|
||||
dialogConfirm(
|
||||
$q,
|
||||
() => {
|
||||
|
|
@ -52,10 +51,6 @@ function onCklicNext() {
|
|||
"ยืนยันการดำเนินการ",
|
||||
"ต้องการยืนยันการดำเนินการต่อใช่หรือไม่?"
|
||||
);
|
||||
=======
|
||||
const type = props.menu ? props.menu.val?.toLowerCase() : "";
|
||||
router.push(`/evaluate/add/${type}`);
|
||||
>>>>>>> develop
|
||||
}
|
||||
|
||||
const thumbStyle = ref<any>({
|
||||
|
|
@ -89,226 +84,297 @@ watch(props, () => {
|
|||
elevated
|
||||
/>
|
||||
<q-separator />
|
||||
<q-carousel
|
||||
v-model="slide"
|
||||
transition-prev="scale"
|
||||
transition-next="scale"
|
||||
swipeable
|
||||
animated
|
||||
control-type="regular"
|
||||
control-color="grey-5"
|
||||
navigation
|
||||
padding
|
||||
arrows
|
||||
|
||||
height="auto"
|
||||
class="text-dark rounded-borders"
|
||||
>
|
||||
<q-carousel
|
||||
v-model="slide"
|
||||
transition-prev="scale"
|
||||
transition-next="scale"
|
||||
swipeable
|
||||
animated
|
||||
control-type="regular"
|
||||
control-color="grey-5"
|
||||
navigation
|
||||
padding
|
||||
arrows
|
||||
height="auto"
|
||||
class="text-dark rounded-borders"
|
||||
>
|
||||
<template v-slot:navigation-icon="{ active, btnProps, onClick }">
|
||||
<q-btn v-if="active" size="xs" :icon="btnProps.icon" color="edit" flat round dense @click="onClick" />
|
||||
<q-btn v-else size="xs" :icon="btnProps.icon" color="grey" flat round dense @click="onClick" />
|
||||
</template>
|
||||
<q-carousel-slide name="1" class="no-wrap">
|
||||
<q-card bordered>
|
||||
<q-card-section class="bg-grey-2" style="height: 150px;">
|
||||
<div class="text-center">
|
||||
<q-img
|
||||
class="absolute-center"
|
||||
src="@/modules/06_evaluate/components/img/page1.png"
|
||||
spinner-color="white"
|
||||
style="height: auto; max-width: 100px;"
|
||||
/>
|
||||
<q-btn
|
||||
v-if="active"
|
||||
size="xs"
|
||||
:icon="btnProps.icon"
|
||||
color="edit"
|
||||
flat
|
||||
round
|
||||
dense
|
||||
@click="onClick"
|
||||
/>
|
||||
<q-btn
|
||||
v-else
|
||||
size="xs"
|
||||
:icon="btnProps.icon"
|
||||
color="grey"
|
||||
flat
|
||||
round
|
||||
dense
|
||||
@click="onClick"
|
||||
/>
|
||||
</template>
|
||||
<q-carousel-slide name="1" class="no-wrap">
|
||||
<q-card bordered>
|
||||
<q-card-section class="bg-grey-2" style="height: 150px">
|
||||
<div class="text-center">
|
||||
<q-img
|
||||
class="absolute-center"
|
||||
src="@/modules/06_evaluate/components/img/page1.png"
|
||||
spinner-color="white"
|
||||
style="height: auto; max-width: 100px"
|
||||
/>
|
||||
</div>
|
||||
</q-card-section>
|
||||
<q-card-actions vertical align="left" class="q-pa-lg">
|
||||
<div class="flex">
|
||||
<q-icon
|
||||
name="mdi-numeric-1-circle"
|
||||
size="20px"
|
||||
color="primary"
|
||||
/>
|
||||
<div class="q-pl-sm text-weight-bold text-dark">
|
||||
ตรวจสอบคุณสมบัติ
|
||||
</div>
|
||||
</q-card-section>
|
||||
<q-card-actions vertical align="left" class="q-pa-lg">
|
||||
<div class="flex">
|
||||
<q-icon name="mdi-numeric-1-circle" size="20px" color="primary" />
|
||||
<div class="q-pl-sm text-weight-bold text-dark">ตรวจสอบคุณสมบัติ</div>
|
||||
</div>
|
||||
ตรวจสอบคุณสมบัติของตนเอง เพื่อทำการยื่นขอประเมิน
|
||||
</q-card-actions>
|
||||
</q-card>
|
||||
</q-carousel-slide>
|
||||
</div>
|
||||
ตรวจสอบคุณสมบัติของตนเอง เพื่อทำการยื่นขอประเมิน
|
||||
</q-card-actions>
|
||||
</q-card>
|
||||
</q-carousel-slide>
|
||||
|
||||
|
||||
<q-carousel-slide name="2" class="no-wrap">
|
||||
<q-card bordered>
|
||||
<q-card-section class="bg-grey-2" style="height: 150px;">
|
||||
<div class="text-center">
|
||||
<q-img
|
||||
class="absolute-center"
|
||||
src="@/modules/06_evaluate/components/img/page2.png"
|
||||
spinner-color="white"
|
||||
style="height: auto; max-width: 100px;"
|
||||
/>
|
||||
<q-carousel-slide name="2" class="no-wrap">
|
||||
<q-card bordered>
|
||||
<q-card-section class="bg-grey-2" style="height: 150px">
|
||||
<div class="text-center">
|
||||
<q-img
|
||||
class="absolute-center"
|
||||
src="@/modules/06_evaluate/components/img/page2.png"
|
||||
spinner-color="white"
|
||||
style="height: auto; max-width: 100px"
|
||||
/>
|
||||
</div>
|
||||
</q-card-section>
|
||||
<q-card-actions vertical align="left" class="q-pa-lg">
|
||||
<div class="flex">
|
||||
<q-icon
|
||||
name="mdi-numeric-2-circle"
|
||||
size="20px"
|
||||
color="primary"
|
||||
/>
|
||||
<div class="q-pl-sm text-weight-bold text-dark">
|
||||
จัดเตรียมเอกสารเล่ม 1
|
||||
</div>
|
||||
</q-card-section>
|
||||
<q-card-actions vertical align="left" class="q-pa-lg">
|
||||
<div class="flex">
|
||||
<q-icon name="mdi-numeric-2-circle" size="20px" color="primary" />
|
||||
<div class="q-pl-sm text-weight-bold text-dark">จัดเตรียมเอกสารเล่ม 1</div>
|
||||
</div>
|
||||
ดาวน์โหลดเอกสารต้นแบบ ทำการกรอกข้อมูลในฟอร์มให้ครบ และอัปโหลดเข้าสู่ระบบ
|
||||
</q-card-actions>
|
||||
</q-card>
|
||||
</q-carousel-slide>
|
||||
</div>
|
||||
ดาวน์โหลดเอกสารต้นแบบ ทำการกรอกข้อมูลในฟอร์มให้ครบ
|
||||
และอัปโหลดเข้าสู่ระบบ
|
||||
</q-card-actions>
|
||||
</q-card>
|
||||
</q-carousel-slide>
|
||||
|
||||
<q-carousel-slide name="3" class="no-wrap">
|
||||
<q-card bordered>
|
||||
<q-card-section class="bg-grey-2" style="height: 150px;">
|
||||
<div class="text-center">
|
||||
<q-img
|
||||
class="absolute-center"
|
||||
src="@/modules/06_evaluate/components/img/page3.png"
|
||||
spinner-color="white"
|
||||
style="height: auto; max-width: 100px;"
|
||||
/>
|
||||
<q-carousel-slide name="3" class="no-wrap">
|
||||
<q-card bordered>
|
||||
<q-card-section class="bg-grey-2" style="height: 150px">
|
||||
<div class="text-center">
|
||||
<q-img
|
||||
class="absolute-center"
|
||||
src="@/modules/06_evaluate/components/img/page3.png"
|
||||
spinner-color="white"
|
||||
style="height: auto; max-width: 100px"
|
||||
/>
|
||||
</div>
|
||||
</q-card-section>
|
||||
<q-card-actions vertical align="left" class="q-pa-lg">
|
||||
<div class="flex">
|
||||
<q-icon
|
||||
name="mdi-numeric-3-circle"
|
||||
size="20px"
|
||||
color="primary"
|
||||
/>
|
||||
<div class="q-pl-sm text-weight-bold text-dark">
|
||||
ตรวจสอบเอกสารเล่ม 1
|
||||
</div>
|
||||
</q-card-section>
|
||||
<q-card-actions vertical align="left" class="q-pa-lg">
|
||||
<div class="flex">
|
||||
<q-icon name="mdi-numeric-3-circle" size="20px" color="primary" />
|
||||
<div class="q-pl-sm text-weight-bold text-dark">ตรวจสอบเอกสารเล่ม 1</div>
|
||||
</div>
|
||||
ทำการตรวจสอบความถูกต้องของเอกสารเล่ม 1 และยืนยันการยื่นเอกสาร
|
||||
</q-card-actions>
|
||||
</q-card>
|
||||
</q-carousel-slide>
|
||||
</div>
|
||||
ทำการตรวจสอบความถูกต้องของเอกสารเล่ม 1 และยืนยันการยื่นเอกสาร
|
||||
</q-card-actions>
|
||||
</q-card>
|
||||
</q-carousel-slide>
|
||||
|
||||
<q-carousel-slide name="4" class="no-wrap">
|
||||
<q-card bordered>
|
||||
<q-card-section class="bg-grey-2" style="height: 150px;">
|
||||
<div class="text-center">
|
||||
<q-img
|
||||
class="absolute-center"
|
||||
src="@/modules/06_evaluate/components/img/page4.png"
|
||||
spinner-color="white"
|
||||
style="height: auto; max-width: 100px;"
|
||||
/>
|
||||
<q-carousel-slide name="4" class="no-wrap">
|
||||
<q-card bordered>
|
||||
<q-card-section class="bg-grey-2" style="height: 150px">
|
||||
<div class="text-center">
|
||||
<q-img
|
||||
class="absolute-center"
|
||||
src="@/modules/06_evaluate/components/img/page4.png"
|
||||
spinner-color="white"
|
||||
style="height: auto; max-width: 100px"
|
||||
/>
|
||||
</div>
|
||||
</q-card-section>
|
||||
<q-card-actions vertical align="left" class="q-pa-lg">
|
||||
<div class="flex">
|
||||
<q-icon
|
||||
name="mdi-numeric-4-circle"
|
||||
size="20px"
|
||||
color="primary"
|
||||
/>
|
||||
<div class="q-pl-sm text-weight-bold text-dark">
|
||||
รอตรวจสอบคุณสมบัติ
|
||||
</div>
|
||||
</q-card-section>
|
||||
<q-card-actions vertical align="left" class="q-pa-lg">
|
||||
<div class="flex">
|
||||
<q-icon name="mdi-numeric-4-circle" size="20px" color="primary" />
|
||||
<div class="q-pl-sm text-weight-bold text-dark">รอตรวจสอบคุณสมบัติ</div>
|
||||
</div>
|
||||
ขั้นตอนนี้คำขอของคุณจะถูกส่งไปยังเจ้าหน้าที่ที่รับผิดชอบ และทางเจ้าหน้าที่จะทำการตรวจสอบคุณสมบัติ
|
||||
</q-card-actions>
|
||||
</q-card>
|
||||
</q-carousel-slide>
|
||||
</div>
|
||||
ขั้นตอนนี้คำขอของคุณจะถูกส่งไปยังเจ้าหน้าที่ที่รับผิดชอบ
|
||||
และทางเจ้าหน้าที่จะทำการตรวจสอบคุณสมบัติ
|
||||
</q-card-actions>
|
||||
</q-card>
|
||||
</q-carousel-slide>
|
||||
|
||||
<q-carousel-slide name="5" class="no-wrap">
|
||||
<q-card bordered>
|
||||
<q-card-section class="bg-grey-2" style="height: 150px;">
|
||||
<div class="text-center">
|
||||
<q-img
|
||||
class="absolute-center"
|
||||
src="@/modules/06_evaluate/components/img/page5.png"
|
||||
spinner-color="white"
|
||||
style="height: auto; max-width: 100px;"
|
||||
/>
|
||||
<q-carousel-slide name="5" class="no-wrap">
|
||||
<q-card bordered>
|
||||
<q-card-section class="bg-grey-2" style="height: 150px">
|
||||
<div class="text-center">
|
||||
<q-img
|
||||
class="absolute-center"
|
||||
src="@/modules/06_evaluate/components/img/page5.png"
|
||||
spinner-color="white"
|
||||
style="height: auto; max-width: 100px"
|
||||
/>
|
||||
</div>
|
||||
</q-card-section>
|
||||
<q-card-actions vertical align="left" class="q-pa-lg">
|
||||
<div class="flex">
|
||||
<q-icon
|
||||
name="mdi-numeric-5-circle"
|
||||
size="20px"
|
||||
color="primary"
|
||||
/>
|
||||
<div class="q-pl-sm text-weight-bold text-dark">
|
||||
ประกาศบนเว็บไซต์
|
||||
</div>
|
||||
</q-card-section>
|
||||
<q-card-actions vertical align="left" class="q-pa-lg">
|
||||
<div class="flex">
|
||||
<q-icon name="mdi-numeric-5-circle" size="20px" color="primary" />
|
||||
<div class="q-pl-sm text-weight-bold text-dark">ประกาศบนเว็บไซต์</div>
|
||||
</div>
|
||||
เอกสารที่เกี่ยวข้องจะถูกประกาศขึ้นบนเว็บไซต์เป็นเวลา 30 วัน
|
||||
</q-card-actions>
|
||||
</q-card>
|
||||
</q-carousel-slide>
|
||||
</div>
|
||||
เอกสารที่เกี่ยวข้องจะถูกประกาศขึ้นบนเว็บไซต์เป็นเวลา 30 วัน
|
||||
</q-card-actions>
|
||||
</q-card>
|
||||
</q-carousel-slide>
|
||||
|
||||
<q-carousel-slide name="6" class="no-wrap">
|
||||
<q-card bordered>
|
||||
<q-card-section class="bg-grey-2" style="height: 150px;">
|
||||
<div class="text-center">
|
||||
<q-img
|
||||
class="absolute-center"
|
||||
src="@/modules/06_evaluate/components/img/page6.png"
|
||||
spinner-color="white"
|
||||
style="height: auto; max-width: 100px;"
|
||||
/>
|
||||
<q-carousel-slide name="6" class="no-wrap">
|
||||
<q-card bordered>
|
||||
<q-card-section class="bg-grey-2" style="height: 150px">
|
||||
<div class="text-center">
|
||||
<q-img
|
||||
class="absolute-center"
|
||||
src="@/modules/06_evaluate/components/img/page6.png"
|
||||
spinner-color="white"
|
||||
style="height: auto; max-width: 100px"
|
||||
/>
|
||||
</div>
|
||||
</q-card-section>
|
||||
<q-card-actions vertical align="left" class="q-pa-lg">
|
||||
<div class="flex">
|
||||
<q-icon
|
||||
name="mdi-numeric-6-circle"
|
||||
size="20px"
|
||||
color="primary"
|
||||
/>
|
||||
<div class="q-pl-sm text-weight-bold text-dark">
|
||||
จัดเตรียมเอกสารเล่ม 2
|
||||
</div>
|
||||
</q-card-section>
|
||||
<q-card-actions vertical align="left" class="q-pa-lg">
|
||||
<div class="flex">
|
||||
<q-icon name="mdi-numeric-6-circle" size="20px" color="primary" />
|
||||
<div class="q-pl-sm text-weight-bold text-dark">จัดเตรียมเอกสารเล่ม 2</div>
|
||||
</div>
|
||||
ผู้ประเมินทำการอัปโหลดเอกสารเล่ม 2 โดยมีระยะเวลาการส่งผลงานหลังจากประกาศบนเว็บไซต์แล้ว 6 เดือน
|
||||
</q-card-actions>
|
||||
</q-card>
|
||||
</q-carousel-slide>
|
||||
</div>
|
||||
ผู้ประเมินทำการอัปโหลดเอกสารเล่ม 2
|
||||
โดยมีระยะเวลาการส่งผลงานหลังจากประกาศบนเว็บไซต์แล้ว 6 เดือน
|
||||
</q-card-actions>
|
||||
</q-card>
|
||||
</q-carousel-slide>
|
||||
|
||||
<q-carousel-slide name="7" class="no-wrap">
|
||||
<q-card bordered>
|
||||
<q-card-section class="bg-grey-2" style="height: 150px;">
|
||||
<div class="text-center">
|
||||
<q-img
|
||||
class="absolute-center"
|
||||
src="@/modules/06_evaluate/components/img/page7.png"
|
||||
spinner-color="white"
|
||||
style="height: auto; max-width: 100px;"
|
||||
/>
|
||||
<q-carousel-slide name="7" class="no-wrap">
|
||||
<q-card bordered>
|
||||
<q-card-section class="bg-grey-2" style="height: 150px">
|
||||
<div class="text-center">
|
||||
<q-img
|
||||
class="absolute-center"
|
||||
src="@/modules/06_evaluate/components/img/page7.png"
|
||||
spinner-color="white"
|
||||
style="height: auto; max-width: 100px"
|
||||
/>
|
||||
</div>
|
||||
</q-card-section>
|
||||
<q-card-actions vertical align="left" class="q-pa-lg">
|
||||
<div class="flex">
|
||||
<q-icon
|
||||
name="mdi-numeric-7-circle"
|
||||
size="20px"
|
||||
color="primary"
|
||||
/>
|
||||
<div class="q-pl-sm text-weight-bold text-dark">
|
||||
ตรวจสอบเอกสารเล่ม 2
|
||||
</div>
|
||||
</q-card-section>
|
||||
<q-card-actions vertical align="left" class="q-pa-lg">
|
||||
<div class="flex">
|
||||
<q-icon name="mdi-numeric-7-circle" size="20px" color="primary" />
|
||||
<div class="q-pl-sm text-weight-bold text-dark">ตรวจสอบเอกสารเล่ม 2</div>
|
||||
</div>
|
||||
ทำการตรวจสอบความถูกต้องของเอกสารเล่ม 2 และยืนยันการยื่นเอกสาร
|
||||
</q-card-actions>
|
||||
</q-card>
|
||||
</q-carousel-slide>
|
||||
</div>
|
||||
ทำการตรวจสอบความถูกต้องของเอกสารเล่ม 2 และยืนยันการยื่นเอกสาร
|
||||
</q-card-actions>
|
||||
</q-card>
|
||||
</q-carousel-slide>
|
||||
|
||||
<q-carousel-slide name="8" class="no-wrap">
|
||||
<q-card bordered>
|
||||
<q-card-section class="bg-grey-2" style="height: 150px;">
|
||||
<div class="text-center">
|
||||
<q-img
|
||||
class="absolute-center"
|
||||
src="@/modules/06_evaluate/components/img/page8.png"
|
||||
spinner-color="white"
|
||||
style="height: auto; max-width: 100px;"
|
||||
/>
|
||||
<q-carousel-slide name="8" class="no-wrap">
|
||||
<q-card bordered>
|
||||
<q-card-section class="bg-grey-2" style="height: 150px">
|
||||
<div class="text-center">
|
||||
<q-img
|
||||
class="absolute-center"
|
||||
src="@/modules/06_evaluate/components/img/page8.png"
|
||||
spinner-color="white"
|
||||
style="height: auto; max-width: 100px"
|
||||
/>
|
||||
</div>
|
||||
</q-card-section>
|
||||
<q-card-actions vertical align="left" class="q-pa-lg">
|
||||
<div class="flex">
|
||||
<q-icon
|
||||
name="mdi-numeric-8-circle"
|
||||
size="20px"
|
||||
color="primary"
|
||||
/>
|
||||
<div class="q-pl-sm text-weight-bold text-dark">
|
||||
รอพิจารณาผล
|
||||
</div>
|
||||
</q-card-section>
|
||||
<q-card-actions vertical align="left" class="q-pa-lg">
|
||||
<div class="flex">
|
||||
<q-icon name="mdi-numeric-8-circle" size="20px" color="primary" />
|
||||
<div class="q-pl-sm text-weight-bold text-dark">รอพิจารณาผล</div>
|
||||
</div>
|
||||
เจ้าหน้าที่ทำการพิจารณาผลการประเมิน และดำเนินการดาวน์โหลดเอกสารต้นแบบ กรอกข้อมูลในฟอร์มให้ครบ และอัปโหลดเข้าสู่ระบบ
|
||||
</q-card-actions>
|
||||
</q-card>
|
||||
</q-carousel-slide>
|
||||
</div>
|
||||
เจ้าหน้าที่ทำการพิจารณาผลการประเมิน
|
||||
และดำเนินการดาวน์โหลดเอกสารต้นแบบ กรอกข้อมูลในฟอร์มให้ครบ
|
||||
และอัปโหลดเข้าสู่ระบบ
|
||||
</q-card-actions>
|
||||
</q-card>
|
||||
</q-carousel-slide>
|
||||
|
||||
<q-carousel-slide name="9" class="no-wrap">
|
||||
<q-card bordered>
|
||||
<q-card-section class="bg-grey-2" style="height: 150px;">
|
||||
<div class="text-center">
|
||||
<q-img
|
||||
class="absolute-center"
|
||||
src="@/modules/06_evaluate/components/img/page9.png"
|
||||
spinner-color="white"
|
||||
style="height: auto; max-width: 100px;"
|
||||
/>
|
||||
</div>
|
||||
</q-card-section>
|
||||
<q-card-actions vertical align="left" class="q-pa-lg">
|
||||
<div class="flex">
|
||||
<q-icon name="mdi-numeric-9-circle" size="20px" color="primary" />
|
||||
<div class="q-pl-sm text-weight-bold text-dark">เสร็จสิ้น</div>
|
||||
</div>
|
||||
เสร็จสิ้นการประเมิน
|
||||
</q-card-actions>
|
||||
</q-card>
|
||||
</q-carousel-slide>
|
||||
|
||||
|
||||
</q-carousel>
|
||||
<q-carousel-slide name="9" class="no-wrap">
|
||||
<q-card bordered>
|
||||
<q-card-section class="bg-grey-2" style="height: 150px">
|
||||
<div class="text-center">
|
||||
<q-img
|
||||
class="absolute-center"
|
||||
src="@/modules/06_evaluate/components/img/page9.png"
|
||||
spinner-color="white"
|
||||
style="height: auto; max-width: 100px"
|
||||
/>
|
||||
</div>
|
||||
</q-card-section>
|
||||
<q-card-actions vertical align="left" class="q-pa-lg">
|
||||
<div class="flex">
|
||||
<q-icon
|
||||
name="mdi-numeric-9-circle"
|
||||
size="20px"
|
||||
color="primary"
|
||||
/>
|
||||
<div class="q-pl-sm text-weight-bold text-dark">เสร็จสิ้น</div>
|
||||
</div>
|
||||
เสร็จสิ้นการประเมิน
|
||||
</q-card-actions>
|
||||
</q-card>
|
||||
</q-carousel-slide>
|
||||
</q-carousel>
|
||||
<q-separator />
|
||||
<q-card-actions align="right" class="bg-edit q-px-md">
|
||||
<q-btn
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue