38 lines
902 B
Vue
38 lines
902 B
Vue
|
<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>
|