tab, toast grid 추가

composables/grids/resourceGrid.ts

@@ -0,0 +1,188 @@
+import type { OptColumn } from 'tui-grid/types/options';
+
+export const colDefs: OptColumn[] = [
+  {
+    name: 'seq',
+    header: 'seq',
+    width: 50,
+    align: 'center',
+    hidden: true,
+  },
+  {
+    name: 'parentCode',
+    header: '부모 코드',
+    width: 200,
+    editor: 'text',
+    align: 'center',
+    filter: { type: 'text' },
+  },
+  {
+    name: 'level',
+    header: '레벨',
+    width: 100,
+    editor: 'text',
+    align: 'center',
+    filter: { type: 'number' },
+  },
+  {
+    name: 'code',
+    header: '코드',
+    minWidth: 250,
+    editor: 'text',
+    align: 'center',
+  },
+  {
+    name: 'name',
+    header: '이름',
+    minWidth: 250,
+    editor: 'text',
+    align: 'center',
+  },
+  {
+    name: 'useFlag',
+    header: '사용 여부',
+    width: 150,
+    filter: { type: 'text' },
+    align: 'center',
+  },
+  {
+    name: 'menuFlag',
+    header: '메뉴 여부',
+    width: 150,
+    filter: { type: 'text' },
+    align: 'center',
+  },
+  {
+    name: 'apiFlag',
+    header: 'API 여부',
+    width: 150,
+    filter: { type: 'text' },
+    align: 'center',
+  },
+  {
+    name: 'authExceptionFlag',
+    header: '예외 허용 여부',
+    width: 150,
+    filter: { type: 'text' },
+    align: 'center',
+  },
+  {
+    name: 'sortOrder',
+    header: '표시 순서',
+    width: 200,
+    editor: 'text',
+    align: 'center',
+  },
+  {
+    name: 'uri',
+    header: 'uri',
+    width: 300,
+    editor: 'text',
+    align: 'center',
+  },
+  {
+    name: 'field1',
+    header: '필드1',
+    width: 200,
+    editor: 'text',
+    align: 'center',
+  },
+  {
+    name: 'field2',
+    header: '필드2',
+    width: 200,
+    editor: 'text',
+    align: 'center',
+  },
+  {
+    name: 'field3',
+    header: '필드3',
+    width: 200,
+    editor: 'text',
+    align: 'center',
+  },
+  {
+    name: 'field4',
+    header: '필드4',
+    width: 200,
+    editor: 'text',
+    align: 'center',
+  },
+  {
+    name: 'field5',
+    header: '필드5',
+    width: 200,
+    editor: 'text',
+    align: 'center',
+  },
+  {
+    name: 'userButton1',
+    header: '사용자 버튼1',
+    width: 200,
+    editor: 'text',
+    align: 'center',
+  },
+  {
+    name: 'userButton2',
+    header: '사용자 버튼2',
+    width: 200,
+    editor: 'text',
+    align: 'center',
+  },
+  {
+    name: 'userButton3',
+    header: '사용자 버튼3',
+    width: 200,
+    editor: 'text',
+    align: 'center',
+  },
+  {
+    name: 'userButton4',
+    header: '사용자 버튼4',
+    width: 200,
+    editor: 'text',
+    align: 'center',
+  },
+  {
+    name: 'userButton5',
+    header: '사용자 버튼5',
+    width: 200,
+    editor: 'text',
+    align: 'center',
+  },
+  {
+    name: 'userButton6',
+    header: '사용자 버튼6',
+    width: 200,
+    editor: 'text',
+    align: 'center',
+  },
+  {
+    name: 'userButton7',
+    header: '사용자 버튼7',
+    width: 200,
+    editor: 'text',
+    align: 'center',
+  },
+  {
+    name: 'userButton8',
+    header: '사용자 버튼8',
+    width: 200,
+    editor: 'text',
+    align: 'center',
+  },
+  {
+    name: 'userButton9',
+    header: '사용자 버튼9',
+    width: 200,
+    editor: 'text',
+    align: 'center',
+  },
+  {
+    name: 'userButton10',
+    header: '사용자 버튼10',
+    width: 200,
+    editor: 'text',
+    align: 'center',
+  },
+];