Merge branch 'develop' into dev-tee

src/modules/07_insignia/components/2_Manage/Tab1.vue

@@ -43,19 +43,7 @@ const typeinsigniaOptions = ref<any>(DataStore.typeinsigniaOptions);
 const employeeClassOps = ref<any>(DataStore.employeeClassOps);
 // แจ้งเตือน
 const dialogWarn = ref<boolean>(false);
-const checkboxData = ref<any>([
-  { id: 1, name: "มีโทษทางวินัย", val: true },
-  {
-    id: 2,
-    name: "ไม่ได้เลื่อนเงินเดือน/ไม่ได้เลื่อนขั้น เนื่องจากลาเกิน",
-    val: false,
-  },
-  {
-    id: 3,
-    name: "ผลการประเมินการปฏิบัติราชการในรอบ 5 ปี ต่ำกว่าระดับดี (น้อยกว่าร้อยละ 70)",
-    val: false,
-  },
-]);
+const checkboxData = ref<any>([]);
 
 const organizationOptions = ref<any>([{ id: "1", name: "ทั้งหมด" }]);
 const filterOrganizationOP = ref<any>([]);
@@ -644,7 +632,24 @@ const clickShowreson = (name: string, requestNote: string) => {
 const clickCloseReson = () => {
   dialogNote.value = false;
 };
-const clickShowWarn = () => {
+const clickShowWarn = (
+  markDiscipline: boolean,
+  markLeave: boolean,
+  markRate: boolean
+) => {
+  checkboxData.value = [
+    { id: 1, name: "มีโทษทางวินัย", val: markDiscipline },
+    {
+      id: 2,
+      name: "ไม่ได้เลื่อนเงินเดือน/ไม่ได้เลื่อนขั้น เนื่องจากลาเกิน",
+      val: markLeave,
+    },
+    {
+      id: 3,
+      name: "ผลการประเมินการปฏิบัติราชการในรอบ 5 ปี ต่ำกว่าระดับดี (น้อยกว่าร้อยละ 70)",
+      val: markRate,
+    },
+  ];
   dialogWarn.value = true;
 };
 
@@ -886,7 +891,6 @@ const clearInsigniaFilters = (name: string) => {
                 <span class="text-weight-medium">{{ col.label }}</span>
               </q-th>
               <q-th></q-th>
-
               <q-th
                 auto-width
                 v-if="
@@ -951,20 +955,26 @@ const clearInsigniaFilters = (name: string) => {
                   <q-tooltip>หมายเหตุ</q-tooltip>
                 </q-btn>
               </q-td>
-              <q-td key="warn" class="text-center">
+              <q-td key="warn" class="text-center" v-if="props.row.statusMark">
                 <q-btn
-                  v-if="props.rowIndex == 1"
                   icon="mdi-information-outline"
                   size="12px"
                   color="red"
                   flat
                   round
                   dense
-                  @click.stop="clickShowWarn"
+                  @click.stop="
+                    clickShowWarn(
+                      props.row.markDiscipline,
+                      props.row.markLeave,
+                      props.row.markRate
+                    )
+                  "
                 >
                   <q-tooltip>แจ้งเตือน</q-tooltip></q-btn
                 >
               </q-td>
+              <q-td v-else auto-width></q-td>
 
               <q-td
                 v-close-popup
@@ -1077,7 +1087,6 @@ const clearInsigniaFilters = (name: string) => {
       </div>
     </div>
   </div>
-
   <!-- add -->
   <q-dialog v-model="modalAdd">
     <q-card style="width: 800px; max-width: 80vw">