fixing display

src/modules/15_development/components/Target.vue

@@ -675,6 +675,10 @@ onMounted(() => {
           dense
           class="custom-header-table"
           hide-pagination
+          :pagination="{
+            page: 1,
+            rowsPerPage: 100,
+          }"
         >
           <template v-slot:header="props">
             <q-tr :props="props">
@@ -693,8 +697,8 @@ onMounted(() => {
                   "
                   round
                   flat
-                  color="primary"
+                  color="edit"
-                  icon="mdi-pencil-outline"
+                  icon="edit"
                   size="14px"
                   @click="onOpenDialog(props.row)"
                 >
@@ -709,10 +713,19 @@ onMounted(() => {
                   >
                     {{ `- ${row.position}`
                     }}{{
-                      row.posType !== null || row.posLevel !== null
+                      props.row.groupTarget === "OFFICER" &&
-                        ? ` (${row.posType ? row.posType : ""}${
+                      (row.posType || row.posLevel)
-                            row.posLevel ? " " + row.posLevel : ""
+                        ? ` (${
-                          })`
+                            row.posType &&
+                            (row.posType == "อำนวยการ" ||
+                              row.posType == "บริหาร")
+                              ? row.posType
+                              : ""
+                          }${row.posLevel ? row.posLevel : ""})`
+                        : row.posLevel
+                        ? ` (${row.posLevel})`
+                        : row.posType
+                        ? ` (${row.posType})`
                         : ""
                     }}
                   </div>
@@ -751,6 +764,10 @@ onMounted(() => {
           dense
           class="custom-header-table"
           hide-pagination
+          :pagination="{
+            page: 1,
+            rowsPerPage: 100,
+          }"
         >
           <template v-slot:header="props">
             <q-tr :props="props">
@@ -769,8 +786,8 @@ onMounted(() => {
                   "
                   round
                   flat
-                  color="primary"
+                  color="edit"
-                  icon="mdi-pencil-outline"
+                  icon="edit"
                   size="14px"
                   @click="
                     () => {
@@ -1100,13 +1117,6 @@ onMounted(() => {
                 option-value="name"
                 emit-value
                 map-options
-                :rules="[
-                (val:string) =>
-                  !!val || `${formGroupTarget.groupTargetSub !== 'EMPLOYEE' &&
-                  formGroupTarget.groupTargetSub !== 'EMPLOYEETEMP'
-                    ? 'กรุณาเลือกตำแหน่งประเภท'
-                    : 'กรุณาเลือกกลุ่มงาน ' }`,
-              ]"
                 input-class="text-red"
                 :label="
                   formGroupTarget.groupTargetSub !== 'EMPLOYEE' &&
@@ -1141,13 +1151,6 @@ onMounted(() => {
                     ? 'ระดับตำแหน่ง'
                     : 'ระดับชั้นงาน'
                 "
-                :rules="[
-                (val:string) =>
-                  !!val || `${formGroupTarget.groupTargetSub !== 'EMPLOYEE' &&
-                  formGroupTarget.groupTargetSub !== 'EMPLOYEETEMP'
-                    ? 'กรุณาเลือกระดับตำแหน่ง'
-                    : 'กรุณาเลือกระดับชั้นงาน ' }`,
-              ]"
                 clearable
               />
             </div>
@@ -1398,13 +1401,6 @@ onMounted(() => {
                       ? 'ตำแหน่งประเภท'
                       : 'กลุ่มงาน'
                   "
-                  :rules="[
-                (val:string) =>
-                  !!val || `${formGroupTarget.groupTargetSub !== 'EMPLOYEE' &&
-                  formGroupTarget.groupTargetSub !== 'EMPLOYEETEMP'
-                    ? 'กรุณาเลือกตำแหน่งประเภท'
-                    : 'กรุณาเลือกกลุ่มงาน ' }`,
-              ]"
                   clearable
                   @update:model-value="updatePosTypeName"
                 />
@@ -1432,13 +1428,6 @@ onMounted(() => {
                   "
                   hide-bottom-space
                   lazy-rules
-                  :rules="[
-                (val:string) =>
-                  !!val || `${formGroupTarget.groupTargetSub !== 'EMPLOYEE' &&
-                  formGroupTarget.groupTargetSub !== 'EMPLOYEETEMP'
-                    ? 'กรุณาเลือกระดับตำแหน่ง'
-                    : 'กรุณาเลือกระดับชั้นงาน ' }`,
-              ]"
                   clearable
                 />
               </div>