no message

src/modules/07_appealComplain/store.ts

@@ -61,7 +61,7 @@ export const useAppealComplainStore = defineStore("appealComplainStore", () => {
     }
   };
 
-  const statusTothai = (val: string) => {
+  function statusTothai(val: string){
     switch (val) {
       case "NEW":
         return "ใหม่";
@@ -88,7 +88,8 @@ export const useAppealComplainStore = defineStore("appealComplainStore", () => {
     fetchAppealComplain,
     rows,
     typeOptions,
-    statusOptions
+    statusOptions,
+    statusTothai
 
   };
 });

src/modules/07_appealComplain/views/Form.vue

@@ -2,7 +2,7 @@
 import { ref, reactive, defineProps, watch } from "vue";
 import { useAppealComplainStore } from "@/modules/07_appealComplain/store";
 import { useCounterMixin } from "@/stores/mixin";
-import { useQuasar } from "quasar";
+import { is, useQuasar } from "quasar";
 import type { MyObjectAppealRef } from "@/modules/07_appealComplain/interface/request/appeal";
 import type {
   EditDataList,
@@ -190,15 +190,11 @@ function onSubmit(data: any) {
                   @click="filePrintDownload('แบบฟอร์มคำร้อง')"
                 />
               </div>
-              <div class="q-gutter-sm" v-if="isReadOnly">
+              <div class="q-gutter-sm" v-if="formData.status === 'NEW'">
                 <q-banner
                   inline-actions
                   bordered
-                  :class="
-                    formData.status === 'NEW'
-                      ? 'bg-red-1 text-red border-red q-pa-md'
-                      : 'bg-blue-1 text-blue border-blue q-pa-md'
-                  "
+                  class="bg-red-1 text-red border-red q-pa-md"
                 >
                   <q-icon name="mdi-information-outline" size="20px" />
                   คำอุทธรณ์/ร้องทุกข์นี้จะยังไม่สมบูรณ์
@@ -208,6 +204,20 @@ function onSubmit(data: any) {
                   นำเอกสารทั้งหมดไปส่งด้วยตนเองที่ชั้น 14 อาคารศรีจุลทรัพย์
                 </q-banner>
               </div>
+              <div class="q-gutter-sm" v-else-if="isReadOnly||formData.status === 'NEW'">
+                <q-banner
+                  inline-actions
+                  bordered
+                  class="bg-blue-1 text-blue border-blue q-pa-md"
+                >
+                  <div class="row items-center q-gutter-x-sm">
+                    <q-icon name="mdi-information-outline" size="20px" />
+                    <div>
+                      {{ dataStore.statusTothai(formData.status) }}
+                    </div>
+                  </div>
+                </q-banner>
+              </div>
               <div class="row q-gutter-x-sm">
                 <div class="col-3">
                   <q-select
@@ -266,7 +276,6 @@ function onSubmit(data: any) {
                 </div>
               </div>
 
-
               <!-- <div class="row q-col-gutter-x-sm">
                 <div class="col-6">
                   <q-input
@@ -298,7 +307,6 @@ function onSubmit(data: any) {
                 </div>
               </div> -->
 
-
               <!-- <div class="row q-gutter-x-sm">
                 <div class="col-3">
                   <datepicker