เพิ่ม id ระบบ วินัย ส่วนเรื่องร้องเรียนและออกคำสั่งลงโทษทางวินัย

src/modules/11_discipline/components/4_Order/MainPage.vue

@@ -61,52 +61,52 @@ function redirectToPageadd() {
     รายการออกคำสั่งลงโทษทางวินัย
   </div>
   <q-card flat bordered class="col-12 q-mt-sm q-pa-md">
-      <div class="row col-12 q-col-gutter-sm q-mb-sm">
-          <div>
-            <q-btn
-              id="addDisciplineOrder"
-              flat
-              size="12px"
-              round
-              color="primary"
-              icon="mdi-plus"
-              @click="redirectToPageadd()"
-              ><q-tooltip>เพิ่มรายการออกคำสั่งลงโทษทางวินัย </q-tooltip></q-btn
-            >
-          </div>
-          <q-space />
-          <q-input
-            class="col-xs-12 col-sm-3 col-md-2"
-            for="filterTable"
-            dense
-            outlined
-            v-model="filterTable"
-            label="ค้นหา"
-          >
-            <template v-slot:append>
-              <q-icon name="search" />
-            </template>
-          </q-input>
-          <q-select
-            for="visibleColumns"
-            class="col-xs-12 col-sm-3 col-md-2"
-            v-model="OrderStore.visibleColumns"
-            multiple
-            outlined
-            dense
-            options-dense
-            :display-value="$q.lang.table.columns"
-            emit-value
-            map-options
-            :options="OrderStore.columns"
-            option-value="name"
-            options-cover
-          />
+    <div class="row col-12 q-col-gutter-sm q-mb-sm">
+      <div>
+        <q-btn
+          for="buttonAddDisciplineOrder"
+          flat
+          size="12px"
+          round
+          color="primary"
+          icon="mdi-plus"
+          @click="redirectToPageadd()"
+          ><q-tooltip>เพิ่มรายการออกคำสั่งลงโทษทางวินัย </q-tooltip></q-btn
+        >
       </div>
-      <div class="col-12">
-        <tableOrder :filterTable="filterTable" />
-      </div>
-    </q-card>
+      <q-space />
+      <q-input
+        class="col-xs-12 col-sm-3 col-md-2"
+        for="inputFilterTable"
+        dense
+        outlined
+        v-model="filterTable"
+        label="ค้นหา"
+      >
+        <template v-slot:append>
+          <q-icon name="search" />
+        </template>
+      </q-input>
+      <q-select
+        for="selectVisibleColumns"
+        class="col-xs-12 col-sm-3 col-md-2"
+        v-model="OrderStore.visibleColumns"
+        multiple
+        outlined
+        dense
+        options-dense
+        :display-value="$q.lang.table.columns"
+        emit-value
+        map-options
+        :options="OrderStore.columns"
+        option-value="name"
+        options-cover
+      />
+    </div>
+    <div class="col-12">
+      <tableOrder :filterTable="filterTable" />
+    </div>
+  </q-card>
 </template>
 
 <style scoped></style>

src/modules/11_discipline/components/4_Order/OrderPage.vue

@@ -25,6 +25,7 @@ const previousStep = async () => {
 <template>
   <div class="toptitle text-dark col-12 row items-center">
     <q-btn
+      for="buttonBackToMain"
       icon="mdi-arrow-left"
       unelevated
       round
@@ -39,6 +40,7 @@ const previousStep = async () => {
   <div class="col-12 q-mt-sm">
     <q-card flat bordered>
       <q-stepper
+        for="myStepper"
         v-model="step"
         ref="stepper"
         animated

src/modules/11_discipline/components/4_Order/Step01.vue

@@ -116,7 +116,7 @@ function onSubmit() {
         <div class="col-xs-12 col-sm-6">
           ประเภทคำสั่ง
           <q-select
-            for="orderType"
+            for="selectOrderType"
             ref="orderTypeRef"
             dense
             outlined
@@ -134,7 +134,7 @@ function onSubmit() {
         <div class="col-xs-12 col-sm-6">
           คำสั่งโดย
           <q-select
-            for="orderBy"
+            for="selectOrderBy"
             ref="orderByRef"
             dense
             outlined
@@ -152,7 +152,7 @@ function onSubmit() {
         <div class="col-xs-12 col-sm-6">
           เลือกรายการสอบสวนความผิดทางวินัย
           <q-select
-            for="listInvestigation"
+            for="selectListInvestigation"
             ref="listInvestigationRef"
             dense
             outlined
@@ -172,7 +172,7 @@ function onSubmit() {
         <div class="col-xs-12 col-sm-6">
           ผู้มีอำนาจลงนาม
           <q-input
-            for="authority"
+            for="inputAuthority"
             ref="authorityRef"
             dense
             outlined
@@ -186,7 +186,7 @@ function onSubmit() {
           <div class="col-6">
             คำสั่งที่
             <q-input
-              for="orderNumber"
+              for="inputOrderNumber"
               ref="orderNumberRef"
               outlined
               dense
@@ -215,6 +215,7 @@ function onSubmit() {
               }}</template>
               <template #trigger>
                 <q-input
+                  for="inputDateYear"
                   ref="dateYearRef"
                   :model-value="
                     formData.dateYear ? formData.dateYear + 543 : null
@@ -247,7 +248,7 @@ function onSubmit() {
             </template>
             <template #trigger>
               <q-input
-                for="date"
+                for="inputDate"
                 ref="dateRef"
                 outlined
                 dense
@@ -272,7 +273,7 @@ function onSubmit() {
         <div class="col-xs-12 col-sm-6">
           ตำแหน่งผู้มีอำนาจลงนาม
           <q-input
-            for="authorityPosition"
+            for="inputAuthorityPosition"
             ref="authorityPositionRef"
             dense
             outlined
@@ -285,7 +286,7 @@ function onSubmit() {
         <div class="col-xs-12 col-sm-6">
           คำสั่งเรื่อง
           <q-input
-            for="subject"
+            for="inputSubject"
             ref="subjectRef"
             dense
             outlined
@@ -298,7 +299,7 @@ function onSubmit() {
         <div class="col-xs-12 col-sm-12">
           รายละเอียดการกระทำความผิด
           <q-input
-            for="mistakeDetail"
+            for="inputMistakeDetail"
             ref="mistakeDetailRef"
             dense
             outlined