ออกคำสั่ง ==> fix Columns

src/modules/18_command/views/detail.vue

@@ -22,6 +22,7 @@ const { showLoader, hideLoader, messageError } = useCounterMixin();
 const router = useRouter();
 const route = useRoute();
 const commandId = ref<string>(route.params.id.toString()); //ID คำสั่ง
+const commandCode = ref<string>("");
 const store = useCommandDetail();
 
 const tabs = ref<string>("Main"); //Tab
@@ -41,7 +42,7 @@ const tabsManu = ref<ItemTabs[]>([
   { label: "พรีวิวคำสั่ง", name: "Attached" },
 ]);
 
-const statusCheck = ref<boolean>(false)
+const statusCheck = ref<boolean>(false);
 let formCommandList = reactive<FormCommandList>({
   id: "",
   status: "",
@@ -60,7 +61,6 @@ let formCommandList = reactive<FormCommandList>({
 
 /**
  * ฟังก์ชันเช็คการเปลี่นรแปลงของข้อมูล
- *
  * ถ้ามีการเปลี่นยแปลง กำหนด  'isChangeData' เป็น true
  */
 function onCheckChangeData() {
@@ -69,7 +69,6 @@ function onCheckChangeData() {
 
 /**
  * ฟังก์ชันดึงข้อมูลรายละเอียดคำสั่ง
- *
  * กำหนดข้อมูลที่ได้รับมาให้กับตัวแปร `formData`
  */
 async function fetchDataCommandList() {
@@ -78,10 +77,12 @@ async function fetchDataCommandList() {
     .get(config.API.commandAction(commandId.value, "tab1"))
     .then(async (res) => {
       const data = await res.data.result;
+
       formCommandList = data;
-      statusCheck.value = data.commandCode == 'C-PM-10'? true:false;
+      statusCheck.value = data.commandCode == "C-PM-10" ? true : false;
       store.dataCommand = data;
       isChangeData.value = false; //จำลอง
+      commandCode.value = data.commandCode;
     })
     .catch((err) => {
       messageError($q, err);
@@ -159,13 +160,14 @@ onMounted(async () => {
             />
           </q-card>
         </q-tab-panel>
-        <q-tab-panel class="bg-grey-2" style="padding: 0px" name="ListPersons" >
+        <q-tab-panel class="bg-grey-2" style="padding: 0px" name="ListPersons">
           <ListPersons
             v-model:is-change-data="isChangeData"
             :on-check-change-data="onCheckChangeData"
             :fetch-data-command-list="fetchDataCommandList"
             :command-sys-id="formCommandList?.commandSysId as string"
             :form-command-list="formCommandList"
+            :command-code="commandCode"
           />
         </q-tab-panel>