feat: 给表格加上空值展示

src/auto-imports.d.ts

@@ -3,6 +3,7 @@
 // @ts-nocheck
 // noinspection JSUnusedGlobalSymbols
 // Generated by unplugin-auto-import
+// biome-ignore lint: disable
 export {}
 declare global {
   const $api: typeof import('@/api/index')['default']
@@ -68,6 +69,6 @@ declare global {
 // for type re-export
 declare global {
   // @ts-ignore
-  export type { Component, ComponentPublicInstance, ComputedRef, ExtractDefaultPropTypes, ExtractPropTypes, ExtractPublicPropTypes, InjectionKey, PropType, Ref, VNode, WritableComputedRef } from 'vue'
+  export type { Component, ComponentPublicInstance, ComputedRef, DirectiveBinding, ExtractDefaultPropTypes, ExtractPropTypes, ExtractPublicPropTypes, InjectionKey, PropType, Ref, MaybeRef, MaybeRefOrGetter, VNode, WritableComputedRef } from 'vue'
   import('vue')
 }

src/views/Booking/src/components/BookingDetail/src/components/AddReferenceDialog.vue

@@ -131,6 +131,9 @@ defineExpose({
         <template #refNo="{ row, column }">
           <el-input v-model="row[column.field]" placeholder="Enter Ref No." />
         </template>
+        <template>
+          <div>No data</div>
+        </template>
       </vxe-grid>
     </div>
   </el-dialog>

src/views/Booking/src/components/BookingDetail/src/components/ContainersView.vue

@@ -79,7 +79,11 @@ useRowClickStyle(tableRef)
 
 <template>
   <div class="containers">
-    <vxe-grid ref="tableRef" v-bind="tableData"> </vxe-grid>
+    <vxe-grid ref="tableRef" v-bind="tableData">
+      <template #empty>
+        <div class="empty">No data</div>
+      </template>
+    </vxe-grid>
   </div>
 </template>
 

src/views/Tracking/src/components/TrackingDetail/src/components/AMS&ISF.vue

@@ -163,6 +163,9 @@ defineExpose({
         :style="{ border: 'none' }"
         v-bind="AMSTableData"
       >
+        <template #empty>
+          <div class="empty">No data</div>
+        </template>
       </vxe-grid>
       <div class="label" v-if="canViewISFLog">
         <span>ISF Log</span>
@@ -177,6 +180,9 @@ defineExpose({
         :style="{ border: 'none' }"
         v-bind="ISFTableData"
       >
+        <template #empty>
+          <div class="empty">No data</div>
+        </template>
       </vxe-grid>
     </div>
   </el-drawer>

src/views/Tracking/src/components/TrackingDetail/src/components/AddReferenceDialog.vue

@@ -131,6 +131,9 @@ defineExpose({
         <template #refNo="{ row, column }">
           <el-input v-model="row[column.field]" placeholder="Enter Ref No." />
         </template>
+        <template #empty>
+          <div class="empty">No data</div>
+        </template>
       </vxe-grid>
     </div>
   </el-dialog>

src/views/Tracking/src/components/TrackingDetail/src/components/AttachmentView.vue

@@ -125,6 +125,9 @@ const openUploadFilesDialog = () => {
           }}</span>
         </div>
       </template>
+      <template #empty>
+        <div class="empty">No data</div>
+      </template>
     </vxe-grid>
     <UploadFilesDialog ref="uploadFilesRef"></UploadFilesDialog>
   </div>

src/views/Tracking/src/components/TrackingDetail/src/components/ContainersView.vue

@@ -80,7 +80,11 @@ useRowClickStyle(tableRef)
 
 <template>
   <div class="containers">
-    <vxe-grid ref="tableRef" v-bind="tableData"> </vxe-grid>
+    <vxe-grid ref="tableRef" v-bind="tableData">
+      <template #empty>
+        <div class="empty">No data</div>
+      </template>
+    </vxe-grid>
   </div>
 </template>
 

src/views/Tracking/src/components/TrackingTable/src/components/VGMView.vue

@@ -519,6 +519,9 @@ const stopScroll = (evt) => {
                 time-format="HH:mm:ss"
               />
             </template>
+            <template #empty>
+              <div class="empty">No data</div>
+            </template>
           </vxe-grid>
         </div>
       </div>