Commit @bf3678826453bf4dee23531b4fa258e7401d667a

[jichoi] 08-08

240808최정임

@bf3678826453bf4dee23531b4fa258e7401d667a

4e2ec9a

bf36788

client/resources/css/reset.css

--- client/resources/css/reset.css

+++ client/resources/css/reset.css


     
 }
 html,
-body{height: 100%;  background-color: #eaedf4;}
+body{ background-color: #eaedf4;}
 body{position:relative;text-align: left; overflow-x: hidden; width: 1920px;}
 ::-webkit-scrollbar {width: 10px; height: 10px;}
 ::-webkit-scrollbar-track {border-radius: 5px;background-color: #EAEDF4;}
 ::-webkit-scrollbar-thumb {	border-radius: 5px; background-color: #FFBA08;}
 #root, #app{
-    height: 100%; 
+    /* height: 100%;  */
    }
 input, select, span,p, label {
     font-size: 16px;
 }
 input::placeholder{color: #8C8E92;}
 input[type="text"]{ padding:10px 20px; width: 100%; }
-
+input#file-upload-button{padding: 10px ;} 
   
 button{
     border: none;

 border: 0;}
 thead{background-color: #eaedf4;}
 tbody tr{border-bottom: #eaedf4 1px solid; cursor: pointer;}
-td{padding: 10px ; text-align: center;} 
+td{padding: 10px ; text-align: center;} 
+
+/* .btn-upload {
+    width: 100px;
+    height: 40px;
+    background: #f0f0f0;
+    border: 1px solid rgb(77,77,77);
+    font-weight: 500;
+    cursor: pointer;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    &:hover {
+      background: rgb(77,77,77);
+      color: #fff;
+    }
+  }
+  
+  #file {
+    display: none;
+  } */

4e2ec9a

bf36788

client/resources/css/style.css

--- client/resources/css/style.css

+++ client/resources/css/style.css


   background-image: url('../img/img199_12p.png');
   width: 367px;
   height: 182px;
-  padding: 20px 60px 20px 50px;
+  padding: 20px 50px 20px 40px;
   color: #fff;
 }
 .mypage .textbook{font-family: 'ONEMobilePOPOTF';}

 .side_t{
   background-color: #fff;
   width: 360px;
-  height: 100%;
+  /* height: 100%; */
   padding: 25px 40px;
 }
 

     to { opacity:1; transform:translate3d(0, 0, 0); }
 }
 
-select{min-width: 128px; border-radius: 5px; padding: 10px 20px; font-size: 18px;}
+select{min-width: 128px; border-radius: 5px; padding: 10px 20px; font-size: 18px; }
 select option{font-size: 20px; font-weight: bold;}
 
 

     font-family: 'Pretendard-Bold';
 }
 .new-btn{
-  padding: 5px 20px;
+  padding: 10px 30px;
   font-size: 20px;
     font-family: 'Pretendard-Bold';
     border-radius: 5px;

4e2ec9a

bf36788

client/views/pages/AppRouter.js

--- client/views/pages/AppRouter.js

+++ client/views/pages/AppRouter.js


 import ClassDetail from "./teacher/ClassDetail.vue";
 import TextList from "./teacher/TextList.vue";
 import TextInsert from "./teacher/TextInsert.vue";
+import TextDetail from "./teacher/TextDetail.vue";
 import QuestionList from "./teacher/QuestionList.vue";
 import QuestionInsert from "./teacher/QuestionInsert.vue";
+import QuestionDetail from "./teacher/QuestionDetail.vue";
 import VocaList from "./teacher/VocaList.vue";
+import VocaInsert from "./teacher/VocaInsert.vue";
+import VocaDetail from "./teacher/VocaDetail.vue";
 import ExamList from "./teacher/ExamList.vue";
 import ExamDetail from "./teacher/ExamDetail.vue";
+import ExamInsert from "./teacher/ExamInsert.vue";
 import RoadMap from "./teacher/RoadMap.vue";
 
 const routes = [

             { path: '/C_TextBookDetail.page', name: 'C_TextBookDetail', component: C_TextBookDetail },
             { path: '/TextList.page', name: 'TextList', component: TextList },
             { path: '/TextInsert.page', name: 'TextInsert', component: TextInsert },
+            { path: '/TextDetail.page', name: 'TextDetail', component: TextDetail },
             { path: '/QuestionList.page', name: 'QuestionList', component: QuestionList },
             { path: '/QuestionInsert.page', name: 'QuestionInsert', component: QuestionInsert },
+            { path: '/QuestionDetail.page', name: 'QuestionDetail', component: QuestionDetail },
             { path: '/VocaList.page', name: 'VocaList', component: VocaList },
+            { path: '/VocaInsert.page', name: 'VocaInsert', component: VocaInsert },
+            { path: '/VocaDetail.page', name: 'VocaDetail', component: VocaDetail },
             { path: '/ExamList.page', name: 'ExamList', component: ExamList },
             { path: '/ExamDetail.page', name: 'ExamDetail', component: ExamDetail },
+            { path: '/ExamInsert.page', name: 'ExamInsert', component: ExamInsert },
             { path: '/C_TextList.page', name: 'C_TextList', component: C_TextList },
             { path: '/C_TextInsert.page', name: 'C_TextInsert', component: C_TextInsert },
             { path: '/C_QuestionList.page', name: 'C_QuestionList', component: C_QuestionList },

bf36788

client/views/pages/teacher/ExamInsert.vue (added)

+++ client/views/pages/teacher/ExamInsert.vue

...	...	@@ -0,0 +1,93 @@
	1	+<template>
	2	+ <div class="title-box flex justify-between mb40">
	3	+ <p class="title">문제 등록 페이지</p>
	4	+ </div>
	5	+ <!-- <label for="" class="title1">문제 리스트</label>
	6	+ <table class="mt20 mb100">
	7	+ <colgroup>
	8	+ <col style="width: 10%;">
	9	+ <col style="width: 70%;">
	10	+ <col style="width: 20%;">
	11	+ </colgroup>
	12	+ <thead>
	13	+ <td>No.</td>
	14	+ <td>문제</td>
	15	+ <td>보기</td>
	16	+ </thead>
	17	+ <tbody>
	18	+ <tr>
	19	+ <td>1</td>
	20	+ <td>1</td>
	21	+ <td><button type="button" title="수정" class="new-btn">
	22	+ 수정
	23	+ </button></td>
	24	+ </tr>
	25	+ </tbody>
	26	+ </table> -->
	27	+ <label for="" class="title1">상세 내용</label>
	28	+ <div class="board-wrap mt20">
	29	+ <div class="flex align-center mb20">
	30	+ <label for="" class="title2">문제</label>
	31	+ <input type="text" class="data-wrap">
	32	+ </div>
	33	+
	34	+ <hr>
	35	+ <div class="flex align-center">
	36	+ <label for="" class="title2">내용</label>
	37	+ <textarea name="" id="" class="data-wrap"></textarea>
	38	+ </div>
	39	+ <hr>
	40	+ <div class="flex align-center mb20">
	41	+ <label for="" class="title2">첨부파일</label>
	42	+ <input type="file" ref="fileInput" @change="handleFileUpload" />
	43	+ </div>
	44	+ <div class="flex align-center">
	45	+ <label for="" class="title2">답</label>
	46	+ <input type="text" class="data-wrap">
	47	+ </div>
	48	+ </div>
	49	+ <div class="flex justify-between mt50">
	50	+ <button type="button" title="글쓰기" class="new-btn" @click="goToPage('C_ExamList')">
	51	+ 목록
	52	+ </button>
	53	+ <div class="flex">
	54	+ <button type="button" title="글쓰기" class="new-btn mr10">
	55	+ 취소
	56	+ </button>
	57	+ <button type="button" title="글쓰기" class="new-btn">
	58	+ 등록
	59	+ </button>
	60	+ </div>
	61	+ </div>
	62	+</template>
	63	+
	64	+<script>
	65	+import SvgIcon from '@jamescoyle/vue-icon';
	66	+import { mdiMagnify } from '@mdi/js';
	67	+
	68	+
	69	+export default {
	70	+ data() {
	71	+ return {
	72	+ mdiMagnify: mdiMagnify,
	73	+ }
	74	+ },
	75	+ methods: {
	76	+ goToPage(page) {
	77	+ this.$router.push({ name: page });
	78	+ },
	79	+ },
	80	+ watch: {
	81	+
	82	+ },
	83	+ computed: {
	84	+
	85	+ },
	86	+ components: {
	87	+ SvgIcon
	88	+ },
	89	+ mounted() {
	90	+ console.log('Main2 mounted');
	91	+ }
	92	+}
	93	+</script>(파일 끝에 줄바꿈 문자 없음)

4e2ec9a

bf36788

client/views/pages/teacher/ExamList.vue

--- client/views/pages/teacher/ExamList.vue

+++ client/views/pages/teacher/ExamList.vue


                     <button><img src="../../../resources/img/btn28_90t_normal.png" alt=""></button>
                 </article>
                 <div class="flex justify-end ">
-                <button type="button" title="등록" class="new-btn" @click="goToPage('ExamDetail')">
+                <button type="button" title="등록" class="new-btn" @click="goToPage('ExamInsert')">
                     등록
                 </button>
         </div>

4e2ec9a

bf36788

client/views/pages/teacher/Main_t.vue

--- client/views/pages/teacher/Main_t.vue

+++ client/views/pages/teacher/Main_t.vue


 <template>
     <div class="flex justify-between" style="height: 100%;">
        <Side_t></Side_t>
-       <div style="padding: 15px 60px 90px 60px; ">
+       <div style="padding: 15px 60px 120px 0px ">
         <Header></Header>
           <div class="main-wrap">
               <router-view />

bf36788

client/views/pages/teacher/QuestionDetail.vue (added)

+++ client/views/pages/teacher/QuestionDetail.vue

...	...	@@ -0,0 +1,232 @@
	1	+<template>
	2	+ <div class="title-box flex justify-between mb40">
	3	+ <p class="title">문제 등록</p>
	4	+ </div>
	5	+ <div class="board-wrap">
	6	+ <div class="tab-box" >
	7	+ <label class="mr20 title1">
	8	+ <input type="radio" v-model="selectedTab" value="tab1" />
	9	+ 문제 유형 (일반형)
	10	+ </label>
	11	+ <label class="mr20 title1">
	12	+ <input type="radio" v-model="selectedTab" value="tab2" />
	13	+ 문제 유형 (O,X형)
	14	+ </label>
	15	+ <label class="mr20 title1">
	16	+ <input type="radio" v-model="selectedTab" value="tab3" />
	17	+ 문제 유형 (연결형)
	18	+ </label>
	19	+ <label class="mr20 title1">
	20	+ <input type="radio" v-model="selectedTab" value="tab4" />
	21	+ 문제 유형 (다중 정답형)
	22	+ </label>
	23	+ </div>
	24	+ <hr>
	25	+ <div class="gd-col2 " >
	26	+ <div class="flex align-center mb20">
	27	+ <label for="" class="title2">카테고리</label>
	28	+ <select v-model="selectedSearchOption" class="mr10 data-wrap">
	29	+ <option value="bbsTtl">제목</option>
	30	+ <option value="bbsCnt">내용</option>
	31	+ <option value="userNm">작성자</option>
	32	+ <option value="bbsCls">카테고리</option>
	33	+ </select>
	34	+ </div>
	35	+ <div class="flex align-center mb20">
	36	+ <label for="" class="title2">문제 유형</label>
	37	+ <select v-model="selectedSearchOption" class="mr10 data-wrap">
	38	+ <option value="bbsTtl">제목</option>
	39	+ <option value="bbsCnt">내용</option>
	40	+ <option value="userNm">작성자</option>
	41	+ <option value="bbsCls">카테고리</option>
	42	+ </select>
	43	+ </div>
	44	+ <div class="flex align-center">
	45	+ <label for="" class="title2">지문</label>
	46	+ <select v-model="selectedSearchOption" class="mr10 data-wrap">
	47	+ <option value="bbsTtl">제목</option>
	48	+ <option value="bbsCnt">내용</option>
	49	+ <option value="userNm">작성자</option>
	50	+ <option value="bbsCls">카테고리</option>
	51	+ </select>
	52	+ </div>
	53	+ <div class="flex align-center">
	54	+ <label for="" class="title2">문제 지표</label>
	55	+ <select v-model="selectedSearchOption" class="mr10 data-wrap">
	56	+ <option value="bbsTtl">제목</option>
	57	+ <option value="bbsCnt">내용</option>
	58	+ <option value="userNm">작성자</option>
	59	+ <option value="bbsCls">카테고리</option>
	60	+ </select>
	61	+ </div>
	62	+ </div>
	63	+ <div class="flex align-center mb20 mt40">
	64	+ <label for="" class="title2">문제 배점</label>
	65	+ <input type="text" class="data-wrap">
	66	+ </div>
	67	+
	68	+ <div class="flex align-center mb20">
	69	+ <label for="" class="title2">내용</label>
	70	+ <textarea name="" id="" class="data-wrap"></textarea>
	71	+ </div>
	72	+ <div class="flex align-center mb20">
	73	+ <label for="" class="title2">힌트</label>
	74	+ <input type="text" class="data-wrap">
	75	+ </div>
	76	+ <div class="flex align-center mb20">
	77	+ <label for="" class="title2">첨부파일</label>
	78	+ <input type="file" ref="fileInput" @change="handleFileUpload" />
	79	+ </div>
	80	+ <hr>
	81	+ <div v-if="selectedTab === 'tab1'">
	82	+ <div class="flex align-center mb20">
	83	+ <label for="" class="title2">답1</label>
	84	+ <input type="text" class="data-wrap">
	85	+ </div>
	86	+ <div class="flex align-center mb20">
	87	+ <label for="" class="title2">답2</label>
	88	+ <input type="text" class="data-wrap">
	89	+ </div>
	90	+ <div class="flex align-center mb20">
	91	+ <label for="" class="title2">답3</label>
	92	+ <input type="text" class="data-wrap">
	93	+ </div>
	94	+ <div class="flex align-center mb20">
	95	+ <label for="" class="title2">답4</label>
	96	+ <input type="text" class="data-wrap">
	97	+ </div>
	98	+ <div class="flex align-center mb20">
	99	+ <label for="" class="title2">해설</label>
	100	+ <textarea name="" id="" class="data-wrap"></textarea>
	101	+ </div>
	102	+ </div>
	103	+ <div v-else-if="selectedTab === 'tab2'">
	104	+ <div class="flex align-center mb20">
	105	+ <label for="" class="title2">답</label>
	106	+ <select v-model="selectedSearchOption" class="mr10 data-wrap">
	107	+ <option value="bbsTtl">O</option>
	108	+ <option value="bbsCnt">X</option>
	109	+ </select>
	110	+ </div>
	111	+ <div class="flex align-center mb20">
	112	+ <label for="" class="title2">해설</label>
	113	+ <textarea name="" id="" class="data-wrap"></textarea>
	114	+ </div>
	115	+ </div>
	116	+ <div v-else-if="selectedTab === 'tab3'">
	117	+ <div class="gd-col2 " >
	118	+ <div class="flex align-center mb20 mr40" >
	119	+ <label for="" class="title2">문제1</label>
	120	+ <input type="text" class="data-wrap">
	121	+ </div>
	122	+ <div class="flex align-center mb20">
	123	+ <label for="" class="title2">답1</label>
	124	+ <input type="text" class="data-wrap">
	125	+ </div>
	126	+ <div class="flex align-center mb20 mr40">
	127	+ <label for="" class="title2">문제2</label>
	128	+ <input type="text" class="data-wrap">
	129	+ </div>
	130	+ <div class="flex align-center mb20">
	131	+ <label for="" class="title2">답2</label>
	132	+ <input type="text" class="data-wrap">
	133	+ </div>
	134	+ <div class="flex align-center mb20 mr40">
	135	+ <label for="" class="title2">문제3</label>
	136	+ <input type="text" class="data-wrap">
	137	+ </div>
	138	+ <div class="flex align-center mb20 ">
	139	+ <label for="" class="title2">답3</label>
	140	+ <input type="text" class="data-wrap">
	141	+ </div>
	142	+ <div class="flex align-center mb20 mr40">
	143	+ <label for="" class="title2">문제4</label>
	144	+ <input type="text" class="data-wrap">
	145	+ </div>
	146	+ <div class="flex align-center mb20">
	147	+ <label for="" class="title2">답4</label>
	148	+ <input type="text" class="data-wrap">
	149	+ </div>
	150	+ </div>
	151	+ <div class="flex align-center mb20">
	152	+ <label for="" class="title2">해설</label>
	153	+ <textarea name="" id="" class="data-wrap"></textarea>
	154	+ </div>
	155	+ </div>
	156	+ <div v-else-if="selectedTab === 'tab4'">
	157	+ <div class="flex align-center mb20 mr40" >
	158	+ <label for="" class="title2">문제1</label>
	159	+ <input type="text" class="data-wrap">
	160	+ <input type="checkbox" class="ui-checkbox ml30">
	161	+ </div>
	162	+ <div class="flex align-center mb20 mr40">
	163	+ <label for="" class="title2">문제2</label>
	164	+ <input type="text" class="data-wrap">
	165	+ <input type="checkbox" class="ui-checkbox ml30">
	166	+ </div>
	167	+ <div class="flex align-center mb20 mr40">
	168	+ <label for="" class="title2">문제3</label>
	169	+ <input type="text" class="data-wrap">
	170	+ <input type="checkbox" class="ui-checkbox ml30">
	171	+ </div>
	172	+ <div class="flex align-center mb20 mr40">
	173	+ <label for="" class="title2">문제4</label>
	174	+ <input type="text" class="data-wrap">
	175	+ <input type="checkbox" class="ui-checkbox ml30">
	176	+ </div>
	177	+ <div class="flex align-center mb20">
	178	+ <label for="" class="title2">해설</label>
	179	+ <textarea name="" id="" class="data-wrap"></textarea>
	180	+ </div>
	181	+ </div>
	182	+
	183	+ </div>
	184	+ <div class="flex justify-between mt50">
	185	+ <button type="button" title="글쓰기" class="new-btn" @click="goToPage('QuestionList')">
	186	+ 목록
	187	+ </button>
	188	+ <div class="flex">
	189	+ <button type="button" title="글쓰기" class="new-btn mr10">
	190	+ 삭제
	191	+ </button>
	192	+ <button type="button" title="글쓰기" class="new-btn">
	193	+ 수정
	194	+ </button>
	195	+ </div>
	196	+ </div>
	197	+</template>
	198	+
	199	+<script>
	200	+import SvgIcon from '@jamescoyle/vue-icon';
	201	+import { mdiMagnify } from '@mdi/js';
	202	+
	203	+
	204	+export default {
	205	+ data() {
	206	+ return {
	207	+ mdiMagnify: mdiMagnify,
	208	+ selectedTab: 'tab1',
	209	+ }
	210	+ },
	211	+ methods: {
	212	+ goToPage(page) {
	213	+ this.$router.push({ name: page });
	214	+ },
	215	+ },
	216	+ watch: {
	217	+
	218	+ },
	219	+ computed: {
	220	+
	221	+ },
	222	+ components: {
	223	+ SvgIcon
	224	+ },
	225	+ mounted() {
	226	+ console.log('Main2 mounted');
	227	+ }
	228	+}
	229	+</script>
	230	+<style scoped>
	231	+.ui-checkbox{width: 30px; height: 30px;}
	232	+</style>(파일 끝에 줄바꿈 문자 없음)

4e2ec9a

bf36788

client/views/pages/teacher/QuestionInsert.vue

--- client/views/pages/teacher/QuestionInsert.vue

+++ client/views/pages/teacher/QuestionInsert.vue


         <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 class="tab-box" >
+            <label class="mr20 title1">
+               <input type="radio" v-model="selectedTab" value="tab1" />
+               문제 유형 (일반형)
+            </label>
+            <label class="mr20 title1">
+               <input type="radio" v-model="selectedTab" value="tab2" />
+               문제 유형 (O,X형)
+            </label>
+            <label class="mr20 title1">
+               <input type="radio" v-model="selectedTab" value="tab3" />
+               문제 유형 (연결형)
+            </label>
+            <label class="mr20 title1">
+               <input type="radio" v-model="selectedTab" value="tab4" />
+               문제 유형 (다중 정답형)
+            </label>
         </div>
         <hr>
-        <div class="flex align-center">
+       <div class="gd-col2 " >
+            <div class="flex align-center mb20">
+                <label for="" class="title2">카테고리</label>
+                <select v-model="selectedSearchOption" class="mr10 data-wrap">
+                    <option value="bbsTtl">제목</option>
+                    <option value="bbsCnt">내용</option>
+                    <option value="userNm">작성자</option>
+                    <option value="bbsCls">카테고리</option>
+                </select>
+            </div>
+            <div class="flex align-center mb20">
+                <label for="" class="title2">문제 유형</label>
+                <select v-model="selectedSearchOption" class="mr10 data-wrap">
+                    <option value="bbsTtl">제목</option>
+                    <option value="bbsCnt">내용</option>
+                    <option value="userNm">작성자</option>
+                    <option value="bbsCls">카테고리</option>
+                </select>
+            </div>
+            <div class="flex align-center">
+                <label for="" class="title2">지문</label>
+                <select v-model="selectedSearchOption" class="mr10 data-wrap">
+                    <option value="bbsTtl">제목</option>
+                    <option value="bbsCnt">내용</option>
+                    <option value="userNm">작성자</option>
+                    <option value="bbsCls">카테고리</option>
+                </select>
+            </div>
+            <div class="flex align-center">
+                <label for="" class="title2">문제 지표</label>
+                <select v-model="selectedSearchOption" class="mr10 data-wrap">
+                    <option value="bbsTtl">제목</option>
+                    <option value="bbsCnt">내용</option>
+                    <option value="userNm">작성자</option>
+                    <option value="bbsCls">카테고리</option>
+                </select>
+            </div>
+       </div>
+        <div class="flex align-center mb20 mt40">
+            <label for="" class="title2">문제 배점</label>
+            <input type="text" class="data-wrap">
+        </div>
+
+        <div class="flex align-center mb20">
             <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="text" class="data-wrap">
+        </div>
         <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> -->
+        <hr>
+        <div v-if="selectedTab === 'tab1'">
+            <div class="flex align-center mb20">
+                <label for="" class="title2">답1</label>
+                <input type="text" class="data-wrap">
+            </div>
+            <div class="flex align-center mb20">
+                <label for="" class="title2">답2</label>
+                <input type="text" class="data-wrap">
+            </div>
+            <div class="flex align-center mb20">
+                <label for="" class="title2">답3</label>
+                <input type="text" class="data-wrap">
+            </div>
+            <div class="flex align-center mb20">
+                <label for="" class="title2">답4</label>
+                <input type="text" class="data-wrap">
+            </div>
+            <div class="flex align-center mb20">
+                <label for="" class="title2">해설</label>
+                <textarea name="" id="" class="data-wrap"></textarea>
             </div>
         </div>
+       <div v-else-if="selectedTab === 'tab2'">
+            <div class="flex align-center mb20">
+                <label for="" class="title2">답</label>
+                    <select v-model="selectedSearchOption" class="mr10 data-wrap">
+                            <option value="bbsTtl">O</option>
+                            <option value="bbsCnt">X</option>
+                        </select>
+            </div>
+            <div class="flex align-center mb20">
+                <label for="" class="title2">해설</label>
+                <textarea name="" id="" class="data-wrap"></textarea>
+            </div>
+       </div>
+       <div v-else-if="selectedTab === 'tab3'">
+            <div class="gd-col2 " >
+                <div class="flex align-center mb20 mr40" >
+                    <label for="" class="title2">문제1</label>
+                    <input type="text" class="data-wrap">
+                </div>
+                <div class="flex align-center mb20">
+                    <label for="" class="title2">답1</label>
+                    <input type="text" class="data-wrap">
+                </div>
+                <div class="flex align-center mb20 mr40">
+                    <label for="" class="title2">문제2</label>
+                    <input type="text" class="data-wrap">
+                </div>
+                <div class="flex align-center mb20">
+                    <label for="" class="title2">답2</label>
+                    <input type="text" class="data-wrap">
+                </div>
+                <div class="flex align-center mb20 mr40">
+                    <label for="" class="title2">문제3</label>
+                    <input type="text" class="data-wrap">
+                </div>
+                <div class="flex align-center mb20 ">
+                    <label for="" class="title2">답3</label>
+                    <input type="text" class="data-wrap">
+                </div>
+                <div class="flex align-center mb20 mr40">
+                    <label for="" class="title2">문제4</label>
+                    <input type="text" class="data-wrap">
+                </div>
+                <div class="flex align-center mb20">
+                    <label for="" class="title2">답4</label>
+                    <input type="text" class="data-wrap">
+                </div>
+            </div>
+            <div class="flex align-center mb20">
+                <label for="" class="title2">해설</label>
+                <textarea name="" id="" class="data-wrap"></textarea>
+            </div>
+       </div>
+       <div v-else-if="selectedTab === 'tab4'">
+                <div class="flex align-center mb20 mr40" >
+                    <label for="" class="title2">문제1</label>
+                    <input type="text" class="data-wrap">
+                    <input type="checkbox" class="ui-checkbox ml30">
+                </div>
+                <div class="flex align-center mb20 mr40">
+                    <label for="" class="title2">문제2</label>
+                    <input type="text" class="data-wrap">
+                    <input type="checkbox" class="ui-checkbox ml30">
+                </div>
+                <div class="flex align-center mb20 mr40">
+                    <label for="" class="title2">문제3</label>
+                    <input type="text" class="data-wrap">
+                    <input type="checkbox" class="ui-checkbox ml30">
+                </div>
+                <div class="flex align-center mb20 mr40">
+                    <label for="" class="title2">문제4</label>
+                    <input type="text" class="data-wrap">
+                    <input type="checkbox" class="ui-checkbox ml30">
+                </div>
+            <div class="flex align-center mb20">
+                <label for="" class="title2">해설</label>
+                <textarea name="" id="" class="data-wrap"></textarea>
+            </div>
+       </div>
+       
     </div>
     <div class="flex justify-between mt50">
         <button type="button" title="글쓰기" class="new-btn" @click="goToPage('QuestionList')">

         </button>
         <div class="flex">
             <button type="button" title="글쓰기" class="new-btn mr10">
-                수정
+                취소
             </button>
             <button type="button" title="글쓰기" class="new-btn">
-                삭제
+                등록
             </button>
         </div>
     </div>

     data() {
         return {
             mdiMagnify: mdiMagnify,
+            selectedTab: 'tab1',
         }
     },
     methods: {

         console.log('Main2 mounted');
     }
 }
-</script>
+</script>
+<style scoped>
+.ui-checkbox{width: 30px; height: 30px;}
+</style>

4e2ec9a

bf36788

client/views/pages/teacher/QuestionList.vue

--- client/views/pages/teacher/QuestionList.vue

+++ client/views/pages/teacher/QuestionList.vue

...	...	@@ -19,13 +19,13 @@
19	19	<thead>
20	20	<td>No.</td>
21	21	<td>제목</td>
22		- <td>문제</td>
23		- <td>작성자</td>
24		- <td>오답률</td>
	22	+ <td>내용</td>
	23	+ <td>유형</td>
	24	+ <td>지문</td>
25	25	<td>등록일</td>
26	26	</thead>
27	27	<tbody>
28		- <tr @click="goToPage('QuestionInsert')">
	28	+ <tr @click="goToPage('QuestionDetail')">
29	29	<td></td>
30	30	<td></td>
31	31	<td></td>

bf36788

client/views/pages/teacher/TextDetail.vue (added)

+++ client/views/pages/teacher/TextDetail.vue

...	...	@@ -0,0 +1,64 @@
	1	+<template>
	2	+ <div class="title-box flex justify-between mb40">
	3	+ <p class="title">지문 등록</p>
	4	+ </div>
	5	+ <div class="board-wrap">
	6	+ <div class="flex align-center mb20">
	7	+ <label for="" class="title2">제목</label>
	8	+ <input type="text" class="data-wrap">
	9	+ </div>
	10	+ <div class="flex align-center">
	11	+ <label for="" class="title2">URL</label>
	12	+ <input type="text" class="data-wrap">
	13	+ </div>
	14	+ <hr>
	15	+ <div class="flex align-center">
	16	+ <label for="" class="title2">스크립트</label>
	17	+ <textarea name="" id="" class="data-wrap"></textarea>
	18	+ </div>
	19	+ </div>
	20	+ <div class="flex justify-between mt50">
	21	+ <button type="button" title="글쓰기" class="new-btn" @click="goToPage('TextList')">
	22	+ 목록
	23	+ </button>
	24	+ <div class="flex">
	25	+ <button type="button" title="글쓰기" class="new-btn mr10" >
	26	+ 수정
	27	+ </button>
	28	+ <button type="button" title="글쓰기" class="new-btn" >
	29	+ 삭제
	30	+ </button>
	31	+ </div>
	32	+ </div>
	33	+</template>
	34	+
	35	+<script>
	36	+import SvgIcon from '@jamescoyle/vue-icon';
	37	+import { mdiMagnify} from '@mdi/js';
	38	+
	39	+
	40	+export default {
	41	+ data () {
	42	+ return {
	43	+ mdiMagnify: mdiMagnify,
	44	+ }
	45	+ },
	46	+ methods: {
	47	+ goToPage(page) {
	48	+ this.$router.push({ name: page });
	49	+ },
	50	+ },
	51	+ watch: {
	52	+
	53	+ },
	54	+ computed: {
	55	+
	56	+ },
	57	+ components:{
	58	+ SvgIcon
	59	+ },
	60	+ mounted() {
	61	+ console.log('Main2 mounted');
	62	+ }
	63	+}
	64	+</script>(파일 끝에 줄바꿈 문자 없음)

4e2ec9a

bf36788

client/views/pages/teacher/TextInsert.vue

--- client/views/pages/teacher/TextInsert.vue

+++ client/views/pages/teacher/TextInsert.vue


                 </button>
                <div class="flex">
                     <button type="button" title="글쓰기" class="new-btn mr10"  >
-                        수정
+                        취소
                     </button>
                     <button type="button" title="글쓰기" class="new-btn"  >
-                        삭제
+                        등록
                     </button>
                </div>
         </div>

4e2ec9a

bf36788

client/views/pages/teacher/TextList.vue

--- client/views/pages/teacher/TextList.vue

+++ client/views/pages/teacher/TextList.vue

...	...	@@ -24,7 +24,7 @@
24	24	<td>등록일</td>
25	25	</thead>
26	26	<tbody>
27		- <tr @click="goToPage('TextInsert')">
	27	+ <tr @click="goToPage('TextDetail')">
28	28	<td></td>
29	29	<td></td>
30	30	<td></td>

bf36788

client/views/pages/teacher/VocaDetail.vue (added)

+++ client/views/pages/teacher/VocaDetail.vue

...	...	@@ -0,0 +1,64 @@
	1	+<template>
	2	+ <div class="title-box flex justify-between mb40">
	3	+ <p class="title">지문 등록</p>
	4	+ </div>
	5	+ <div class="board-wrap">
	6	+ <div class="flex align-center mb20">
	7	+ <label for="" class="title2">제목</label>
	8	+ <input type="text" class="data-wrap">
	9	+ </div>
	10	+ <div class="flex align-center">
	11	+ <label for="" class="title2">URL</label>
	12	+ <input type="text" class="data-wrap">
	13	+ </div>
	14	+ <hr>
	15	+ <div class="flex align-center">
	16	+ <label for="" class="title2">스크립트</label>
	17	+ <textarea name="" id="" class="data-wrap"></textarea>
	18	+ </div>
	19	+ </div>
	20	+ <div class="flex justify-between mt50">
	21	+ <button type="button" title="글쓰기" class="new-btn" @click="goToPage('TextList')">
	22	+ 목록
	23	+ </button>
	24	+ <div class="flex">
	25	+ <button type="button" title="글쓰기" class="new-btn mr10" >
	26	+ 취소
	27	+ </button>
	28	+ <button type="button" title="글쓰기" class="new-btn" >
	29	+ 등록
	30	+ </button>
	31	+ </div>
	32	+ </div>
	33	+</template>
	34	+
	35	+<script>
	36	+import SvgIcon from '@jamescoyle/vue-icon';
	37	+import { mdiMagnify} from '@mdi/js';
	38	+
	39	+
	40	+export default {
	41	+ data () {
	42	+ return {
	43	+ mdiMagnify: mdiMagnify,
	44	+ }
	45	+ },
	46	+ methods: {
	47	+ goToPage(page) {
	48	+ this.$router.push({ name: page });
	49	+ },
	50	+ },
	51	+ watch: {
	52	+
	53	+ },
	54	+ computed: {
	55	+
	56	+ },
	57	+ components:{
	58	+ SvgIcon
	59	+ },
	60	+ mounted() {
	61	+ console.log('Main2 mounted');
	62	+ }
	63	+}
	64	+</script>(파일 끝에 줄바꿈 문자 없음)

bf36788

client/views/pages/teacher/VocaInsert.vue (added)

+++ client/views/pages/teacher/VocaInsert.vue

...	...	@@ -0,0 +1,64 @@
	1	+<template>
	2	+ <div class="title-box flex justify-between mb40">
	3	+ <p class="title">지문 등록</p>
	4	+ </div>
	5	+ <div class="board-wrap">
	6	+ <div class="flex align-center mb20">
	7	+ <label for="" class="title2">제목</label>
	8	+ <input type="text" class="data-wrap">
	9	+ </div>
	10	+ <div class="flex align-center">
	11	+ <label for="" class="title2">URL</label>
	12	+ <input type="text" class="data-wrap">
	13	+ </div>
	14	+ <hr>
	15	+ <div class="flex align-center">
	16	+ <label for="" class="title2">스크립트</label>
	17	+ <textarea name="" id="" class="data-wrap"></textarea>
	18	+ </div>
	19	+ </div>
	20	+ <div class="flex justify-between mt50">
	21	+ <button type="button" title="글쓰기" class="new-btn" @click="goToPage('TextList')">
	22	+ 목록
	23	+ </button>
	24	+ <div class="flex">
	25	+ <button type="button" title="글쓰기" class="new-btn mr10" >
	26	+ 취소
	27	+ </button>
	28	+ <button type="button" title="글쓰기" class="new-btn" >
	29	+ 등록
	30	+ </button>
	31	+ </div>
	32	+ </div>
	33	+</template>
	34	+
	35	+<script>
	36	+import SvgIcon from '@jamescoyle/vue-icon';
	37	+import { mdiMagnify} from '@mdi/js';
	38	+
	39	+
	40	+export default {
	41	+ data () {
	42	+ return {
	43	+ mdiMagnify: mdiMagnify,
	44	+ }
	45	+ },
	46	+ methods: {
	47	+ goToPage(page) {
	48	+ this.$router.push({ name: page });
	49	+ },
	50	+ },
	51	+ watch: {
	52	+
	53	+ },
	54	+ computed: {
	55	+
	56	+ },
	57	+ components:{
	58	+ SvgIcon
	59	+ },
	60	+ mounted() {
	61	+ console.log('Main2 mounted');
	62	+ }
	63	+}
	64	+</script>(파일 끝에 줄바꿈 문자 없음)

4e2ec9a

bf36788

client/views/pages/teacher/VocaList.vue

--- client/views/pages/teacher/VocaList.vue

+++ client/views/pages/teacher/VocaList.vue


                 <td>등록일</td>
             </thead>
             <tbody>
-                <tr v-for="(wordBook, index) in dataList" :key="wordBook.wdBookId" @click="goToViewPage('noticeDetail')">
+                <tr v-for="(wordBook, index) in dataList" :key="wordBook.wdBookId" @click="goToViewPage('VocaDetail')">
                     <td>{{ createNo(index) }}</td>
                     <td>{{ wordBook.textTtl }}</td>
                     <td>{{ wordBook.wordsPreview }}</td>

             </button>
         </article>
         <div class="flex justify-end ">
-            <button type="button" title="등록" class="new-btn" @click="goToPage('noticeInsert')">
+            <button type="button" title="등록" class="new-btn" @click="goToPage('VocaInsert')">
                 등록
             </button>
         </div>

Add a comment

Open 0
Closed 0

List

...	...	@@ -277,7 +277,7 @@
277	277	background-image: url('../img/img199_12p.png');
278	278	width: 367px;
279	279	height: 182px;
280		- padding: 20px 60px 20px 50px;
	280	+ padding: 20px 50px 20px 40px;
281	281	color: #fff;
282	282	}
283	283	.mypage .textbook{font-family: 'ONEMobilePOPOTF';}
...	...	@@ -830,7 +830,7 @@
830	830	.side_t{
831	831	background-color: #fff;
832	832	width: 360px;
833		- height: 100%;
	833	+ /* height: 100%; */
834	834	padding: 25px 40px;
835	835	}
836	836
...	...	@@ -849,7 +849,7 @@
849	849	to { opacity:1; transform:translate3d(0, 0, 0); }
850	850	}
851	851
852		-select{min-width: 128px; border-radius: 5px; padding: 10px 20px; font-size: 18px;}
	852	+select{min-width: 128px; border-radius: 5px; padding: 10px 20px; font-size: 18px; }
853	853	select option{font-size: 20px; font-weight: bold;}
854	854
855	855
...	...	@@ -917,7 +917,7 @@
917	917	font-family: 'Pretendard-Bold';
918	918	}
919	919	.new-btn{
920		- padding: 5px 20px;
	920	+ padding: 10px 30px;
921	921	font-size: 20px;
922	922	font-family: 'Pretendard-Bold';
923	923	border-radius: 5px;

...	...	@@ -80,20 +80,20 @@
80	80
81	81	}
82	82	html,
83		-body{height: 100%; background-color: #eaedf4;}
	83	+body{ background-color: #eaedf4;}
84	84	body{position:relative;text-align: left; overflow-x: hidden; width: 1920px;}
85	85	::-webkit-scrollbar {width: 10px; height: 10px;}
86	86	::-webkit-scrollbar-track {border-radius: 5px;background-color: #EAEDF4;}
87	87	::-webkit-scrollbar-thumb { border-radius: 5px; background-color: #FFBA08;}
88	88	#root, #app{
89		- height: 100%;
	89	+ /* height: 100%; */
90	90	}
91	91	input, select, span,p, label {
92	92	font-size: 16px;
93	93	}
94	94	input::placeholder{color: #8C8E92;}
95	95	input[type="text"]{ padding:10px 20px; width: 100%; }
96		-
	96	+input#file-upload-button{padding: 10px ;}
97	97
98	98	button{
99	99	border: none;
...	...	@@ -112,4 +112,24 @@
112	112	border: 0;}
113	113	thead{background-color: #eaedf4;}
114	114	tbody tr{border-bottom: #eaedf4 1px solid; cursor: pointer;}
115		-td{padding: 10px ; text-align: center;} (파일 끝에 줄바꿈 문자 없음)
	115	+td{padding: 10px ; text-align: center;}
	116	+
	117	+/* .btn-upload {
	118	+ width: 100px;
	119	+ height: 40px;
	120	+ background: #f0f0f0;
	121	+ border: 1px solid rgb(77,77,77);
	122	+ font-weight: 500;
	123	+ cursor: pointer;
	124	+ display: flex;
	125	+ align-items: center;
	126	+ justify-content: center;
	127	+ &:hover {
	128	+ background: rgb(77,77,77);
	129	+ color: #fff;
	130	+ }
	131	+ }
	132	+
	133	+ #file {
	134	+ display: none;
	135	+ } */ (파일 끝에 줄바꿈 문자 없음)

...	...	@@ -81,11 +81,16 @@
81	81	import ClassDetail from "./teacher/ClassDetail.vue";
82	82	import TextList from "./teacher/TextList.vue";
83	83	import TextInsert from "./teacher/TextInsert.vue";
	84	+import TextDetail from "./teacher/TextDetail.vue";
84	85	import QuestionList from "./teacher/QuestionList.vue";
85	86	import QuestionInsert from "./teacher/QuestionInsert.vue";
	87	+import QuestionDetail from "./teacher/QuestionDetail.vue";
86	88	import VocaList from "./teacher/VocaList.vue";
	89	+import VocaInsert from "./teacher/VocaInsert.vue";
	90	+import VocaDetail from "./teacher/VocaDetail.vue";
87	91	import ExamList from "./teacher/ExamList.vue";
88	92	import ExamDetail from "./teacher/ExamDetail.vue";
	93	+import ExamInsert from "./teacher/ExamInsert.vue";
89	94	import RoadMap from "./teacher/RoadMap.vue";
90	95
91	96	const routes = [
...	...	@@ -184,11 +189,16 @@
184	189	{ path: '/C_TextBookDetail.page', name: 'C_TextBookDetail', component: C_TextBookDetail },
185	190	{ path: '/TextList.page', name: 'TextList', component: TextList },
186	191	{ path: '/TextInsert.page', name: 'TextInsert', component: TextInsert },
	192	+ { path: '/TextDetail.page', name: 'TextDetail', component: TextDetail },
187	193	{ path: '/QuestionList.page', name: 'QuestionList', component: QuestionList },
188	194	{ path: '/QuestionInsert.page', name: 'QuestionInsert', component: QuestionInsert },
	195	+ { path: '/QuestionDetail.page', name: 'QuestionDetail', component: QuestionDetail },
189	196	{ path: '/VocaList.page', name: 'VocaList', component: VocaList },
	197	+ { path: '/VocaInsert.page', name: 'VocaInsert', component: VocaInsert },
	198	+ { path: '/VocaDetail.page', name: 'VocaDetail', component: VocaDetail },
190	199	{ path: '/ExamList.page', name: 'ExamList', component: ExamList },
191	200	{ path: '/ExamDetail.page', name: 'ExamDetail', component: ExamDetail },
	201	+ { path: '/ExamInsert.page', name: 'ExamInsert', component: ExamInsert },
192	202	{ path: '/C_TextList.page', name: 'C_TextList', component: C_TextList },
193	203	{ path: '/C_TextInsert.page', name: 'C_TextInsert', component: C_TextInsert },
194	204	{ path: '/C_QuestionList.page', name: 'C_QuestionList', component: C_QuestionList },

...	...	@@ -78,7 +78,7 @@
78	78	<button><img src="../../../resources/img/btn28_90t_normal.png" alt=""></button>
79	79	</article>
80	80	<div class="flex justify-end ">
81		- <button type="button" title="등록" class="new-btn" @click="goToPage('ExamDetail')">
	81	+ <button type="button" title="등록" class="new-btn" @click="goToPage('ExamInsert')">
82	82	등록
83	83	</button>
84	84	</div>

...	...	@@ -1,7 +1,7 @@
1	1	<template>
2	2	<div class="flex justify-between" style="height: 100%;">
3	3	<Side_t></Side_t>
4		- <div style="padding: 15px 60px 90px 60px; ">
	4	+ <div style="padding: 15px 60px 120px 0px ">
5	5	<Header></Header>
6	6	<div class="main-wrap">
7	7	<router-view />

...	...	@@ -3,54 +3,183 @@
3	3	<p class="title">문제 등록</p>
4	4	</div>
5	5	<div class="board-wrap">
6		- <div class="flex align-center mb20">
7		- <label for="" class="title2">제목</label>
8		- <input type="text" class="data-wrap">
	6	+ <div class="tab-box" >
	7	+ <label class="mr20 title1">
	8	+ <input type="radio" v-model="selectedTab" value="tab1" />
	9	+ 문제 유형 (일반형)
	10	+ </label>
	11	+ <label class="mr20 title1">
	12	+ <input type="radio" v-model="selectedTab" value="tab2" />
	13	+ 문제 유형 (O,X형)
	14	+ </label>
	15	+ <label class="mr20 title1">
	16	+ <input type="radio" v-model="selectedTab" value="tab3" />
	17	+ 문제 유형 (연결형)
	18	+ </label>
	19	+ <label class="mr20 title1">
	20	+ <input type="radio" v-model="selectedTab" value="tab4" />
	21	+ 문제 유형 (다중 정답형)
	22	+ </label>
9	23	</div>
10	24	<hr>
11		- <div class="flex align-center">
	25	+ <div class="gd-col2 " >
	26	+ <div class="flex align-center mb20">
	27	+ <label for="" class="title2">카테고리</label>
	28	+ <select v-model="selectedSearchOption" class="mr10 data-wrap">
	29	+ <option value="bbsTtl">제목</option>
	30	+ <option value="bbsCnt">내용</option>
	31	+ <option value="userNm">작성자</option>
	32	+ <option value="bbsCls">카테고리</option>
	33	+ </select>
	34	+ </div>
	35	+ <div class="flex align-center mb20">
	36	+ <label for="" class="title2">문제 유형</label>
	37	+ <select v-model="selectedSearchOption" class="mr10 data-wrap">
	38	+ <option value="bbsTtl">제목</option>
	39	+ <option value="bbsCnt">내용</option>
	40	+ <option value="userNm">작성자</option>
	41	+ <option value="bbsCls">카테고리</option>
	42	+ </select>
	43	+ </div>
	44	+ <div class="flex align-center">
	45	+ <label for="" class="title2">지문</label>
	46	+ <select v-model="selectedSearchOption" class="mr10 data-wrap">
	47	+ <option value="bbsTtl">제목</option>
	48	+ <option value="bbsCnt">내용</option>
	49	+ <option value="userNm">작성자</option>
	50	+ <option value="bbsCls">카테고리</option>
	51	+ </select>
	52	+ </div>
	53	+ <div class="flex align-center">
	54	+ <label for="" class="title2">문제 지표</label>
	55	+ <select v-model="selectedSearchOption" class="mr10 data-wrap">
	56	+ <option value="bbsTtl">제목</option>
	57	+ <option value="bbsCnt">내용</option>
	58	+ <option value="userNm">작성자</option>
	59	+ <option value="bbsCls">카테고리</option>
	60	+ </select>
	61	+ </div>
	62	+ </div>
	63	+ <div class="flex align-center mb20 mt40">
	64	+ <label for="" class="title2">문제 배점</label>
	65	+ <input type="text" class="data-wrap">
	66	+ </div>
	67	+
	68	+ <div class="flex align-center mb20">
12	69	<label for="" class="title2">내용</label>
13	70	<textarea name="" id="" class="data-wrap"></textarea>
14	71	</div>
15		- <hr>
	72	+ <div class="flex align-center mb20">
	73	+ <label for="" class="title2">힌트</label>
	74	+ <input type="text" class="data-wrap">
	75	+ </div>
16	76	<div class="flex align-center mb20">
17	77	<label for="" class="title2">첨부파일</label>
18	78	<input type="file" ref="fileInput" @change="handleFileUpload" />
19	79	</div>
20		- <div class="flex align-center mb20">
21		- <label for="" class="title2">답</label>
22		- <input type="text" class="data-wrap">
23		- </div>
24		- <div>
25		- <label for="" class="title2">오답 학생</label>
26		- <div class="table-wrap mt20">
27		- <table>
28		- <thead>
29		- <td>No.</td>
30		- <td>이름</td>
31		- <td>학년</td>
32		- <td>반</td>
33		- <td>오답</td>
34		- </thead>
35		- <tbody>
36		- <tr @click="goToPage('noticeDetail')">
37		- <td></td>
38		- <td></td>
39		- <td></td>
40		- <td></td>
41		- <td></td>
42		- </tr>
43		- </tbody>
44		- </table>
45		- <!-- <article class="table-pagination flex justify-center align-center mb20 mt30" style="gap: 10px;">
46		- <button><img src="../../../resources/img/btn27_90t_normal.png" alt=""></button>
47		- <button class="selected-btn">1</button>
48		- <button>2</button>
49		- <button>3</button>
50		- <button><img src="../../../resources/img/btn28_90t_normal.png" alt=""></button>
51		- </article> -->
	80	+ <hr>
	81	+ <div v-if="selectedTab === 'tab1'">
	82	+ <div class="flex align-center mb20">
	83	+ <label for="" class="title2">답1</label>
	84	+ <input type="text" class="data-wrap">
	85	+ </div>
	86	+ <div class="flex align-center mb20">
	87	+ <label for="" class="title2">답2</label>
	88	+ <input type="text" class="data-wrap">
	89	+ </div>
	90	+ <div class="flex align-center mb20">
	91	+ <label for="" class="title2">답3</label>
	92	+ <input type="text" class="data-wrap">
	93	+ </div>
	94	+ <div class="flex align-center mb20">
	95	+ <label for="" class="title2">답4</label>
	96	+ <input type="text" class="data-wrap">
	97	+ </div>
	98	+ <div class="flex align-center mb20">
	99	+ <label for="" class="title2">해설</label>
	100	+ <textarea name="" id="" class="data-wrap"></textarea>
52	101	</div>
53	102	</div>
	103	+ <div v-else-if="selectedTab === 'tab2'">
	104	+ <div class="flex align-center mb20">
	105	+ <label for="" class="title2">답</label>
	106	+ <select v-model="selectedSearchOption" class="mr10 data-wrap">
	107	+ <option value="bbsTtl">O</option>
	108	+ <option value="bbsCnt">X</option>
	109	+ </select>
	110	+ </div>
	111	+ <div class="flex align-center mb20">
	112	+ <label for="" class="title2">해설</label>
	113	+ <textarea name="" id="" class="data-wrap"></textarea>
	114	+ </div>
	115	+ </div>
	116	+ <div v-else-if="selectedTab === 'tab3'">
	117	+ <div class="gd-col2 " >
	118	+ <div class="flex align-center mb20 mr40" >
	119	+ <label for="" class="title2">문제1</label>
	120	+ <input type="text" class="data-wrap">
	121	+ </div>
	122	+ <div class="flex align-center mb20">
	123	+ <label for="" class="title2">답1</label>
	124	+ <input type="text" class="data-wrap">
	125	+ </div>
	126	+ <div class="flex align-center mb20 mr40">
	127	+ <label for="" class="title2">문제2</label>
	128	+ <input type="text" class="data-wrap">
	129	+ </div>
	130	+ <div class="flex align-center mb20">
	131	+ <label for="" class="title2">답2</label>
	132	+ <input type="text" class="data-wrap">
	133	+ </div>
	134	+ <div class="flex align-center mb20 mr40">
	135	+ <label for="" class="title2">문제3</label>
	136	+ <input type="text" class="data-wrap">
	137	+ </div>
	138	+ <div class="flex align-center mb20 ">
	139	+ <label for="" class="title2">답3</label>
	140	+ <input type="text" class="data-wrap">
	141	+ </div>
	142	+ <div class="flex align-center mb20 mr40">
	143	+ <label for="" class="title2">문제4</label>
	144	+ <input type="text" class="data-wrap">
	145	+ </div>
	146	+ <div class="flex align-center mb20">
	147	+ <label for="" class="title2">답4</label>
	148	+ <input type="text" class="data-wrap">
	149	+ </div>
	150	+ </div>
	151	+ <div class="flex align-center mb20">
	152	+ <label for="" class="title2">해설</label>
	153	+ <textarea name="" id="" class="data-wrap"></textarea>
	154	+ </div>
	155	+ </div>
	156	+ <div v-else-if="selectedTab === 'tab4'">
	157	+ <div class="flex align-center mb20 mr40" >
	158	+ <label for="" class="title2">문제1</label>
	159	+ <input type="text" class="data-wrap">
	160	+ <input type="checkbox" class="ui-checkbox ml30">
	161	+ </div>
	162	+ <div class="flex align-center mb20 mr40">
	163	+ <label for="" class="title2">문제2</label>
	164	+ <input type="text" class="data-wrap">
	165	+ <input type="checkbox" class="ui-checkbox ml30">
	166	+ </div>
	167	+ <div class="flex align-center mb20 mr40">
	168	+ <label for="" class="title2">문제3</label>
	169	+ <input type="text" class="data-wrap">
	170	+ <input type="checkbox" class="ui-checkbox ml30">
	171	+ </div>
	172	+ <div class="flex align-center mb20 mr40">
	173	+ <label for="" class="title2">문제4</label>
	174	+ <input type="text" class="data-wrap">
	175	+ <input type="checkbox" class="ui-checkbox ml30">
	176	+ </div>
	177	+ <div class="flex align-center mb20">
	178	+ <label for="" class="title2">해설</label>
	179	+ <textarea name="" id="" class="data-wrap"></textarea>
	180	+ </div>
	181	+ </div>
	182	+
54	183	</div>
55	184	<div class="flex justify-between mt50">
56	185	<button type="button" title="글쓰기" class="new-btn" @click="goToPage('QuestionList')">
...	...	@@ -58,10 +187,10 @@
58	187	</button>
59	188	<div class="flex">
60	189	<button type="button" title="글쓰기" class="new-btn mr10">
61		- 수정
	190	+ 취소
62	191	</button>
63	192	<button type="button" title="글쓰기" class="new-btn">
64		- 삭제
	193	+ 등록
65	194	</button>
66	195	</div>
67	196	</div>
...	...	@@ -76,6 +205,7 @@
76	205	data() {
77	206	return {
78	207	mdiMagnify: mdiMagnify,
	208	+ selectedTab: 'tab1',
79	209	}
80	210	},
81	211	methods: {
...	...	@@ -96,4 +226,7 @@
96	226	console.log('Main2 mounted');
97	227	}
98	228	}
99		-</script> (파일 끝에 줄바꿈 문자 없음)
	229	+</script>
	230	+<style scoped>
	231	+.ui-checkbox{width: 30px; height: 30px;}
	232	+</style> (파일 끝에 줄바꿈 문자 없음)

...	...	@@ -23,10 +23,10 @@
23	23	</button>
24	24	<div class="flex">
25	25	<button type="button" title="글쓰기" class="new-btn mr10" >
26		- 수정
	26	+ 취소
27	27	</button>
28	28	<button type="button" title="글쓰기" class="new-btn" >
29		- 삭제
	29	+ 등록
30	30	</button>
31	31	</div>
32	32	</div>

...	...	@@ -28,7 +28,7 @@
28	28	<td>등록일</td>
29	29	</thead>
30	30	<tbody>
31		- <tr v-for="(wordBook, index) in dataList" :key="wordBook.wdBookId" @click="goToViewPage('noticeDetail')">
	31	+ <tr v-for="(wordBook, index) in dataList" :key="wordBook.wdBookId" @click="goToViewPage('VocaDetail')">
32	32	<td>{{ createNo(index) }}</td>
33	33	<td>{{ wordBook.textTtl }}</td>
34	34	<td>{{ wordBook.wordsPreview }}</td>
...	...	@@ -49,7 +49,7 @@
49	49	</button>
50	50	</article>
51	51	<div class="flex justify-end ">
52		- <button type="button" title="등록" class="new-btn" @click="goToPage('noticeInsert')">
	52	+ <button type="button" title="등록" class="new-btn" @click="goToPage('VocaInsert')">
53	53	등록
54	54	</button>
55	55	</div>

Delete comment