UI ประเมินผล

This commit is contained in:
DESKTOP-1R2VSQH\Lenovo ThinkPad E490 2023-12-13 16:56:43 +07:00
parent 75c677f58c
commit 27f564588c
12 changed files with 332 additions and 40 deletions

View file

@ -1,5 +1,5 @@
<script setup lang="ts">
import { ref } from "vue";
import { onMounted } from "vue";
import { useQuasar } from "quasar";
import Stepper from "@/modules/06_assess/componenst/Stepper.vue";
@ -15,6 +15,7 @@ import Step9 from "@/modules/06_assess/componenst/step/step9.vue";
import ViewStep1 from "@/modules/06_assess/componenst/viewstep/viewStep1.vue";
import ViewStep3 from "@/modules/06_assess/componenst/viewstep/viewStep3.vue";
import ViewStep7 from "@/modules/06_assess/componenst/viewstep/viewStep7.vue";
import { useAssessStore } from "@/modules/06_assess/store";
import { useCounterMixin } from "@/stores/mixin";
@ -38,6 +39,10 @@ function onCilckprPeviousStep() {
store.step--;
});
}
onMounted(() => {
store.step = 1;
});
</script>
<template>
@ -54,7 +59,12 @@ function onCilckprPeviousStep() {
<div class="row q-col-gutter-md col-12">
<div
:class="
store.step === 2
store.step === 2 ||
store.step === 4 ||
store.step === 5 ||
store.step === 6 ||
store.step === 8 ||
store.step === 9
? 'col-xs-12 col-sm-12 row'
: 'col-xs-12 col-sm-5 row'
"
@ -73,11 +83,15 @@ function onCilckprPeviousStep() {
</q-card-section>
</q-card>
</div>
<div class="col-xs-12 col-sm-7 row" v-if="store.step !== 2">
<div
class="col-xs-12 col-sm-7 row"
v-if="store.step === 1 || store.step === 3 || store.step === 7"
>
<q-card flat bordered class="col-12">
<q-card-section>
<ViewStep1 v-if="store.step === 1" />
<ViewStep3 v-if="store.step === 3" /> </q-card-section
<ViewStep3 v-if="store.step === 3" />
<ViewStep7 v-if="store.step === 7" /> </q-card-section
></q-card>
</div>
</div>