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> |