update การเพิ่ม คำสั่ง

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

@@ -3,12 +3,14 @@ import { onMounted, ref } from "vue";
 
 import { useCommandListStore } from "@/modules/18_command/store/ListStore";
 
+import DialogFormCommand from "@/modules/18_command/components/Main/DialogFormCommand.vue";
 import TableList from "@/modules/18_command/components/Main/TableMain.vue";
 
 const store = useCommandListStore();
 
 const yearly = ref<number>(new Date().getFullYear());
 const searchKeyword = ref<string>("");
+const modalAdd = ref<boolean>(false);
 
 const tabsManu = ref([
   { label: "แบบร่าง", name: "list_draft" },
@@ -86,7 +88,14 @@ onMounted(() => {
         </template>
       </datepicker>
 
-      <q-btn flat round dense icon="add" color="primary" />
+      <q-btn
+        flat
+        round
+        dense
+        icon="add"
+        color="primary"
+        @click.prevent="modalAdd = true"
+      />
 
       <q-space />
       <q-input
@@ -134,6 +143,8 @@ onMounted(() => {
       </q-tab-panels>
     </q-card-section>
   </q-card>
+
+  <DialogFormCommand v-model:modal="modalAdd" :is-copy="false" />
 </template>
 
 <style scoped></style>