<!-- 작성자 : 정다정 작성일 : 2024.01.16 내용 : 진단대상 DB 관리 스키마 조회 및 테이블 수정 --> <template> <div> <div class="content-titleZone"> <p class="box-title">DBMS 스키마 정보</p> </div> <div class="table-zone"> <div class="flex justify-between align-center"> <div class="cunt-selectZone"> <select name="" id=""> <option value="">10개 보기</option> <option value="">20개 보기</option> </select> </div> </div> <table class="list-table" style="text-align: center"> <colgroup> <col width="5%" /> <col width="10%" /> <col width="20%" /> <col width="20%" /> <col width="40%" /> </colgroup> <thead> <tr> <th>No.</th> <th>수집 제외</th> <th>DB 접속 대상</th> <th>스키마명</th> <th>설명</th> </tr> </thead> <tbody> <tr> <td>1</td> <td><input type="checkbox" /></td> <td>DB 이름(DBMS_ID)</td> <td>스키마명(SCHEMA_NAME)</td> <td><input type="text" placeholder="설명(SCHEMA_EXPLANE)" /></td> </tr> <tr> <td>1</td> <td><input type="checkbox" /></td> <td>DB 이름(DBMS_ID)</td> <td>스키마명(SCHEMA_NAME)</td> <td><input type="text" placeholder="설명(SCHEMA_EXPLANE)" /></td> </tr> <tr> <td>1</td> <td><input type="checkbox" /></td> <td>DB 이름(DBMS_ID)</td> <td>스키마명(SCHEMA_NAME)</td> <td><input type="text" placeholder="설명(SCHEMA_EXPLANE)" /></td> </tr> </tbody> </table> <div class="flex justify-end"> <button class="red-border-btn small-btn">수집제외 여부, 설명 저장</button> </div> </div> <PaginationButton /> </div> </template> <script> import axios from 'axios'; import PaginationButton from '../../component/PaginationButton.vue'; export default { data() { schemaList: []; }, methods: { //스키마 정보 수집 getSchema() { const vm = this; axios({ url: '/selectSchemaList.json', method: 'post', headers: { 'Content-Type': 'application/json; charset=UTF-8', }, data: {}, }); }, }, components: { PaginationButton: PaginationButton, }, }; </script> <style></style>