File name
Commit message
Commit date
File name
Commit message
Commit date
File name
Commit message
Commit date
File name
Commit message
Commit date
File name
Commit message
Commit date
<template>
<div class="container">
<div class="page-titleZone flex justify-between align-center">
<p class="main-title flex80">연계정보 등록</p>
<PageNavigation />
</div>
<div class="content-box flex justify-between">
<div class="right-content flex100">
<div class="flex-column justify-between">
<div class="table-zone">
<table class="form-table">
<tbody>
<tr>
<th>제목</th>
<td colspan="3">
<input type="text" placeholder="데이터셋 제목을 입력하세요" class="full-input" />
</td>
</tr>
<tr>
<th>테이블 명(한글)</th>
<td colspan="3">
<input type="text" class="half-input" />
</td>
</tr>
<tr>
<th>테이블 명(영문)</th>
<td colspan="3">
<input type="text" class="half-input" />
<button class="green-border-btn small-btn">중복확인</button>
</td>
</tr>
<tr>
<th>공개여부</th>
<td colspan="3">
<div class="input-container flex">
<label class="radio-label">
<input type="radio" name="radio" class="custom-radiobox ">
<span>공개</span>
</label>
<label class="radio-label">
<input type="radio" name="radio" checked class="custom-radiobox ">
<span>비공개</span>
</label>
</div>
</td>
</tr>
<tr>
<th>목표 DB</th>
<td colspan="3">
<select name="db" id="db" class="square-select half-input">
<option value="all">전체</option>
</select>
</td>
</tr>
<tr>
<th>검색키워드</th>
<td colspan="3">
<select name="keyword" id="keyword" class="square-select half-input">
<option value="all">전체</option>
</select>
<button class="green-border-btn small-btn">추가</button>
</td>
</tr>
<tr>
<th>데이터 설명</th>
<td colspan="3">
<quill-editor style="height:170px;" ref="quillEditorA" :options="editorOption" ></quill-editor>
</td>
</tr>
<tr>
<th>출처</th>
<td colspan="3">
<select name="db" id="db" class="square-select half-input">
<option value="all">전체</option>
</select>
</td>
</tr>
<tr>
<th>수집데이터</th>
<td colspan="3">
<select name="db" id="db" class="square-select half-input">
<option value="all">전체</option>
</select>
<button class="green-border-btn small-btn">설정</button>
</td>
</tr>
<tr>
<th>첨부파일</th>
<td colspan="3">
<input type="file" id="fileUp" multiple>
</td>
</tr>
</tbody>
</table>
</div>
<div class="flex5">
<div class="flex justify-end">
<button class="darkg-btn small-btn">등록</button>
<button class="darkg-border-btn small-btn">목록</button>
</div>
</div>
</div>
<!-- <div class="flex-column justify-between">
</div> -->
</div>
</div>
</div>
</template>
<script>
//import { quillEditor } from "vue-quill-editor";
export default {
data() {
return {
//에디터 옵션
editorOption: {
placeholder: '내용 입력하세요.',
},
}
},
methods: {
},
watch: {
},
computed: {
},
components: {
},
}
</script>