ประเมินผล

src/modules/06_evaluate/components/Stepper.vue

@@ -14,13 +14,15 @@ const store = useEvaluateStore();
     flat
     ref="stepper"
     :bordered="false"
+    header-nav
   >
     <q-step
       keep-alive
       :name="1"
       prefix="1"
       title="ตรวจสอบคุณสมบัติ"
-      :done="store.step > 1"
+      :done="store.currentStep >= 1"
+      :disable="store.currentStep < 1"
     >
     </q-step>
 
@@ -28,7 +30,8 @@ const store = useEvaluateStore();
       :name="2"
       prefix="2"
       title="จัดเตรียมเอกสารเล่ม 1"
-      :done="store.step > 2"
+      :done="store.currentStep >= 2"
+      :disable="store.currentStep < 2"
     >
     </q-step>
 
@@ -36,7 +39,8 @@ const store = useEvaluateStore();
       :name="3"
       prefix="3"
       title="ตรวจสอบเอกสารเล่ม 1"
-      :done="store.step > 3"
+      :done="store.currentStep >= 3"
+      :disable="store.currentStep < 3"
     >
     </q-step>
 
@@ -44,7 +48,8 @@ const store = useEvaluateStore();
       :name="4"
       prefix="4"
       title="รอตรวจสอบคุณสมบัติ"
-      :done="store.step > 4"
+      :done="store.currentStep >= 4"
+      :disable="store.currentStep < 4"
     >
     </q-step>
 
@@ -52,7 +57,8 @@ const store = useEvaluateStore();
       :name="5"
       prefix="5"
       title="ประกาศบนเว็บไซต์"
-      :done="store.step > 5"
+      :done="store.currentStep >= 5"
+      :disable="store.currentStep < 5"
     >
     </q-step>
 
@@ -60,7 +66,8 @@ const store = useEvaluateStore();
       :name="6"
       prefix="6"
       title="จัดเตรียมเอกสารเล่ม 2"
-      :done="store.step > 6"
+      :done="store.currentStep >= 6"
+      :disable="store.currentStep < 6"
     >
     </q-step>
 
@@ -68,14 +75,27 @@ const store = useEvaluateStore();
       :name="7"
       prefix="7"
       title="ตรวจสอบเอกสารเล่ม 2"
-      :done="store.step > 7"
+      :done="store.currentStep >= 7"
+      :disable="store.currentStep < 7"
     >
     </q-step>
 
-    <q-step :name="8" prefix="8" title="รอพิจารณาผล" :done="store.step > 8">
+    <q-step
+      :name="8"
+      prefix="8"
+      title="รอพิจารณาผล"
+      :done="store.currentStep >= 8"
+      :disable="store.currentStep < 8"
+    >
     </q-step>
 
-    <q-step :name="9" prefix="9" title="เสร็จสิ้น" :done="store.step > 9">
+    <q-step
+      :name="9"
+      prefix="9"
+      title="เสร็จสิ้น"
+      :done="store.currentStep >= 9"
+      :disable="store.currentStep < 9"
+    >
     </q-step>
   </q-stepper>
 </template>