แก้ space ขึ้นบรรทัดใหม่ เเก้คำ พ้นราชการ

src/modules/06_retirement/components/06_dismissOrder/Detail.vue

@@ -274,9 +274,9 @@ onMounted(async () => {
                 :readonly="!edit"
                 :borderless="!edit"
                 v-model="positionTypeOld"
-                :rules="[(val:string) => !!val || `${'กรุณากรอกประเภทตำแหน่ง'}`]"
+                :rules="[(val:string) => !!val || `${'กรุณากรอกตำแหน่งประเภท'}`]"
                 hide-bottom-space
-                :label="`${'ประเภทตำแหน่ง'}`"
+                :label="`${'ตำแหน่งประเภท'}`"
               />
             </div>
           </div>
@@ -306,9 +306,9 @@ onMounted(async () => {
                 :readonly="!edit"
                 :borderless="!edit"
                 v-model="posNo"
-                :rules="[(val:string) => !!val || `${'กรุณากรอกเลขที่'}`]"
+                :rules="[(val:string) => !!val || `${'กรุณากรอกเลขที่ตำแหน่ง'}`]"
                 hide-bottom-space
-                :label="`${'เลขที่'}`"
+                :label="`${'เลขที่ตำแหน่ง'}`"
               />
             </div>
           </div>

src/modules/06_retirement/components/06_dismissOrder/DetailEMP.vue

@@ -307,9 +307,9 @@ onMounted(async () => {
                 :readonly="!edit"
                 :borderless="!edit"
                 v-model="posNo"
-                :rules="[(val:string) => !!val || `${'กรุณากรอกเลขที่'}`]"
+                :rules="[(val:string) => !!val || `${'กรุณากรอกตำแหน่งเลขที่'}`]"
                 hide-bottom-space
-                :label="`${'เลขที่'}`"
+                :label="`${'ตำแหน่งเลขที่'}`"
               />
             </div>
           </div>

src/modules/06_retirement/components/06_dismissOrder/DialogSendToCommand.vue

@@ -52,6 +52,7 @@ const {
   hideLoader,
   date2Thai,
   onSearchDataTable,
+  textTranForm,
 } = mixin;
 
 /** คอลัมน์ */
@@ -80,7 +81,7 @@ const columns = ref<QTableProps["columns"]>([
   {
     name: "positionLevel",
     align: "left",
-    label: "ประเภทตำแหน่ง",
+    label: "ตำแหน่งประเภท",
     sortable: true,
     field: "positionLevel",
     headerStyle: "font-size: 14px",
@@ -105,6 +106,9 @@ const columns = ref<QTableProps["columns"]>([
     field: "organizationPositionOld",
     headerStyle: "font-size: 14px",
     style: "font-size: 14px",
+    format(val, row) {
+      return `${row.organizationPositionOld.replace(/\n/g, " ")}`;
+    },
   },
   {
     name: "createdAt",
@@ -256,10 +260,14 @@ watchEffect(() => {
                       {{ props.rowIndex + 1 }}
                     </div>
 
-                    <div
-                      v-else
-                      :class="col.name === 'org' ? 'table_ellipsis' : ''"
-                    >
+                    <div v-else-if="col.name == 'org'" class="text-html">
+                      {{
+                        props.row.organizationPositionOld
+                          ? textTranForm(props.row.organizationPositionOld)
+                          : "-"
+                      }}
+                    </div>
+                    <div v-else>
                       {{ col.value ? col.value : "-" }}
                     </div>
                   </q-td>

src/modules/06_retirement/components/06_dismissOrder/DialogSendToCommandEmp.vue

@@ -52,6 +52,7 @@ const {
   hideLoader,
   date2Thai,
   onSearchDataTable,
+  textTranForm,
 } = mixin;
 
 /** คอลัมน์ */
@@ -105,6 +106,9 @@ const columns = ref<QTableProps["columns"]>([
     field: "organizationPositionOld",
     headerStyle: "font-size: 14px",
     style: "font-size: 14px",
+    format(val, row) {
+      return `${row.organizationPositionOld.replace(/\n/g, " ")}`;
+    },
   },
   {
     name: "createdAt",
@@ -257,9 +261,16 @@ watchEffect(() => {
                     </div>
 
                     <div
-                      v-else
-                      :class="col.name === 'org' ? 'table_ellipsis' : ''"
+                      v-else-if="col.name == 'organizationPositionOld'"
+                      class="text-html"
                     >
+                      {{
+                        props.row.organizationPositionOld
+                          ? textTranForm(props.row.organizationPositionOld)
+                          : "-"
+                      }}
+                    </div>
+                    <div v-else>
                       {{ col.value ? col.value : "-" }}
                     </div>
                   </q-td>