feat(wip): 장수패널에 ag-grid

hwe/ts/PageNationGeneral.vue

@@ -1,7 +1,7 @@
 <template>
   <BContainer id="container" :toast="{ root: true }" class="pageNationGeneral bg0">
     <TopBackBar :title="title" />
-    <GeneralList :list="generalList" />
+    <GeneralList :list="generalList" :height="'fill'" />
     <BottomBar />
   </BContainer>
 </template>
@@ -23,7 +23,7 @@ import { merge2DArrToObjectArr } from "./util/merge2DArrToObjectArr";
 import type { GeneralListItem } from "./defs/API/Nation";
 import GeneralList from "./components/GeneralList.vue";
 
-const generalList = ref(new Map<number, GeneralListItem>());
+const generalList = ref<GeneralListItem[]>([]);
 
 const title = "세력 장수";
 
@@ -33,13 +33,13 @@ onMounted(async () => {
     //XXX: 로직상 똑같은데....
     if (permission == 0) {
       const rawGeneralList = merge2DArrToObjectArr(column, list);
-      generalList.value = new Map(rawGeneralList.map((v) => [v.no, { permission, ...v }]));
+      generalList.value = rawGeneralList.map((v) => {return { permission, ...v }});
     } else if (permission == 1) {
       const rawGeneralList = merge2DArrToObjectArr(column, list);
-      generalList.value = new Map(rawGeneralList.map((v) => [v.no, { permission, ...v }]));
+      generalList.value = rawGeneralList.map((v) => {return { permission, ...v }});
     } else if ([2, 3, 4].includes(permission)) {
       const rawGeneralList = merge2DArrToObjectArr(column, list);
-      generalList.value = new Map(rawGeneralList.map((v) => [v.no, { permission, ...v }]));
+      generalList.value = rawGeneralList.map((v) => {return { permission, ...v }});
     } else {
       throw `?? ${permission}`;
     }
@@ -50,3 +50,15 @@ onMounted(async () => {
   }
 });
 </script>
+
+<style lang="scss">
+html, body, #app {
+  height: 100%;
+}
+
+.pageNationGeneral{
+  display: grid;
+  grid-template-rows: auto 1fr auto;
+  height: 100%;
+}
+</style>