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