Edit dialog details

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

@@ -68,7 +68,7 @@ const getClass = (val: boolean) => {
   };
 };
 const selectData = (props: TableName) => {
-  itemtest.value = props
+  itemPopUp.value = props
   if (editvisible.value == true) {
     editRow.value = false;
     modalEdit.value = true;
@@ -424,7 +424,7 @@ const rows = ref<TableName[]>([
   },
 ]);
 
-const itemtest = ref<object>({});
+const itemPopUp = ref<object>({});
 
 const clickCancel = async () => {
   editvisible.value = false;
@@ -459,30 +459,6 @@ 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">
@@ -629,7 +605,7 @@ const clickSave = async () => {
   </q-dialog>
 
 
-  <DialogCard v-model:Modal="modal" :getdetail="itemtest" :close="clickClose" />
+  <DialogCard v-model:Modal="modal" :getdetail="itemPopUp" :close="clickClose" />
 
 
   <q-dialog v-model="modal_right" persistent>
@@ -665,81 +641,4 @@ const clickSave = async () => {
   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>