no message

src/modules/07_insignia/components/2_Manage/Tab1.vue

@@ -3,10 +3,14 @@ import { onMounted, ref, watch } from "vue";
 import { useCounterMixin } from "@/stores/mixin";
 import { useQuasar } from "quasar";
 import type { QTableProps } from "quasar";
+import { useInsigniaDataStore } from "@/modules/07_insignia/store";
+import http from "@/plugins/http";
+import config from "@/app.config";
 
 const mixin = useCounterMixin();
 const { dialogRemove, dialogConfirm } = mixin;
 const $q = useQuasar();
+const DataStore = useInsigniaDataStore();
 
 const modalNote = ref<boolean>(false);
 const organization = ref<number>(1);
@@ -187,6 +191,39 @@ const titleModal = ref<string>("");
 const actionModal = ref<string>("");
 const person = ref<any>([]);
 
+const props = defineProps({
+  tab: {
+    type: String,
+  },
+  roundId: {
+    type: String,
+  },
+});
+onMounted(async () => {
+  console.log(props);
+
+  organizationOptions.value = DataStore.optionsTypeOc;
+  console.log(organizationOptions.value);
+  await fecthInsignia();
+});
+
+const fecthInsignia = async () => {
+  for (const item of DataStore.optionsTypeOc) {
+    console.log(item.index);
+
+    // await http
+    //   .get(
+    //     config.API.insigniaList(props.roundId, item["id"], "officer", props.tab)
+    //   )
+    //   .then((res) => {
+    //     console.log(res);
+    //   })
+    //   .catch((err) => {
+    //     console.log(err);
+    //   });
+  }
+};
+
 const clickAction = (props: any, action: string) => {
   Note.value = "";
   person.value = props;