classMethod

src/modules/03_logs/components/LogTable.vue

@@ -179,6 +179,24 @@ function selectedDate() {
   );
 }
 
+function classColorMethod(val: string) {
+  switch (val) {
+    case "GET":
+      return "blue";
+    case "PUT":
+      return "warning";
+    case "POST":
+      return "primary";
+    case "PATCH":
+      return "teal-12";
+    case "DELETE":
+      return "red";
+
+    default:
+      break;
+  }
+}
+
 onMounted(() => {
   systemName.value = route.query.system as string;
 });
@@ -299,7 +317,7 @@ onMounted(() => {
                 </div>
                 <div v-else-if="col.name === 'method'">
                   <q-badge
-                    text-color="blue"
+                    :text-color="classColorMethod(col.value)"
                     style="background-color: #f0ecec"
                     >{{ col.value ?? "-" }}</q-badge
                   >