no message

src/modules/07_insignia/views/ResultPage.vue

@@ -27,6 +27,8 @@ const modal = ref<boolean>(false);
 const action = ref<string>("");
 const personId = ref<string>();
 const profileType = ref<string>("");
+const fileResult = ref<any>(null);
+const fileinvoice = ref<any>(null);
 onMounted(async () => {
   await fecthRound();
   await fecthInsignia();
@@ -349,28 +351,33 @@ const resetFilter = () => {
 
       <q-tab name="doc" label="เอกสารอ้างอิง" />
     </q-tabs>
+
     <q-separator />
+
     <div>
       <div v-for="item in DataStore.insigniaType">
         <div v-if="tab == item.name" class="q-pa-md">
           <div class="row col-12 q-pb-sm q-col-gutter-x-xs">
-            <q-select
+            <div>
-              v-model="DataStore.insignia"
+              <q-select
-              dense
+                v-model="DataStore.insignia"
-              outlined
+                dense
-              lazy-rules
+                outlined
-              hide-bottom-space
+                lazy-rules
-              :label="`${'เครื่องราชฯ'}`"
+                hide-bottom-space
-              emit-value
+                :label="`${'เครื่องราชฯ'}`"
-              map-options
+                emit-value
-              option-label="name"
+                map-options
-              :options="DataStore.insigniaOp"
+                option-label="name"
-              option-value="id"
+                :options="DataStore.insigniaOp"
-              :readonly="false"
+                option-value="id"
-              :borderless="false"
+                :readonly="false"
-              style="min-width: 150px"
+                :borderless="false"
-              @update:model-value="selectorInsignia"
+                style="min-width: 150px"
-            />
+                @update:model-value="selectorInsignia"
+              />
+            </div>
+
             <div>
               <q-btn
                 @click="addData()"
@@ -384,8 +391,23 @@ const resetFilter = () => {
               </q-btn>
             </div>
             <div>
-              <q-btn flat round color="light-blue" icon="upload">
+              <q-file
-                <!-- <q-tooltip>อัพโหลดไฟล์</q-tooltip> -->
+                dense
+                clearable
+                outlined
+                v-model="fileResult"
+                label="บันทึกผลการได้รับพระราชทานเครื่องราชย์อิสริยสภรณ์"
+                style="min-width: auto"
+              >
+                <template v-slot:prepend>
+                  <q-icon name="attach_file" />
+                </template>
+                <q-tooltip
+                  >อัพโหลดไฟล์บันทึกผลการได้รับพระราชทานเครื่องราชย์อิสริยสภรณ์</q-tooltip
+                >
+              </q-file>
+
+              <!-- <q-btn flat round color="light-blue" icon="upload">
                 <q-menu>
                   <q-list style="min-width: 150px">
                     <q-item clickable v-close-popup>
@@ -404,7 +426,23 @@ const resetFilter = () => {
                     </q-item>
                   </q-list>
                 </q-menu>
-              </q-btn>
+              </q-btn> -->
+            </div>
+            <div>
+              <q-file
+                dense
+                clearable
+                outlined
+                v-model="fileinvoice"
+                label="บันทึกผลการจ่ายใบกำกับ"
+                style="min-width: auto"
+                accept=".pdf"
+              >
+                <template v-slot:prepend>
+                  <q-icon name="attach_file" />
+                </template>
+                <q-tooltip>อัพโหลดไฟล์บันทึกผลการจ่ายใบกำกับ</q-tooltip>
+              </q-file>
             </div>
 
             <q-space />