tab, component, popup 변경

pages/popup/addSamplePopup.vue

@@ -0,0 +1,38 @@
+<template>
+  <div>
+    <PopupWrapper width="1000px" height="600px" v-model:show="show">
+      <template #top>
+        <h2>의뢰 선택</h2>
+      </template>
+  
+      <template #middle>
+        <ToastGrid :ref="sampleListRef" :data="data" :columns="columns" :rowHeaders="rowHeader"/>
+      </template>
+  
+      <template #bottom>
+        <button>선택</button>
+      </template>
+    </PopupWrapper>
+  </div>
+</template>
+  
+<script setup lang="ts">
+
+const show = defineModel('show', {type: Boolean, default:false});
+
+
+const sampleListRef = ref();
+
+const data= [
+  {name : "TEXT", user : "TEXT", end : "TEXT" },
+  {name : "TEXT", user : "TEXT", end : "TEXT" }
+];
+
+const rowHeader = ['rowNum'];
+
+const columns = [
+  { header: '의뢰 이름', name: 'name', width: 300 },
+  { header: '의뢰자', name: 'user' },
+  { header: '마감일자', name: 'end' },
+]
+</script>