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="title-box flex justify-between mb40">
<p class="title">문제 상세 페이지</p>
</div>
<label for="" class="title1">문제 리스트</label>
<table class="mt20 mb100">
<colgroup>
<col style="width: 10%;">
<col style="width: 70%;">
<col style="width: 20%;">
</colgroup>
<thead>
<td>No.</td>
<td>문제</td>
<td>보기</td>
</thead>
<tbody>
<tr>
<td>1</td>
<td>1</td>
<td><button type="button" title="보기" class="new-btn">
보기
</button></td>
</tr>
</tbody>
</table>
<label for="" class="title1">상세 내용</label>
<div class="board-wrap mt20">
<div class="flex align-center mb20">
<label for="" class="title2">문제</label>
<input type="text" class="data-wrap">
</div>
<hr>
<div class="flex align-center">
<label for="" class="title2">내용</label>
<textarea name="" id="" class="data-wrap"></textarea>
</div>
<hr>
<div class="flex align-center mb20">
<label for="" class="title2">첨부파일</label>
<input type="file" ref="fileInput" @change="handleFileUpload" />
</div>
<div class="flex align-center">
<label for="" class="title2">답</label>
<input type="text" class="data-wrap">
</div>
</div>
<div class="flex justify-between mt50">
<button type="button" title="글쓰기" class="new-btn" @click="goToPage('ExamList')">
목록
</button>
<div class="flex">
<button type="button" title="글쓰기" class="new-btn mr10">
수정
</button>
<button type="button" title="글쓰기" class="new-btn">
삭제
</button>
</div>
</div>
</template>
<script>
import SvgIcon from '@jamescoyle/vue-icon';
import { mdiMagnify } from '@mdi/js';
export default {
data() {
return {
mdiMagnify: mdiMagnify,
}
},
methods: {
goToPage(page) {
this.$router.push({ name: page });
},
},
watch: {
},
computed: {
},
components: {
SvgIcon
},
mounted() {
console.log('Main2 mounted');
}
}
</script>