ปรับวินัยในส่วนของสอบสวน และเพิ่มเมนูรายชื่อผู้ถูกพักราชการ

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

@@ -98,7 +98,7 @@ function downloadFile(link: string) {
 </script>
 
 <template>
-  <q-card flat class="q-pa-md q-mt-sm">
+  <q-card flat class="q-pa-md" bordered>
     <div class="col-12 row q-col-gutter-md">
       <div class="row col-12">
         <q-card bordered class="row col-12" style="border: 1px solid #d6dee1">
@@ -108,7 +108,7 @@ function downloadFile(link: string) {
           <div class="col-12"><q-separator /></div>
           <div class="col-xs-12 q-pa-sm row">
             <q-file
-              class="col-11 q-mt-sm"
+              class="col-11"
               outlined
               dense
               ref="fileRef"
@@ -130,7 +130,6 @@ function downloadFile(link: string) {
                 round
                 dense
                 color="add"
-                class="q-ml-sm q-mt-sm"
                 icon="mdi-upload"
                 @click="uploadFile()"
                 ><q-tooltip>อัปโหลดไฟล์</q-tooltip></q-btn
@@ -138,7 +137,7 @@ function downloadFile(link: string) {
             </div>
           </div>
 
-          <div class="col-xs-12 q-pa-sm row" v-if="props.files">
+          <div class="col-xs-12 q-pa-sm row" v-if="props.files.length > 0">
             <q-list
               v-if="props.files.length > 0"
               bordered
@@ -184,6 +183,10 @@ function downloadFile(link: string) {
               </q-item>
             </q-list>
           </div>
+
+          <div class="col-12 q-mt-sm" v-if="props.files.length == 0">
+            <q-card class="q-pa-md" bordered> ไม่มีรายการเอกสาร </q-card>
+          </div>
         </q-card>
       </div>
     </div>