류윤주
2023-11-08
231108 류윤주 사용자단 레이아웃 변경
@34d14bb3408daa47098d92626dbdb0f372654647
--- client/resources/css/Main.css
+++ client/resources/css/Main.css
... | ... | @@ -896,7 +896,6 @@ |
| 896 | 896 |
|
| 897 | 897 |
.data-b-grid {
|
| 898 | 898 |
width: 100%; |
| 899 |
- padding: 3rem 0; |
|
| 900 | 899 |
display: grid; |
| 901 | 900 |
grid-template-columns: 1fr 1fr 1fr; |
| 902 | 901 |
} |
... | ... | @@ -1043,10 +1042,6 @@ |
| 1043 | 1042 |
color: #0e5e2e; |
| 1044 | 1043 |
} |
| 1045 | 1044 |
|
| 1046 |
-.data-table-tr {
|
|
| 1047 |
- width: 100%; |
|
| 1048 |
- padding: 12rem 3rem; |
|
| 1049 |
-} |
|
| 1050 | 1045 |
|
| 1051 | 1046 |
.data-b-3 h2 {
|
| 1052 | 1047 |
text-align: right; |
... | ... | @@ -1072,7 +1067,6 @@ |
| 1072 | 1067 |
|
| 1073 | 1068 |
.data-table-tr {
|
| 1074 | 1069 |
width: 100%; |
| 1075 |
- padding: 0rem 0rem 12rem 0rem; |
|
| 1076 | 1070 |
} |
| 1077 | 1071 |
|
| 1078 | 1072 |
.data-table-tr td:nth-child(2) {
|
... | ... | @@ -1168,18 +1162,17 @@ |
| 1168 | 1162 |
.news-bos {
|
| 1169 | 1163 |
width: 100%; |
| 1170 | 1164 |
display: grid; |
| 1171 |
- gap: 3rem; |
|
| 1165 |
+ gap: 5rem; |
|
| 1172 | 1166 |
grid-template-columns: 1fr 1fr 1fr; |
| 1173 |
- padding: 6rem 6rem 12rem 6rem; |
|
| 1174 |
- /* border: 1px solid red; */ |
|
| 1167 |
+ |
|
| 1175 | 1168 |
} |
| 1176 | 1169 |
|
| 1177 | 1170 |
.news-bos-box {
|
| 1178 | 1171 |
display: grid; |
| 1179 | 1172 |
grid-template-columns: 1fr; |
| 1180 | 1173 |
margin: 0 auto; |
| 1181 |
- border-radius: 2rem; |
|
| 1182 |
- padding: 2rem; |
|
| 1174 |
+ border-radius: 1rem; |
|
| 1175 |
+ padding: 3rem; |
|
| 1183 | 1176 |
background-color: #f7f7f7; |
| 1184 | 1177 |
box-shadow: 2px 2px 5px #8484847c; |
| 1185 | 1178 |
} |
... | ... | @@ -1191,7 +1184,6 @@ |
| 1191 | 1184 |
.modal-img {
|
| 1192 | 1185 |
width: 100%; |
| 1193 | 1186 |
height: 195px; |
| 1194 |
- /* border: 1px solid/ red; */ |
|
| 1195 | 1187 |
} |
| 1196 | 1188 |
|
| 1197 | 1189 |
.news-bos-box div h3 {
|
... | ... | @@ -1203,7 +1195,7 @@ |
| 1203 | 1195 |
width: 100%; |
| 1204 | 1196 |
height: 100%; |
| 1205 | 1197 |
object-fit: cover; |
| 1206 |
- border-radius: 2.5rem; |
|
| 1198 |
+ border-radius: 1rem; |
|
| 1207 | 1199 |
box-shadow: 2px 2px 5px #8484847c; |
| 1208 | 1200 |
} |
| 1209 | 1201 |
|
... | ... | @@ -1236,12 +1228,10 @@ |
| 1236 | 1228 |
/* Notice css */ |
| 1237 | 1229 |
.noti-bos {
|
| 1238 | 1230 |
width: 100%; |
| 1239 |
- padding: 0 0 12rem 0; |
|
| 1240 | 1231 |
} |
| 1241 | 1232 |
|
| 1242 | 1233 |
.noti-sec {
|
| 1243 | 1234 |
width: 100%; |
| 1244 |
- padding: 0rem 3rem 12rem 3rem; |
|
| 1245 | 1235 |
} |
| 1246 | 1236 |
|
| 1247 | 1237 |
.noti-sec-table table {
|
... | ... | @@ -1318,7 +1308,6 @@ |
| 1318 | 1308 |
display: grid; |
| 1319 | 1309 |
grid-template-columns: 1fr 1fr 1fr; |
| 1320 | 1310 |
gap: 5rem; |
| 1321 |
- padding: 6rem 0; |
|
| 1322 | 1311 |
text-align: center; |
| 1323 | 1312 |
} |
| 1324 | 1313 |
|
... | ... | @@ -1333,7 +1322,7 @@ |
| 1333 | 1322 |
|
| 1334 | 1323 |
} |
| 1335 | 1324 |
|
| 1336 |
-.tech-box-sec-h3 h3{
|
|
| 1325 |
+.tech-box-sec-h3 h3 {
|
|
| 1337 | 1326 |
flex: 0 0 60%; |
| 1338 | 1327 |
font-size: 2.5rem; |
| 1339 | 1328 |
font-family: "Pretendard-Regular"; |
... | ... | @@ -1359,7 +1348,7 @@ |
| 1359 | 1348 |
text-align: left; |
| 1360 | 1349 |
} |
| 1361 | 1350 |
|
| 1362 |
-p.date{
|
|
| 1351 |
+p.date {
|
|
| 1363 | 1352 |
color: #aaa; |
| 1364 | 1353 |
font-size: 1.3rem; |
| 1365 | 1354 |
text-align: left; |
... | ... | @@ -1623,32 +1612,13 @@ |
| 1623 | 1612 |
} |
| 1624 | 1613 |
|
| 1625 | 1614 |
/* wg커뮤니티 전문가 협의체 페이지*/ |
| 1626 |
- |
|
| 1627 |
-.wg-logo {
|
|
| 1628 |
- width: 100%; |
|
| 1629 |
- padding: 6rem 2rem 2rem 2rem; |
|
| 1630 |
-} |
|
| 1631 |
- |
|
| 1632 |
-.wg-logo h1 {
|
|
| 1633 |
- font-size: 4rem; |
|
| 1634 |
- font-family: SBaggroM; |
|
| 1635 |
- font-weight: 500; |
|
| 1636 |
- color: #0e0077; |
|
| 1637 |
-} |
|
| 1638 |
- |
|
| 1639 |
-.wg-logo img {
|
|
| 1640 |
- width: 10rem; |
|
| 1615 |
+.wg-wrap-h2{
|
|
| 1616 |
+ font-weight: 200px; |
|
| 1617 |
+ padding: 10px 0; |
|
| 1641 | 1618 |
} |
| 1642 | 1619 |
|
| 1643 | 1620 |
.wg-wrap {
|
| 1644 | 1621 |
width: 100%; |
| 1645 |
- padding: 2rem 2rem 12rem 0; |
|
| 1646 |
-} |
|
| 1647 |
- |
|
| 1648 |
-.wg-wrap h1 {
|
|
| 1649 |
- font-size: 1.7rem; |
|
| 1650 |
- margin-bottom: 2rem; |
|
| 1651 |
- color: #333; |
|
| 1652 | 1622 |
} |
| 1653 | 1623 |
|
| 1654 | 1624 |
.wg-wrap-search {
|
--- client/resources/css/common.css
+++ client/resources/css/common.css
... | ... | @@ -34,6 +34,7 @@ |
| 34 | 34 |
margin-left: 5px; |
| 35 | 35 |
} |
| 36 | 36 |
|
| 37 |
+ |
|
| 37 | 38 |
/* 박스공통 */ |
| 38 | 39 |
.border-r {
|
| 39 | 40 |
border-radius: 2.5rem; |
... | ... | @@ -173,12 +174,18 @@ |
| 173 | 174 |
text-align: center; |
| 174 | 175 |
} |
| 175 | 176 |
|
| 176 |
-/* 페이지별 로고 공통 */ |
|
| 177 |
-.page-logo {
|
|
| 178 |
- padding: 6rem 0; |
|
| 179 |
- width: 100%; |
|
| 177 |
+/* 페이지별 공통 */ |
|
| 178 |
+.page{
|
|
| 179 |
+ padding: 100px 0; |
|
| 180 | 180 |
} |
| 181 | 181 |
|
| 182 |
+.page-logo {
|
|
| 183 |
+ padding: 3rem 0; |
|
| 184 |
+ width: 100%; |
|
| 185 |
+} |
|
| 186 |
+.page-logo img{
|
|
| 187 |
+ width: 60px; |
|
| 188 |
+} |
|
| 182 | 189 |
.page-logo h1 {
|
| 183 | 190 |
font-size: 4rem; |
| 184 | 191 |
font-family: SBaggroM; |
--- client/views/pages/user/Data/Data.vue
+++ client/views/pages/user/Data/Data.vue
... | ... | @@ -1,135 +1,119 @@ |
| 1 | 1 |
<template> |
| 2 |
- <div class="data-main"> |
|
| 3 |
- <section class="main-sec sec1"> |
|
| 4 |
- <!-- <div class="main-content"> --> |
|
| 5 |
- <div class="flex"> |
|
| 6 |
- <!-- 자료집 비주얼 --> |
|
| 7 |
- <div class="data-b"> |
|
| 8 |
- <div class="w1400"> |
|
| 9 |
- <div class="data-b-b"> |
|
| 10 |
- <!-- 자료집 텍스트 --> |
|
| 11 |
- <div class="data-text"> |
|
| 12 |
- <img src="../../../../resources/jpg/data-img-text.png" alt=""> |
|
| 13 |
- <p>자료집</p> |
|
| 14 |
- </div> |
|
| 15 |
- </div> |
|
| 16 |
- </div> |
|
| 2 |
+ <div class="data-page page"> |
|
| 3 |
+ <div class="w1400"> |
|
| 4 |
+ <div class="data"> |
|
| 5 |
+ <div class="page-logo flex-start"> |
|
| 6 |
+ <img src="../../../../resources/jpg/data-img-text.png" alt=""> |
|
| 7 |
+ <h1>자료집</h1> |
|
| 17 | 8 |
</div> |
| 18 |
- </div> |
|
| 19 |
- </section> |
|
| 9 |
+ <!-- 자료집 카테고리 --> |
|
| 10 |
+ <div class="data-b-main"> |
|
| 11 |
+ <div class="data-b"> |
|
| 20 | 12 |
|
| 21 |
- <!-- 자료집 메인 --> |
|
| 22 |
- <section class="data-b-main"> |
|
| 23 |
- <div class="data-b"> |
|
| 24 |
- <div class="w1400"> |
|
| 25 |
- <div class="data-b-grid"> |
|
| 26 |
- <!-- 윗쪽 아이콘 --> |
|
| 27 |
- <div class="data-b-1 da1" @click="updateContent('정책자료')">
|
|
| 28 |
- <div @click="changeBackground" |
|
| 29 |
- :class="{ 'background-image-1': isBackground1, 'background-image-2': isBackground2 }">
|
|
| 30 |
- <img src="../../../../resources/jpg/data-img.png" alt=""> |
|
| 31 |
- <div class="data-da1-1"> |
|
| 13 |
+ <div class="data-b-grid"> |
|
| 14 |
+ <!-- 윗쪽 아이콘 --> |
|
| 15 |
+ <div class="data-b-1 da1" @click="updateContent('정책자료')">
|
|
| 16 |
+ <div @click="changeBackground" |
|
| 17 |
+ :class="{ 'background-image-1': isBackground1, 'background-image-2': isBackground2 }">
|
|
| 18 |
+ <img src="../../../../resources/jpg/data-img.png" alt=""> |
|
| 19 |
+ <div class="data-da1-1"> |
|
| 32 | 20 |
|
| 33 |
- <h2>AI 디지털교과서<br><span>정책자료</span></h2> |
|
| 21 |
+ <h2>AI 디지털교과서<br><span>정책자료</span></h2> |
|
| 22 |
+ <div class="data-t"> |
|
| 23 |
+ |
|
| 24 |
+ <p>· 개발 지원 정책 문서</p> |
|
| 25 |
+ <p>· 법·제도 문서 등</p> |
|
| 26 |
+ </div> |
|
| 27 |
+ </div> |
|
| 28 |
+ </div> |
|
| 29 |
+ </div> |
|
| 30 |
+ <div class="data-b-2 da1" @click="updateContent('연구자료')">
|
|
| 31 |
+ <div> |
|
| 32 |
+ <img @click="changeBackground2" |
|
| 33 |
+ :class="{ 'background-image-3': isBackground3, 'background-image-4': isBackground4 }"
|
|
| 34 |
+ src="../../../../resources/jpg/data-img3.png" alt=""> |
|
| 35 |
+ <div class="data-da1-1"> |
|
| 36 |
+ |
|
| 37 |
+ <h2>AI 디지털교과서<br><span>연구자료</span></h2> |
|
| 38 |
+ <div class="data-t data-t2"> |
|
| 39 |
+ <p>· 서비스 모델, 프로토타입 연구·보고서 등</p> |
|
| 40 |
+ </div> |
|
| 41 |
+ </div> |
|
| 42 |
+ </div> |
|
| 43 |
+ </div> |
|
| 44 |
+ <div class="data-b-3 da1"> |
|
| 45 |
+ <div @click="changeBackground3" |
|
| 46 |
+ :class="{ 'background-image-5': isBackground5, 'background-image-6': isBackground6 }">
|
|
| 47 |
+ <h2>AI 디지털교과서<br><span>가이드라인</span></h2> |
|
| 34 | 48 |
<div class="data-t"> |
| 35 | 49 |
|
| 36 |
- <p>· 개발 지원 정책 문서</p> |
|
| 37 |
- <p>· 법·제도 문서 등</p> |
|
| 38 |
- </div> |
|
| 39 |
- </div> |
|
| 50 |
+ <div class="guide-logo-bt"> |
|
| 40 | 51 |
|
| 41 |
- </div> |
|
| 42 |
- |
|
| 43 |
- </div> |
|
| 44 |
- <div class="data-b-2 da1" @click="updateContent('연구자료')">
|
|
| 45 |
- <div> |
|
| 46 |
- <img @click="changeBackground2" |
|
| 47 |
- :class="{ 'background-image-3': isBackground3, 'background-image-4': isBackground4 }"
|
|
| 48 |
- src="../../../../resources/jpg/data-img3.png" alt=""> |
|
| 49 |
- <div class="data-da1-1"> |
|
| 50 |
- |
|
| 51 |
- <h2>AI 디지털교과서<br><span>연구자료</span></h2> |
|
| 52 |
- <div class="data-t data-t2"> |
|
| 53 |
- <p>· 서비스 모델, 프로토타입 연구·보고서 등</p> |
|
| 54 |
- </div> |
|
| 55 |
- </div> |
|
| 56 |
- </div> |
|
| 57 |
- </div> |
|
| 58 |
- <div class="data-b-3 da1"> |
|
| 59 |
- <div @click="changeBackground3" |
|
| 60 |
- :class="{ 'background-image-5': isBackground5, 'background-image-6': isBackground6 }">
|
|
| 61 |
- <h2>AI 디지털교과서<br><span>가이드라인</span></h2> |
|
| 62 |
- <div class="data-t"> |
|
| 63 |
- |
|
| 64 |
- <div class="guide-logo-bt"> |
|
| 65 |
- |
|
| 66 |
- <a style="font-size: 15px;" class="down-btn-1" |
|
| 67 |
- href="https://webst.edunet.net/AIDT/AI 디지털교과서 개발 가이드라인.pdf" target='_blank' |
|
| 68 |
- download> |
|
| 69 |
- <i class="fa-solid fa-circle-down guide_i" |
|
| 70 |
- style="font-size: 20px; margin-right: 10px;"></i>가이드라인 |
|
| 71 |
- 다운로드</a> |
|
| 52 |
+ <a style="font-size: 15px;" class="down-btn-1" |
|
| 53 |
+ href="https://webst.edunet.net/AIDT/AI 디지털교과서 개발 가이드라인.pdf" target='_blank' |
|
| 54 |
+ download> |
|
| 55 |
+ <i class="fa-solid fa-circle-down guide_i" |
|
| 56 |
+ style="font-size: 20px; margin-right: 10px;"></i>가이드라인 |
|
| 57 |
+ 다운로드</a> |
|
| 58 |
+ </div> |
|
| 72 | 59 |
</div> |
| 73 | 60 |
</div> |
| 74 | 61 |
</div> |
| 75 | 62 |
</div> |
| 76 | 63 |
</div> |
| 77 | 64 |
</div> |
| 78 |
- </div> |
|
| 79 |
- </section> |
|
| 65 |
+ <!-- 자료집 테이블 --> |
|
| 66 |
+ <div class="data-table"> |
|
| 67 |
+ <div class="data-b"> |
|
| 80 | 68 |
|
| 81 |
- <!-- 자료집 테이블 --> |
|
| 82 |
- |
|
| 83 |
- <section class="data-table"> |
|
| 84 |
- <div class="data-b"> |
|
| 85 |
- <div class="w1400"> |
|
| 86 |
- <div class="btn-wrap data-btn-wrap"> |
|
| 87 |
- <div class="data-bos"> |
|
| 69 |
+ <div class="btn-wrap data-btn-wrap"> |
|
| 70 |
+ <div class="data-bos"> |
|
| 88 | 71 |
|
| 89 | 72 |
|
| 90 |
- <div id="data-app"> |
|
| 73 |
+ <div id="data-app"> |
|
| 91 | 74 |
|
| 92 |
- <p>자료집> <span>{{ content }}</span></p>
|
|
| 93 |
- </div> |
|
| 94 |
- <div class="data-wrap-search"> |
|
| 75 |
+ <p>자료집> <span>{{ content }}</span></p>
|
|
| 76 |
+ </div> |
|
| 77 |
+ <div class="data-wrap-search"> |
|
| 95 | 78 |
|
| 96 |
- <select v-model="postListSearch.searchType" name="data-table-sild" id="data-table-sild"> |
|
| 97 |
- <option :value = null selected>전체</option> |
|
| 98 |
- <option value="title">제목</option> |
|
| 99 |
- <option value="content">내용</option> |
|
| 100 |
- <option value="writer">작성자</option> |
|
| 101 |
- </select> |
|
| 102 |
- <div class="input-group"> |
|
| 103 |
- <input type="text" class="input" placeholder="검색어를 입력해주세요." |
|
| 104 |
- v-model="postListSearch.searchText" @keyup.enter="postSelectList()"> |
|
| 105 |
- <input class="button--submit" value="검색" type="submit" @click="postSelectList()"> |
|
| 79 |
+ <select v-model="postListSearch.searchType" name="data-table-sild" id="data-table-sild"> |
|
| 80 |
+ <option :value=null selected>전체</option> |
|
| 81 |
+ <option value="title">제목</option> |
|
| 82 |
+ <option value="content">내용</option> |
|
| 83 |
+ <option value="writer">작성자</option> |
|
| 84 |
+ </select> |
|
| 85 |
+ <div class="input-group"> |
|
| 86 |
+ <input type="text" class="input" placeholder="검색어를 입력해주세요." |
|
| 87 |
+ v-model="postListSearch.searchText" @keyup.enter="postSelectList()"> |
|
| 88 |
+ <input class="button--submit" value="검색" type="submit" @click="postSelectList()"> |
|
| 89 |
+ </div> |
|
| 106 | 90 |
</div> |
| 107 | 91 |
</div> |
| 108 | 92 |
</div> |
| 109 |
- </div> |
|
| 110 |
- <div class="data-table-tr"> |
|
| 111 |
- <table> |
|
| 112 |
- <th>NO</th> |
|
| 113 |
- <th>제목</th> |
|
| 114 |
- <th>작성자</th> |
|
| 115 |
- <th>작성일자</th> |
|
| 116 |
- <th>조회수</th> |
|
| 93 |
+ <div class="data-table-tr"> |
|
| 94 |
+ <table> |
|
| 95 |
+ <th>NO</th> |
|
| 96 |
+ <th>제목</th> |
|
| 97 |
+ <th>작성자</th> |
|
| 98 |
+ <th>작성일자</th> |
|
| 99 |
+ <th>조회수</th> |
|
| 117 | 100 |
|
| 118 |
- <tr v-for="(item, idx) in postList" :key="idx" @click="postSelectOnePage(item)"> |
|
| 119 |
- <td>{{ postIdx - idx }}</td>
|
|
| 120 |
- <td>{{ item.post_title }}</td>
|
|
| 121 |
- <td>{{ item.rgtr_id }}</td>
|
|
| 122 |
- <td>{{ yyyymmdd(item.reg_dt) }}</td>
|
|
| 123 |
- <td>{{ item.view_cnt }}</td>
|
|
| 124 |
- </tr> |
|
| 125 |
- <tr v-if="postListCount == 0"> |
|
| 126 |
- <td style="font-size: 20px;" colspan="5">검색조건에 해당하는 데이터가 없습니다.</td> |
|
| 127 |
- </tr> |
|
| 128 |
- </table> |
|
| 101 |
+ <tr v-for="(item, idx) in postList" :key="idx" @click="postSelectOnePage(item)"> |
|
| 102 |
+ <td>{{ postIdx - idx }}</td>
|
|
| 103 |
+ <td>{{ item.post_title }}</td>
|
|
| 104 |
+ <td>{{ item.rgtr_id }}</td>
|
|
| 105 |
+ <td>{{ yyyymmdd(item.reg_dt) }}</td>
|
|
| 106 |
+ <td>{{ item.view_cnt }}</td>
|
|
| 107 |
+ </tr> |
|
| 108 |
+ <tr v-if="postListCount == 0"> |
|
| 109 |
+ <td style="font-size: 20px;" colspan="5">검색조건에 해당하는 데이터가 없습니다.</td> |
|
| 110 |
+ </tr> |
|
| 111 |
+ </table> |
|
| 112 |
+ </div> |
|
| 129 | 113 |
</div> |
| 130 | 114 |
</div> |
| 131 | 115 |
</div> |
| 132 |
- </section> |
|
| 116 |
+ </div> |
|
| 133 | 117 |
</div> |
| 134 | 118 |
</template> |
| 135 | 119 |
|
... | ... | @@ -165,9 +149,9 @@ |
| 165 | 149 |
updateContent(newContent) {
|
| 166 | 150 |
this.content = newContent |
| 167 | 151 |
|
| 168 |
- if(newContent === '연구자료') {
|
|
| 152 |
+ if (newContent === '연구자료') {
|
|
| 169 | 153 |
this.postListSearch.ctgry_nm = 'research' |
| 170 |
- } else if(newContent === '가이드라인') {
|
|
| 154 |
+ } else if (newContent === '가이드라인') {
|
|
| 171 | 155 |
this.postListSearch.ctgry_nm = 'guide' |
| 172 | 156 |
} else {
|
| 173 | 157 |
this.postListSearch.ctgry_nm = 'policy' |
... | ... | @@ -228,7 +212,7 @@ |
| 228 | 212 |
|
| 229 | 213 |
//게시글 상세조회 페이지로 이동 |
| 230 | 214 |
postSelectOnePage: function (item) {
|
| 231 |
- this.$router.push({ path: '/DataDtali.page', query: { 'post_id': item.post_id, 'file_id' : item.file_id } });
|
|
| 215 |
+ this.$router.push({ path: '/DataDtali.page', query: { 'post_id': item.post_id, 'file_id': item.file_id } });
|
|
| 232 | 216 |
}, |
| 233 | 217 |
}, |
| 234 | 218 |
watch: {
|
... | ... | @@ -244,32 +228,4 @@ |
| 244 | 228 |
} |
| 245 | 229 |
</script> |
| 246 | 230 |
|
| 247 |
-<style scoped> |
|
| 248 |
-.data-t p {
|
|
| 249 |
- width: 80%; |
|
| 250 |
- padding: 0rem 0rem 1rem 3rem !important; |
|
| 251 |
- |
|
| 252 |
-} |
|
| 253 |
- |
|
| 254 |
-.data-t2 p {
|
|
| 255 |
- |
|
| 256 |
- padding: 0rem 0rem 0rem 0rem !important; |
|
| 257 |
- margin: 0 auto; |
|
| 258 |
-} |
|
| 259 |
- |
|
| 260 |
-.guide-logo-bt {
|
|
| 261 |
- float: right; |
|
| 262 |
- /* margin: 0 auto; */ |
|
| 263 |
- font-size: 3rem; |
|
| 264 |
- width: 70%; |
|
| 265 |
- padding-right: 3rem; |
|
| 266 |
- font-family: SBaggroM; |
|
| 267 |
- text-align: right; |
|
| 268 |
- |
|
| 269 |
- cursor: pointer; |
|
| 270 |
-} |
|
| 271 |
- |
|
| 272 |
-.guide-logo-bt a {
|
|
| 273 |
- color: #e07e27; |
|
| 274 |
-} |
|
| 275 |
-</style>(No newline at end of file) |
|
| 231 |
+<style scoped></style>(No newline at end of file) |
--- client/views/pages/user/Data/DataOne.vue
+++ client/views/pages/user/Data/DataOne.vue
... | ... | @@ -1,61 +1,50 @@ |
| 1 | 1 |
<template> |
| 2 | 2 |
<div class="w1400"> |
| 3 |
- <div class="main-sec sec1"> |
|
| 4 |
- <!-- <div class="main-content"> --> |
|
| 5 |
- <div class="flex"> |
|
| 6 |
- <!-- 자료집 비주얼 --> |
|
| 7 |
- <div class="data-b"> |
|
| 8 |
- <div class="w1400"> |
|
| 9 |
- <div class="data-b-b"> |
|
| 10 |
- <!-- 자료집 텍스트 --> |
|
| 11 |
- <div class="data-text"> |
|
| 12 |
- <img src="../../../../resources/jpg/data-img-text.png" alt=""> |
|
| 13 |
- <p>자료집</p> |
|
| 14 |
- </div> |
|
| 15 |
- </div> |
|
| 3 |
+ <div class="data-detail-page"> |
|
| 4 |
+ <div class="page-logo flex-start"> |
|
| 5 |
+ <img src="../../../../resources/jpg/data-img-text.png" alt=""> |
|
| 6 |
+ <h1>자료집</h1> |
|
| 7 |
+ </div> |
|
| 8 |
+ <div class="data-dtail"> |
|
| 9 |
+ <table class="insert-table"> |
|
| 10 |
+ <tbody> |
|
| 11 |
+ <tr> |
|
| 12 |
+ <td class="title-zone" colspan="2"> |
|
| 13 |
+ <p class="flex"><span class="post-title">{{ post.post_title }}</span><span
|
|
| 14 |
+ class="category-zone">카테고리란</span></p> |
|
| 15 |
+ <p class="flex-end"><span class="writer">작성자</span><span>{{ post.rgtr_id }}</span><span
|
|
| 16 |
+ class="view">조회수</span><span>{{ post.view_cnt }}</span></p>
|
|
| 17 |
+ </td> |
|
| 18 |
+ </tr> |
|
| 19 |
+ <tr> |
|
| 20 |
+ <td colspan="2" style="border-bottom: 1px solid #007aff;"> |
|
| 21 |
+ <div id="viewer" ref="viewer" class="viewer"></div> |
|
| 22 |
+ </td> |
|
| 23 |
+ </tr> |
|
| 24 |
+ <tr> |
|
| 25 |
+ <th style="width: 10%;">첨부파일명</th> |
|
| 26 |
+ <td> |
|
| 27 |
+ <div v-if="fileList.length == 0"> |
|
| 28 |
+ <label>첨부된 파일이 없습니다.</label> |
|
| 29 |
+ </div> |
|
| 30 |
+ <ul v-else v-for="(item, idx) in fileList" :key="idx"> |
|
| 31 |
+ <li @click="downloadFile(item)">{{ item.real_file_nm }}</li>
|
|
| 32 |
+ </ul> |
|
| 33 |
+ </td> |
|
| 34 |
+ </tr> |
|
| 35 |
+ </tbody> |
|
| 36 |
+ </table> |
|
| 37 |
+ <div> |
|
| 38 |
+ <div class="dtail-navigation"> |
|
| 39 |
+ <button>다음글</button> |
|
| 40 |
+ <button>이전글</button> |
|
| 41 |
+ </div> |
|
| 42 |
+ <div class="dtail-navigation-in"> |
|
| 43 |
+ <button @click="goBack">목록</button> |
|
| 16 | 44 |
</div> |
| 17 | 45 |
</div> |
| 18 |
- </div> |
|
| 19 |
- </div> |
|
| 20 |
- <div class="data-dtail"> |
|
| 21 |
- <table class="insert-table"> |
|
| 22 |
- <tbody> |
|
| 23 |
- <tr> |
|
| 24 |
- <td class="title-zone" colspan="2"> |
|
| 25 |
- <p class="flex"><span class="post-title">{{ post.post_title }}</span><span
|
|
| 26 |
- class="category-zone">카테고리란</span></p> |
|
| 27 |
- <p class="flex-end"><span class="writer">작성자</span><span>{{ post.rgtr_id }}</span><span
|
|
| 28 |
- class="view">조회수</span><span>{{ post.view_cnt }}</span></p>
|
|
| 29 |
- </td> |
|
| 30 |
- </tr> |
|
| 31 |
- <tr> |
|
| 32 |
- <td colspan="2" style="border-bottom: 1px solid #007aff;"> |
|
| 33 |
- <div id="viewer" ref="viewer" class="viewer"></div> |
|
| 34 |
- </td> |
|
| 35 |
- </tr> |
|
| 36 |
- <tr> |
|
| 37 |
- <th style="width: 10%;">첨부파일명</th> |
|
| 38 |
- <td> |
|
| 39 |
- <div v-if="fileList.length == 0"> |
|
| 40 |
- <label>첨부된 파일이 없습니다.</label> |
|
| 41 |
- </div> |
|
| 42 |
- <ul v-else v-for="(item, idx) in fileList" :key="idx"> |
|
| 43 |
- <li @click="downloadFile(item)">{{ item.real_file_nm }}</li>
|
|
| 44 |
- </ul> |
|
| 45 |
- </td> |
|
| 46 |
- </tr> |
|
| 47 |
- </tbody> |
|
| 48 |
- </table> |
|
| 49 |
- <div> |
|
| 50 |
- <div class="dtail-navigation"> |
|
| 51 |
- <button>다음글</button> |
|
| 52 |
- <button>이전글</button> |
|
| 53 |
- </div> |
|
| 54 |
- <div class="dtail-navigation-in"> |
|
| 55 |
- <button @click="goBack">목록</button> |
|
| 56 |
- </div> |
|
| 57 |
- </div> |
|
| 58 | 46 |
|
| 47 |
+ </div> |
|
| 59 | 48 |
</div> |
| 60 | 49 |
</div> |
| 61 | 50 |
</template> |
--- client/views/pages/user/Data/Technology.vue
+++ client/views/pages/user/Data/Technology.vue
... | ... | @@ -1,66 +1,68 @@ |
| 1 | 1 |
<template> |
| 2 |
- <div class="w1400"> |
|
| 3 |
- <div class="tech"> |
|
| 4 |
- <div class="page-logo flex-start"> |
|
| 5 |
- <img src="../../../../resources/jpg/tech-logo.png" alt=""> |
|
| 6 |
- <h1>기술문서</h1> |
|
| 2 |
+ <div class="tech-page page"> |
|
| 3 |
+ <div class="w1400"> |
|
| 4 |
+ <div class="tech"> |
|
| 5 |
+ <div class="page-logo flex-start"> |
|
| 6 |
+ <img src="../../../../resources/jpg/tech-logo.png" alt=""> |
|
| 7 |
+ <h1>기술문서</h1> |
|
| 8 |
+ </div> |
|
| 9 |
+ <ul class="tech-bos"> |
|
| 10 |
+ <li class="tech-box-sec"> |
|
| 11 |
+ <div class="tech-box-sec-h3"> |
|
| 12 |
+ <div class="flex"> |
|
| 13 |
+ <h3>기술문서</h3> |
|
| 14 |
+ <p>조회수</p> |
|
| 15 |
+ </div> |
|
| 16 |
+ </div> |
|
| 17 |
+ <div> |
|
| 18 |
+ <img src="../../../../resources/jpg/data-img3.png" alt=""> |
|
| 19 |
+ </div> |
|
| 20 |
+ <div> |
|
| 21 |
+ <p>기술문서1의 설명</p> |
|
| 22 |
+ <p class="date">23.10.26</p> |
|
| 23 |
+ </div> |
|
| 24 |
+ <div> |
|
| 25 |
+ <button @click="goToPage3">바로가기</button> |
|
| 26 |
+ </div> |
|
| 27 |
+ </li> |
|
| 28 |
+ <li class="tech-box-sec"> |
|
| 29 |
+ <div class="tech-box-sec-h3"> |
|
| 30 |
+ <div class="flex"> |
|
| 31 |
+ <h3>기술문서</h3> |
|
| 32 |
+ <p>조회수</p> |
|
| 33 |
+ </div> |
|
| 34 |
+ </div> |
|
| 35 |
+ <div> |
|
| 36 |
+ <img src="../../../../resources/jpg/data-img3.png" alt=""> |
|
| 37 |
+ </div> |
|
| 38 |
+ <div> |
|
| 39 |
+ <p>기술문서1의 설명</p> |
|
| 40 |
+ <p class="date">23.10.26</p> |
|
| 41 |
+ </div> |
|
| 42 |
+ <div> |
|
| 43 |
+ <button @click="goToPage3">바로가기</button> |
|
| 44 |
+ </div> |
|
| 45 |
+ </li> |
|
| 46 |
+ <li class="tech-box-sec"> |
|
| 47 |
+ <div class="tech-box-sec-h3"> |
|
| 48 |
+ <div class="flex"> |
|
| 49 |
+ <h3>기술문서</h3> |
|
| 50 |
+ <p>조회수</p> |
|
| 51 |
+ </div> |
|
| 52 |
+ </div> |
|
| 53 |
+ <div> |
|
| 54 |
+ <img src="../../../../resources/jpg/data-img3.png" alt=""> |
|
| 55 |
+ </div> |
|
| 56 |
+ <div> |
|
| 57 |
+ <p>기술문서1의 설명</p> |
|
| 58 |
+ <p class="date">23.10.26</p> |
|
| 59 |
+ </div> |
|
| 60 |
+ <div> |
|
| 61 |
+ <button @click="goToPage3">바로가기</button> |
|
| 62 |
+ </div> |
|
| 63 |
+ </li> |
|
| 64 |
+ </ul> |
|
| 7 | 65 |
</div> |
| 8 |
- <ul class="tech-bos"> |
|
| 9 |
- <li class="tech-box-sec"> |
|
| 10 |
- <div class="tech-box-sec-h3"> |
|
| 11 |
- <div class="flex"> |
|
| 12 |
- <h3>기술문서</h3> |
|
| 13 |
- <p>조회수</p> |
|
| 14 |
- </div> |
|
| 15 |
- </div> |
|
| 16 |
- <div> |
|
| 17 |
- <img src="../../../../resources/jpg/data-img3.png" alt=""> |
|
| 18 |
- </div> |
|
| 19 |
- <div> |
|
| 20 |
- <p>기술문서1의 설명</p> |
|
| 21 |
- <p class="date">23.10.26</p> |
|
| 22 |
- </div> |
|
| 23 |
- <div> |
|
| 24 |
- <button @click="goToPage3">바로가기</button> |
|
| 25 |
- </div> |
|
| 26 |
- </li> |
|
| 27 |
- <li class="tech-box-sec"> |
|
| 28 |
- <div class="tech-box-sec-h3"> |
|
| 29 |
- <div class="flex"> |
|
| 30 |
- <h3>기술문서</h3> |
|
| 31 |
- <p>조회수</p> |
|
| 32 |
- </div> |
|
| 33 |
- </div> |
|
| 34 |
- <div> |
|
| 35 |
- <img src="../../../../resources/jpg/data-img3.png" alt=""> |
|
| 36 |
- </div> |
|
| 37 |
- <div> |
|
| 38 |
- <p>기술문서1의 설명</p> |
|
| 39 |
- <p class="date">23.10.26</p> |
|
| 40 |
- </div> |
|
| 41 |
- <div> |
|
| 42 |
- <button @click="goToPage3">바로가기</button> |
|
| 43 |
- </div> |
|
| 44 |
- </li> |
|
| 45 |
- <li class="tech-box-sec"> |
|
| 46 |
- <div class="tech-box-sec-h3"> |
|
| 47 |
- <div class="flex"> |
|
| 48 |
- <h3>기술문서</h3> |
|
| 49 |
- <p>조회수</p> |
|
| 50 |
- </div> |
|
| 51 |
- </div> |
|
| 52 |
- <div> |
|
| 53 |
- <img src="../../../../resources/jpg/data-img3.png" alt=""> |
|
| 54 |
- </div> |
|
| 55 |
- <div> |
|
| 56 |
- <p>기술문서1의 설명</p> |
|
| 57 |
- <p class="date">23.10.26</p> |
|
| 58 |
- </div> |
|
| 59 |
- <div> |
|
| 60 |
- <button @click="goToPage3">바로가기</button> |
|
| 61 |
- </div> |
|
| 62 |
- </li> |
|
| 63 |
- </ul> |
|
| 64 | 66 |
</div> |
| 65 | 67 |
</div> |
| 66 | 68 |
</template> |
--- client/views/pages/user/Data/TechnologyOne.vue
+++ client/views/pages/user/Data/TechnologyOne.vue
... | ... | @@ -1,44 +1,39 @@ |
| 1 | 1 |
<template> |
| 2 | 2 |
<div class="w1400"> |
| 3 |
- <section class="tech-logo"> |
|
| 4 |
- <img src="../../../../resources/jpg/tech-logo.png" alt=""> |
|
| 5 |
- |
|
| 6 |
- <h1>기술문서</h1> |
|
| 7 |
- </section> |
|
| 8 |
- |
|
| 9 |
- <div class="tech-sec"> |
|
| 10 |
- <section class="tech-sec1"> |
|
| 11 |
- <h2>2022년 온라인 콘텐츠 활용 교과서 선도학교 교원 역량 효과성 분석</h2> |
|
| 12 |
- <div> |
|
| 13 |
- <input type="file" id="dtaildown" style="display: none;"> |
|
| 14 |
- <label for="dtaildown">기술문서 다운로드</label> |
|
| 15 |
- <i class="fa-solid fa-download" style="color: #ffffff;"></i> |
|
| 16 |
- </div> |
|
| 17 |
- </section> |
|
| 18 |
- |
|
| 19 |
- <!-- /상세내용 --> |
|
| 20 |
- <section class="tech-sec2"> |
|
| 21 |
- <section> |
|
| 22 |
- |
|
| 3 |
+ <div class="tech-detail-page"> |
|
| 4 |
+ <div class="page-logo flex-start"> |
|
| 5 |
+ <img src="../../../../resources/jpg/tech-logo.png" alt=""> |
|
| 6 |
+ <h1>기술문서</h1> |
|
| 7 |
+ </div> |
|
| 8 |
+ <div class="tech-detail"> |
|
| 9 |
+ <div class="tech-sec1"> |
|
| 10 |
+ <h2>2022년 온라인 콘텐츠 활용 교과서 선도학교 교원 역량 효과성 분석</h2> |
|
| 23 | 11 |
<div> |
| 24 |
- <img src="../../../../resources/jpg/tech-img.png" alt=""> |
|
| 12 |
+ <input type="file" id="dtaildown" style="display: none;"> |
|
| 13 |
+ <label for="dtaildown">기술문서 다운로드</label> |
|
| 14 |
+ <i class="fa-solid fa-download" style="color: #ffffff;"></i> |
|
| 25 | 15 |
</div> |
| 26 |
- <div> |
|
| 27 |
- <p><span>연구책임자</span> 정종원</p> |
|
| 28 |
- <p><span>연구진</span> 안성훈, 최준석, 이정태, 나화정, 민예슬</p> |
|
| 29 |
- <p><span>담당부서</span> 디지털교과서부</p> |
|
| 30 |
- </div> |
|
| 31 |
- </section> |
|
| 32 |
- <div class="tech-sec2-end"> |
|
| 33 |
- |
|
| 34 |
- <p><span>조회수</span>45454</p> |
|
| 35 |
- |
|
| 36 | 16 |
</div> |
| 37 |
- </section> |
|
| 38 |
- |
|
| 39 |
- <section class="tech-sec2-bt"> |
|
| 40 |
- <button @click="goToPage4">목록</button> |
|
| 41 |
- </section> |
|
| 17 |
+ <!-- /상세내용 --> |
|
| 18 |
+ <div class="tech-sec2"> |
|
| 19 |
+ <div> |
|
| 20 |
+ <div> |
|
| 21 |
+ <img src="../../../../resources/jpg/tech-img.png" alt=""> |
|
| 22 |
+ </div> |
|
| 23 |
+ <div> |
|
| 24 |
+ <p><span>연구책임자</span> 정종원</p> |
|
| 25 |
+ <p><span>연구진</span> 안성훈, 최준석, 이정태, 나화정, 민예슬</p> |
|
| 26 |
+ <p><span>담당부서</span> 디지털교과서부</p> |
|
| 27 |
+ </div> |
|
| 28 |
+ </div> |
|
| 29 |
+ <div class="tech-sec2-end"> |
|
| 30 |
+ <p><span>조회수</span>45454</p> |
|
| 31 |
+ </div> |
|
| 32 |
+ </div> |
|
| 33 |
+ <div class="tech-sec2-bt"> |
|
| 34 |
+ <button @click="goToPage4">목록</button> |
|
| 35 |
+ </div> |
|
| 36 |
+ </div> |
|
| 42 | 37 |
</div> |
| 43 | 38 |
</div> |
| 44 | 39 |
</template> |
--- client/views/pages/user/community/News.vue
+++ client/views/pages/user/community/News.vue
... | ... | @@ -1,79 +1,62 @@ |
| 1 | 1 |
<template> |
| 2 |
- <div> |
|
| 3 |
- |
|
| 4 |
- |
|
| 2 |
+ <div class="news-page page"> |
|
| 5 | 3 |
<div class="w1400"> |
| 6 |
- <div class="page-logo new-logo"> |
|
| 7 |
- <img src="../../../../resources/jpg/info-logo.png" alt=""> |
|
| 8 |
- <h1>홍보/뉴스</h1> |
|
| 4 |
+ <div class="news"> |
|
| 5 |
+ <div class="page-logo flex-start"> |
|
| 6 |
+ <img src="../../../../resources/jpg/info-logo.png" alt=""> |
|
| 7 |
+ <h1>홍보/뉴스</h1> |
|
| 8 |
+ </div> |
|
| 9 |
+ <ul class="news-bos"> |
|
| 10 |
+ <li class="news-bos-box"> |
|
| 11 |
+ <div class="modal-img" |
|
| 12 |
+ @click="openModal('https://www.youtube.com/embed/rCu7WIxf5P8?si=1KRKYGkd8uh6pe9h')">
|
|
| 13 |
+ <img src="https://img.youtube.com/vi/rCu7WIxf5P8/0.jpg" alt="Thumbnail 2"> |
|
| 14 |
+ </div> |
|
| 15 |
+ <div> |
|
| 16 |
+ <h3>학교알리미</h3> |
|
| 17 |
+ </div> |
|
| 18 |
+ <div class="news-box-sed"> |
|
| 19 |
+ <p>[사립유치원K-에듀파인] 사립유치원회계, 어떻게 하면 투명하게 운영할 수 있을까요?</p> |
|
| 20 |
+ </div> |
|
| 21 |
+ <div class="news-box-end"> |
|
| 22 |
+ <p>작성자 <span>케리스</span></p> |
|
| 23 |
+ <p>조회수 <span>100</span></p> |
|
| 24 |
+ </div> |
|
| 25 |
+ </li> |
|
| 26 |
+ <li class="news-bos-box"> |
|
| 27 |
+ <div class="modal-img" |
|
| 28 |
+ @click="openModal('https://www.youtube.com/embed/rCu7WIxf5P8?si=1KRKYGkd8uh6pe9h')">
|
|
| 29 |
+ <img src="https://img.youtube.com/vi/rCu7WIxf5P8/0.jpg" alt="Thumbnail 2"> |
|
| 30 |
+ </div> |
|
| 31 |
+ <div> |
|
| 32 |
+ <h3>학교알리미</h3> |
|
| 33 |
+ </div> |
|
| 34 |
+ <div class="news-box-sed"> |
|
| 35 |
+ <p>[사립유치원K-에듀파인] 사립유치원회계, 어떻게 하면 투명하게 운영할 수 있을까요?</p> |
|
| 36 |
+ </div> |
|
| 37 |
+ <div class="news-box-end"> |
|
| 38 |
+ <p>작성자 <span>케리스</span></p> |
|
| 39 |
+ <p>조회수 <span>100</span></p> |
|
| 40 |
+ </div> |
|
| 41 |
+ </li> |
|
| 42 |
+ <li class="news-bos-box"> |
|
| 43 |
+ <div class="modal-img" |
|
| 44 |
+ @click="openModal('https://www.youtube.com/embed/rCu7WIxf5P8?si=1KRKYGkd8uh6pe9h')">
|
|
| 45 |
+ <img src="https://img.youtube.com/vi/rCu7WIxf5P8/0.jpg" alt="Thumbnail 2"> |
|
| 46 |
+ </div> |
|
| 47 |
+ <div> |
|
| 48 |
+ <h3>학교알리미</h3> |
|
| 49 |
+ </div> |
|
| 50 |
+ <div class="news-box-sed"> |
|
| 51 |
+ <p>[사립유치원K-에듀파인] 사립유치원회계, 어떻게 하면 투명하게 운영할 수 있을까요?</p> |
|
| 52 |
+ </div> |
|
| 53 |
+ <div class="news-box-end"> |
|
| 54 |
+ <p>작성자 <span>케리스</span></p> |
|
| 55 |
+ <p>조회수 <span>100</span></p> |
|
| 56 |
+ </div> |
|
| 57 |
+ </li> |
|
| 58 |
+ </ul> |
|
| 9 | 59 |
</div> |
| 10 |
- |
|
| 11 |
- |
|
| 12 |
- |
|
| 13 |
- |
|
| 14 |
- |
|
| 15 |
- |
|
| 16 |
- <section class="news-bos"> |
|
| 17 |
- <section class="news-bos-box"> |
|
| 18 |
- |
|
| 19 |
- <div class="modal-img" |
|
| 20 |
- @click="openModal('https://www.youtube.com/embed/rCu7WIxf5P8?si=1KRKYGkd8uh6pe9h')">
|
|
| 21 |
- <img src="https://img.youtube.com/vi/rCu7WIxf5P8/0.jpg" alt="Thumbnail 2"> |
|
| 22 |
- </div> |
|
| 23 |
- <div> |
|
| 24 |
- <h3>학교알리미</h3> |
|
| 25 |
- </div> |
|
| 26 |
- <div class="news-box-sed"> |
|
| 27 |
- <p>[사립유치원K-에듀파인] 사립유치원회계, 어떻게 하면 투명하게 운영할 수 있을까요?</p> |
|
| 28 |
- </div> |
|
| 29 |
- |
|
| 30 |
- <div class="news-box-end"> |
|
| 31 |
- <p>작성자 <span>케리스</span></p> |
|
| 32 |
- <p>조회수 <span>100</span></p> |
|
| 33 |
- </div> |
|
| 34 |
- </section> |
|
| 35 |
- |
|
| 36 |
- |
|
| 37 |
- <section class="news-bos-box"> |
|
| 38 |
- |
|
| 39 |
- <div class="modal-img" |
|
| 40 |
- @click="openModal('https://www.youtube.com/embed/rCu7WIxf5P8?si=1KRKYGkd8uh6pe9h')">
|
|
| 41 |
- <img src="https://img.youtube.com/vi/rCu7WIxf5P8/0.jpg" alt="Thumbnail 2"> |
|
| 42 |
- </div> |
|
| 43 |
- <div> |
|
| 44 |
- <h3>학교알리미</h3> |
|
| 45 |
- </div> |
|
| 46 |
- <div class="news-box-sed"> |
|
| 47 |
- <p>[사립유치원K-에듀파인] 사립유치원회계, 어떻게 하면 투명하게 운영할 수 있을까요?</p> |
|
| 48 |
- </div> |
|
| 49 |
- |
|
| 50 |
- <div class="news-box-end"> |
|
| 51 |
- <p>작성자 <span>케리스</span></p> |
|
| 52 |
- <p>조회수 <span>100</span></p> |
|
| 53 |
- </div> |
|
| 54 |
- </section> |
|
| 55 |
- <section class="news-bos-box"> |
|
| 56 |
- |
|
| 57 |
- <div class="modal-img" |
|
| 58 |
- @click="openModal('https://www.youtube.com/embed/rCu7WIxf5P8?si=1KRKYGkd8uh6pe9h')">
|
|
| 59 |
- <img src="https://img.youtube.com/vi/rCu7WIxf5P8/0.jpg" alt="Thumbnail 2"> |
|
| 60 |
- </div> |
|
| 61 |
- <div> |
|
| 62 |
- <h3>학교알리미</h3> |
|
| 63 |
- </div> |
|
| 64 |
- <div class="news-box-sed"> |
|
| 65 |
- <p>[사립유치원K-에듀파인] 사립유치원회계, 어떻게 하면 투명하게 운영할 수 있을까요?</p> |
|
| 66 |
- </div> |
|
| 67 |
- |
|
| 68 |
- <div class="news-box-end"> |
|
| 69 |
- <p>작성자 <span>케리스</span></p> |
|
| 70 |
- <p>조회수 <span>100</span></p> |
|
| 71 |
- </div> |
|
| 72 |
- </section> |
|
| 73 |
- </section> |
|
| 74 |
- |
|
| 75 |
- |
|
| 76 |
- |
|
| 77 | 60 |
<div v-if="isModalOpen" class="modal"> |
| 78 | 61 |
<div class="modal-content"> |
| 79 | 62 |
<iframe width="100%" height="80%" :src="videoUrl" title="YouTube video player" frameborder="0" |
--- client/views/pages/user/community/Notice.vue
+++ client/views/pages/user/community/Notice.vue
... | ... | @@ -1,58 +1,47 @@ |
| 1 | 1 |
<template> |
| 2 |
- <div class="w1400"> |
|
| 3 |
- <div class="noti-bos"> |
|
| 4 |
- <section class="main-sec sec1"> |
|
| 5 |
- <!-- <div class="main-content"> --> |
|
| 6 |
- <div class="flex"> |
|
| 7 |
- <!-- 자료집 비주얼 --> |
|
| 8 |
- <div class="data-b"> |
|
| 9 |
- <div class="w1400"> |
|
| 10 |
- <div class="data-b-b"> |
|
| 11 |
- <!-- 자료집 텍스트 --> |
|
| 12 |
- <div class="data-text"> |
|
| 13 |
- <img src="../../../../resources/jpg/notic-logo-img.png" alt=""> |
|
| 14 |
- <p>공지사항</p> |
|
| 15 |
- </div> |
|
| 16 |
- </div> |
|
| 17 |
- </div> |
|
| 2 |
+ <div class="notice-page page"> |
|
| 3 |
+ <div class="w1400"> |
|
| 4 |
+ <div class="noti-bos"> |
|
| 5 |
+ <div class="page-logo flex-start"> |
|
| 6 |
+ <img src="../../../../resources/jpg/notic-logo-img.png" alt=""> |
|
| 7 |
+ <h1>공지사항</h1> |
|
| 8 |
+ </div> |
|
| 9 |
+ <div class="btn-wrap data-btn-wrap"> |
|
| 10 |
+ <select v-model="postListSearch.searchType" name="data-table-sild" id="data-table-sild"> |
|
| 11 |
+ <option :value=null selected>전체</option> |
|
| 12 |
+ <option value="title">제목</option> |
|
| 13 |
+ <option value="user">작성자</option> |
|
| 14 |
+ <option value="조회순">조회순</option> |
|
| 15 |
+ </select> |
|
| 16 |
+ <div class="input-group"> |
|
| 17 |
+ <input type="text" class="input" placeholder="검색어를 입력해주세요." v-model="postListSearch.searchText" |
|
| 18 |
+ @keyup.enter="postSelectList()"> |
|
| 19 |
+ <input class="button--submit" value="검색" type="submit" @click="postSelectList()"> |
|
| 18 | 20 |
</div> |
| 19 | 21 |
</div> |
| 20 |
- </section> |
|
| 21 |
- <div class="btn-wrap data-btn-wrap"> |
|
| 22 |
- <select v-model="postListSearch.searchType" name="data-table-sild" id="data-table-sild"> |
|
| 23 |
- <option :value=null selected>전체</option> |
|
| 24 |
- <option value="title">제목</option> |
|
| 25 |
- <option value="user">작성자</option> |
|
| 26 |
- <option value="조회순">조회순</option> |
|
| 27 |
- </select> |
|
| 28 |
- <div class="input-group"> |
|
| 29 |
- <input type="text" class="input" placeholder="검색어를 입력해주세요." v-model="postListSearch.searchText" |
|
| 30 |
- @keyup.enter="postSelectList()"> |
|
| 31 |
- <input class="button--submit" value="검색" type="submit" @click="postSelectList()"> |
|
| 22 |
+ <div class="noti-sec"> |
|
| 23 |
+ <div class="noti-sec-table"> |
|
| 24 |
+ <table> |
|
| 25 |
+ <th>no</th> |
|
| 26 |
+ <th>제목</th> |
|
| 27 |
+ <th>작성자</th> |
|
| 28 |
+ <th>작성일</th> |
|
| 29 |
+ <th>조회수</th> |
|
| 30 |
+ |
|
| 31 |
+ <tr v-for="(item, idx) in postList" :key="idx" @click="postSelectOnePage(item)"> |
|
| 32 |
+ <td>{{ postIdx - idx }}</td>
|
|
| 33 |
+ <td>{{ item.post_title }}</td>
|
|
| 34 |
+ <td>{{ item.rgtr_id }}</td>
|
|
| 35 |
+ <td>{{ yyyymmdd(item.reg_dt) }}</td>
|
|
| 36 |
+ <td>{{ item.view_cnt }}</td>
|
|
| 37 |
+ </tr> |
|
| 38 |
+ <tr v-if="postListCount == 0"> |
|
| 39 |
+ <td style="font-size: 20px;" colspan="5">검색조건에 해당하는 데이터가 없습니다.</td> |
|
| 40 |
+ </tr> |
|
| 41 |
+ </table> |
|
| 42 |
+ </div> |
|
| 32 | 43 |
</div> |
| 33 | 44 |
</div> |
| 34 |
- <section class="noti-sec"> |
|
| 35 |
- <div class="noti-sec-table"> |
|
| 36 |
- <table> |
|
| 37 |
- <th>no</th> |
|
| 38 |
- <th>제목</th> |
|
| 39 |
- <th>작성자</th> |
|
| 40 |
- <th>작성일</th> |
|
| 41 |
- <th>조회수</th> |
|
| 42 |
- |
|
| 43 |
- <tr v-for="(item, idx) in postList" :key="idx" @click="postSelectOnePage(item)"> |
|
| 44 |
- <td>{{ postIdx - idx }}</td>
|
|
| 45 |
- <td>{{ item.post_title }}</td>
|
|
| 46 |
- <td>{{ item.rgtr_id }}</td>
|
|
| 47 |
- <td>{{ yyyymmdd(item.reg_dt) }}</td>
|
|
| 48 |
- <td>{{ item.view_cnt }}</td>
|
|
| 49 |
- </tr> |
|
| 50 |
- <tr v-if="postListCount == 0"> |
|
| 51 |
- <td style="font-size: 20px;" colspan="5">검색조건에 해당하는 데이터가 없습니다.</td> |
|
| 52 |
- </tr> |
|
| 53 |
- </table> |
|
| 54 |
- </div> |
|
| 55 |
- </section> |
|
| 56 | 45 |
</div> |
| 57 | 46 |
</div> |
| 58 | 47 |
</template> |
--- client/views/pages/user/community/NoticeOne.vue
+++ client/views/pages/user/community/NoticeOne.vue
... | ... | @@ -1,56 +1,44 @@ |
| 1 | 1 |
<template> |
| 2 | 2 |
<div class="w1400"> |
| 3 |
- <section class="main-sec sec1"> |
|
| 4 |
- <!-- <div class="main-content"> --> |
|
| 5 |
- <div class="flex"> |
|
| 6 |
- <!-- 자료집 비주얼 --> |
|
| 7 |
- <div class="data-b"> |
|
| 8 |
- <div class="w1400"> |
|
| 9 |
- <div class="data-b-b"> |
|
| 10 |
- <!-- 자료집 텍스트 --> |
|
| 11 |
- <div class="data-text"> |
|
| 12 |
- <img src="../../../../resources/jpg/notic-logo-img.png" alt=""> |
|
| 13 |
- <p>공지사항</p> |
|
| 14 |
- </div> |
|
| 15 |
- </div> |
|
| 16 |
- </div> |
|
| 17 |
- </div> |
|
| 3 |
+ <div class="notice-detail-page"> |
|
| 4 |
+ <div class="page-logo flex-start"> |
|
| 5 |
+ <img src="../../../../resources/jpg/notic-logo-img.png" alt=""> |
|
| 6 |
+ <h1>공지사항</h1> |
|
| 18 | 7 |
</div> |
| 19 |
- </section> |
|
| 8 |
+ <div class="notice-dtail"> |
|
| 9 |
+ <table class="insert-table"> |
|
| 10 |
+ <tbody> |
|
| 11 |
+ <tr> |
|
| 12 |
+ <td class="title-zone" colspan="2"> |
|
| 13 |
+ <p><span class="post-title">[공지] K-MOOC 마이크로러닝 강좌 개발 가이드라인</span></p> |
|
| 14 |
+ <p class="flex-end"> |
|
| 15 |
+ <span class="writer">작성자</span><span>케리스</span> |
|
| 16 |
+ <span class="view">작성일자</span><span>2023/10/27</span> |
|
| 17 |
+ <span class="view">조회수</span><span>1234</span> |
|
| 18 |
+ </p> |
|
| 19 |
+ </td> |
|
| 20 |
+ </tr> |
|
| 21 |
+ <tr> |
|
| 22 |
+ <td colspan="2" style="border-bottom: 1px solid #007aff;"> |
|
| 23 |
+ <div id="viewer" ref="viewer" class="viewer"></div> |
|
| 24 |
+ </td> |
|
| 25 |
+ </tr> |
|
| 26 |
+ <tr> |
|
| 27 |
+ <th style="width: 10%;">첨부파일명</th> |
|
| 28 |
+ <td> |
|
| 20 | 29 |
|
| 21 |
- <div class="Data-dtail"> |
|
| 22 |
- <section> |
|
| 23 |
- |
|
| 24 |
- <h1>{{ post.title }}</h1>
|
|
| 25 |
- <p>조회수 {{ post.views }}</p>
|
|
| 26 |
- <p>작성일 {{ post.date }}</p>
|
|
| 27 |
- </section> |
|
| 28 |
- |
|
| 29 |
- <section class="dtail-ing"> |
|
| 30 |
- |
|
| 31 |
- <div>{{ post.content }}</div>
|
|
| 32 |
- <div> |
|
| 33 |
- <i class="fa-regular fa-heart fa-lg" style="color: #3f87f7;"></i> |
|
| 34 |
- {{ post.pick }}
|
|
| 35 |
- </div> |
|
| 36 |
- </section> |
|
| 37 |
- |
|
| 38 |
- <!-- <section class="dtail-button"> |
|
| 39 |
- |
|
| 40 |
- <input type="file" id="file" style="display: none;"> |
|
| 41 |
- <label for="file" class="data-file-bt">파일업로드</label> |
|
| 42 |
- </section> --> |
|
| 43 |
- |
|
| 44 |
- |
|
| 45 |
- <section class="dtail-navigation"> |
|
| 46 |
- <button>다음글</button> |
|
| 47 |
- <button>이전글</button> |
|
| 48 |
- </section> |
|
| 49 |
- |
|
| 50 |
- <section class="dtail-navigation-in"> |
|
| 51 |
- <button @click="goBack">목록</button> |
|
| 52 |
- </section> |
|
| 53 |
- <!-- <hr> --> |
|
| 30 |
+ <!-- 나중에 기능 붙일때 주석 풀고 쓰기 --> |
|
| 31 |
+ <!-- <div v-if="fileList.length == 0"> |
|
| 32 |
+ <label>첨부된 파일이 없습니다.</label> |
|
| 33 |
+ </div> |
|
| 34 |
+ <ul v-else v-for="(item, idx) in fileList" :key="idx"> |
|
| 35 |
+ <li @click="downloadFile(item)">{{ item.real_file_nm }}</li>
|
|
| 36 |
+ </ul> --> |
|
| 37 |
+ </td> |
|
| 38 |
+ </tr> |
|
| 39 |
+ </tbody> |
|
| 40 |
+ </table> |
|
| 41 |
+ </div> |
|
| 54 | 42 |
</div> |
| 55 | 43 |
</div> |
| 56 | 44 |
</template> |
... | ... | @@ -62,136 +50,10 @@ |
| 62 | 50 |
post: {}
|
| 63 | 51 |
}; |
| 64 | 52 |
}, |
| 53 |
+ methods: {},
|
|
| 65 | 54 |
mounted() {
|
| 66 |
- const postId = this.$route.params.id; |
|
| 67 |
- this.fetchPostData(postId); |
|
| 68 |
- |
|
| 69 | 55 |
}, |
| 70 |
- methods: {
|
|
| 71 |
- goBack() {
|
|
| 72 |
- this.$router.go(-1); |
|
| 73 |
- }, |
|
| 74 |
- fetchPostData(postId) {
|
|
| 75 |
- const dummyData = {
|
|
| 76 |
- id: postId, |
|
| 77 |
- title: ' [공지] K-MOOC 마이크로러닝 강좌 개발 가이드라인', |
|
| 78 |
- views: 1234, |
|
| 79 |
- date: '2023/10/27', |
|
| 80 |
- content: '안녕하세요? 한국교육학술정보원(KERIS)에서는 AI 디지털교과서 개발을 위해 개발 영역에 대한 기술지원(교육·컨설팅 등)을 계획하고 있습니다.이에, 개발사에서 희망하는 기술지원 영역에대한 수요 조사를 다음과 같이 실시하오니 많은 참여 바랍니다. [즐거움이 가득한 학습교재] 학생이 흥미를 가지고 즐겁게 공부할 수 있도록 학생의 경험과 수준에 맞는 교재를 개발하기 위해 항상 연구하며 노력하고 있습니다.', |
|
| 81 |
- pick: '155' |
|
| 82 |
- }; |
|
| 83 |
- this.post = dummyData; |
|
| 84 |
- } |
|
| 85 |
- |
|
| 86 |
- } |
|
| 87 | 56 |
} |
| 88 | 57 |
</script> |
| 89 | 58 |
|
| 90 |
-<style scoped> |
|
| 91 |
-section {
|
|
| 92 |
- border-bottom: 1px solid #007aff; |
|
| 93 |
-} |
|
| 94 |
- |
|
| 95 |
-.Data-dtail {
|
|
| 96 |
- width: 100%; |
|
| 97 |
- |
|
| 98 |
- padding: 0rem 3rem 12rem; |
|
| 99 |
-} |
|
| 100 |
- |
|
| 101 |
-.sec1 {
|
|
| 102 |
- border: 0px; |
|
| 103 |
-} |
|
| 104 |
- |
|
| 105 |
-.Data-dtail section h1 {
|
|
| 106 |
- color: #007aff; |
|
| 107 |
-} |
|
| 108 |
- |
|
| 109 |
-.Data-dtail section:nth-child(1) {
|
|
| 110 |
- /* border: 1px solid red; */ |
|
| 111 |
- background-color: rgb(236, 236, 236); |
|
| 112 |
- border-top: 1px solid #007aff; |
|
| 113 |
- |
|
| 114 |
-} |
|
| 115 |
- |
|
| 116 |
-.Data-dtail section:nth-child(1) {
|
|
| 117 |
- display: grid; |
|
| 118 |
- grid-template-columns: 73% 10% 14%; |
|
| 119 |
-} |
|
| 120 |
- |
|
| 121 |
-.Data-dtail section:nth-child(3) {
|
|
| 122 |
- /* padding: 3rem; */ |
|
| 123 |
- font-size: 1.7rem; |
|
| 124 |
-} |
|
| 125 |
- |
|
| 126 |
-.Data-dtail h1 {
|
|
| 127 |
- padding: 3rem; |
|
| 128 |
-} |
|
| 129 |
- |
|
| 130 |
-.Data-dtail p {
|
|
| 131 |
- font-size: 1.5rem; |
|
| 132 |
- padding: 4rem 0rem 0rem 3rem; |
|
| 133 |
- /* border: 1px solid red; */ |
|
| 134 |
-} |
|
| 135 |
- |
|
| 136 |
-.dtail-ing {
|
|
| 137 |
- padding: 3rem; |
|
| 138 |
- min-height: 40rem; |
|
| 139 |
- display: grid; |
|
| 140 |
- grid-template-columns: 1fr; |
|
| 141 |
- align-content: space-between; |
|
| 142 |
-} |
|
| 143 |
- |
|
| 144 |
-.dtail-ing div {
|
|
| 145 |
- font-size: 1.7rem; |
|
| 146 |
-} |
|
| 147 |
- |
|
| 148 |
-.dtail-button {
|
|
| 149 |
- padding: 3rem; |
|
| 150 |
-} |
|
| 151 |
- |
|
| 152 |
-hr {
|
|
| 153 |
- border: 0.5px solid #007aff; |
|
| 154 |
-} |
|
| 155 |
- |
|
| 156 |
-.data-file-bt {
|
|
| 157 |
- cursor: pointer; |
|
| 158 |
-} |
|
| 159 |
- |
|
| 160 |
-.dtail-navigation {
|
|
| 161 |
- /* border: 1px solid red; */ |
|
| 162 |
- /* padding: 3r/em; */ |
|
| 163 |
- display: grid; |
|
| 164 |
- grid-template-columns: 1fr; |
|
| 165 |
-} |
|
| 166 |
- |
|
| 167 |
-.dtail-navigation button {
|
|
| 168 |
- padding: 2rem 3rem; |
|
| 169 |
- text-align: left; |
|
| 170 |
- font-family: "Pretendard-Regular"; |
|
| 171 |
- color: #007aff; |
|
| 172 |
- font-size: 1.5rem; |
|
| 173 |
- font-weight: 600; |
|
| 174 |
- |
|
| 175 |
-} |
|
| 176 |
- |
|
| 177 |
-.dtail-navigation button:nth-child(1) {
|
|
| 178 |
- border-bottom: 0.5px solid #787878; |
|
| 179 |
- |
|
| 180 |
-} |
|
| 181 |
- |
|
| 182 |
-.dtail-navigation-in {
|
|
| 183 |
- border: 0px; |
|
| 184 |
- padding: 3rem 0; |
|
| 185 |
- text-align: right; |
|
| 186 |
- |
|
| 187 |
-} |
|
| 188 |
- |
|
| 189 |
-.dtail-navigation-in button {
|
|
| 190 |
- padding: 1.5rem 5rem; |
|
| 191 |
- background-color: #007aff; |
|
| 192 |
- color: white; |
|
| 193 |
- font-family: "Pretendard-Regular"; |
|
| 194 |
- border-radius: 1.5rem; |
|
| 195 |
- |
|
| 196 |
-} |
|
| 197 |
-</style>(No newline at end of file) |
|
| 59 |
+<style scoped></style>(No newline at end of file) |
--- client/views/pages/user/community/Wgcommunity.vue
+++ client/views/pages/user/community/Wgcommunity.vue
... | ... | @@ -1,99 +1,102 @@ |
| 1 | 1 |
<template> |
| 2 |
- <div class="w1400"> |
|
| 3 |
- <section class="wg-logo"> |
|
| 4 |
- <img src="../../../../resources/jpg/wgcon.png" alt=""> |
|
| 5 |
- |
|
| 6 |
- <h1>전문가 협의체</h1> |
|
| 7 |
- </section> |
|
| 8 |
- <section class="wg-wrap"> |
|
| 9 |
- <div class="wg-wrap-h1"> |
|
| 10 |
- <h1>개발(기술)영역별 전문가 협의체(WG)에서 AI디지털교과서 개발지원을 위한 연구에 참고한 문서를 공유합니다.</h1> |
|
| 11 |
- </div> |
|
| 12 |
- <div class="wg-wrap-search"> |
|
| 13 |
- <div> |
|
| 14 |
- <!-- <p>※찾고자 하시는 문서의 제목을 입력하시거나 그룹또는 작성자를 입력하시면 보실 수 있습니다.</p> --> |
|
| 15 |
- <div class="wg-search-bos"> |
|
| 16 |
- <div class="wg-search-grid"> |
|
| 17 |
- <div class="wg-grid-1"> |
|
| 18 |
- <div> |
|
| 19 |
- |
|
| 20 |
- <label for="groupSearch"></label> |
|
| 21 |
- <select id="groupSelect" v-model="search.group"> |
|
| 22 |
- <option value="">제목 + 내용</option> |
|
| 23 |
- <option value="">제목 + 내용</option> |
|
| 24 |
- <option value="">제목 + 내용</option> |
|
| 25 |
- <option value="">제목 + 내용</option> |
|
| 26 |
- </select> |
|
| 27 |
- </div> |
|
| 28 |
- |
|
| 29 |
- <div> |
|
| 30 |
- |
|
| 31 |
- <label for="titleSearch"></label> |
|
| 32 |
- <input id="titleSearch" v-model="search.title" type="text" placeholder="검색하세요"> |
|
| 33 |
- </div> |
|
| 34 |
- </div> |
|
| 35 |
- <div class="wg-grid-2"> |
|
| 36 |
- |
|
| 37 |
- <div class="wg-title"> |
|
| 38 |
- |
|
| 39 |
- <label for="authorSearch">워킹그룹</label> |
|
| 40 |
- |
|
| 41 |
- <select id="groupSelect2" v-model="search.group"> |
|
| 42 |
- <option value="">그룹1</option> |
|
| 43 |
- <option value="">그룹2</option> |
|
| 44 |
- <option value="">그룹3</option> |
|
| 45 |
- <option value="">그룹4</option> |
|
| 46 |
- <option value="">그룹5</option> |
|
| 47 |
- <option value="">그룹6</option> |
|
| 48 |
- <option value="">그룹7</option> |
|
| 49 |
- <option value="">그룹8</option> |
|
| 50 |
- <option value="">그룹9</option> |
|
| 51 |
- <option value="">그룹10</option> |
|
| 52 |
- <option value="">그룹11</option> |
|
| 53 |
- </select> |
|
| 54 |
- |
|
| 55 |
- </div> |
|
| 56 |
- <div class="wg-title2"> |
|
| 57 |
- |
|
| 58 |
- <label for="dateSearch">작성 날짜 </label> |
|
| 59 |
- |
|
| 60 |
- <input id="dateSearch" v-model="search.date" type="date"> |
|
| 61 |
- <p>~</p> |
|
| 62 |
- <input id="dateSearch" v-model="search.date" type="date"> |
|
| 63 |
- </div> |
|
| 64 |
- |
|
| 65 |
- <button @click="performSearch"> 검색</button> |
|
| 66 |
- </div> |
|
| 67 |
- </div> |
|
| 68 |
- |
|
| 69 |
- </div> |
|
| 2 |
+ <div class="wg-page page"> |
|
| 3 |
+ <div class="w1400"> |
|
| 4 |
+ <div class="page-logo"> |
|
| 5 |
+ <div class="flex-start"> |
|
| 6 |
+ <img src="../../../../resources/jpg/wgcon.png" alt=""> |
|
| 7 |
+ <h1>전문가 협의체</h1> |
|
| 8 |
+ </div> |
|
| 9 |
+ <div class="wg-wrap-h2"> |
|
| 10 |
+ <h2>개발(기술)영역별 전문가 협의체(WG)에서 AI디지털교과서 개발지원을 위한 연구에 참고한 문서를 공유합니다.</h2> |
|
| 70 | 11 |
</div> |
| 71 | 12 |
</div> |
| 72 |
- <div> |
|
| 73 |
- <table class="wg-table"> |
|
| 74 |
- <thead> |
|
| 75 |
- <tr> |
|
| 76 |
- <th>NO</th> |
|
| 77 |
- <th>워킹그룹</th> |
|
| 78 |
- <th>제목</th> |
|
| 79 |
- <th>작성자</th> |
|
| 80 |
- <th>날짜</th> |
|
| 81 |
- <th>조회수</th> |
|
| 82 |
- </tr> |
|
| 83 |
- </thead> |
|
| 84 |
- <tbody> |
|
| 85 |
- <tr v-for="(item, index) in items" :key="index" @click="goToDetail(item)"> |
|
| 86 |
- <td>{{ index + 1 }}</td>
|
|
| 87 |
- <td>{{ item.group }}</td>
|
|
| 88 |
- <td>{{ item.title }}</td>
|
|
| 89 |
- <td>{{ item.author }}</td>
|
|
| 90 |
- <td>{{ item.date }}</td>
|
|
| 91 |
- <td>{{ item.views }}</td>
|
|
| 92 |
- </tr> |
|
| 93 |
- </tbody> |
|
| 94 |
- </table> |
|
| 13 |
+ <div class="wg-wrap"> |
|
| 14 |
+ <div class="wg-wrap-search"> |
|
| 15 |
+ <div> |
|
| 16 |
+ <!-- <p>※찾고자 하시는 문서의 제목을 입력하시거나 그룹또는 작성자를 입력하시면 보실 수 있습니다.</p> --> |
|
| 17 |
+ <div class="wg-search-bos"> |
|
| 18 |
+ <div class="wg-search-grid"> |
|
| 19 |
+ <div class="wg-grid-1"> |
|
| 20 |
+ <div> |
|
| 21 |
+ |
|
| 22 |
+ <label for="groupSearch"></label> |
|
| 23 |
+ <select id="groupSelect" v-model="search.group"> |
|
| 24 |
+ <option value="">제목 + 내용</option> |
|
| 25 |
+ <option value="">제목 + 내용</option> |
|
| 26 |
+ <option value="">제목 + 내용</option> |
|
| 27 |
+ <option value="">제목 + 내용</option> |
|
| 28 |
+ </select> |
|
| 29 |
+ </div> |
|
| 30 |
+ |
|
| 31 |
+ <div> |
|
| 32 |
+ |
|
| 33 |
+ <label for="titleSearch"></label> |
|
| 34 |
+ <input id="titleSearch" v-model="search.title" type="text" placeholder="검색하세요"> |
|
| 35 |
+ </div> |
|
| 36 |
+ </div> |
|
| 37 |
+ <div class="wg-grid-2"> |
|
| 38 |
+ |
|
| 39 |
+ <div class="wg-title"> |
|
| 40 |
+ |
|
| 41 |
+ <label for="authorSearch">워킹그룹</label> |
|
| 42 |
+ |
|
| 43 |
+ <select id="groupSelect2" v-model="search.group"> |
|
| 44 |
+ <option value="">그룹1</option> |
|
| 45 |
+ <option value="">그룹2</option> |
|
| 46 |
+ <option value="">그룹3</option> |
|
| 47 |
+ <option value="">그룹4</option> |
|
| 48 |
+ <option value="">그룹5</option> |
|
| 49 |
+ <option value="">그룹6</option> |
|
| 50 |
+ <option value="">그룹7</option> |
|
| 51 |
+ <option value="">그룹8</option> |
|
| 52 |
+ <option value="">그룹9</option> |
|
| 53 |
+ <option value="">그룹10</option> |
|
| 54 |
+ <option value="">그룹11</option> |
|
| 55 |
+ </select> |
|
| 56 |
+ |
|
| 57 |
+ </div> |
|
| 58 |
+ <div class="wg-title2"> |
|
| 59 |
+ |
|
| 60 |
+ <label for="dateSearch">작성 날짜 </label> |
|
| 61 |
+ |
|
| 62 |
+ <input id="dateSearch" v-model="search.date" type="date"> |
|
| 63 |
+ <p>~</p> |
|
| 64 |
+ <input id="dateSearch" v-model="search.date" type="date"> |
|
| 65 |
+ </div> |
|
| 66 |
+ |
|
| 67 |
+ <button @click="performSearch"> 검색</button> |
|
| 68 |
+ </div> |
|
| 69 |
+ </div> |
|
| 70 |
+ |
|
| 71 |
+ </div> |
|
| 72 |
+ </div> |
|
| 73 |
+ </div> |
|
| 74 |
+ <div> |
|
| 75 |
+ <table class="wg-table"> |
|
| 76 |
+ <thead> |
|
| 77 |
+ <tr> |
|
| 78 |
+ <th>NO</th> |
|
| 79 |
+ <th>워킹그룹</th> |
|
| 80 |
+ <th>제목</th> |
|
| 81 |
+ <th>작성자</th> |
|
| 82 |
+ <th>날짜</th> |
|
| 83 |
+ <th>조회수</th> |
|
| 84 |
+ </tr> |
|
| 85 |
+ </thead> |
|
| 86 |
+ <tbody> |
|
| 87 |
+ <tr v-for="(item, index) in items" :key="index" @click="goToDetail(item)"> |
|
| 88 |
+ <td>{{ index + 1 }}</td>
|
|
| 89 |
+ <td>{{ item.group }}</td>
|
|
| 90 |
+ <td>{{ item.title }}</td>
|
|
| 91 |
+ <td>{{ item.author }}</td>
|
|
| 92 |
+ <td>{{ item.date }}</td>
|
|
| 93 |
+ <td>{{ item.views }}</td>
|
|
| 94 |
+ </tr> |
|
| 95 |
+ </tbody> |
|
| 96 |
+ </table> |
|
| 97 |
+ </div> |
|
| 95 | 98 |
</div> |
| 96 |
- </section> |
|
| 99 |
+ </div> |
|
| 97 | 100 |
</div> |
| 98 | 101 |
</template> |
| 99 | 102 |
<script> |
--- client/views/pages/user/join/Join.vue
+++ client/views/pages/user/join/Join.vue
... | ... | @@ -1,319 +1,306 @@ |
| 1 | 1 |
<template> |
| 2 |
- <div class="w1400"> |
|
| 3 |
- <section class="join-logo"> |
|
| 4 |
- <h1>회원가입</h1> |
|
| 5 |
- </section> |
|
| 6 |
- <section class="join-b"> |
|
| 7 |
- <div class="join-b-button"> |
|
| 8 |
- <input type="radio" id="company" v-model="selectedMembership" value="company"> |
|
| 9 |
- <label for="company" class="radio-t t1" @click="initEditor()" |
|
| 10 |
- :style="{ backgroundColor: selectedMembership === 'company' ? '#e2ecfc' : '#86868644' }">
|
|
| 11 |
- 기업회원 |
|
| 12 |
- <img src="../../../../resources/jpg/join-bt2.png" alt=""> |
|
| 13 |
- </label> |
|
| 2 |
+ <div class="join-page page"> |
|
| 3 |
+ <div class="w1400"> |
|
| 4 |
+ <div class="page-logo flex-start"> |
|
| 5 |
+ <img src="../../../../resources/jpg/data-img-text.png" alt=""> |
|
| 6 |
+ <h1>회원가입</h1> |
|
| 7 |
+ </div> |
|
| 8 |
+ <div class="join-b"> |
|
| 9 |
+ <div class="join-b-button"> |
|
| 10 |
+ <input type="radio" id="company" v-model="selectedMembership" value="company"> |
|
| 11 |
+ <label for="company" class="radio-t t1" @click="initEditor()" |
|
| 12 |
+ :style="{ backgroundColor: selectedMembership === 'company' ? '#e2ecfc' : '#86868644' }">
|
|
| 13 |
+ 기업회원 |
|
| 14 |
+ <img src="../../../../resources/jpg/join-bt2.png" alt=""> |
|
| 15 |
+ </label> |
|
| 14 | 16 |
|
| 15 |
- <input type="radio" id="two" v-model="selectedMembership" value="two"> |
|
| 16 |
- <label for="two" class="radio-t t2" |
|
| 17 |
- :style="{ backgroundColor: selectedMembership === 'two' ? '#e6fff1' : '#86868644' }">
|
|
| 18 |
- 일반회원 |
|
| 19 |
- <img src="../../../../resources/jpg/join-bt.png" alt=""> |
|
| 20 |
- |
|
| 21 |
- </label> |
|
| 17 |
+ <input type="radio" id="two" v-model="selectedMembership" value="two"> |
|
| 18 |
+ <label for="two" class="radio-t t2" |
|
| 19 |
+ :style="{ backgroundColor: selectedMembership === 'two' ? '#e6fff1' : '#86868644' }">
|
|
| 20 |
+ 일반회원 |
|
| 21 |
+ <img src="../../../../resources/jpg/join-bt.png" alt=""> |
|
| 22 |
+ </label> |
|
| 23 |
+ </div> |
|
| 22 | 24 |
<div class="join-text"> |
| 23 | 25 |
<p>※회원가입 유형을 선택해주세요.</p> |
| 24 | 26 |
</div> |
| 25 | 27 |
</div> |
| 26 |
- </section> |
|
| 27 |
- <!-- <div v-if="selectedMembership === 'company'"> --> |
|
| 28 |
- <div v-show="selectedMembership === 'company'"> |
|
| 29 |
- <div class="login-info"> |
|
| 30 |
- <div> |
|
| 31 |
- <h3>회원정보</h3> |
|
| 32 |
- <p>※ 기업회원의 경우 담당자 1인만 가입할 수 있습니다. 이미 가입한 기업은 중복 계정 생성이 불가합니다. |
|
| 33 |
- </p> |
|
| 34 |
- <hr> |
|
| 35 |
- </div> |
|
| 36 |
- <section class="join-sec1 joinsub0"> |
|
| 37 |
- <div class="join-sec-sub "> |
|
| 38 |
- <span>아이디</span> |
|
| 39 |
- </div> |
|
| 28 |
+ <!-- <div v-if="selectedMembership === 'company'"> --> |
|
| 29 |
+ <div v-show="selectedMembership === 'company'" class="join-b"> |
|
| 30 |
+ <div class="login-info"> |
|
| 40 | 31 |
<div> |
| 41 |
- <!-- <input type="text" v-model="user['user_id']" placeholder="아이디를 입력하세요."> --> |
|
| 42 |
- <input type="text" v-model="combinedUserId" class="id-input" placeholder="아이디를 입력하세요."> |
|
| 32 |
+ <h3>회원정보</h3> |
|
| 33 |
+ <p>※ 기업회원의 경우 담당자 1인만 가입할 수 있습니다. 이미 가입한 기업은 중복 계정 생성이 불가합니다. |
|
| 34 |
+ </p> |
|
| 35 |
+ <hr> |
|
| 43 | 36 |
</div> |
| 44 |
- <div> |
|
| 45 |
- <button class="blue-bnt">중복확인</button> |
|
| 37 |
+ <div class="join-sec1 joinsub0"> |
|
| 38 |
+ <div class="join-sec-sub "> |
|
| 39 |
+ <span>아이디</span> |
|
| 40 |
+ </div> |
|
| 41 |
+ <div> |
|
| 42 |
+ <!-- <input type="text" v-model="user['user_id']" placeholder="아이디를 입력하세요."> --> |
|
| 43 |
+ <input type="text" v-model="combinedUserId" class="id-input" placeholder="아이디를 입력하세요."> |
|
| 44 |
+ </div> |
|
| 45 |
+ <div> |
|
| 46 |
+ <button class="blue-bnt">중복확인</button> |
|
| 47 |
+ </div> |
|
| 46 | 48 |
</div> |
| 47 |
- </section> |
|
| 48 |
- <section class="join-sec3 joinsub"> |
|
| 49 |
- <div class="join-sec-sub"> |
|
| 50 |
- <span>비밀번호</span> |
|
| 49 |
+ <div class="join-sec3 joinsub"> |
|
| 50 |
+ <div class="join-sec-sub"> |
|
| 51 |
+ <span>비밀번호</span> |
|
| 52 |
+ </div> |
|
| 53 |
+ <div class="join-sub-input"> |
|
| 54 |
+ <input type="text" v-model="user['user_pw']" @change="passwordSyncCheck()" |
|
| 55 |
+ placeholder="비밀번호 6~20자 영문, 숫자 조합"> |
|
| 56 |
+ </div> |
|
| 51 | 57 |
</div> |
| 52 |
- <div class="join-sub-input"> |
|
| 53 |
- <input type="text" v-model="user['user_pw']" @change="passwordSyncCheck()" |
|
| 54 |
- placeholder="비밀번호 6~20자 영문, 숫자 조합"> |
|
| 55 |
- </div> |
|
| 56 |
- </section> |
|
| 57 |
- <section class="join-sec4 joinsub"> |
|
| 58 |
- <div class="join-sec-sub"> |
|
| 59 |
- <span>비밀번호 확인</span> |
|
| 60 |
- </div> |
|
| 61 |
- <div class="join-sub-input"> |
|
| 62 |
- <input type="text" v-model="pwCheck" @change="passwordSyncCheck()" placeholder="비밀번호 확인"> |
|
| 63 |
- <div v-if="this.passwordCheckFlag" style="color:chartreuse">비밀번호 일치</div> |
|
| 64 |
- <div v-else class="passwordError">비밀번호 불일치</div> |
|
| 65 |
- </div> |
|
| 58 |
+ <div class="join-sec4 joinsub"> |
|
| 59 |
+ <div class="join-sec-sub"> |
|
| 60 |
+ <span>비밀번호 확인</span> |
|
| 61 |
+ </div> |
|
| 62 |
+ <div class="join-sub-input"> |
|
| 63 |
+ <input type="text" v-model="pwCheck" @change="passwordSyncCheck()" placeholder="비밀번호 확인"> |
|
| 64 |
+ <div v-if="this.passwordCheckFlag" style="color:chartreuse">비밀번호 일치</div> |
|
| 65 |
+ <div v-else class="passwordError">비밀번호 불일치</div> |
|
| 66 |
+ </div> |
|
| 66 | 67 |
|
| 67 |
- </section> |
|
| 68 |
- <section class="join-sec5 joinsub"> |
|
| 69 |
- <div class="join-sec-sub"> |
|
| 70 |
- <span>담당자명</span> |
|
| 71 | 68 |
</div> |
| 72 |
- <div class="join-uplodebox"> |
|
| 73 |
- <input type="text" v-model="user['user_nm']"> |
|
| 74 |
- </div> |
|
| 75 |
- </section> |
|
| 76 |
- <section class="join-sec5-1 "> |
|
| 77 |
- <div class="join-sec-sub join-sec-1"> |
|
| 78 |
- <span>담당자 명함</span> |
|
| 79 |
- </div> |
|
| 80 |
- <div class="join-sub-input join-imgbox"> |
|
| 81 |
- <label for="businessCardImg" type="file" accept="image/*" ref="businessCardImg" |
|
| 82 |
- @change="businessCardUpload">90x50</label> |
|
| 83 |
- <input type="file" accept="image/*" name="imgFile" id="businessCardImg" ref="businessCardImg" |
|
| 84 |
- @change="businessCardUpload" style="display: none;" /> |
|
| 85 |
- </div> |
|
| 86 |
- </section> |
|
| 87 |
- <section class="join-sec6"> |
|
| 88 |
- <div class="join-sec-sub"> |
|
| 89 |
- <span>이메일</span> |
|
| 90 |
- </div> |
|
| 91 |
- <div class="email-sec"> |
|
| 92 |
- <div> |
|
| 93 |
- <input type="text" name="email_id" id="email_id" v-model="email_id"> |
|
| 69 |
+ <div class="join-sec5 joinsub"> |
|
| 70 |
+ <div class="join-sec-sub"> |
|
| 71 |
+ <span>담당자명</span> |
|
| 94 | 72 |
</div> |
| 95 |
- <div>@</div> |
|
| 96 |
- <div> |
|
| 97 |
- <input v-if="select_email_dns == null" type="text" name="email_dns" id="email_dns" |
|
| 98 |
- v-model="email_dns"> |
|
| 99 |
- <input v-else type="text" name="email_dns" id="email_dns" v-model="select_email_dns"> |
|
| 100 |
- </div> |
|
| 101 |
- <div> |
|
| 102 |
- <select name="email_sel" id="email_sel" v-model="select_email_dns"> |
|
| 103 |
- <option :value=null>직접 입력</option> |
|
| 104 |
- <option value="naver.com">naver.com</option> |
|
| 105 |
- <option value="hanmail.net">hanmail.net</option> |
|
| 106 |
- <option value="gmail.com">google.com</option> |
|
| 107 |
- </select> |
|
| 73 |
+ <div class="join-uplodebox"> |
|
| 74 |
+ <input type="text" v-model="user['user_nm']"> |
|
| 108 | 75 |
</div> |
| 109 | 76 |
</div> |
| 110 |
- </section> |
|
| 111 |
- </div> |
|
| 112 |
- <div class="login-info2"> |
|
| 113 |
- <div> |
|
| 114 |
- <h3>회사소개</h3> |
|
| 115 |
- <hr> |
|
| 116 |
- </div> |
|
| 117 |
- <div class="login-info-grid"> |
|
| 118 |
- <div class="login-info-grid-1"> |
|
| 119 |
- <section class="join-sec0"> |
|
| 120 |
- <div class="uploaded-box"> |
|
| 121 |
- |
|
| 122 |
- <div class="uploaded-box-radius"> |
|
| 123 |
- <p>LOGO</p> |
|
| 124 |
- <!-- <img v-if="logo_img" :src="logo_img" alt="Selected Image"> --> |
|
| 125 |
- <img v-if="logoPreview" :src="logoPreview" /> |
|
| 126 |
- </div> |
|
| 127 |
- <div class="btn-upload-join" @click="openFileInput"> |
|
| 128 |
- 우리회사 로고 업로드하기 |
|
| 129 |
- </div> |
|
| 130 |
- <input type="file" accept="image/*" name="logoImg" id="logoImg" ref="logoImg" |
|
| 131 |
- @change="logoUpload" style="display: none;" /> |
|
| 77 |
+ <div class="join-sec5-1 "> |
|
| 78 |
+ <div class="join-sec-sub join-sec-1"> |
|
| 79 |
+ <span>담당자 명함</span> |
|
| 80 |
+ </div> |
|
| 81 |
+ <div class="join-sub-input join-imgbox"> |
|
| 82 |
+ <label for="businessCardImg" type="file" accept="image/*" ref="businessCardImg" |
|
| 83 |
+ @change="businessCardUpload">90x50</label> |
|
| 84 |
+ <input type="file" accept="image/*" name="imgFile" id="businessCardImg" ref="businessCardImg" |
|
| 85 |
+ @change="businessCardUpload" style="display: none;" /> |
|
| 86 |
+ </div> |
|
| 87 |
+ </div> |
|
| 88 |
+ <div class="join-sec6"> |
|
| 89 |
+ <div class="join-sec-sub"> |
|
| 90 |
+ <span>이메일</span> |
|
| 91 |
+ </div> |
|
| 92 |
+ <div class="email-sec"> |
|
| 93 |
+ <div> |
|
| 94 |
+ <input type="text" name="email_id" id="email_id" v-model="email_id"> |
|
| 132 | 95 |
</div> |
| 133 |
- </section> |
|
| 134 |
- </div> |
|
| 135 |
- <div class="login-info-grid-2"> |
|
| 136 |
- <section class="join-sec1 joinsub0"> |
|
| 137 |
- <div class="join-sec-sub "> |
|
| 138 |
- <span>사업자등록번호</span> |
|
| 96 |
+ <div>@</div> |
|
| 97 |
+ <div> |
|
| 98 |
+ <input v-if="select_email_dns == null" type="text" name="email_dns" id="email_dns" |
|
| 99 |
+ v-model="email_dns"> |
|
| 100 |
+ <input v-else type="text" name="email_dns" id="email_dns" v-model="select_email_dns"> |
|
| 139 | 101 |
</div> |
| 140 | 102 |
<div> |
| 141 |
- <input type="text" v-model="combinedUserId" class="id-input" placeholder="사업자등록번호를 입력하세요."> |
|
| 142 |
- <p v-show="businessNumber == true" style="color:red">사업자등록번호를 다시 한번 확인해주세요.</p> |
|
| 103 |
+ <select name="email_sel" id="email_sel" v-model="select_email_dns"> |
|
| 104 |
+ <option :value=null>직접 입력</option> |
|
| 105 |
+ <option value="naver.com">naver.com</option> |
|
| 106 |
+ <option value="hanmail.net">hanmail.net</option> |
|
| 107 |
+ <option value="gmail.com">google.com</option> |
|
| 108 |
+ </select> |
|
| 143 | 109 |
</div> |
| 144 |
- <div> |
|
| 145 |
- <button @click="businessNumCheck" class="blue-btn">중복확인</button> |
|
| 110 |
+ </div> |
|
| 111 |
+ </div> |
|
| 112 |
+ </div> |
|
| 113 |
+ <div class="login-info2"> |
|
| 114 |
+ <div> |
|
| 115 |
+ <h3>회사소개</h3> |
|
| 116 |
+ <hr> |
|
| 117 |
+ </div> |
|
| 118 |
+ <div class="login-info-grid"> |
|
| 119 |
+ <div class="login-info-grid-1"> |
|
| 120 |
+ <div class="join-sec0"> |
|
| 121 |
+ <div class="uploaded-box"> |
|
| 122 |
+ |
|
| 123 |
+ <div class="uploaded-box-radius"> |
|
| 124 |
+ <p>LOGO</p> |
|
| 125 |
+ <!-- <img v-if="logo_img" :src="logo_img" alt="Selected Image"> --> |
|
| 126 |
+ <img v-if="logoPreview" :src="logoPreview" /> |
|
| 127 |
+ </div> |
|
| 128 |
+ <div class="btn-upload-join" @click="openFileInput"> |
|
| 129 |
+ 우리회사 로고 업로드하기 |
|
| 130 |
+ </div> |
|
| 131 |
+ <input type="file" accept="image/*" name="logoImg" id="logoImg" ref="logoImg" |
|
| 132 |
+ @change="logoUpload" style="display: none;" /> |
|
| 133 |
+ </div> |
|
| 146 | 134 |
</div> |
| 147 |
- <!-- <div v-if="this.companyIdCheck_boolean" style="color:chartreuse"></div> |
|
| 135 |
+ </div> |
|
| 136 |
+ <div class="login-info-grid-2"> |
|
| 137 |
+ <div class="join-sec1 joinsub0"> |
|
| 138 |
+ <div class="join-sec-sub "> |
|
| 139 |
+ <span>사업자등록번호</span> |
|
| 140 |
+ </div> |
|
| 141 |
+ <div> |
|
| 142 |
+ <input type="text" v-model="combinedUserId" class="id-input" |
|
| 143 |
+ placeholder="사업자등록번호를 입력하세요."> |
|
| 144 |
+ <p v-show="businessNumber == true" style="color:red">사업자등록번호를 다시 한번 확인해주세요.</p> |
|
| 145 |
+ </div> |
|
| 146 |
+ <div> |
|
| 147 |
+ <button @click="businessNumCheck" class="blue-btn">중복확인</button> |
|
| 148 |
+ </div> |
|
| 149 |
+ <!-- <div v-if="this.companyIdCheck_boolean" style="color:chartreuse"></div> |
|
| 148 | 150 |
<div v-else style="color:red">사업자등록번호: 이미 등록되어있는 사업자등록번호 입니다.</div> --> |
| 149 |
- </section> |
|
| 150 |
- <section class="join-sec1 joinsub0-1"> |
|
| 151 |
- <div class="join-sec-sub "> |
|
| 152 |
- <span>회사명</span> |
|
| 153 | 151 |
</div> |
| 154 |
- <div> |
|
| 155 |
- <input type="text" v-model="company['company_nm']" placeholder="회사명을 입력해주세요."> |
|
| 152 |
+ <div class="join-sec1 joinsub0-1"> |
|
| 153 |
+ <div class="join-sec-sub "> |
|
| 154 |
+ <span>회사명</span> |
|
| 155 |
+ </div> |
|
| 156 |
+ <div> |
|
| 157 |
+ <input type="text" v-model="company['company_nm']" placeholder="회사명을 입력해주세요."> |
|
| 158 |
+ </div> |
|
| 156 | 159 |
</div> |
| 157 |
- </section> |
|
| 158 |
- <section class="join-sec2 joinsub"> |
|
| 159 |
- <div class="join-sec-sub"> |
|
| 160 |
- <span>우리회사 키워드</span> |
|
| 161 |
- </div> |
|
| 162 |
- <div> |
|
| 163 |
- <div class="set_option_detail__VNyv5"> |
|
| 164 |
- <div class="tag_area__TjdG"> |
|
| 165 |
- <div class="tag_textarea__iAnXk"> |
|
| 166 |
- <div class="tag_input_wrap__I9iiA"> |
|
| 167 |
- <input id="tag-input" class="tag_input__NCQc1" type="text" |
|
| 168 |
- autocomplete="off" placeholder="태그 입력 (최대 30개)" role="combobox" |
|
| 169 |
- aria-autocomplete="both" v-model="tagInput" @keyup.enter="addTag"> |
|
| 170 |
- <div class="tag" v-for="(tag, index) in tags" :key="index">#{{ tag
|
|
| 171 |
- }}<button @click="removeTag(index)">x</button> |
|
| 160 |
+ <div class="join-sec2 joinsub"> |
|
| 161 |
+ <div class="join-sec-sub"> |
|
| 162 |
+ <span>우리회사 키워드</span> |
|
| 163 |
+ </div> |
|
| 164 |
+ <div> |
|
| 165 |
+ <div class="set_option_detail__VNyv5"> |
|
| 166 |
+ <div class="tag_area__TjdG"> |
|
| 167 |
+ <div class="tag_textarea__iAnXk"> |
|
| 168 |
+ <div class="tag_input_wrap__I9iiA"> |
|
| 169 |
+ <input id="tag-input" class="tag_input__NCQc1" type="text" |
|
| 170 |
+ autocomplete="off" placeholder="태그 입력 (최대 30개)" role="combobox" |
|
| 171 |
+ aria-autocomplete="both" v-model="tagInput" @keyup.enter="addTag"> |
|
| 172 |
+ <div class="tag" v-for="(tag, index) in tags" :key="index">#{{ tag
|
|
| 173 |
+ }}<button @click="removeTag(index)">x</button> |
|
| 174 |
+ </div> |
|
| 172 | 175 |
</div> |
| 173 |
- </div> |
|
| 174 |
- <div class="tag_list"> |
|
| 176 |
+ <div class="tag_list"> |
|
| 177 |
+ </div> |
|
| 175 | 178 |
</div> |
| 176 | 179 |
</div> |
| 177 | 180 |
</div> |
| 178 | 181 |
</div> |
| 179 | 182 |
</div> |
| 180 |
- </section> |
|
| 183 |
+ </div> |
|
| 184 |
+ </div> |
|
| 185 |
+ <div class="login-info-grid-3"> |
|
| 186 |
+ <div class="join-sec3 j-s-3"> |
|
| 187 |
+ <div class="join-sec-sub"> |
|
| 188 |
+ <span>회사소개글</span> |
|
| 189 |
+ </div> |
|
| 190 |
+ <div class="join-sub-input"> |
|
| 191 |
+ <!-- <input type="text" v-model="company['company_info']"> --> |
|
| 192 |
+ <textarea name="smart" id="smart" v-model="company['company_info']"></textarea> |
|
| 193 |
+ </div> |
|
| 194 |
+ </div> |
|
| 195 |
+ <div class="join-sec4 "> |
|
| 196 |
+ <div class="join-sec-sub join-sec-1"> |
|
| 197 |
+ <span>회사소개서 첨부파일</span> |
|
| 198 |
+ </div> |
|
| 199 |
+ <div class="join-sub-input"> |
|
| 200 |
+ <input type="file" name="companyProfile" id="companyProfile" ref="companyProfile" |
|
| 201 |
+ @change="companyProfileUpload" /> |
|
| 202 |
+ </div> |
|
| 203 |
+ </div> |
|
| 181 | 204 |
</div> |
| 182 | 205 |
</div> |
| 183 |
- <div class="login-info-grid-3"> |
|
| 184 |
- <section class="join-sec3 j-s-3"> |
|
| 185 |
- <div class="join-sec-sub"> |
|
| 186 |
- <span>회사소개글</span> |
|
| 187 |
- </div> |
|
| 188 |
- <div class="join-sub-input"> |
|
| 189 |
- <!-- <input type="text" v-model="company['company_info']"> --> |
|
| 190 |
- <textarea name="smart" id="smart" v-model="company['company_info']"></textarea> |
|
| 191 |
- </div> |
|
| 192 |
- </section> |
|
| 193 |
- <section class="join-sec4 "> |
|
| 194 |
- <div class="join-sec-sub join-sec-1"> |
|
| 195 |
- <span>회사소개서 첨부파일</span> |
|
| 196 |
- </div> |
|
| 197 |
- <div class="join-sub-input"> |
|
| 198 |
- <input type="file" name="companyProfile" id="companyProfile" ref="companyProfile" |
|
| 199 |
- @change="companyProfileUpload" /> |
|
| 200 |
- </div> |
|
| 201 |
- </section> |
|
| 202 |
- </div> |
|
| 203 |
- </div> |
|
| 204 |
- <div> |
|
| 205 |
- <section class="join-email-bt"> |
|
| 206 |
- <input type="checkbox"> |
|
| 207 |
- <span>E-mail 구독서비스를 신청하시겠습니까?</span> |
|
| 208 |
- </section> |
|
| 209 |
- <section class="join-end-bt"> |
|
| 210 |
- <button>이전</button> |
|
| 211 |
- <button v-if="selectedMembership === 'company'" @click="commonFileInsert">회원가입</button> |
|
| 212 |
- <button v-else @click="userInsert">회원가입</button> |
|
| 213 |
- </section> |
|
| 214 |
- </div> |
|
| 215 |
- </div> |
|
| 216 |
- <!-- <div v-if="selectedMembership === 'two'"> --> |
|
| 217 |
- <div v-show="selectedMembership === 'two'"> |
|
| 218 |
- <div class="login-info"> |
|
| 219 | 206 |
<div> |
| 220 |
- <h3>회원정보</h3> |
|
| 221 |
- <hr> |
|
| 222 |
- </div> |
|
| 223 |
- <section class="join-sec1 joinsub0"> |
|
| 224 |
- <div class="join-sec-sub "> |
|
| 225 |
- <span>아이디</span> |
|
| 226 |
- </div> |
|
| 227 |
- <div> |
|
| 228 |
- <input type="text" v-model="user['user_id']" placeholder="아이디를 입력하세요."> |
|
| 229 |
- </div> |
|
| 230 |
- <div> |
|
| 231 |
- <button @click="userIdCheck">중복확인</button> |
|
| 232 |
- </div> |
|
| 233 |
- </section> |
|
| 234 |
- <!-- <section class="join-sec2 joinsub"> |
|
| 235 |
- |
|
| 236 |
- <div class="join-sec-sub"> |
|
| 237 |
- <span>기업업체</span> |
|
| 238 |
- </div> |
|
| 239 |
- <div class="join-sub-input"> |
|
| 240 |
- <input type="text"> |
|
| 241 |
- |
|
| 242 |
- </div> |
|
| 243 |
- |
|
| 244 |
- </section> --> |
|
| 245 |
- <section class="join-sec3 joinsub"> |
|
| 246 |
- <div class="join-sec-sub"> |
|
| 247 |
- <span>비밀번호</span> |
|
| 248 |
- </div> |
|
| 249 |
- <div class="join-sub-input"> |
|
| 250 |
- <input type="text" v-model="user['user_pw']" @change="passwordSyncCheck()" |
|
| 251 |
- placeholder="비밀번호 6~20자 영문, 숫자 조합"> |
|
| 252 |
- |
|
| 253 |
- </div> |
|
| 254 |
- </section> |
|
| 255 |
- <section class="join-sec4 joinsub"> |
|
| 256 |
- <div class="join-sec-sub"> |
|
| 257 |
- <span>비밀번호 확인</span> |
|
| 258 |
- </div> |
|
| 259 |
- <div class="join-sub-input"> |
|
| 260 |
- <input type="text" v-model="pwCheck" @change="passwordSyncCheck()" placeholder="비밀번호 확인"> |
|
| 261 |
- <div v-if="this.passwordCheckFlag" style="color:chartreuse">비밀번호 일치</div> |
|
| 262 |
- <div v-else class="passwordError">비밀번호 불일치</div> |
|
| 263 |
- </div> |
|
| 264 |
- |
|
| 265 |
- </section> |
|
| 266 |
- <section class="join-sec5 joinsub"> |
|
| 267 |
- <div class="join-sec-sub"> |
|
| 268 |
- <span>이름</span> |
|
| 269 |
- </div> |
|
| 270 |
- <div> |
|
| 271 |
- <input type="text" v-model="user['user_nm']"> |
|
| 272 |
- </div> |
|
| 273 |
- </section> |
|
| 274 |
- <section class="join-sec6 "> |
|
| 275 |
- <div class="join-sec-sub"> |
|
| 276 |
- <span>이메일</span> |
|
| 277 |
- </div> |
|
| 278 |
- <div class="email-sec"> |
|
| 279 |
- <div> |
|
| 280 |
- <input type="text" name="email_id" id="email_id" v-model="email_id"> |
|
| 281 |
- </div> |
|
| 282 |
- <div>@</div> |
|
| 283 |
- <div> |
|
| 284 |
- <input v-if="select_email_dns == null" type="text" name="email_dns" id="email_dns" |
|
| 285 |
- v-model="email_dns"> |
|
| 286 |
- <input v-else type="text" name="email_dns" id="email_dns" v-model="select_email_dns"> |
|
| 287 |
- </div> |
|
| 288 |
- <div> |
|
| 289 |
- <select name="email_sel" id="email_sel" v-model="select_email_dns"> |
|
| 290 |
- <option value="">직접 입력</option> |
|
| 291 |
- <option value="naver.com">naver.com</option> |
|
| 292 |
- <option value="hanmail.net">hanmail.net</option> |
|
| 293 |
- <option value="gmail.com">google.com</option> |
|
| 294 |
- </select> |
|
| 295 |
- </div> |
|
| 296 |
- </div> |
|
| 297 |
- </section> |
|
| 298 |
- <div> |
|
| 299 |
- <section class="join-email-bt"> |
|
| 207 |
+ <div class="join-email-bt flex-start"> |
|
| 300 | 208 |
<input type="checkbox"> |
| 301 | 209 |
<span>E-mail 구독서비스를 신청하시겠습니까?</span> |
| 302 |
- </section> |
|
| 303 |
- |
|
| 304 |
- <section class="join-end-bt"> |
|
| 210 |
+ </div> |
|
| 211 |
+ <div class="join-end-bt"> |
|
| 305 | 212 |
<button>이전</button> |
| 306 | 213 |
<button v-if="selectedMembership === 'company'" @click="commonFileInsert">회원가입</button> |
| 307 | 214 |
<button v-else @click="userInsert">회원가입</button> |
| 308 |
- </section> |
|
| 215 |
+ </div> |
|
| 216 |
+ </div> |
|
| 217 |
+ </div> |
|
| 218 |
+ <!-- <div v-if="selectedMembership === 'two'"> --> |
|
| 219 |
+ <div v-show="selectedMembership === 'two'" class="join-b"> |
|
| 220 |
+ <div class="login-info"> |
|
| 221 |
+ <div> |
|
| 222 |
+ <h3>회원정보</h3> |
|
| 223 |
+ <hr> |
|
| 224 |
+ </div> |
|
| 225 |
+ <div class="join-sec1 joinsub0"> |
|
| 226 |
+ <div class="join-sec-sub "> |
|
| 227 |
+ <span>아이디</span> |
|
| 228 |
+ </div> |
|
| 229 |
+ <div> |
|
| 230 |
+ <input type="text" v-model="user['user_id']" placeholder="아이디를 입력하세요."> |
|
| 231 |
+ </div> |
|
| 232 |
+ <div> |
|
| 233 |
+ <button @click="userIdCheck" class="blue-btn">중복확인</button> |
|
| 234 |
+ </div> |
|
| 235 |
+ </div> |
|
| 236 |
+ <div class="join-sec3 joinsub"> |
|
| 237 |
+ <div class="join-sec-sub"> |
|
| 238 |
+ <span>비밀번호</span> |
|
| 239 |
+ </div> |
|
| 240 |
+ <div class="join-sub-input"> |
|
| 241 |
+ <input type="text" v-model="user['user_pw']" @change="passwordSyncCheck()" |
|
| 242 |
+ placeholder="비밀번호 6~20자 영문, 숫자 조합"> |
|
| 243 |
+ |
|
| 244 |
+ </div> |
|
| 245 |
+ </div> |
|
| 246 |
+ <div class="join-sec4 joinsub"> |
|
| 247 |
+ <div class="join-sec-sub"> |
|
| 248 |
+ <span>비밀번호 확인</span> |
|
| 249 |
+ </div> |
|
| 250 |
+ <div class="join-sub-input"> |
|
| 251 |
+ <input type="text" v-model="pwCheck" @change="passwordSyncCheck()" placeholder="비밀번호 확인"> |
|
| 252 |
+ <div v-if="this.passwordCheckFlag" style="color:chartreuse">비밀번호 일치</div> |
|
| 253 |
+ <div v-else class="passwordError">비밀번호 불일치</div> |
|
| 254 |
+ </div> |
|
| 255 |
+ |
|
| 256 |
+ </div> |
|
| 257 |
+ <div class="join-sec5 joinsub"> |
|
| 258 |
+ <div class="join-sec-sub"> |
|
| 259 |
+ <span>이름</span> |
|
| 260 |
+ </div> |
|
| 261 |
+ <div> |
|
| 262 |
+ <input type="text" v-model="user['user_nm']"> |
|
| 263 |
+ </div> |
|
| 264 |
+ </div> |
|
| 265 |
+ <div class="join-sec6 "> |
|
| 266 |
+ <div class="join-sec-sub"> |
|
| 267 |
+ <span>이메일</span> |
|
| 268 |
+ </div> |
|
| 269 |
+ <div class="email-sec"> |
|
| 270 |
+ <div> |
|
| 271 |
+ <input type="text" name="email_id" id="email_id" v-model="email_id"> |
|
| 272 |
+ </div> |
|
| 273 |
+ <div>@</div> |
|
| 274 |
+ <div> |
|
| 275 |
+ <input v-if="select_email_dns == null" type="text" name="email_dns" id="email_dns" |
|
| 276 |
+ v-model="email_dns"> |
|
| 277 |
+ <input v-else type="text" name="email_dns" id="email_dns" v-model="select_email_dns"> |
|
| 278 |
+ </div> |
|
| 279 |
+ <div> |
|
| 280 |
+ <select name="email_sel" id="email_sel" v-model="select_email_dns"> |
|
| 281 |
+ <option value="">직접 입력</option> |
|
| 282 |
+ <option value="naver.com">naver.com</option> |
|
| 283 |
+ <option value="hanmail.net">hanmail.net</option> |
|
| 284 |
+ <option value="gmail.com">google.com</option> |
|
| 285 |
+ </select> |
|
| 286 |
+ </div> |
|
| 287 |
+ </div> |
|
| 288 |
+ </div> |
|
| 289 |
+ <div> |
|
| 290 |
+ <div class="join-email-bt flex-start"> |
|
| 291 |
+ <input type="checkbox"> |
|
| 292 |
+ <span>E-mail 구독서비스를 신청하시겠습니까?</span> |
|
| 293 |
+ </div> |
|
| 294 |
+ <div class="join-end-bt"> |
|
| 295 |
+ <button>이전</button> |
|
| 296 |
+ <button v-if="selectedMembership === 'company'" @click="commonFileInsert">회원가입</button> |
|
| 297 |
+ <button v-else @click="userInsert">회원가입</button> |
|
| 298 |
+ </div> |
|
| 299 |
+ </div> |
|
| 309 | 300 |
</div> |
| 310 | 301 |
</div> |
| 311 | 302 |
</div> |
| 312 | 303 |
</div> |
| 313 |
- |
|
| 314 |
- |
|
| 315 |
- |
|
| 316 |
- |
|
| 317 | 304 |
|
| 318 | 305 |
<!----------------------------------------------------------------------------------------------------------------> |
| 319 | 306 |
|
... | ... | @@ -325,7 +312,7 @@ |
| 325 | 312 |
|
| 326 | 313 |
<!-- 회원가입 완료 모달 --> |
| 327 | 314 |
<div class="joinmodal" v-if="isVisible"> |
| 328 |
- <section class="join-modal-a"> |
|
| 315 |
+ <div class="join-modal-a"> |
|
| 329 | 316 |
<div> |
| 330 | 317 |
<h1>회원가입 안내</h1> |
| 331 | 318 |
</div> |
... | ... | @@ -341,7 +328,7 @@ |
| 341 | 328 |
<div> |
| 342 | 329 |
<button @click="hideDiv">확인</button> |
| 343 | 330 |
</div> |
| 344 |
- </section> |
|
| 331 |
+ </div> |
|
| 345 | 332 |
</div> |
| 346 | 333 |
<!-- 사업자등록번호 모달창 --> |
| 347 | 334 |
<div v-show="showModal" class="join-modal"> |
... | ... | @@ -773,13 +760,6 @@ |
| 773 | 760 |
margin: 1rem 0; |
| 774 | 761 |
} |
| 775 | 762 |
|
| 776 |
- |
|
| 777 |
- |
|
| 778 |
-.w1400 {
|
|
| 779 |
- padding-bottom: 22rem; |
|
| 780 |
- |
|
| 781 |
-} |
|
| 782 |
- |
|
| 783 | 763 |
.join-sec-sub {
|
| 784 | 764 |
padding: 1rem; |
| 785 | 765 |
} |
... | ... | @@ -951,9 +931,8 @@ |
| 951 | 931 |
|
| 952 | 932 |
/* ----------------------------------- */ |
| 953 | 933 |
.join-b {
|
| 954 |
- width: 100%; |
|
| 955 |
- |
|
| 956 |
- /* border: 1px solid red; */ |
|
| 934 |
+ width: 80%; |
|
| 935 |
+ margin: 0 auto; |
|
| 957 | 936 |
} |
| 958 | 937 |
|
| 959 | 938 |
.join-logo {
|
... | ... | @@ -973,14 +952,12 @@ |
| 973 | 952 |
} |
| 974 | 953 |
|
| 975 | 954 |
.join-b-button {
|
| 976 |
- width: 50%; |
|
| 955 |
+ width: 100%; |
|
| 977 | 956 |
display: grid; |
| 978 | 957 |
grid-template-columns: 1fr 1fr; |
| 979 | 958 |
margin: 0 auto; |
| 980 |
- |
|
| 981 |
- column-gap: 6rem; |
|
| 959 |
+ gap: 13rem; |
|
| 982 | 960 |
flex-direction: row; |
| 983 |
- /* padding: 9rem; */ |
|
| 984 | 961 |
} |
| 985 | 962 |
|
| 986 | 963 |
.join-text {
|
... | ... | @@ -1000,12 +977,10 @@ |
| 1000 | 977 |
border-radius: 2rem; |
| 1001 | 978 |
text-align: center; |
| 1002 | 979 |
box-shadow: 2px 2px 5px #86868644; |
| 1003 |
- /* padding: 1rem; */ |
|
| 1004 | 980 |
} |
| 1005 | 981 |
|
| 1006 | 982 |
.join-b-button button p {
|
| 1007 | 983 |
padding: 3rem 0 0; |
| 1008 |
- /* padding: 3rem 0rem 1rem 3rem; */ |
|
| 1009 | 984 |
font-size: 3rem; |
| 1010 | 985 |
font-family: SBaggroM; |
| 1011 | 986 |
color: #014099; |
... | ... | @@ -1017,25 +992,14 @@ |
| 1017 | 992 |
height: 100px; |
| 1018 | 993 |
text-align: center; |
| 1019 | 994 |
margin: 0 auto; |
| 1020 |
- /* border: 1px solid red; */ |
|
| 1021 | 995 |
background-position: center; |
| 1022 | 996 |
} |
| 1023 | 997 |
|
| 1024 |
- |
|
| 1025 |
-.background {
|
|
| 1026 |
- background-color: #000000; |
|
| 1027 |
- |
|
| 1028 |
-} |
|
| 1029 | 998 |
|
| 1030 | 999 |
.join-b-button button:nth-child(1).background {
|
| 1031 | 1000 |
background-color: #c91b1b; |
| 1032 | 1001 |
} |
| 1033 | 1002 |
|
| 1034 |
- |
|
| 1035 |
-.light {
|
|
| 1036 |
- z-index: 1; |
|
| 1037 |
- background-color: #ff0000; |
|
| 1038 |
-} |
|
| 1039 | 1003 |
|
| 1040 | 1004 |
.join-b-button button:nth-child(2) {
|
| 1041 | 1005 |
background-color: #e6fff1; |
... | ... | @@ -1051,39 +1015,39 @@ |
| 1051 | 1015 |
|
| 1052 | 1016 |
.radio-t {
|
| 1053 | 1017 |
padding: 3rem; |
| 1054 |
- height: 25rem; |
|
| 1055 | 1018 |
font-size: 3rem; |
| 1056 | 1019 |
border-radius: 2rem; |
| 1057 | 1020 |
font-family: SBaggroM; |
| 1058 | 1021 |
margin: 0 auto; |
| 1059 | 1022 |
box-shadow: 2px 2px 5px #33333330; |
| 1060 |
- text-align: center; |
|
| 1023 |
+ text-align: left; |
|
| 1024 |
+ display: flex; |
|
| 1025 |
+ justify-content: center; |
|
| 1026 |
+ flex-direction: column; |
|
| 1061 | 1027 |
} |
| 1062 | 1028 |
|
| 1063 | 1029 |
.t1 {
|
| 1064 | 1030 |
width: 100%; |
| 1065 |
- padding: 6rem 0; |
|
| 1031 |
+ padding: 6rem; |
|
| 1066 | 1032 |
color: #014099; |
| 1067 | 1033 |
background-color: #e2ecfc; |
| 1034 |
+ gap: 74px; |
|
| 1068 | 1035 |
} |
| 1069 | 1036 |
|
| 1070 | 1037 |
.t1 img {
|
| 1071 |
- padding: 1rem; |
|
| 1072 | 1038 |
width: 90%; |
| 1073 | 1039 |
margin: 0 auto; |
| 1074 | 1040 |
} |
| 1075 | 1041 |
|
| 1076 | 1042 |
.t2 img {
|
| 1077 |
- padding: 1rem; |
|
| 1078 |
- width: 50%; |
|
| 1043 |
+ width: 70%; |
|
| 1079 | 1044 |
margin: 0 auto; |
| 1080 | 1045 |
|
| 1081 | 1046 |
} |
| 1082 | 1047 |
|
| 1083 | 1048 |
.t2 {
|
| 1084 | 1049 |
width: 100%; |
| 1085 |
- |
|
| 1086 |
- padding: 6rem 0; |
|
| 1050 |
+ padding: 6rem; |
|
| 1087 | 1051 |
color: #0e5e2e; |
| 1088 | 1052 |
background-color: #e6fff1; |
| 1089 | 1053 |
} |
... | ... | @@ -1094,71 +1058,47 @@ |
| 1094 | 1058 |
border: 1px solid #cbcbcb; |
| 1095 | 1059 |
} |
| 1096 | 1060 |
|
| 1097 |
-section div span {
|
|
| 1061 |
+.join-b span {
|
|
| 1098 | 1062 |
font-size: 1.5rem; |
| 1099 | 1063 |
font-family: "Pretendard-Regular"; |
| 1100 |
- |
|
| 1101 |
- /* float: left; */ |
|
| 1102 | 1064 |
color: #3f87f7; |
| 1103 | 1065 |
padding: 1rem 1rem 1rem 2rem; |
| 1104 | 1066 |
} |
| 1105 | 1067 |
|
| 1106 |
-section div span span {
|
|
| 1107 |
- padding: 0rem; |
|
| 1108 |
- color: #a6a6a6; |
|
| 1109 |
-} |
|
| 1110 | 1068 |
|
| 1111 |
-section div input {
|
|
| 1112 |
- width: 100%; |
|
| 1113 |
- padding: 1rem; |
|
| 1114 |
- border: 1px solid #cbcbcb; |
|
| 1115 |
- color: #cbcbcb; |
|
| 1116 |
- border-radius: 0.5rem; |
|
| 1117 |
-} |
|
| 1118 |
- |
|
| 1119 |
-section div button {
|
|
| 1069 |
+button {
|
|
| 1120 | 1070 |
width: 100%; |
| 1121 | 1071 |
padding: 1rem; |
| 1122 | 1072 |
cursor: pointer; |
| 1123 | 1073 |
border-radius: 0.5rem; |
| 1124 | 1074 |
} |
| 1125 | 1075 |
|
| 1126 |
-section div select {
|
|
| 1076 |
+div div select {
|
|
| 1127 | 1077 |
width: 100%; |
| 1128 | 1078 |
padding: 1rem; |
| 1129 | 1079 |
border: 1px solid #cbcbcb; |
| 1130 | 1080 |
border-radius: 0.5rem; |
| 1131 | 1081 |
color: #6b6b6b; |
| 1132 | 1082 |
font-family: "Pretendard-Regular"; |
| 1133 |
- |
|
| 1083 |
+ margin-left: 1rem; |
|
| 1134 | 1084 |
} |
| 1135 | 1085 |
|
| 1136 |
- |
|
| 1137 |
- |
|
| 1138 |
- |
|
| 1139 |
-.uploaded-image {
|
|
| 1140 |
- width: 100%; |
|
| 1141 |
- /* height: 120px;/ */ |
|
| 1142 |
- |
|
| 1143 |
-} |
|
| 1144 |
- |
|
| 1145 |
-.uploaded-image {
|
|
| 1146 |
- padding: 0.5rem; |
|
| 1147 |
-} |
|
| 1148 |
- |
|
| 1149 |
-.uploaded-image-text {
|
|
| 1150 |
- padding: 0.5rem; |
|
| 1151 |
-} |
|
| 1152 | 1086 |
|
| 1153 | 1087 |
.btn-upload-join {
|
| 1154 | 1088 |
width: 100%; |
| 1155 | 1089 |
background-color: #3f87f7; |
| 1156 | 1090 |
font-size: 1.5rem; |
| 1157 | 1091 |
padding: 1rem; |
| 1158 |
- margin: 1rem; |
|
| 1159 | 1092 |
border-radius: 0.5rem; |
| 1160 | 1093 |
text-align: center; |
| 1161 | 1094 |
color: white; |
| 1095 |
+} |
|
| 1096 |
+ |
|
| 1097 |
+input[type="file"]{
|
|
| 1098 |
+ width: 100%; |
|
| 1099 |
+ padding: 1rem; |
|
| 1100 |
+ border: 1px solid #eee; |
|
| 1101 |
+ border-radius: 5px; |
|
| 1162 | 1102 |
} |
| 1163 | 1103 |
|
| 1164 | 1104 |
/* -------------------------------------------------------------------------------- */ |
... | ... | @@ -1171,14 +1111,10 @@ |
| 1171 | 1111 |
padding: 0.5rem; |
| 1172 | 1112 |
} |
| 1173 | 1113 |
|
| 1174 |
- |
|
| 1175 |
- |
|
| 1176 |
- |
|
| 1177 | 1114 |
.login-info, |
| 1178 | 1115 |
.login-info2 {
|
| 1179 |
- width: 50%; |
|
| 1116 |
+ width: 100%; |
|
| 1180 | 1117 |
margin: 0 auto; |
| 1181 |
- |
|
| 1182 | 1118 |
} |
| 1183 | 1119 |
|
| 1184 | 1120 |
.login-info2 {
|
... | ... | @@ -1192,10 +1128,8 @@ |
| 1192 | 1128 |
.login-info h3, |
| 1193 | 1129 |
.login-info2 h3 {
|
| 1194 | 1130 |
color: #0e0077; |
| 1195 |
- |
|
| 1196 | 1131 |
font-size: 2rem; |
| 1197 | 1132 |
font-family: "Pretendard-Regular"; |
| 1198 |
- |
|
| 1199 | 1133 |
padding: 3rem 1rem 1rem 1rem; |
| 1200 | 1134 |
} |
| 1201 | 1135 |
|
... | ... | @@ -1210,7 +1144,6 @@ |
| 1210 | 1144 |
padding: 1rem; |
| 1211 | 1145 |
display: grid; |
| 1212 | 1146 |
grid-template-columns: 2fr; |
| 1213 |
- |
|
| 1214 | 1147 |
} |
| 1215 | 1148 |
|
| 1216 | 1149 |
.j-s-3 div {
|
... | ... | @@ -1258,12 +1191,11 @@ |
| 1258 | 1191 |
.login-info-grid {
|
| 1259 | 1192 |
display: grid; |
| 1260 | 1193 |
grid-template-columns: 180px 1fr; |
| 1194 |
+ gap: 5rem; |
|
| 1261 | 1195 |
} |
| 1262 | 1196 |
|
| 1263 | 1197 |
.join-sec0 {
|
| 1264 | 1198 |
display: grid; |
| 1265 |
- |
|
| 1266 |
- /* padding: 2rem; */ |
|
| 1267 | 1199 |
width: 100%; |
| 1268 | 1200 |
height: 100%; |
| 1269 | 1201 |
|
... | ... | @@ -1290,12 +1222,11 @@ |
| 1290 | 1222 |
background-color: #838383; |
| 1291 | 1223 |
border-radius: 50%; |
| 1292 | 1224 |
overflow: hidden; |
| 1225 |
+ margin: 0 auto; |
|
| 1293 | 1226 |
margin-bottom: 2rem; |
| 1294 |
- margin-left: 4rem; |
|
| 1295 | 1227 |
position: relative; |
| 1296 | 1228 |
top: 0; |
| 1297 | 1229 |
left: 0; |
| 1298 |
- |
|
| 1299 | 1230 |
} |
| 1300 | 1231 |
|
| 1301 | 1232 |
.uploaded-box-radius img {
|
... | ... | @@ -1318,8 +1249,6 @@ |
| 1318 | 1249 |
color: #ffffff; |
| 1319 | 1250 |
font-size: 2.5rem; |
| 1320 | 1251 |
font-family: "Pretendard-Regular"; |
| 1321 |
- /* background-color: #b5b5b5; */ |
|
| 1322 |
- /* border: 1px solid red; */ |
|
| 1323 | 1252 |
box-shadow: 2px 2px 5px #33333328; |
| 1324 | 1253 |
} |
| 1325 | 1254 |
|
... | ... | @@ -1330,20 +1259,13 @@ |
| 1330 | 1259 |
|
| 1331 | 1260 |
} |
| 1332 | 1261 |
|
| 1333 |
-.join-w1400 {
|
|
| 1334 |
- width: 50%; |
|
| 1335 |
- margin: 0 auto; |
|
| 1336 |
- |
|
| 1337 |
-} |
|
| 1338 | 1262 |
|
| 1339 | 1263 |
.join-email-bt {
|
| 1340 | 1264 |
font-size: 1.6rem; |
| 1341 |
- padding: 3rem 3rem 3rem 0rem; |
|
| 1342 | 1265 |
} |
| 1343 | 1266 |
|
| 1344 | 1267 |
.join-email-bt input[type=checkbox] {
|
| 1345 | 1268 |
margin: 1rem; |
| 1346 |
- /* border: 1px solid red; */ |
|
| 1347 | 1269 |
transform: scale(1.5); |
| 1348 | 1270 |
} |
| 1349 | 1271 |
|
... | ... | @@ -1357,7 +1279,7 @@ |
| 1357 | 1279 |
display: grid; |
| 1358 | 1280 |
grid-template-columns: 25% 73%; |
| 1359 | 1281 |
gap: 1rem; |
| 1360 |
- padding: 6rem 0rem 6rem 0rem; |
|
| 1282 |
+ padding: 1rem 0; |
|
| 1361 | 1283 |
} |
| 1362 | 1284 |
|
| 1363 | 1285 |
.join-end-bt button {
|
... | ... | @@ -1366,28 +1288,15 @@ |
| 1366 | 1288 |
border-radius: 1.2rem; |
| 1367 | 1289 |
font-size: 1.5rem; |
| 1368 | 1290 |
font-family: "Pretendard-Regular"; |
| 1369 |
- |
|
| 1370 | 1291 |
} |
| 1371 | 1292 |
|
| 1372 | 1293 |
.join-end-bt button:nth-child(2) {
|
| 1373 | 1294 |
background-color: #3f87f7; |
| 1374 | 1295 |
color: white; |
| 1375 |
- |
|
| 1376 |
- |
|
| 1377 |
-} |
|
| 1378 |
- |
|
| 1379 |
-.login-info2 {
|
|
| 1380 |
- width: 50%; |
|
| 1381 |
-} |
|
| 1382 |
- |
|
| 1383 |
-#email_sel {
|
|
| 1384 |
- padding: 9px; |
|
| 1385 |
- width: 95%; |
|
| 1386 | 1296 |
} |
| 1387 | 1297 |
|
| 1388 | 1298 |
.email-sec {
|
| 1389 | 1299 |
display: grid; |
| 1390 |
- |
|
| 1391 | 1300 |
grid-template-columns: 1fr 30px 1fr 1fr; |
| 1392 | 1301 |
} |
| 1393 | 1302 |
|
... | ... | @@ -1472,7 +1381,6 @@ |
| 1472 | 1381 |
|
| 1473 | 1382 |
.login-info-grid {
|
| 1474 | 1383 |
grid-template-columns: 1fr; |
| 1475 |
- |
|
| 1476 | 1384 |
} |
| 1477 | 1385 |
|
| 1478 | 1386 |
.joinsub0 {
|
... | ... | @@ -1507,7 +1415,6 @@ |
| 1507 | 1415 |
|
| 1508 | 1416 |
.btn-upload-join {
|
| 1509 | 1417 |
width: 100%; |
| 1510 |
- margin: 2rem 0; |
|
| 1511 | 1418 |
} |
| 1512 | 1419 |
|
| 1513 | 1420 |
.uploaded-box-radius {
|
... | ... | @@ -1516,7 +1423,7 @@ |
| 1516 | 1423 |
} |
| 1517 | 1424 |
|
| 1518 | 1425 |
/* 공통요소 */ |
| 1519 |
- section div span {
|
|
| 1426 |
+ div div span {
|
|
| 1520 | 1427 |
padding: 0; |
| 1521 | 1428 |
} |
| 1522 | 1429 |
} |
... | ... | @@ -1568,7 +1475,6 @@ |
| 1568 | 1475 |
|
| 1569 | 1476 |
.btn-upload-join {
|
| 1570 | 1477 |
width: 100%; |
| 1571 |
- margin: 2rem 0; |
|
| 1572 | 1478 |
} |
| 1573 | 1479 |
|
| 1574 | 1480 |
.uploaded-box-radius {
|
... | ... | @@ -1586,7 +1492,7 @@ |
| 1586 | 1492 |
} |
| 1587 | 1493 |
|
| 1588 | 1494 |
/* 공통요소 */ |
| 1589 |
- section div span {
|
|
| 1495 |
+ div div span {
|
|
| 1590 | 1496 |
padding: 0; |
| 1591 | 1497 |
} |
| 1592 | 1498 |
} |
Add a comment
Delete comment
Once you delete this comment, you won't be able to recover it. Are you sure you want to delete this comment?