ayanova/src/views/home-notifications.vue

@@ -4,7 +4,21 @@
     {{ obj }}
 
     <v-list three-line>
-      <v-list-item> </v-list-item>
+      <template v-for="item in obj">
+        <v-list-item :key="item.id">
+          <v-list-item-avatar>
+            <v-icon>{{ item.icon }}</v-icon>
+          </v-list-item-avatar>
+          <v-list-item-content>
+            <v-list-item-title
+              >{{ item.uiayatype }}&nbsp;{{ item.uicreated }}</v-list-item-title
+            >
+            <v-list-item-subtitle
+              v-html="subtitleHtml(item)"
+            ></v-list-item-subtitle>
+          </v-list-item-content>
+        </v-list-item>
+      </template>
     </v-list>
   </div>
 </template>
@@ -50,6 +64,14 @@ export default {
     };
   },
   methods: {
+    subtitleHtml(item) {
+      let msg = "";
+      if (item.message) {
+        msg = ` &mdash; ${item.message}`;
+      } else {
+      }
+      return `<span class='text--primary'>${item.uievent}</span>${msg}`;
+    },
     async getDataFromApi() {
       let vm = this;