Merge branch 'develop-champ' into develop

src/modules/05_placement/components/pass/DialogFooter.vue

@@ -1,21 +1,4 @@
-<template>
-  <q-card-actions class="text-primary">
-    <q-space />
-    <q-btn v-if="!editvisible" flat round :disabled="editvisible" :color="editvisible ? 'grey-7' : 'primary'"
-      @click="edit" icon="mdi-pencil-outline">
-      <q-tooltip>แก้ไขข้อมูล</q-tooltip>
-    </q-btn>
-    <div v-else>
-
-      <q-btn flat round :disabled="!editvisible" :color="!editvisible ? 'grey-7' : 'public'" @click="checkSave"
-        icon="mdi-content-save-outline">
-        <q-tooltip>บันทึก</q-tooltip>
-      </q-btn>
-    </div>
-  </q-card-actions>
-</template>
 <script setup lang="ts">
-import { ref, useAttrs } from "vue";
 
 const props = defineProps({
   editvisible: Boolean,
@@ -59,3 +42,18 @@ const checkSave = () => {
 
 };
 </script>
+<template>
+  <q-card-actions class="text-primary">
+    <q-space />
+    <q-btn v-if="!editvisible" flat round :disabled="editvisible" :color="editvisible ? 'grey-7' : 'primary'"
+      @click="edit" icon="mdi-pencil-outline">
+      <q-tooltip>แก้ไขข้อมูล</q-tooltip>
+    </q-btn>
+    <div v-else>
+      <q-btn flat round :disabled="!editvisible" :color="!editvisible ? 'grey-7' : 'public'" @click="checkSave"
+        icon="mdi-content-save-outline">
+        <q-tooltip>บันทึก</q-tooltip>
+      </q-btn>
+    </div>
+  </q-card-actions>
+</template>

src/modules/05_placement/components/pass/DialogHeader.vue

@@ -1,19 +1,4 @@
-<template>
-  <q-toolbar>
-      <q-toolbar-title class="text-subtitle2 text-bold">{{ title }}</q-toolbar-title>
-    <q-btn
-    icon="close"
-    unelevated
-    round
-    dense
-    @click="close"
-    style="color: #ff8080; background-color: #ffdede"
-      />
-  </q-toolbar>
-</template>
 <script setup lang="ts">
-
-import { ref, useAttrs } from "vue";
 const props = defineProps({
   title: String,
   close: {
@@ -24,5 +9,23 @@ const props = defineProps({
 const close = async () => {
   props.close();
 };
-
 </script>
+<template>
+  <q-toolbar class="header-main">
+    <q-toolbar-title class="header-text">{{ title }}</q-toolbar-title>
+    <q-btn icon="close" unelevated round dense @click="close" style="color: #ff8080; background-color: #ffdede" />
+  </q-toolbar>
+</template>
+
+<style scoped lang="scss">
+.header-main {
+  padding: 16px 0px 16px 27px;
+}
+
+.header-text {
+  font-size: 18px;
+  font-weight: 600;
+  line-height: 26px;
+  color: #35373C;
+}
+</style>

src/modules/05_placement/components/pass/Table.vue

@@ -13,7 +13,7 @@ import { useCounterMixin } from "@/stores/mixin";
 const mixin = useCounterMixin(); //เรียกฟังก์ชันกลาง
 const editvisible = ref<boolean>(false);
 const myForm = ref<QForm | null>(null);
-const edit = ref<boolean>(false);
+const edit = ref<boolean>(true);
 const visibleColumns = ref<String[]>([]);
 const store = usePlacementDataStore();
 const filter = ref<string>("");
@@ -459,6 +459,30 @@ const save = () => {
   console.log("rows===>", rows.value)
 }
 
+// modal detail 
+interface CheckboxItem {
+  id: number;
+  label: string;
+}
+
+const selection = ref([]);
+const checkboxItems: CheckboxItem[] = [
+  { id: 1, label: 'ไม่เป็นผู้ดำรงตำแหน่งทางการเมือง' },
+  { id: 2, label: 'ไม่เป็นคนไร้ความสามารถ คนเสมือนไร้ความสามารถ คนวิกลจริตหรือจิตฟั่นเฟือน ไม่สมประกอบหรือเป็นโรคตามที่กำหนดในกฎ ก.พ.' },
+  { id: 3, label: 'ไม่เป็นผู้อยู่ในระหว่างถูกสั่งพักราชการหรือถูกสั่งให้ออกจากราชการไว้ก่อนตามพระราชบัญญัตินี้ หรือตามกฎหมายอื่น' },
+  { id: 4, label: 'ไม่เป็นผู้บกพร่องในศีลธรรมอันดีจนเป็นที่รังเกียจของสังคม' },
+  { id: 5, label: 'ไม่เป็นกรรมการหรือผู้ดำรงตำแหน่งที่รับผิดชอบในการบริหารพรรคการเมือง หรือเจ้าหน้าที่ในพรรคการเมือง' },
+  { id: 6, label: 'ไม่เป็นบุคคลล้มละลาย' },
+  { id: 7, label: 'ไม่เป็นผู้เคยต้องรับโทษจำคุกโดยคำพิพากษาถึงที่สุดให้จำคุกเพราะกระทำความผิดทางอาญา เว้นแต่เป็นโทษสำหรับความผิดที่ใด้กระทำโดยประมาทหรือความผิดลหุโทษ' },
+  { id: 8, label: 'ไม่เป็นผู้เคยถูกลงโทษให้ออก ปลดออก หรือไล่ออกจากรัฐวิสาหกิจ หรือ หน่วยงานอื่นของรัฐ' },
+  { id: 9, label: 'เป็นผู้เคยถูลงโทษให้ออก หรือปลดออก เพราะกระทำผิตวินัยตามพระราชบัญญัตินี้ หรือตามกฎหมายอื่น' },
+  { id: 10, label: 'เป็นผู้เคยถูกลงโทษไล่ออก เพราะกระทำผิดวินัยตามพระราชบัญญัตินี้ หรือตามกฎหมายอื่น' },
+  { id: 11, label: 'เป็นผู้เคยกระทำการทุจริตในการสอบเข้ารับราชการ หรือเข้าปฏิบัติงานใน หน่วยงานของรัฐ' },
+];
+
+const clickSave = async () => {
+  console.log(selection.value)
+};
 </script>
 <template>
   <q-form ref="myForm">
@@ -604,7 +628,9 @@ const save = () => {
     </q-card>
   </q-dialog>
 
-            <DialogCard v-model:Modal="modal" :getdetail="itemtest" :close="clickClose"/>
+
+  <DialogCard v-model:Modal="modal" :getdetail="itemtest" :close="clickClose" />
+
 
   <q-dialog v-model="modal_right" persistent>
     <q-card style="width: 800px">
@@ -639,4 +665,81 @@ const save = () => {
   margin-bottom: 0;
   color: #818181;
 }
+
+.icon-officer {
+  color: #00AA86;
+  padding-left: 20px;
+}
+
+.check-officer {
+  font-size: 17px;
+  font-weight: 500;
+  line-height: 26px;
+  color: #00AA86;
+  padding-left: 20px;
+}
+
+.contanier-box-main {
+  padding: 10px 21px 10px 21px;
+}
+
+.contanier-box-mini {
+  padding: 10px 0px 10px 0px;
+}
+
+.card-panding {
+  padding: 15px 21px 15px 21px;
+}
+
+.header-text {
+  font-size: 18px;
+  font-weight: 600;
+  color: #4F4F4F;
+}
+
+.header-sub-text {
+  font-size: 16px;
+  font-weight: 400;
+  line-height: 150%;
+  color: #818181;
+}
+
+.sub-text {
+  font-weight: 400;
+  font-size: 16px;
+  line-height: 22px;
+  letter-spacing: 0.0025em;
+  color: #35373C;
+}
+
+.card-exam {
+  border-radius: 5px;
+  background: #FAFAFA;
+}
+
+.header-sub-text-exam {
+  font-size: 15px;
+  font-weight: 500;
+  line-height: 150%;
+  color: #818181;
+}
+
+.header-sub-text-exam-2 {
+  font-size: 15px;
+  font-weight: 500;
+  line-height: 150%;
+  color: #00AA86;
+}
+
+.sub-text-exam {
+  font-size: 15px;
+  font-weight: 500;
+  color: #000000;
+}
+
+.checkbox-group {
+  font-size: 16px;
+  font-weight: 400;
+  color: #35373C;
+}
 </style>