แก้ label ฟอร์มเพิ่มตำแหน่ง ขรก.

src/modules/02_organizationalNew/components/DialogAddPosition.vue

@@ -64,14 +64,14 @@ const typeOps = ref<DataOption[]>([]);
 const levelOps = ref<DataOption[]>([]);
 const shapeOp = ref<DataOption[]>([
   {
-    id:'false',
-    name:'เลือกจากรายการ'
-  }
-,  {
-    id:'true',
-    name:'เพิ่มใหม่'
-  }
-])
+    id: "false",
+    name: "เลือกจากรายการ",
+  },
+  {
+    id: "true",
+    name: "เพิ่มใหม่",
+  },
+]);
 const formPositionSelect = reactive<FormPositionSelect>({
   positionId: "",
   positionName: "",
@@ -120,31 +120,38 @@ function saveSelectEdit() {
   dialogConfirm(
     $q,
     async () => {
-      const dataExecutive = shape.value == "false" ? formPositionSelect.positionExecutive:posExecutive.value
+      const dataExecutive =
+        shape.value == "false"
+          ? formPositionSelect.positionExecutive
+          : posExecutive.value;
       const url =
         shape.value == "false"
           ? config.API.orgPosPositionById(formPositionSelect.positionId)
-          : config.API.orgPosPositionExecutive()+`/${formPositionSelect.positionId}`;
+          : config.API.orgPosPositionExecutive() +
+            `/${formPositionSelect.positionId}`;
       showLoader();
-      const body = shape.value == "false" ?{
-        posDictName: formPositionSelect.positionName,
-        posDictField: formPositionSelect.positionField, //สายงาน
-        posTypeId: formPositionSelect.positionType, //*ประเภทตำแหน่ง
-        posLevelId: formPositionSelect.positionLevel, //*ระดับตำแหน่ง
-        posExecutiveId: dataExecutive, //ตำแหน่งทางการบริหาร
-        posDictExecutiveField: formPositionSelect.positionExecutiveField, //ด้านทางการบริหาร
-        posDictArea: formPositionSelect.positionArea, //ด้าน/สาขา
-        isSpecial: isSpecial.value,
-      }:{
-        posDictName: formPositionSelect.positionName,
-        posDictField: formPositionSelect.positionField, //สายงาน
-        posTypeId: formPositionSelect.positionType, //*ประเภทตำแหน่ง
-        posLevelId: formPositionSelect.positionLevel, //*ระดับตำแหน่ง
-        posExecutive: dataExecutive, //ตำแหน่งทางการบริหาร
-        posDictExecutiveField: formPositionSelect.positionExecutiveField, //ด้านทางการบริหาร
-        posDictArea: formPositionSelect.positionArea, //ด้าน/สาขา
-        isSpecial: isSpecial.value,
-      }
+      const body =
+        shape.value == "false"
+          ? {
+              posDictName: formPositionSelect.positionName,
+              posDictField: formPositionSelect.positionField, //สายงาน
+              posTypeId: formPositionSelect.positionType, //*ประเภทตำแหน่ง
+              posLevelId: formPositionSelect.positionLevel, //*ระดับตำแหน่ง
+              posExecutiveId: dataExecutive, //ตำแหน่งทางการบริหาร
+              posDictExecutiveField: formPositionSelect.positionExecutiveField, //ด้านทางการบริหาร
+              posDictArea: formPositionSelect.positionArea, //ด้าน/สาขา
+              isSpecial: isSpecial.value,
+            }
+          : {
+              posDictName: formPositionSelect.positionName,
+              posDictField: formPositionSelect.positionField, //สายงาน
+              posTypeId: formPositionSelect.positionType, //*ประเภทตำแหน่ง
+              posLevelId: formPositionSelect.positionLevel, //*ระดับตำแหน่ง
+              posExecutive: dataExecutive, //ตำแหน่งทางการบริหาร
+              posDictExecutiveField: formPositionSelect.positionExecutiveField, //ด้านทางการบริหาร
+              posDictArea: formPositionSelect.positionArea, //ด้าน/สาขา
+              isSpecial: isSpecial.value,
+            };
       await http
         .put(url, body)
         .then(() => {
@@ -170,31 +177,37 @@ function onSubmitSelectEdit() {
   dialogConfirm(
     $q,
     async () => {
-      const dataExecutive = shape.value == "false" ? formPositionSelect.positionExecutive:posExecutive.value
+      const dataExecutive =
+        shape.value == "false"
+          ? formPositionSelect.positionExecutive
+          : posExecutive.value;
       const url =
         shape.value == "false"
           ? config.API.orgPosPosition
           : config.API.orgPosPositionExecutive();
       showLoader();
-      const body = shape.value == "false" ?{
-        posDictName: formPositionSelect.positionName,
-        posDictField: formPositionSelect.positionField, //สายงาน
-        posTypeId: formPositionSelect.positionType, //*ประเภทตำแหน่ง
-        posLevelId: formPositionSelect.positionLevel, //*ระดับตำแหน่ง
-        posExecutiveId: dataExecutive, //ตำแหน่งทางการบริหาร
-        posDictExecutiveField: formPositionSelect.positionExecutiveField, //ด้านทางการบริหาร
-        posDictArea: formPositionSelect.positionArea, //ด้าน/สาขา
-        isSpecial: isSpecial.value,
-      }:{
-        posDictName: formPositionSelect.positionName,
-        posDictField: formPositionSelect.positionField, //สายงาน
-        posTypeId: formPositionSelect.positionType, //*ประเภทตำแหน่ง
-        posLevelId: formPositionSelect.positionLevel, //*ระดับตำแหน่ง
-        posExecutive: dataExecutive, //ตำแหน่งทางการบริหาร
-        posDictExecutiveField: formPositionSelect.positionExecutiveField, //ด้านทางการบริหาร
-        posDictArea: formPositionSelect.positionArea, //ด้าน/สาขา
-        isSpecial: isSpecial.value,
-      }
+      const body =
+        shape.value == "false"
+          ? {
+              posDictName: formPositionSelect.positionName,
+              posDictField: formPositionSelect.positionField, //สายงาน
+              posTypeId: formPositionSelect.positionType, //*ประเภทตำแหน่ง
+              posLevelId: formPositionSelect.positionLevel, //*ระดับตำแหน่ง
+              posExecutiveId: dataExecutive, //ตำแหน่งทางการบริหาร
+              posDictExecutiveField: formPositionSelect.positionExecutiveField, //ด้านทางการบริหาร
+              posDictArea: formPositionSelect.positionArea, //ด้าน/สาขา
+              isSpecial: isSpecial.value,
+            }
+          : {
+              posDictName: formPositionSelect.positionName,
+              posDictField: formPositionSelect.positionField, //สายงาน
+              posTypeId: formPositionSelect.positionType, //*ประเภทตำแหน่ง
+              posLevelId: formPositionSelect.positionLevel, //*ระดับตำแหน่ง
+              posExecutive: dataExecutive, //ตำแหน่งทางการบริหาร
+              posDictExecutiveField: formPositionSelect.positionExecutiveField, //ด้านทางการบริหาร
+              posDictArea: formPositionSelect.positionArea, //ด้าน/สาขา
+              isSpecial: isSpecial.value,
+            };
       await http
         .post(url, body)
         .then(() => {
@@ -407,7 +420,7 @@ watch(
                 "
               />
             </div>
-            <div class="col-12 col-sm-6 col-md-6 ">
+            <div class="col-12 col-sm-6 col-md-6">
               <q-select
                 ref="positionLevelRef"
                 :class="inputEdit(isReadonly)"
@@ -434,7 +447,7 @@ watch(
               <q-select
                 ref="positionExecutiveRef"
                 :class="inputEdit(isReadonly)"
-                label="ตัวเลือกตำแหน่ง"
+                label="ตำแหน่งทางการบริหาร"
                 v-model="shape"
                 :options="shapeOp"
                 emit-value
@@ -452,7 +465,7 @@ watch(
                 v-if="shape == 'false'"
                 ref="positionExecutiveRef"
                 :class="inputEdit(isReadonly)"
-                label="ตำแหน่งทางการบริหาร"
+                label="รายการตำแหน่งทางการบริหาร"
                 v-model="formPositionSelect.positionExecutive"
                 :options="executiveOps"
                 emit-value
@@ -473,7 +486,7 @@ watch(
                 dense
                 outlined
                 for="#positionExecutiveField"
-                label="เพิ่มตำแหน่งทางการบริหาร"
+                label="ชื่อตำแหน่งทางการบริหาร"
                 lazy-rules
                 hide-bottom-space
               />