
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
2024-11-19
2024-11-19
<template>
<div class="title-box flex justify-between mb40">
<p class="title">문제 등록</p>
</div>
<div class="board-wrap">
<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 mb20">
<label for="" class="title2">답</label>
<input type="text" class="data-wrap">
</div>
<div>
<label for="" class="title2">오답 학생</label>
<div class="table-wrap mt20">
<table>
<thead>
<td>No.</td>
<td>이름</td>
<td>학년</td>
<td>반</td>
<td>오답</td>
</thead>
<tbody>
<tr @click="goToPage('noticeDetail')">
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
</tr>
</tbody>
</table>
<!-- <article class="table-pagination flex justify-center align-center mb20 mt30" style="gap: 10px;">
<button><img src="../../../resources/img/btn27_90t_normal.png" alt=""></button>
<button class="selected-btn">1</button>
<button>2</button>
<button>3</button>
<button><img src="../../../resources/img/btn28_90t_normal.png" alt=""></button>
</article> -->
</div>
</div>
</div>
<div class="flex justify-between mt50">
<button type="button" title="글쓰기" class="new-btn" @click="goToPage('C_QuestionList')">
목록
</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>