Commit @8ff46aa3adf1c3e601a70841e9731a625a02b75c

kimgkdud898 2023-10-26

231026 김하영

@8ff46aa3adf1c3e601a70841e9731a625a02b75c

eca42f3

8ff46aa

client/resources/css/Data.css

--- client/resources/css/Data.css

+++ client/resources/css/Data.css


 .da1 {
   width: 80%;
   height: 40rem;
-  background-color: #007aff;
   margin: 0 auto;
+}
+.da1 ul {
+  width: 80%;
+  /* border: 1px solid red; */
+  /* padding: 3rem; */
+  margin: 0 auto;
+  text-align: left;
+}
+.da1 ul li {
+  font-size: 1.5rem;
+}
+.data-b-2 ul li {
+  text-align: center;
+}
+.data-b-3 ul li {
+  text-align: right;
 }
 .data-select {
   width: 50%;
-  float: right;
+  float: left;
   display: flex;
-  justify-content: flex-end;
+  /* justify-content: flex-end;/ */
   padding: 3rem 6rem;
 }
 

   font-family: "Pretendard-Regular";
 }
 .data-table-tr td {
+  background-color: white;
   padding: 2rem;
   border-top: 1px solid rgb(187, 187, 187);
   text-align: center;
-  font-size: 2rem;
+  font-size: 1.2rem;
   font-family: "Pretendard-Regular";
 }
+.data-table-tr td:nth-child(2) {
+  text-align: left;
+}
 
 .data-b-1 {
   background: url(../jpg/data-img.png) no-repeat center center;

8ff46aa

client/resources/jpg/guide-line.png (Binary) (added)

+++ client/resources/jpg/guide-line.png

Binary file is not shown

eca42f3

8ff46aa

client/views/layout/Menu.vue

--- client/views/layout/Menu.vue

+++ client/views/layout/Menu.vue


                 },
                 {
                     text: "자료실",
-                    link: "/Technology.page",
+                    link: "/Guide.page",
                     isHovered: false,
                     subMenu: [
+                        { text: "AI 디지털교과서개발 가이드라인", link: "/Guide.page" },
                         { text: "기술문서", link: "/Technology.page" },
-                        { text: "AI 디지털교과서개발 가이드라인", link: "/Technology.page" },
                         { text: "자료집", link: "/Data.page" }
                     ]
                 },

 
 ul.main-menu>li>a {
     display: block;
-    padding: 25px;
+    padding: 2.5rem;
     font-size: 1.6rem;
+    margin: 2rem;
     font-weight: 500;
     font-family: "Pretendard-Regular";
 

     left: 0;
     width: 100%;
     z-index: 100000;
-    background-color: #fff;
+    background-color: #f8f8f8;
     box-shadow: 0px 2px 2px #3333331b;
 }
 

eca42f3

8ff46aa

client/views/pages/AppRouter.js

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

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


 import Technology from "../pages/user/Data/Technology.vue";
 import Notice from "../pages/user/community/Notice.vue";
 import Info from "../pages/user/mypage/Info.vue";
+import Infosub from "../pages/user/mypage/Infosub.vue";
+import Guide from "../pages/user/Data/Guide.vue";
 
 /* 관리자 */
 import AdminMain from "../pages/admin/main/Main.vue";

   { path: "/Technology.page", name: "Technology", component: Technology },
   { path: "/Notice.page", name: "Notice", component: Notice },
   { path: "/Info.page", name: "Info", component: Info },
+  { path: "/Guide.page", name: "Guide", component: Guide },
+  { path: "/Infosub.page", name: "Infosub", component: Infosub },
   /* 관리자 */
   { path: "/adm.page", name: "AdminMain", component: AdminMain },
   { path: "/adm/user.page", name: "AdminUser", component: AdminUser },

eca42f3

8ff46aa

client/views/pages/user/Data/Data.vue

--- client/views/pages/user/Data/Data.vue

+++ client/views/pages/user/Data/Data.vue

...	...	@@ -25,13 +25,24 @@
25	25	<div class="data-b-grid">
26	26	<!-- 윗쪽 아이콘 -->
27	27	<div class="data-b-1 da1">
28		- <p>AI 디지털교과서<br><span>개발 가이드 라인<br> 설명회 발표자료</span></p>
	28	+ <p>AI 디지털교과서<br><span>정책자료</span></p>
	29	+ <ul>
	30	+ <li>· 개발 지원 정책 문서</li>
	31	+ <li>· 법·제도 문서 등</li>
	32	+ </ul>
29	33	</div>
30	34	<div class="data-b-2 da1">
31		- <p>AI 디지털교과서<br><span>정책</span></p>
	35	+ <p>AI 디지털교과서<br><span>연구자료</span></p>
	36	+ <ul>
	37	+ <li>· 서비스 모델, 프로토타입 연구·보고서 등</li>
	38	+ </ul>
32	39	</div>
33	40	<div class="data-b-3 da1">
34		- <p>AI 디지털교과서<br><span>개발아이디어<br> 해커톤 작품집</span></p>
	41	+ <p>AI 디지털교과서<br><span>활용자료</span></p>
	42	+ <ul>
	43	+ <li>· API, 패키지, 프로그램 등<br> 공동개발자원 활용 가이드
	44	+ </li>
	45	+ </ul>
35	46	</div>
36	47	</div>
37	48	</div>
...	...	@@ -60,48 +71,65 @@
60	71	<div class="data-table-tr">
61	72	<table>
62	73	<th>NO</th>
63		- <th>공지사항</th>
	74	+ <th>제목</th>
64	75	<th>날짜</th>
	76	+ <th>조회수</th>
65	77
66	78	<tr>
67	79	<td>588</td>
68	80	<td>[자료집] K-MOOC 마이크로러닝 강좌 개발 가이드라인</td>
69	81	<td>2023/10/19</td>
	82	+ <td>588</td>
	83	+
70	84	</tr>
71	85	<tr>
72	86	<td>588</td>
73	87	<td>[자료집] K-MOOC 마이크로러닝 강좌 개발 가이드라인</td>
74	88	<td>2023/10/19</td>
	89	+ <td>588</td>
	90	+
75	91	</tr>
76	92	<tr>
77	93	<td>588</td>
78	94	<td>[자료집] K-MOOC 마이크로러닝 강좌 개발 가이드라인</td>
79	95	<td>2023/10/19</td>
	96	+ <td>588</td>
	97	+
80	98	</tr>
81	99	<tr>
82	100	<td>588</td>
83	101	<td>[자료집] K-MOOC 마이크로러닝 강좌 개발 가이드라인</td>
84	102	<td>2023/10/19</td>
	103	+ <td>588</td>
	104	+
85	105	</tr>
86	106	<tr>
87	107	<td>588</td>
88	108	<td>[자료집] K-MOOC 마이크로러닝 강좌 개발 가이드라인</td>
89	109	<td>2023/10/19</td>
	110	+ <td>588</td>
	111	+
90	112	</tr>
91	113	<tr>
92	114	<td>588</td>
93	115	<td>[자료집] K-MOOC 마이크로러닝 강좌 개발 가이드라인</td>
94	116	<td>2023/10/19</td>
	117	+ <td>588</td>
	118	+
95	119	</tr>
96	120	<tr>
97	121	<td>588</td>
98	122	<td>[자료집] K-MOOC 마이크로러닝 강좌 개발 가이드라인</td>
99	123	<td>2023/10/19</td>
	124	+ <td>588</td>
	125	+
100	126	</tr>
101	127	<tr>
102	128	<td>588</td>
103	129	<td>[자료집] K-MOOC 마이크로러닝 강좌 개발 가이드라인</td>
104	130	<td>2023/10/19</td>
	131	+ <td>588</td>
	132	+
105	133	</tr>
106	134	</table>
107	135	</div>

8ff46aa

client/views/pages/user/Data/Guide.vue (added)

+++ client/views/pages/user/Data/Guide.vue

...	...	@@ -0,0 +1,89 @@
	1	+<template>
	2	+ <div>
	3	+ <div class="w1400">
	4	+ <div class="guide-bos">
	5	+ <section class="guide-logo page-logo">
	6	+ <!-- <img src="../../../../resources/jpg/info-logo.png" alt=""> -->
	7	+
	8	+ <h1>AI 디지털교과서 개발 가이드라인</h1>
	9	+ <div class="guide-logo-bt">
	10	+
	11	+ <a style="font-size: 15px;" class="down-btn-1"
	12	+ href="https://webst.edunet.net/AIDT/AI 디지털교과서 개발 가이드라인.pdf" target='_blank' download>
	13	+ <i class="fa-solid fa-circle-down guide_i"
	14	+ style="font-size: 20px; margin-right: 10px;"></i>가이드라인
	15	+ 다운받기</a>
	16	+ </div>
	17	+ </section>
	18	+ <hr>
	19	+ <section class="guide-sec">
	20	+ <img src="../../../../resources/jpg/guide-line.png" alt="">
	21	+ </section>
	22	+
	23	+
	24	+
	25	+ </div>
	26	+ </div>
	27	+ </div>
	28	+</template>
	29	+
	30	+<script>
	31	+export default {
	32	+ data() {
	33	+ return {
	34	+ }
	35	+ },
	36	+ methods: {
	37	+
	38	+ },
	39	+ watch: {
	40	+
	41	+ },
	42	+ computed: {
	43	+
	44	+ },
	45	+ mounted() {
	46	+ console.log('Login mounted');
	47	+ }
	48	+}
	49	+</script>
	50	+<style scoped>
	51	+div {
	52	+ background-color: white;
	53	+ width: 100%;
	54	+ height: 100%;
	55	+}
	56	+
	57	+.guide-bos {
	58	+ width: 100%;
	59	+ height: 100%;
	60	+}
	61	+
	62	+.guide-logo {
	63	+ width: 100%;
	64	+ /* padding: 6rem; */
	65	+ display: grid;
	66	+ grid-template-columns: 80% 20%;
	67	+}
	68	+
	69	+.guide-logo-bt {
	70	+ background-color: hsl(217, 92%, 61%);
	71	+ margin: 0 auto;
	72	+ padding: 1.5rem;
	73	+ border-radius: 2rem;
	74	+ /* width: 20%; */
	75	+ text-align: center;
	76	+}
	77	+
	78	+.guide-logo-bt i,
	79	+.guide-logo-bt a {
	80	+
	81	+ color: white;
	82	+}
	83	+
	84	+.guide-sec {
	85	+ padding: 3rem;
	86	+}
	87	+</style>
	88	+
	89	+

eca42f3

8ff46aa

client/views/pages/user/Data/Technology.vue

--- client/views/pages/user/Data/Technology.vue

+++ client/views/pages/user/Data/Technology.vue

...	...	@@ -20,6 +20,7 @@
20	20	</div>
21	21	<div>
22	22	<p>기술문서1의 설명</p>
	23	+ <p>23.10.26</p>
23	24	</div>
24	25	<div>
25	26	<button>바로가기</button>
...	...	@@ -35,6 +36,7 @@
35	36	</div>
36	37	<div>
37	38	<p>기술문서1의 설명</p>
	39	+ <p>23.10.26</p>
38	40	</div>
39	41	<div>
40	42	<button>바로가기</button>
...	...	@@ -50,6 +52,7 @@
50	52	</div>
51	53	<div>
52	54	<p>기술문서1의 설명</p>
	55	+ <p>23.10.26</p>
53	56	</div>
54	57	<div>
55	58	<button>바로가기</button>
...	...	@@ -65,6 +68,7 @@
65	68	</div>
66	69	<div>
67	70	<p>기술문서1의 설명</p>
	71	+ <p>23.10.26</p>
68	72	</div>
69	73	<div>
70	74	<button>바로가기</button>
...	...	@@ -80,6 +84,7 @@
80	84	</div>
81	85	<div>
82	86	<p>기술문서1의 설명</p>
	87	+ <p>23.10.26</p>
83	88	</div>
84	89	<div>
85	90	<button>바로가기</button>
...	...	@@ -95,6 +100,7 @@
95	100	</div>
96	101	<div>
97	102	<p>기술문서1의 설명</p>
	103	+ <p>23.10.26</p>
98	104	</div>
99	105	<div>
100	106	<button>바로가기</button>
...	...	@@ -110,6 +116,7 @@
110	116	</div>
111	117	<div>
112	118	<p>기술문서1의 설명</p>
	119	+ <p>23.10.26</p>
113	120	</div>
114	121	<div>
115	122	<button>바로가기</button>
...	...	@@ -125,6 +132,7 @@
125	132	</div>
126	133	<div>
127	134	<p>기술문서1의 설명</p>
	135	+ <p>23.10.26</p>
128	136	</div>
129	137	<div>
130	138	<button>바로가기</button>
...	...	@@ -140,6 +148,7 @@
140	148	</div>
141	149	<div>
142	150	<p>기술문서1의 설명</p>
	151	+ <p>23.10.26</p>
143	152	</div>
144	153	<div>
145	154	<button>바로가기</button>
...	...	@@ -235,7 +244,7 @@
235	244
236	245	.tech-box-sec div p {
237	246	width: 85%;
238		- padding: 2rem;
	247	+ padding: 1rem;
239	248	margin: 0 auto;
240	249	font-size: 1.5rem;
241	250	font-family: "Pretendard-Regular";

eca42f3

8ff46aa

client/views/pages/user/community/Notice.vue

--- client/views/pages/user/community/Notice.vue

+++ client/views/pages/user/community/Notice.vue


 }
 
 .noti-sec-table table {
+    background-color: white;
     border-bottom: 1px solid #cccccc;
 
 }

eca42f3

8ff46aa

client/views/pages/user/introduction/Introduction.vue

--- client/views/pages/user/introduction/Introduction.vue

+++ client/views/pages/user/introduction/Introduction.vue


 <template>
-    <div class="w1400">
-        <div class="intro">
-            <section class="intro-logo">
-                <h1>통합지원센터란?</h1>
-                <hr>
-            </section>
+    <div>
+        <div class="w1400">
 
-            <section class="intro-img">
-                <div>
-                    <img src="../../../../resources/jpg/intro.png" alt="">
-                </div>
-            </section>
+
+            <div class="intro">
+                <section class="intro-logo">
+                    <h1>통합지원센터란?</h1>
+                    <hr>
+                </section>
+
+                <section class="intro-img">
+                    <div>
+                        <img src="../../../../resources/jpg/intro.png" alt="">
+                    </div>
+                </section>
+            </div>
         </div>
     </div>
 </template>

 </script>
 
 <style scoped>
+div {
+    width: 100%;
+    background-color: white;
+}
+
 .intro {
     width: 100%;
     padding: 6rem;

eca42f3

8ff46aa

client/views/pages/user/join/Join.vue

--- client/views/pages/user/join/Join.vue

+++ client/views/pages/user/join/Join.vue


             <div class="login-info">
                 <div>
                     <h3>회원정보</h3>
+                    <p>※ 기업회원의 경우 담당자 1인만 가입할 수 있습니다. 이미 가입한 기업은 중복 계정 생성이 불가합니다.
+                    </p>
                     <hr>
                 </div>
                 <section class="join-sec1 joinsub0">

 
                 <section class="join-sec5 joinsub">
                     <div class="join-sec-sub">
-                        <span>담당자명</span>
+                        <span>담당자명<span>(필수)</span></span>
                     </div>
                     <div>
                         <input type="text">

 
                 <section class="join-sec6">
                     <div class="join-sec-sub">
-                        <span>이메일</span>
+                        <span>이메일<span>(필수)</span></span>
                     </div>
                     <div class="email-sec">
 

 
                         <section class="join-sec4 joinsub">
                             <div class="join-sec-sub join-sec-1">
-                                <span>회사소개서 <br> 첨부파일</span>
+                                <span>회사소개서 첨부파일</span>
                             </div>
                             <div class="join-sub-input">
                                 <input type="file">

                 </section>
 
 
-                <section class="join-sec2 joinsub">
+                <!-- <section class="join-sec2 joinsub">
 
                     <div class="join-sec-sub">
                         <span>기관업체</span>

 
                     </div>
 
-                </section>
+                </section> -->
 
 
                 <section class="join-sec3 joinsub">

                 <h1>회원가입 안내</h1>
             </div>
             <div>
-                <p>회원가입 신청이 완료되었습니다. <br>
-                    가입승인이 완료 시까지 특정 서비스는 이용하실 수 없으며 가입승인이 완료되면
-                    AI 디지털 교과서 통합지원센터 서비스를 이용하실 수 있습니다.
-                    또한 해당기업은 같은 기업명으로 중복 가입이
-                    불가합니다.
+                <p>회원가입이 완료되었습니다.
+                    승인 결과는 작성해주신 이메일로 발송될 예정입니다.
+
+                    회원가입 승인 전까지 특정 서비스는 이용하실 수 없으며,
+                    승인 이후 모든 서비스를 이용하실 수 있습니다.
+                    또한, 해당 기업은 같은 기업명으로 중복 계정 생성이 불가합니다.
+
                 </p>
             </div>
             <div>

 
 .join-logo {
     padding: 6rem;
+}
+
+.login-info p {
+    color: rgb(255, 0, 0);
+    padding: 0 1rem;
+    font-size: 1.5rem;
 }
 
 .join-logo h1 {

     font-size: 1.5rem;
     font-family: "Pretendard-Regular";
 
-    float: left;
+    /* float: left; */
     color: #3f87f7;
-    padding: 1rem 5rem 1rem 5rem;
+    padding: 1rem 1rem 1rem 5rem;
+}
+
+section div span span {
+    padding: 0rem;
+    color: #a6a6a6;
 }
 
 section div input {

eca42f3

8ff46aa

client/views/pages/user/mypage/Info.vue

--- client/views/pages/user/mypage/Info.vue

+++ client/views/pages/user/mypage/Info.vue


 <template>
-    <div class="w1400">
-        <div class="info-bos">
-            <section class="info-logo">
-                <img src="../../../../resources/jpg/info-logo.png" alt="">
-
-                <h1>기본 회원정보</h1>
-            </section>
+    <div>
 
 
-            <div class="info-sec">
-                <section></section>
+        <div class="w1400">
+            <div class="info-bos">
+                <section class="info-logo page-logo">
+                    <!-- <img src="../../../../resources/jpg/info-logo.png" alt=""> -->
+
+                    <h1>회원정보</h1>
+                </section>
+                <div class="info-sec-grid">
+
+
+                    <!-- 기본 회원정보 -->
+                    <section class="info-sec">
+
+                        <div>
+                            <p class="info-th">아이디</p>
+                            <p>keris</p>
+                        </div>
+                        <div>
+                            <p class="info-th">비밀번호</p>
+                            <p>******</p>
+                        </div>
+                        <div>
+                            <p class="info-th">회원구분</p>
+                            <p>기업회원</p>
+                        </div>
+                        <div>
+                            <p class="info-th">업체명</p>
+                            <p>oo업체</p>
+                        </div>
+                        <div>
+                            <p class="info-th">이메일</p>
+                            <p>k*****@naver.com</p>
+                        </div>
+                        <div>
+                            <p class="info-th">담당자명</p>
+                            <p>홍*동</p>
+                        </div>
+                        <div>
+                            <p class="info-th">메일 구독서비스</p>
+                            <p>구독</p>
+                        </div>
+
+                    </section>
+
+
+                    <!-- 기업 회원정보 -->
+                    <section class="info-sec-1">
+
+                        <section>
+                            <p><img src="../../../../resources/jpg/zigaksa.jpg" alt=""></p>
+                        </section>
+                        <div>
+                            <p class="info-th">업체명</p>
+                            <p>oo업체</p>
+                        </div>
+                        <div>
+                            <p class="info-th">업체 키워드</p>
+                            <p>#꼼꼼함#꼼꼼함#꼼꼼함#꼼꼼함</p>
+                        </div>
+                        <div>
+                            <p class="info-th">업체 소개글</p>
+                            <p class="info-td">안녕하세요 우리업체는 ....</p>
+                        </div>
+                        <div>
+                            <p class="info-th">첨부파일</p>
+                            <a style="font-size: 15px;" class="down-btn-1"
+                                href="https://webst.edunet.net/AIDT/AI 디지털교과서 개발 가이드라인.pdf" target='_blank' download>
+                                회사소개서.pdf
+                            </a>
+                        </div>
+                        <div>
+                            <p class="info-th">명함</p>
+                            <a style="font-size: 15px;" class="down-btn-1"
+                                href="https://webst.edunet.net/AIDT/AI 디지털교과서 개발 가이드라인.pdf" target='_blank' download>
+                                명함.pdf
+                            </a>
+                        </div>
+
+                    </section>
+
+
+
+                    <section class="info-sec-bt">
+                        <router-link to="/infosub.page">
+                            <button>수정하기</button>
+                        </router-link>
+                    </section>
+                </div>
             </div>
         </div>
     </div>

 }
 </script>
 
+<style scoped>
+div {
+    width: 100%;
+    background-color: white;
+}
+
+.info-box-button {
+    width: 60%;
+    margin: 0 auto;
+    display: grid;
+    padding: 0 0 6rem 0;
+    grid-template-columns: 1fr 1fr;
+}
+
+.info-sec-bt {
+    /* border: 1px solid red; */
+    width: 60%;
+    margin: 0 auto;
+    padding: 6rem;
+    text-align: right;
+}
+
+.info-sec-bt button {
+    width: 30%;
+    padding: 2rem;
+    color: white;
+    border-radius: 1.5rem;
+    background-color: #3f87f7;
+}
+
+.info-box-button button {
+    padding: 3rem 2rem 3rem 2rem;
+    margin-right: 3rem;
+    color: white;
+    border-radius: 2rem;
+}
+
+.info-sec,
+.info-sec-1 {
+    padding: 6rem;
+    margin: 0 auto;
+    border: 1px soli/d #333;
+    width: 60%;
+}
+
+.info-sec div,
+.info-sec-1 div {
+    display: grid;
+
+    border-bottom: 1px solid #333;
+    grid-template-columns: 30% 2fr;
+}
+
+.info-sec div p {
+    padding: 3rem;
+    font-size: 1.5rem;
+
+}
+
+.info-sec-1 div a {
+    padding: 3rem;
+}
+
+.info-sec-1 div p {
+    padding: 3rem;
+    font-size: 1.5rem;
+
+    /* border-bottom: 1px solid #333; */
+}
+
+.info-sec-1 section {
+    padding: 3rem;
+}
+
+.info-sec-1 section img {
+
+    width: 200px;
+    height: 200px;
+    border-radius: 50%;
+    /* border: 1px solid red; */
+    margin: 0 auto;
+    box-shadow: 2px 2px 5px #33333345;
+
+}
+
+.info-td {
+    /* border: 1px solid red; */
+    height: 250px;
+}
+</style>
+
 

8ff46aa

client/views/pages/user/mypage/Infosub.vue (added)

+++ client/views/pages/user/mypage/Infosub.vue

...	...	@@ -0,0 +1,230 @@
	1	+<template>
	2	+ <div>
	3	+
	4	+
	5	+ <div class="w1400">
	6	+ <div class="info-bos">
	7	+ <section class="info-logo page-logo">
	8	+ <!-- <img src="../../../../resources/jpg/info-logo.png" alt=""> -->
	9	+
	10	+ <h1>회원정보 수정</h1>
	11	+ </section>
	12	+ <div class="info-sec-grid">
	13	+
	14	+
	15	+ <!-- 기본 회원정보 -->
	16	+ <section class="info-sec">
	17	+
	18	+ <div>
	19	+ <p class="info-th">아이디</p>
	20	+ <p>keris</p>
	21	+ </div>
	22	+ <div class="info-pw">
	23	+ <p class="info-th">비밀번호</p>
	24	+ <p>******</p>
	25	+ <button>비밀번호 변경하기</button>
	26	+ </div>
	27	+ <div>
	28	+ <p class="info-th">회원구분</p>
	29	+ <p><input type="text" class="info-input" value="기업회원"></p>
	30	+ </div>
	31	+ <div>
	32	+ <p class="info-th">업체명</p>
	33	+ <p><input type="text" class="info-input" value="oo업체"></p>
	34	+ </div>
	35	+ <div>
	36	+ <p class="info-th">이메일</p>
	37	+ <p><input type="text" class="info-input" value="karis@naver.com"></p>
	38	+ </div>
	39	+ <div>
	40	+ <p class="info-th">담당자명</p>
	41	+ <p><input type="text" class="info-input" value="홍길동"></p>
	42	+ </div>
	43	+ <div class="info-pw">
	44	+ <p class="info-th">메일 구독서비스</p>
	45	+ <p>
	46	+
	47	+ <input type="radio" id="yes" value="yes">
	48	+ <label for="yes">구독</label>
	49	+ <input type="radio" id="no" value="no">
	50	+ <label for="no">미구독</label>
	51	+ </p>
	52	+ </div>
	53	+
	54	+ </section>
	55	+
	56	+
	57	+ <!-- 기업 회원정보 -->
	58	+ <section class="info-sec-1">
	59	+
	60	+ <section>
	61	+ <p><img src="../../../../resources/jpg/zigaksa.jpg" alt=""></p>
	62	+ <p><input type="file"></p>
	63	+ </section>
	64	+ <div>
	65	+ <p class="info-th">업체명</p>
	66	+ <p><input type="text" class="info-input" value="oo업체"></p>
	67	+ </div>
	68	+ <div>
	69	+ <p class="info-th">업체 키워드</p>
	70	+ <p><input type="text" class="info-input" value="#꼼꼼함#꼼꼼함#꼼꼼함#꼼꼼함#꼼꼼함"></p>
	71	+ </div>
	72	+ <div>
	73	+ <p class="info-th">업체 소개글</p>
	74	+ <p class="info-td"><input type="text" value="안녕하세요. 우리업체는...."></p>
	75	+ </div>
	76	+ <div>
	77	+ <p class="info-th">첨부파일</p>
	78	+ <p>회사소개.pdf<input type="file"></p>
	79	+ </div>
	80	+ <div>
	81	+ <p class="info-th">명함</p>
	82	+ <p>명함.pdf<input type="file"></p>
	83	+ </div>
	84	+
	85	+ </section>
	86	+
	87	+
	88	+
	89	+ <section class="info-sec-bt">
	90	+ <router-link to="/info.page">
	91	+ <button>저장하기</button>
	92	+ </router-link>
	93	+ </section>
	94	+ </div>
	95	+ </div>
	96	+ </div>
	97	+ </div>
	98	+</template>
	99	+
	100	+<script>
	101	+export default {
	102	+ data() {
	103	+ return {
	104	+ }
	105	+ },
	106	+ methods: {
	107	+
	108	+ },
	109	+ watch: {
	110	+
	111	+ },
	112	+ computed: {
	113	+
	114	+ },
	115	+ mounted() {
	116	+ console.log('Login mounted');
	117	+ }
	118	+}
	119	+</script>
	120	+
	121	+<style scoped>
	122	+div {
	123	+ width: 100%;
	124	+ background-color: white;
	125	+}
	126	+
	127	+.info-pw {
	128	+ display: grid;
	129	+ grid-template-columns: 30% 1fr 1fr !important;
	130	+}
	131	+
	132	+.info-pw button {
	133	+ margin: 2rem;
	134	+ border-radius: 0.5rem;
	135	+ background-color: #3f87f7;
	136	+ color: white;
	137	+}
	138	+
	139	+.info-box-button {
	140	+ width: 60%;
	141	+ margin: 0 auto;
	142	+ display: grid;
	143	+ padding: 0 0 6rem 0;
	144	+ grid-template-columns: 1fr 1fr;
	145	+}
	146	+
	147	+.info-sec-bt {
	148	+ /* border: 1px solid red; */
	149	+ width: 60%;
	150	+ margin: 0 auto;
	151	+ padding: 6rem;
	152	+ text-align: right;
	153	+}
	154	+
	155	+.info-sec-bt button {
	156	+ width: 30%;
	157	+ padding: 2rem;
	158	+ color: white;
	159	+ border-radius: 1.5rem;
	160	+ background-color: #3f87f7;
	161	+}
	162	+
	163	+.info-box-button button {
	164	+ padding: 3rem 2rem 3rem 2rem;
	165	+ margin-right: 3rem;
	166	+ color: white;
	167	+ border-radius: 2rem;
	168	+}
	169	+
	170	+.info-sec,
	171	+.info-sec-1 {
	172	+ padding: 6rem;
	173	+ margin: 0 auto;
	174	+ border: 1px soli/d #333;
	175	+ width: 60%;
	176	+}
	177	+
	178	+.info-sec div,
	179	+.info-sec-1 div {
	180	+ display: grid;
	181	+
	182	+ border-bottom: 1px solid #333;
	183	+ grid-template-columns: 30% 2fr;
	184	+}
	185	+
	186	+.info-sec div p {
	187	+ /* border-bottom: 1px solid #333; */
	188	+ padding: 3rem;
	189	+ font-size: 1.5rem;
	190	+
	191	+}
	192	+
	193	+.info-sec-1 div p {
	194	+ padding: 3rem;
	195	+ font-size: 1.5rem;
	196	+
	197	+}
	198	+
	199	+.info-sec-1 section {
	200	+ margin: 0 auto;
	201	+ width: 30%;
	202	+ text-align: center;
	203	+}
	204	+
	205	+.info-sec-1 section img {
	206	+ width: 100%;
	207	+ margin: 0 auto;
	208	+}
	209	+
	210	+
	211	+.info-td {
	212	+ /* border: 1px solid red; */
	213	+ height: 250px;
	214	+}
	215	+
	216	+.info-input {
	217	+ width: 100%;
	218	+ padding: 2rem;
	219	+ border-radius: 0.5rem;
	220	+}
	221	+
	222	+.info-td input {
	223	+ height: 100%;
	224	+ width: 100%;
	225	+ padding: 2rem;
	226	+ border-radius: 0.5rem;
	227	+}
	228	+</style>
	229	+
	230	+

Add a comment

Open 0
Closed 0

List

...	...	@@ -45,14 +45,29 @@
45	45	.da1 {
46	46	width: 80%;
47	47	height: 40rem;
48		- background-color: #007aff;
49	48	margin: 0 auto;
	49	+}
	50	+.da1 ul {
	51	+ width: 80%;
	52	+ /* border: 1px solid red; */
	53	+ /* padding: 3rem; */
	54	+ margin: 0 auto;
	55	+ text-align: left;
	56	+}
	57	+.da1 ul li {
	58	+ font-size: 1.5rem;
	59	+}
	60	+.data-b-2 ul li {
	61	+ text-align: center;
	62	+}
	63	+.data-b-3 ul li {
	64	+ text-align: right;
50	65	}
51	66	.data-select {
52	67	width: 50%;
53		- float: right;
	68	+ float: left;
54	69	display: flex;
55		- justify-content: flex-end;
	70	+ /* justify-content: flex-end;/ */
56	71	padding: 3rem 6rem;
57	72	}
58	73
...	...	@@ -73,12 +88,16 @@
73	88	font-family: "Pretendard-Regular";
74	89	}
75	90	.data-table-tr td {
	91	+ background-color: white;
76	92	padding: 2rem;
77	93	border-top: 1px solid rgb(187, 187, 187);
78	94	text-align: center;
79		- font-size: 2rem;
	95	+ font-size: 1.2rem;
80	96	font-family: "Pretendard-Regular";
81	97	}
	98	+.data-table-tr td:nth-child(2) {
	99	+ text-align: left;
	100	+}
82	101
83	102	.data-b-1 {
84	103	background: url(../jpg/data-img.png) no-repeat center center;

...	...	@@ -9,6 +9,8 @@
9	9	import Technology from "../pages/user/Data/Technology.vue";
10	10	import Notice from "../pages/user/community/Notice.vue";
11	11	import Info from "../pages/user/mypage/Info.vue";
	12	+import Infosub from "../pages/user/mypage/Infosub.vue";
	13	+import Guide from "../pages/user/Data/Guide.vue";
12	14
13	15	/* 관리자 */
14	16	import AdminMain from "../pages/admin/main/Main.vue";
...	...	@@ -25,6 +27,8 @@
25	27	{ path: "/Technology.page", name: "Technology", component: Technology },
26	28	{ path: "/Notice.page", name: "Notice", component: Notice },
27	29	{ path: "/Info.page", name: "Info", component: Info },
	30	+ { path: "/Guide.page", name: "Guide", component: Guide },
	31	+ { path: "/Infosub.page", name: "Infosub", component: Infosub },
28	32	/* 관리자 */
29	33	{ path: "/adm.page", name: "AdminMain", component: AdminMain },
30	34	{ path: "/adm/user.page", name: "AdminUser", component: AdminUser },

...	...	@@ -145,6 +145,7 @@
145	145	}
146	146
147	147	.noti-sec-table table {
	148	+ background-color: white;
148	149	border-bottom: 1px solid #cccccc;
149	150
150	151	}

...	...	@@ -1,16 +1,20 @@
1	1	<template>
2		- <div class="w1400">
3		- <div class="intro">
4		- <section class="intro-logo">
5		- <h1>통합지원센터란?</h1>
6		- <hr>
7		- </section>
	2	+ <div>
	3	+ <div class="w1400">
8	4
9		- <section class="intro-img">
10		- <div>
11		- <img src="../../../../resources/jpg/intro.png" alt="">
12		- </div>
13		- </section>
	5	+
	6	+ <div class="intro">
	7	+ <section class="intro-logo">
	8	+ <h1>통합지원센터란?</h1>
	9	+ <hr>
	10	+ </section>
	11	+
	12	+ <section class="intro-img">
	13	+ <div>
	14	+ <img src="../../../../resources/jpg/intro.png" alt="">
	15	+ </div>
	16	+ </section>
	17	+ </div>
14	18	</div>
15	19	</div>
16	20	</template>
...	...	@@ -37,6 +41,11 @@
37	41	</script>
38	42
39	43	<style scoped>
	44	+div {
	45	+ width: 100%;
	46	+ background-color: white;
	47	+}
	48	+
40	49	.intro {
41	50	width: 100%;
42	51	padding: 6rem;

...	...	@@ -20,6 +20,8 @@
20	20	<div class="login-info">
21	21	<div>
22	22	<h3>회원정보</h3>
	23	+ <p>※ 기업회원의 경우 담당자 1인만 가입할 수 있습니다. 이미 가입한 기업은 중복 계정 생성이 불가합니다.
	24	+ </p>
23	25	<hr>
24	26	</div>
25	27	<section class="join-sec1 joinsub0">
...	...	@@ -73,7 +75,7 @@
73	75
74	76	<section class="join-sec5 joinsub">
75	77	<div class="join-sec-sub">
76		- <span>담당자명</span>
	78	+ <span>담당자명<span>(필수)</span></span>
77	79	</div>
78	80	<div>
79	81	<input type="text">
...	...	@@ -84,7 +86,7 @@
84	86
85	87	<section class="join-sec6">
86	88	<div class="join-sec-sub">
87		- <span>이메일</span>
	89	+ <span>이메일<span>(필수)</span></span>
88	90	</div>
89	91	<div class="email-sec">
90	92
...	...	@@ -159,7 +161,7 @@
159	161
160	162	<section class="join-sec4 joinsub">
161	163	<div class="join-sec-sub join-sec-1">
162		- <span>회사소개서 <br> 첨부파일</span>
	164	+ <span>회사소개서 첨부파일</span>
163	165	</div>
164	166	<div class="join-sub-input">
165	167	<input type="file">
...	...	@@ -192,7 +194,7 @@
192	194	</section>
193	195
194	196
195		- <section class="join-sec2 joinsub">
	197	+ <!-- <section class="join-sec2 joinsub">
196	198
197	199	<div class="join-sec-sub">
198	200	<span>기관업체</span>
...	...	@@ -202,7 +204,7 @@
202	204
203	205	</div>
204	206
205		- </section>
	207	+ </section> -->
206	208
207	209
208	210	<section class="join-sec3 joinsub">
...	...	@@ -296,11 +298,13 @@
296	298	<h1>회원가입 안내</h1>
297	299	</div>
298	300	<div>
299		- <p>회원가입 신청이 완료되었습니다. <br>
300		- 가입승인이 완료 시까지 특정 서비스는 이용하실 수 없으며 가입승인이 완료되면
301		- AI 디지털 교과서 통합지원센터 서비스를 이용하실 수 있습니다.
302		- 또한 해당기업은 같은 기업명으로 중복 가입이
303		- 불가합니다.
	301	+ <p>회원가입이 완료되었습니다.
	302	+ 승인 결과는 작성해주신 이메일로 발송될 예정입니다.
	303	+
	304	+ 회원가입 승인 전까지 특정 서비스는 이용하실 수 없으며,
	305	+ 승인 이후 모든 서비스를 이용하실 수 있습니다.
	306	+ 또한, 해당 기업은 같은 기업명으로 중복 계정 생성이 불가합니다.
	307	+
304	308	</p>
305	309	</div>
306	310	<div>
...	...	@@ -401,6 +405,12 @@
401	405
402	406	.join-logo {
403	407	padding: 6rem;
	408	+}
	409	+
	410	+.login-info p {
	411	+ color: rgb(255, 0, 0);
	412	+ padding: 0 1rem;
	413	+ font-size: 1.5rem;
404	414	}
405	415
406	416	.join-logo h1 {
...	...	@@ -524,9 +534,14 @@
524	534	font-size: 1.5rem;
525	535	font-family: "Pretendard-Regular";
526	536
527		- float: left;
	537	+ /* float: left; */
528	538	color: #3f87f7;
529		- padding: 1rem 5rem 1rem 5rem;
	539	+ padding: 1rem 1rem 1rem 5rem;
	540	+}
	541	+
	542	+section div span span {
	543	+ padding: 0rem;
	544	+ color: #a6a6a6;
530	545	}
531	546
532	547	section div input {

...	...	@@ -1,15 +1,95 @@
1	1	<template>
2		- <div class="w1400">
3		- <div class="info-bos">
4		- <section class="info-logo">
5		- <img src="../../../../resources/jpg/info-logo.png" alt="">
6		-
7		- <h1>기본 회원정보</h1>
8		- </section>
	2	+ <div>
9	3
10	4
11		- <div class="info-sec">
12		- <section></section>
	5	+ <div class="w1400">
	6	+ <div class="info-bos">
	7	+ <section class="info-logo page-logo">
	8	+ <!-- <img src="../../../../resources/jpg/info-logo.png" alt=""> -->
	9	+
	10	+ <h1>회원정보</h1>
	11	+ </section>
	12	+ <div class="info-sec-grid">
	13	+
	14	+
	15	+ <!-- 기본 회원정보 -->
	16	+ <section class="info-sec">
	17	+
	18	+ <div>
	19	+ <p class="info-th">아이디</p>
	20	+ <p>keris</p>
	21	+ </div>
	22	+ <div>
	23	+ <p class="info-th">비밀번호</p>
	24	+ <p>******</p>
	25	+ </div>
	26	+ <div>
	27	+ <p class="info-th">회원구분</p>
	28	+ <p>기업회원</p>
	29	+ </div>
	30	+ <div>
	31	+ <p class="info-th">업체명</p>
	32	+ <p>oo업체</p>
	33	+ </div>
	34	+ <div>
	35	+ <p class="info-th">이메일</p>
	36	+ <p>k*****@naver.com</p>
	37	+ </div>
	38	+ <div>
	39	+ <p class="info-th">담당자명</p>
	40	+ <p>홍*동</p>
	41	+ </div>
	42	+ <div>
	43	+ <p class="info-th">메일 구독서비스</p>
	44	+ <p>구독</p>
	45	+ </div>
	46	+
	47	+ </section>
	48	+
	49	+
	50	+ <!-- 기업 회원정보 -->
	51	+ <section class="info-sec-1">
	52	+
	53	+ <section>
	54	+ <p><img src="../../../../resources/jpg/zigaksa.jpg" alt=""></p>
	55	+ </section>
	56	+ <div>
	57	+ <p class="info-th">업체명</p>
	58	+ <p>oo업체</p>
	59	+ </div>
	60	+ <div>
	61	+ <p class="info-th">업체 키워드</p>
	62	+ <p>#꼼꼼함#꼼꼼함#꼼꼼함#꼼꼼함</p>
	63	+ </div>
	64	+ <div>
	65	+ <p class="info-th">업체 소개글</p>
	66	+ <p class="info-td">안녕하세요 우리업체는 ....</p>
	67	+ </div>
	68	+ <div>
	69	+ <p class="info-th">첨부파일</p>
	70	+ <a style="font-size: 15px;" class="down-btn-1"
	71	+ href="https://webst.edunet.net/AIDT/AI 디지털교과서 개발 가이드라인.pdf" target='_blank' download>
	72	+ 회사소개서.pdf
	73	+ </a>
	74	+ </div>
	75	+ <div>
	76	+ <p class="info-th">명함</p>
	77	+ <a style="font-size: 15px;" class="down-btn-1"
	78	+ href="https://webst.edunet.net/AIDT/AI 디지털교과서 개발 가이드라인.pdf" target='_blank' download>
	79	+ 명함.pdf
	80	+ </a>
	81	+ </div>
	82	+
	83	+ </section>
	84	+
	85	+
	86	+
	87	+ <section class="info-sec-bt">
	88	+ <router-link to="/infosub.page">
	89	+ <button>수정하기</button>
	90	+ </router-link>
	91	+ </section>
	92	+ </div>
13	93	</div>
14	94	</div>
15	95	</div>
...	...	@@ -36,4 +116,95 @@
36	116	}
37	117	</script>
38	118
	119	+<style scoped>
	120	+div {
	121	+ width: 100%;
	122	+ background-color: white;
	123	+}
	124	+
	125	+.info-box-button {
	126	+ width: 60%;
	127	+ margin: 0 auto;
	128	+ display: grid;
	129	+ padding: 0 0 6rem 0;
	130	+ grid-template-columns: 1fr 1fr;
	131	+}
	132	+
	133	+.info-sec-bt {
	134	+ /* border: 1px solid red; */
	135	+ width: 60%;
	136	+ margin: 0 auto;
	137	+ padding: 6rem;
	138	+ text-align: right;
	139	+}
	140	+
	141	+.info-sec-bt button {
	142	+ width: 30%;
	143	+ padding: 2rem;
	144	+ color: white;
	145	+ border-radius: 1.5rem;
	146	+ background-color: #3f87f7;
	147	+}
	148	+
	149	+.info-box-button button {
	150	+ padding: 3rem 2rem 3rem 2rem;
	151	+ margin-right: 3rem;
	152	+ color: white;
	153	+ border-radius: 2rem;
	154	+}
	155	+
	156	+.info-sec,
	157	+.info-sec-1 {
	158	+ padding: 6rem;
	159	+ margin: 0 auto;
	160	+ border: 1px soli/d #333;
	161	+ width: 60%;
	162	+}
	163	+
	164	+.info-sec div,
	165	+.info-sec-1 div {
	166	+ display: grid;
	167	+
	168	+ border-bottom: 1px solid #333;
	169	+ grid-template-columns: 30% 2fr;
	170	+}
	171	+
	172	+.info-sec div p {
	173	+ padding: 3rem;
	174	+ font-size: 1.5rem;
	175	+
	176	+}
	177	+
	178	+.info-sec-1 div a {
	179	+ padding: 3rem;
	180	+}
	181	+
	182	+.info-sec-1 div p {
	183	+ padding: 3rem;
	184	+ font-size: 1.5rem;
	185	+
	186	+ /* border-bottom: 1px solid #333; */
	187	+}
	188	+
	189	+.info-sec-1 section {
	190	+ padding: 3rem;
	191	+}
	192	+
	193	+.info-sec-1 section img {
	194	+
	195	+ width: 200px;
	196	+ height: 200px;
	197	+ border-radius: 50%;
	198	+ /* border: 1px solid red; */
	199	+ margin: 0 auto;
	200	+ box-shadow: 2px 2px 5px #33333345;
	201	+
	202	+}
	203	+
	204	+.info-td {
	205	+ /* border: 1px solid red; */
	206	+ height: 250px;
	207	+}
	208	+</style>
	209	+
39	210

Delete comment