jichoi / lms_front star
이은진 이은진 2024-08-08
Merge branch 'master' of http://210.180.118.83/jichoi/lms_front
@fe7cdc7a8cce9e7f6c2909afd811b40bf55a0a3a
client/resources/css/style.css
--- client/resources/css/style.css
+++ client/resources/css/style.css
@@ -1050,18 +1050,18 @@
 
   /* 단원 버튼 */
  .unit-pagination button {
-    font-size: 3rem;
+    font-size: 2rem;
     font-family: 'Pretendard-Regular';
     padding: 5px 30px;
-    border: #FFD56B 3px solid;
-    border-radius: 10px;
+    border: #c6c6c6 3px solid;
+    border-radius: 5px;
     color: #331600;
-    background-color: #FFF3D7 
+    background-color: #EAEDF4 
 }
 
  .unit-pagination .selected-btn {
-    background-color: #FFBA08;
-    color: #fff;
-    font-family: 'Pretendard-Bold';
+    background-color:#c6c6c6;
+    /* color: #fff; */
+    font-family: 'Pretendard-ExtraBold';
 }
 /* ------------------------선생님 --------------------- */
(No newline at end of file)
client/views/pages/teacher/C_TextBookDetail.vue
--- client/views/pages/teacher/C_TextBookDetail.vue
+++ client/views/pages/teacher/C_TextBookDetail.vue
@@ -6,7 +6,7 @@
         </select>
     </div>
     <div class="board-wrap">
-        <label for="" class="title2">단원</label>
+        <label for="" class="title1">단원</label>
         <div class="unit-pagination flex mt10" style="gap: 10px;">
             <button class="selected-btn">1</button>
             <button>2</button>
client/views/pages/teacher/ExamList.vue
--- client/views/pages/teacher/ExamList.vue
+++ client/views/pages/teacher/ExamList.vue
@@ -5,6 +5,12 @@
             <option value="">1단원</option>
         </select>
     </div>
+    <label for="" class="title2">단원</label>
+        <div class="unit-pagination flex mt10 mb20" style="gap: 10px;">
+            <button class="selected-btn">1</button>
+            <button>2</button>
+            <button>3</button>
+        </div>
     <div class="search-wrap flex justify-end mb20">
             <select name="" id="" class="mr10 data-wrap">
                 <option value="">중간</option>
client/views/pages/teacher/QuestionList.vue
--- client/views/pages/teacher/QuestionList.vue
+++ client/views/pages/teacher/QuestionList.vue
@@ -2,9 +2,15 @@
     <div class="title-box flex justify-between mb40">
         <p class="title">문제</p>
         <select name="" id="">
-            <option value="">1단원</option>
+            <option value="">A교재</option>
         </select>
     </div>
+    <label for="" class="title2">단원</label>
+        <div class="unit-pagination flex mt10 mb20" style="gap: 10px;">
+            <button class="selected-btn">1</button>
+            <button>2</button>
+            <button>3</button>
+        </div>
     <div class="search-wrap flex justify-end mb20">
             <select name="" id="" class="mr10 data-wrap">
                 <option value="">전체</option>
client/views/pages/teacher/TextBookDetail.vue
--- client/views/pages/teacher/TextBookDetail.vue
+++ client/views/pages/teacher/TextBookDetail.vue
@@ -1,11 +1,20 @@
 <template>
     <div class="title-box flex justify-between mb40">
         <p class="title">A교재</p>
-        <select name="" id="">
+        <!-- <select name="" id="">
             <option value="">1단원</option>
-        </select>
+        </select> -->
     </div>
-    <div class="board-wrap">
+    <label for="" class="title1">단원</label>
+        <div class="unit-pagination flex mt10" style="gap: 10px;">
+            <button class="selected-btn">1</button>
+            <button>2</button>
+            <button>3</button>
+            <button ><svg-icon type="mdi" :path="mdiPlus" style="    padding-top: 6px;
+    width: 30px;
+    height: 30px;"></svg-icon></button>
+        </div>
+    <div class="board-wrap mt30">
         <div class="mb20 ">
             <div class="flex justify-between mb30 align-center">
                 <label for="" class="title1">지문</label>
@@ -168,7 +177,7 @@
 
 <script>
 import SvgIcon from '@jamescoyle/vue-icon';
-import { mdiMagnify, } from '@mdi/js';
+import { mdiMagnify,mdiPlus  } from '@mdi/js';
 import { mdilArrowRight } from '@mdi/light-js';
 import ProgressBar from '../../component/ProgressBar.vue';
 
@@ -176,6 +185,7 @@
 export default {
     data() {
         return {
+            mdiPlus :mdiPlus ,
             mdiMagnify: mdiMagnify,
             mdilArrowRight: mdilArrowRight,
             timer: "00:00",
client/views/pages/teacher/TextList.vue
--- client/views/pages/teacher/TextList.vue
+++ client/views/pages/teacher/TextList.vue
@@ -6,7 +6,7 @@
         </select>
     </div>
         <label for="" class="title2">단원</label>
-        <div class="unit-pagination flex mt10" style="gap: 10px;">
+        <div class="unit-pagination flex mt10 mb20" style="gap: 10px;">
             <button class="selected-btn">1</button>
             <button>2</button>
             <button>3</button>
client/views/pages/teacher/VocaList.vue
--- client/views/pages/teacher/VocaList.vue
+++ client/views/pages/teacher/VocaList.vue
@@ -2,9 +2,15 @@
     <div class="title-box flex justify-between mb40">
         <p class="title">단어장</p>
         <select name="" id="">
-            <option value="UNIT_000000000000001">1단원</option>
+            <option value="UNIT_000000000000001">A교재</option>
         </select>
     </div>
+    <label for="" class="title2">단원</label>
+        <div class="unit-pagination flex mt10 mb20" style="gap: 10px;">
+            <button class="selected-btn">1</button>
+            <button>2</button>
+            <button>3</button>
+        </div>
     <div class="search-wrap flex justify-between mb20 align-center">
         <div class="title2 gray">?단원 전체 목록</div>
         <div>
client/views/pages/teacher/textbook.vue
--- client/views/pages/teacher/textbook.vue
+++ client/views/pages/teacher/textbook.vue
@@ -74,8 +74,8 @@
         }
     },
     methods: {
-        goToPage(page, book_Id) {
-            this.$router.push({ name: page, query: { book_Id }});
+        goToPage(page, book_id) {
+            this.$router.push({ name: page, query: { book_id }});
         },
         buttonSearch() {
             this.searchOpen = true;
@@ -141,7 +141,7 @@
                  console.error('Error updating book:', error);
             });
         },
-        deleteBook(book_Id) {
+        deleteBook(book_id) {
             if (confirm('삭제하시겠습니까?')) {
                 axios({
                     url: "/book/delete.json",
@@ -150,7 +150,7 @@
                         "Content-Type": "application/json; charset=UTF-8",
                     },
                     data: {
-                        book_id: book_Id
+                        book_id: book_id
                     },
                 })
                 .then(response => {
Add a comment
List