ปรับ ui

src/modules/11_discipline/components/DialogDuty.vue

@@ -24,6 +24,10 @@ const props = defineProps({
     type: String,
     default: "",
   },
+  resolution: {
+    type: String,
+    default: "",
+  },
   save: {
     type: Function,
     default: () => console.log("not function"),
@@ -31,6 +35,7 @@ const props = defineProps({
 });
 
 const duty = ref<string>("");
+const resolution = ref<string>("");
 const myForm = ref<QForm | null>(null);
 
 /**
@@ -56,6 +61,7 @@ async function submit(){
 
 watch(props, () => {
   duty.value = props?.duty;
+  resolution.value = props?.resolution;
 });
 </script>
 
@@ -63,7 +69,7 @@ watch(props, () => {
   <q-dialog v-model="props.modal" persistent>
     <q-card style="width: 30vw">
       <q-form ref="myForm">
-        <DialogHeader title="แก้ไขหน้าที่กรรมการ" :close="props.closePopup" />
+        <DialogHeader title="แก้ไขข้อมูลกรรมการ" :close="props.closePopup" />
         <q-separator />
         <q-card-section>
           <q-input
@@ -74,6 +80,17 @@ watch(props, () => {
             debounce="300"
             placeholder="หน้าที่"
             :rules="[(val) => !!val || `กรุณากรอกหน้าที่`]"
+            hide-bottom-space
+          />
+          <q-input
+            v-model="resolution"
+            outlined
+            dense
+            class="col-12 q-mb-sm"
+            debounce="300"
+            placeholder="มติ/คำสั่งแต่งตั้ง"
+            :rules="[(val) => !!val || `กรุณากรอก มติ/คำสั่งแต่งตั้ง`]"
+            hide-bottom-space
           />
         </q-card-section>