fix load

src/modules/18_command/components/Step/1_Detail.vue

@@ -36,21 +36,21 @@ const props = defineProps({
 
 const commandId = ref<string>(route.params.id.toString()); //ID คำสั่ง
 // ฟอร์มข้อมูล
-let formData = reactive({
-  commandNo: "",
-  commandYear: null,
-  detailHeader: "",
-  detailBody: "",
-  detailFooter: "",
-  issue: null,
+let formData = reactive<FormDataDetail>({
+  issue: null, //คำสั่งเรื่อง
+  commandNo: "", //คำสั่งเลขที่
+  commandYear: null, //พ.ศ.
+  detailHeader: "", //เนื้อหาคำสั่งขึ้นต้น
+  detailBody: "", //เนื้อหาคำสั่งหลัก
+  detailFooter: "", //เนื้อหาคำสั่งลงท้าย
   commandAffectDate: null, //วันที่ลงนาม
   commandExcecuteDate: null, //วันที่คำสั่งมีผล
-  isBangkok: null,
-  // isAttachment: true,
+  isBangkok: null, //คำสั่งสำนักปลัดกรุงเทพมหานคร
 });
 const modalPreview = ref<boolean>(false); //แสดงตัวอย่าง
 const isIdofficer = ref<boolean>(false); //เช็ค สกจ.
 
+/** ฟังก์ชันเช็ค สกจ.*/
 async function fetchCheckIdofficer() {
   await http
     .get(config.API.checkIdofficer)
@@ -90,7 +90,6 @@ async function onSubmit() {
  */
 onMounted(async () => {
   await fetchCheckIdofficer();
-
   formData.commandNo = props.formCommandList.commandNo;
   formData.commandYear = props.formCommandList.commandYear;
   formData.detailHeader = props.formCommandList.detailHeader;
@@ -109,8 +108,6 @@ onMounted(async () => {
   <q-form greedy @submit.prevent @validation-success="onSubmit">
     <q-card-section>
       <div class="row q-col-gutter-sm">
-        <!-- คำสั่งเลขที่ -->
-        <!-- คำสั่งเรื่อง -->
         <div class="col-12">
           <q-input
             :class="store.classInput(!store.readonly)"