updated command officer

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

@@ -38,7 +38,7 @@ let formData = reactive<FormDataDetail>({
   issue: null,
   commandAffectDate: null, //วันที่ลงนาม
   commandExcecuteDate: null, //วันที่คำสั่งมีผล
-  isBangkok: false,
+  isBangkok: null,
   isAttachment: true,
 });
 const modalPreview = ref<boolean>(false); //แสดงตัวอย่าง
@@ -418,13 +418,23 @@ defineExpose({
         </q-card> -->
         </div>
 
-        <div class="col-12">
-          <q-checkbox
+        <div class="col-12 q-gutter-sm">
+          <q-radio
             keep-color
             color="primary"
             dense
             v-model="formData.isBangkok"
-            label="นี่คือคำสั่งกรุงเทพมหานคร"
+            label="คำสั่งสำนักปลัดกรุงเทพมหานคร"
+            val="OFFICE"
+          />
+
+          <q-radio
+            keep-color
+            color="primary"
+            dense
+            v-model="formData.isBangkok"
+            label="คำสั่งกรุงเทพมหานคร"
+            val="BANGKOK"
           />
         </div>
       </div>