ayanova/src/components/dash-workorder-unscheduled-open-list.vue

@@ -10,13 +10,15 @@
     v-on="$listeners"
   >
     <template slot="main">
-      <v-sheet height="400">
-        <!-- {{ obj }} -->
+      <v-sheet height="400" class="overflow-auto">
+        <div v-if="obj.length == 0" class="ml-3 mt-1 text-h6">
+          {{ $ay.t("NoData") }}
+        </div>
         <template v-for="(item, i) in obj">
           <v-list-item :key="i" two-line :to="'/svc-workorders/' + item.id">
             <v-list-item-content>
               <v-list-item-title
-                ><span class="text-h6">{{ item.serial }}</span
+                ><span class="text-h6 primary--text">{{ item.serial }}</span
                 ><span class="ml-4">{{ $ay.dt(item.servicedate) }}</span>
                 <span class="ml-4">{{ item.name }}</span></v-list-item-title
               >
@@ -24,15 +26,6 @@
             </v-list-item-content>
           </v-list-item>
         </template>
-
-        <!-- <template v-for="(item, i) in obj"
-          ><span :key="i" class="ml-2"
-            ><a :href="'/svc-workorders/' + item.id">{{ item.serial }}</a
-            ><span class="ml-2"
-              >{{ $ay.dt(item.servicedate) }} {{ item.name }}</span
-            ></span
-          ></template
-        > -->
       </v-sheet>
     </template>
 
@@ -213,7 +206,8 @@ async function fetchTranslatedText() {
     "Name",
     "WorkOrder",
     "WorkOrderItem",
-    "WorkOrderStatus"
+    "WorkOrderStatus",
+    "NoData"
   ]);
 }