mock api รายงาน เครื่องราช

src/modules/09_coin/components/coinReport/coinReportDetail.vue

@@ -64,8 +64,7 @@ const backHistory = () => {
   <div>
     <q-card flat bordered class="col-12 q-mt-sm">
       <div class="q-pa-md q-gutter-y-md">
-        <q-toolbar style="padding: 0" >
-
+        <q-toolbar style="padding: 0">
           <q-select
             dense
             outlined
@@ -77,8 +76,13 @@ const backHistory = () => {
           />
           <q-space />
           <div class="q-pa-ms q-gutter-sm" style="padding: 0">
-            <q-btn outline color="primary" icon="mdi-arrow-down-bold-circle-outline" label="ดาวน์โหลด" />
-            <q-btn icon="mdi-eye-outline" color="primary" label="แสดงรางงาน" />
+            <q-btn
+              outline
+              color="primary"
+              icon="mdi-arrow-down-bold-circle-outline"
+              label="ดาวน์โหลด"
+            />
+            <q-btn icon="mdi-eye-outline" color="primary" label="แสดงรายงาน" />
             <!-- <q-btn
               color="primary"
               icon="mdi-fullscreen"

src/modules/09_coin/components/coinReport/coinReportMain.vue

@@ -2,7 +2,7 @@
 
 <template>
   <div class="toptitle text-dark col-12 row items-center">
-    รางงานเครื่องราชอิสริยาภรณ์
+    รายงานเครื่องราชอิสริยาภรณ์
   </div>
   <div>
     <q-card flat bordered class="col-12 q-mt-sm">
@@ -12,7 +12,8 @@
             <q-icon color="primary" name="mdi-file" size="xs" />
           </q-item-section>
           <q-item-section class="text-dark">
-            บัญชีแสดงจำนวนชั้นตราเหรียนจักรพรรดิมาลา ซึ่งขอพระราชทานให้เเก่ข้าราชการ
+            บัญชีแสดงจำนวนชั้นตราเหรียนจักรพรรดิมาลา
+            ซึ่งขอพระราชทานให้เเก่ข้าราชการ
           </q-item-section>
         </q-item>
 
@@ -24,7 +25,6 @@
             บันทึกรายชื่อข้าราชการผู้ขอพระราชทานเหรียญจักรพรรคดิมาลาและประวัติข้าราชการสามัญฯ
           </q-item-section>
         </q-item>
-
       </div>
     </q-card>
   </div>
@@ -34,5 +34,4 @@
 .hover-green:hover {
   background-color: $teal-1;
 }
-
 </style>