เพิ่ม dialog กรอกบัตร, ปรับ input เพิ่มเติม

src/modules/01_exam/components/Form/Career.vue

@@ -73,6 +73,22 @@
               />
             </div>
             <div class="col-xs-12 col-sm-6 col-md-6">
+              <q-select
+                :class="getClass(edit)"
+                :outlined="edit"
+                dense
+                lazy-rules
+                :readonly="!edit"
+                :borderless="!edit"
+                v-model="type"
+                :options="opType"
+                :rules="[(val) => !!val || `${'กรุณาเลือกประเภท'}`]"
+                :label="`${'ประเภท'}`"
+                @update:modelValue="clickEditRow"
+                hide-bottom-space
+              />
+            </div>
+            <!-- <div class="col-xs-12 col-sm-6 col-md-6">
               <q-input
                 :class="getClass(edit)"
                 :outlined="edit"
@@ -116,7 +132,7 @@
                 @update:modelValue="clickEditRow"
                 hide-bottom-space
               />
-            </div>
+            </div> -->
             <div class="col-xs-12 col-sm-6 col-md-6">
               <datepicker
                 :readonly="!edit"
@@ -264,6 +280,10 @@ const { examData, changeExamColumns } = store
 const dataStore = useDataStore()
 const { loaderPage } = dataStore
 const id = ref<string>('')
+
+const type = ref<string | null>()
+const opType = ref(['ลูกจ้างประจำ','ลูกจ้างชั่วคราว','ผู้ปฏิบัติงานอื่นในกรุงเทพมหานคร'])
+
 const position = ref<string | null>()
 const group = ref<string | null>()
 const pile = ref<string | null>()
@@ -292,9 +312,10 @@ const visibleColumns = ref<String[]>([])
 examData.career.columns.length == 0
   ? (visibleColumns.value = [
       'position',
-      'group',
+      /* 'group',
       'pile',
-      'org',
+      'org', */
+      'type',
       'startDate',
       'endDate',
       'rangeDate'
@@ -313,7 +334,19 @@ const columns = ref<any>([
     sort: (a: string, b: string) =>
       a.localeCompare(b, undefined, { numeric: true, sensitivity: 'base' })
   },
+
   {
+    name: 'type',
+    align: 'left',
+    label: 'ประเภท',
+    sortable: true,
+    field: 'type',
+    headerStyle: 'font-size: 14px',
+    style: 'font-size: 14px',
+    sort: (a: string, b: string) =>
+      a.localeCompare(b, undefined, { numeric: true, sensitivity: 'base' })
+  },
+  /* {
     name: 'group',
     align: 'left',
     label: 'กลุ่ม/ฝ่าย',
@@ -345,7 +378,7 @@ const columns = ref<any>([
     style: 'font-size: 14px',
     sort: (a: string, b: string) =>
       a.localeCompare(b, undefined, { numeric: true, sensitivity: 'base' })
-  },
+  }, */
   {
     name: 'startDate',
     align: 'left',