UI ประเมินผล
This commit is contained in:
parent
75c677f58c
commit
27f564588c
12 changed files with 332 additions and 40 deletions
|
|
@ -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>
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue