1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
<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>
X