Commit @bbe4a1ecf22d53faf24e82f3c2e629fc64718838

류윤주 2023-11-08

231108 류윤주 사용자단 기술문서 커밋

@bbe4a1ecf22d53faf24e82f3c2e629fc64718838

f6c37c2

bbe4a1e

client/resources/css/Main.css

--- client/resources/css/Main.css

+++ client/resources/css/Main.css


   grid-template-columns: 1fr 1fr 1fr;
 }
 
-.main-puzzle-container > div:nth-child(4) {
+.main-puzzle-container>div:nth-child(4) {
   position: relative;
 }
 
-.main-puzzle-container > div:nth-child(4)::after {
+.main-puzzle-container>div:nth-child(4)::after {
   position: absolute;
   content: "";
   width: 90px;

   height: 10rem;
   background-size: contain;
 }
+
 .main-history-box-2 p:nth-child(2) {
   width: 10rem;
   margin: 0 auto;

   background-size: 50%;
   background-position: center;
 }
+
 .lo2 {
   background: url(../jpg/logo/keris.gif) no-repeat;
   background-size: 50%;
   background-position: center;
 }
+
 .lo3 {
   background: url(../jpg/logo/kefa.png) no-repeat;
   background-size: 50%;
   background-position: center;
 }
+
 .lo4 {
   background: url(../jpg/logo/ko-go.jpg) no-repeat;
   background-size: 50%;
   background-position: center;
 }
+
 .lo5 {
   background: url(../jpg/logo/edutech.png) no-repeat;
   background-size: 50%;

   background-color: #e2e2e2;
 }
 
-.matching-box-grid > h3 {
+.matching-box-grid>h3 {
   font-size: 2.6rem;
   padding: 3rem;
   font-family: SBaggroM;

 .matchingbox-2 p {
   width: 25%;
 }
+
 .mat-bos {
   padding: 6rem 6rem 1rem 6rem;
   width: 100%;

   display: grid;
   grid-template-columns: 1fr 1fr 1fr;
 }
+
 .mat-modal-img button {
   width: 100%;
   padding: 0.5rem 0;

   font-size: 2rem;
   font-family: "Pretendard-Regular";
 }
+
 #data-app span {
   font-weight: 700;
   font-family: "Pretendard-Regular";
 
   color: #007aff;
 }
+
 .data-bos {
   width: 100%;
   display: grid;
   grid-template-columns: 70% 1fr;
 }
+
 .data-wrap-search {
   width: 100%;
   float: right;
   display: grid;
   grid-template-columns: 30% 1fr;
 }
+
 .data-btn-wrap {
   padding: 3rem 0rem !important;
 }
+
 .data-box {
   border: 1px solid red;
   padding: 3rem;
 }
+
 .data-main {
   width: 100%;
 }

 .data-b {
   width: 100%;
 }
+
 .data-b-b {
   width: 100%;
   padding: 6rem 0;

 
   font-family: SBaggroM;
 }
+
 .data-text img {
   width: 80px;
 }
+
 .data-text p {
   position: relative;
 }
+
 .data-text p::before {
   content: "";
   position: absolute;

 .data-table {
   width: 100%;
 }
+
 .da1 {
   max-width: 100%;
   height: auto;

   top: 0;
   left: 0;
 }
+
 .data-da1-1 {
   position: absolute;
   top: 0;
   left: 0;
 }
+
 .da1 img {
   width: 100%;
 }
+
 .da1 h2 {
   font-family: SBaggroM;
   font-weight: 500;
   font-size: 2rem;
 }
+
 .da1 h2 span {
   font-size: 4rem;
 }
+
 /* 
 .background-image-2 {
   max-width: 100%;

   position: relative;
   text-align: center;
 }
+
 .background-image-5 {
   max-width: 100%;
   height: auto;

   text-align: center;
   /* border-radius: 2rem; */
 }
+
 .background-image-6 {
   max-width: 100%;
   height: auto;

   position: relative;
   text-align: center;
 }
+
 .data-b-1 h2 {
   text-align: left;
   padding: 3rem;
   color: #014099;
 }
+
 .data-b-1 p {
   font-size: 2rem;
   padding: 3rem;

   padding: 3rem;
   color: #0e5e2e;
 }
+
 .data-b-2 p {
   font-size: 2rem;
   padding: 3rem;

   text-align: center;
   color: #1a8445;
 }
+
 .data-b-2 p span {
   font-size: 3.5rem;
   color: #0e5e2e;
 }
+
 .data-table-tr {
   width: 100%;
   padding: 12rem 3rem;

   text-align: right;
   color: #e07e27;
 }
+
 .data-b-3 p span {
   font-size: 3.5rem;
   color: #c26400;
 }
+
 .data-table-tr {
   width: 100%;
   padding: 0rem 0rem 12rem 0rem;

   border-color: #3898ec;
   outline: none;
 }
+
 .data-t p {
   width: 80%;
   padding: 0rem 0rem 1rem 3rem !important;

 .guide-logo-bt a {
   color: #e07e27;
 }
+
 /* --------------------------------------------------------------------------------------------------------- */
 
 /* News css */

 .news-box-end p:nth-child(2) {
   text-align: right;
 }
+
 /* ---------------------------------------------------------------- */
 /* Notice css */
 .noti-bos {

   border-bottom: 1px solid #cccccc;
   text-align: center;
 }
+
 /* ----------------------------------------------------------------------- */
 /* Guide css */
 .guide-bos {

 .guide-sec {
   padding: 3rem;
 }
+
 /* ------------------------------------------------------------------------------ */
 /* Technology css */
 
 .tech-logo {
-  padding: 6rem 2rem 2rem 2rem;
-  width: 85%;
+  padding: 6rem 0;
+  width: 100%;
 }
 
 .tech-logo h1 {

   font-family: SBaggroM;
   font-weight: 500;
   color: #0e0077;
-  /* position: relative; */
 }
 
 .tech-logo img {

 }
 
 .tech-bos {
-  width: 90%;
-  margin: 0 auto;
-  /* place-items: center; */
-
+  width: 100%;
   display: grid;
   grid-template-columns: 1fr 1fr 1fr;
-  gap: 4rem;
-  padding: 6rem 3rem 6rem 3rem;
+  gap: 5rem;
+  padding: 6rem 0;
   text-align: center;
-  /* border: 1px solid red; */
 }
 
 .tech-box-sec {
-  padding: 2rem;
-  /* border-radius: 2rem; */
+  padding: 3rem;
   background-color: #f9f9f9;
   box-shadow: 2px 2px 5px rgba(191, 191, 191, 0.447);
-  /* border: 1px solid rgb(191, 191, 191); */
 }
 
 .tech-box-sec-h3 {
-  padding: 1rem;
-  font-size: 1.7rem;
+  margin-bottom: 1.5rem;
+
+}
+
+.tech-box-sec-h3 h3{
+  flex: 0 0 60%;
+  font-size: 2.5rem;
   font-family: "Pretendard-Regular";
+  text-align: left;
+  color: #007aff;
 }
 
-.tech-box-sec div img {
-  /* border: 1px solid blue; */
+ul.tech-bos li div img {
   box-shadow: 3px 3px 6px rgba(191, 191, 191, 0.447);
-  width: 85%;
+  width: 100%;
   height: 15rem;
-  margin: 0 auto;
+  margin-bottom: 1.5rem;
   background-size: cover;
-  border-radius: 1.5rem;
+  border-radius: 1rem;
 }
 
-.tech-box-sec div p {
-  width: 85%;
-  padding: 1rem;
+ul.tech-bos li div p:nth-of-type(1) {
+  width: 100%;
+  padding: 1rem 0;
   margin: 0 auto;
   font-size: 1.5rem;
   font-family: "Pretendard-Regular";
+  text-align: left;
+}
+
+p.date{
+  color: #aaa;
+  font-size: 1.3rem;
+  text-align: left;
+  font-family: "Pretendard-Regular";
+  padding: 1rem 0;
 }
 
 .tech-box-sec div button {
-  width: 85%;
-  border-radius: 2rem;
+  width: 100%;
+  border-radius: 1rem;
   padding: 2rem;
   font-size: 1.5rem;
   color: white;
   font-family: "Pretendard-Regular";
-
   background-color: #3f87f7;
 }
 
-.tech-logo {
-  padding: 6rem 2rem 2rem 2rem;
-  width: 85%;
-}
 
-.tech-logo h1 {
-  font-size: 4rem;
-  font-family: SBaggroM;
-  font-weight: 500;
-  color: #0e0077;
-  /* position: relative; */
-}
-
-.tech-logo img {
-  width: 10rem;
-}
-
-.tech-sec {
-  width: 100%;
-  padding: 2rem;
-}
-
-.tech-sec1 {
-  display: grid;
-  grid-template-columns: 85% 15%;
-  padding: 2rem 3rem 1rem 3rem;
-  background-color: #f4f4f4;
-  border-top: 1px solid rgb(199, 199, 199);
-}
-
-.tech-sec1 h2 {
-  font-size: 2rem;
-  color: #3f87f7;
-}
-
-.tech-sec1 div {
-  padding: 1rem;
-  border-radius: 0.5rem;
-  margin-top: 3rem;
-  /* text-align: right; */
-  text-align: center;
-  background-color: #3f87f7;
-}
-
-.tech-sec1 div label {
-  color: white;
-  font-size: 1.5rem;
-  margin-right: 1rem;
-}
-
-.tech-sec1 div i {
-  font-size: 1.5rem;
-}
-
-.tech-sec2 {
-  border-top: 1px solid rgb(199, 199, 199);
-  border-bottom: 1px solid rgb(199, 199, 199);
-}
-
-.tech-sec2 section {
-  display: grid;
-  grid-template-columns: 50% 1fr;
-}
-
-.tech-sec2 section div:nth-child(1) {
-  /* background-color: gainsboro; */
-  padding: 6rem;
-  /* border: 1px solid red; */
-
-  /* justify-content: space-between; */
-  text-align: right;
-}
-
-.tech-sec2 section div:nth-child(2) {
-  /* border: 1px solid red; */
-  padding: 6rem;
-  display: grid;
-  grid-template-columns: 1fr;
-}
-
-.tech-sec2 section div:nth-child(2) p {
-  border-top: 1px solid gainsboro;
-  padding: 4rem;
-}
-
-.tech-sec2 section div:nth-child(2) span {
-  color: #3f87f7;
-  font-size: 2rem;
-  font-weight: 700;
-}
-
-.tech-sec2 section img {
-  padding: 5rem;
-  margin: 0 auto;
-  box-shadow: 1px 1px 5px 5px #b2b2b236;
-  background-color: rgb(190, 190, 190);
-  /* border: 1px solid red; */
-  width: 50%;
-}
-
-.tech-sec2 div {
-  padding: 2rem 0;
-}
-
-.tech-sec2 p {
-  font-size: 1.7rem;
-}
-
-.tech-sec2-end p {
-  text-align: right;
-  font-size: 1.5rem;
-}
-
-.tech-sec2-end p span {
-  color: #3f87f7;
-  margin-right: 1rem;
-}
-
-.tech-sec2-end p:nth-child(2) {
-  text-align: right;
-}
-
-.tech-sec2-bt {
-  text-align: right;
-  width: 100%;
-  padding: 2rem 0 6rem 0;
-}
-
-.tech-sec2-bt button {
-  width: 15%;
-  padding: 1rem;
-  background-color: #3f87f7;
-  color: white;
-  border-radius: 0.5rem;
-  font-family: "Pretendard-Regular";
-}
 /* --------------------------------------------------------------------------- */
 /* lnfo css */
 .info-box-button {

   gap: 0;
   grid-template-columns: 1fr 1fr 1fr;
 }
+
 .intro-img img {
   width: 100%;
 }

 .intro-img img:nth-child(3) {
   transform: translateY(-9.7rem);
 }
+
 /* wg커뮤니티 전문가 협의체 페이지*/
 
 .wg-logo {
   width: 100%;
   padding: 6rem 2rem 2rem 2rem;
 }
+
 .wg-logo h1 {
   font-size: 4rem;
   font-family: SBaggroM;
   font-weight: 500;
   color: #0e0077;
 }
+
 .wg-logo img {
   width: 10rem;
 }
+
 .wg-wrap {
   width: 100%;
   padding: 2rem 2rem 12rem 0;
 }
+
 .wg-wrap h1 {
   font-size: 1.7rem;
   margin-bottom: 2rem;
   color: #333;
 }
+
 .wg-wrap-search {
   width: 100%;
   padding: 3rem 0;
 }
+
 .wg-wrap-search p {
   font-size: 1.5rem;
 }
+
 .wg-table {
   width: 100%;
 }
+
 .wg-table tr th {
   background-color: #007aff;
   color: white;
   padding: 1rem;
 }
+
 .wg-search-bos {
   width: 100%;
   padding: 2rem 6rem;

   background-color: #f9f9f9;
   /* grid-template-columns: 3fr 10%; */
 }
+
 .wg-search-grid {
   width: 100%;
   display: grid;
   flex-wrap: nowrap;
 }
+
 .wg-grid-1 {
   padding: 1rem;
   display: grid;

   width: 100%;
   padding: 0.9rem;
 }
+
 #groupSelect2 {
   width: 100%;
 }
+
 .wg-grid-2 {
   padding: 1rem;
   display: grid;
   gap: 1;
   grid-template-columns: 40% 1fr 15%;
 }
+
 .wg-grid-2 div:nth-child(1) {
   display: grid;
   grid-template-columns: 20% 1fr;

   margin-top: 1rem;
   font-size: 1.5rem;
 }
+
 .wg-grid-2 div:nth-child(2) {
   display: grid;
   grid-template-columns: 20% 30% 3% 30%;
 }
+
 .wg-title2 label {
   padding: 0.5rem;
   margin-top: 1rem;

   margin-right: 1.5rem;
   font-size: 1.5rem;
 }
+
 .wg-title2 p {
   padding: 0.5rem;
   margin-top: 0.5rem;

   margin-right: 1.5rem;
   font-size: 1.5rem;
 }
+
 .wg-search-bos button {
   background-color: #007aff;
   color: white;

   padding: 1rem;
   border-radius: 1rem;
 }
+
 /* 매칭관리css */
 .matching-wrap-sub {
   width: 100%;
   margin: 0 auto;
 }
+
 .matching-box-button {
   width: 100%;
   display: grid;

   gap: 2rem;
   background-color: #c5c5c5;
 }
+
 .matching-box-button input {
   display: none;
 }
+
 .matching-box-button label {
   text-align: center;
   width: 100%;
   cursor: pointer;
   font-size: 2rem;
 }
+
 .matching-box-button div {
   width: 100%;
   padding: 1rem;

   /* background-color: #007aff; */
   color: rgb(255, 255, 255);
 }
+
 .inbox {
   display: grid;
 
   grid-template-columns: 1fr;
 }
+
 .inbox-sub {
   padding: 6rem 0;
   display: grid;

   grid-template-columns: 1fr 1fr 1fr;
   gap: 3rem;
 }
+
 .inbox-img {
   width: 100%;
   text-align: center;

   padding: 3rem 3rem 1rem 3rem;
   box-shadow: 1px 1px 5px #33333344;
 }
+
 .inbox-img img {
   width: 90mm;
   height: 50mm;
 
   border-radius: 2rem;
 }
+
 .inbox-img div {
   display: grid;
   grid-template-columns: 1fr 1fr;

 
   margin: 1rem;
 }
+
 .inbox-img button {
   padding: 1rem 2rem;
   border-radius: 1rem;
 }
+
 .inbox-img button:nth-child(1) {
   background-color: #007aff;
   color: white;
   font-weight: 700;
 }
+
 .inbox-img button:nth-child(2) {
   background-color: rgb(126, 126, 126) 8b8;
   color: rgb(49, 49, 49);
   font-weight: 700;
 }
+
 .inbox-img-2 img {
   width: 90mm;
   height: 50mm;
 
   border-radius: 2rem;
 }
+
 .inbox-img-2 {
   width: 100%;
   display: grid;

   padding: 3rem 3rem 1rem 3rem;
   box-shadow: 1px 1px 5px #33333344;
 }
+
 .inbox-img-2 div {
   margin: 1rem;
 }
+
 .inbox-img-2 button {
   width: 100%;
   padding: 1rem 2rem;

   color: white;
   font-weight: 700;
 }
+
 .matching-sec h1 {
   font-size: 2rem;
   padding: 2rem 0 1rem 0;
 }
+
 .matching-section-box {
   padding: 6rem 0;
-}
+}

f6c37c2

bbe4a1e

client/resources/css/common.css

--- client/resources/css/common.css

+++ client/resources/css/common.css

...	...	@@ -66,6 +66,35 @@
66	66	box-shadow: 2px 2px 2px #33333300 !important;
67	67	}
68	68
	69	+/* 게시판 상세보기 */
	70	+.insert-table td {
	71	+ text-align: left;
	72	+ padding: 1.5rem;
	73	+}
	74	+.title-zone {
	75	+ background-color: #eee;
	76	+ border-bottom: 1px solid #007aff;
	77	+ border-top: 1px solid #007aff;
	78	+}
	79	+
	80	+.post-title {
	81	+ font-size: 2.3rem;
	82	+ font-weight: 700;
	83	+ color: #007aff;
	84	+ text-align: left;
	85	+ margin-bottom: 10px;
	86	+}
	87	+
	88	+.writer,
	89	+.view {
	90	+ color: #007aff;
	91	+ padding: 10px;
	92	+}
	93	+
	94	+.viewer {
	95	+ min-height: 388px;
	96	+}
	97	+
69	98	/* 버튼 */
70	99	button {
71	100	cursor: pointer;
...	...	@@ -114,6 +143,13 @@
114	143	border-radius: 5px;
115	144	}
116	145
	146	+.gray-btn{
	147	+ padding: 8px 15px;
	148	+ background-color: #eee;
	149	+ color: #333;
	150	+ border-radius: 5px;
	151	+}
	152	+
117	153	.button--submit {
118	154	min-height: 4rem;
119	155	padding: 0.5em 1em;
...	...	@@ -139,8 +175,8 @@
139	175
140	176	/* 페이지별 로고 공통 */
141	177	.page-logo {
142		- padding: 6rem 2rem 2rem 2rem;
143		- width: 85%;
	178	+ padding: 6rem 0;
	179	+ width: 100%;
144	180	}
145	181
146	182	.page-logo h1 {

f6c37c2

bbe4a1e

client/views/layout/AdminMenu.vue

--- client/views/layout/AdminMenu.vue

+++ client/views/layout/AdminMenu.vue


   data() {
     return {
       menuList: [
-        //{ path: "/adm.page", pathName: "대시보드", icon: '<i class="fa-solid fa-house"></i>', isActive: true },
+        { path: "/adm.page", pathName: "대시보드", icon: '<i class="fa-solid fa-house"></i>', isActive: true },
         { path: "/adm/noticeSelectList.page", pathName: "커뮤니티", subMenu: [{ path: "/adm/noticeSelectList.page", pathName: "공지사항" }, { path: "/adm/newsSelectList.page", pathName: "홍보/뉴스" }], icon: '<i class="fa-regular fa-newspaper"></i>', icon2: "<i class='fa-solid fa-angle-right'></i>", isOpen: false, isActive: false },
         { path: "/adm/techSelectList.page", pathName: "자료실", subMenu: [{ path: "/adm/techSelectList.page", pathName: "기술문서" }, { path: "/adm/dataSelectList.page", pathName: "자료집" }], icon: '<i class="fa-regular fa-folder-open"></i>', icon2: "<i class='fa-solid fa-angle-right'></i>", isOpen: false, isActive: false },
         //{ path: "/adm/statistics.page", pathName: "통계서비스", icon: '<i class="fa-solid fa-chart-line"></i>', isActive: false },

f6c37c2

bbe4a1e

client/views/pages/admin/databook/DataSelectOne.vue

--- client/views/pages/admin/databook/DataSelectOne.vue

+++ client/views/pages/admin/databook/DataSelectOne.vue


     border-bottom: 2px solid #007aff;
 }
 
-.insert-table td {
-    text-align: left;
-    padding: 1.5rem;
-}
+
 
 textarea {
     width: 100%;

     margin-right: 5px;
 }
 
-.title-zone {
-    background-color: #eee;
-    border-bottom: 1px solid #007aff;
-}
-
-.post-title {
-    font-size: 2.3rem;
-    font-weight: 700;
-    color: #007aff;
-    text-align: left;
-    margin-bottom: 10px;
-}
-
-.writer,
-.view {
-    color: #007aff;
-    padding: 10px;
-}
-
-.viewer {
-    min-height: 388px;
-}
 
 </style>

f6c37c2

bbe4a1e

client/views/pages/admin/main/Amain.vue

--- client/views/pages/admin/main/Amain.vue

+++ client/views/pages/admin/main/Amain.vue


 <template>
     <div class="admin-wrap">
         <div class="content-box">
-            <div class="title-wrap">
-                <h2 class="main-title">대시보드</h2>
-            </div>
             <div class="content-wrap">
-
+                <div class="content">
+                    <div class="content-title">오늘의 통계</div>
+                </div>
             </div>
         </div>
     </div>

     height: 100%;
     font-size: 1.3rem;
 }
+
+.content{
+    padding: 20px 35px;
+    background-color: rgb(198, 238, 255);
+}
+
+.content-title{
+    padding-bottom: 10px;
+    border-bottom: 1px solid #417dff;
+    color: #417dff;
+    font-size: 2rem;
+    font-family: 'Pretendard-Regular';
+}
 </style>

f6c37c2

bbe4a1e

client/views/pages/admin/user/UserSelectList.vue

--- client/views/pages/admin/user/UserSelectList.vue

+++ client/views/pages/admin/user/UserSelectList.vue


                                     <td>{{ user.user_id }}</td>
                                     <td>{{ user.user_nm }}</td>
                                     <td>{{ user.user_eml }}</td>
-                                    <td><button class="red-btn"
-                                            v-if="user.create_account_approval === 'N'"
+                                    <td><button class="red-btn" v-if="user.create_account_approval === 'N'"
                                             @click="confirmCheck(user.user_id)">승인</button>
                                         <span v-else class="approve">승인 완료</span>
                                     </td>

                                 </tr>
                             </thead>
                             <tbody>
-                                <tr v-for="(mngr, index) in mngrList" :key="index">
+                                <tr v-for="(mngr, index) in mngrList" :key="index" @click="adminSelectOnePage(mngr)">
                                     <td>{{ mngrIdx - index }}</td>
                                     <td>{{ mngr.mngr_id }}</td>
                                     <td>{{ mngr.mngr_nm }}</td>

         userSelectOnePage: function (user) {
             this.$router.push({ path: '/adm/userSelectOne.page', query: { 'user_id': user.user_id } });
         },
+
+        //상세조회 페이지로 이동
+        adminSelectOnePage: function (admin) {
+            this.$router.push({ path: '/adm/userSelectOne.page', query: { 'mngr_id': admin.mngr_id } });
+        },
     },
     watch: {
         "modalType": function (newValue, oldValue) {

f6c37c2

bbe4a1e

client/views/pages/admin/user/UserSelectOne.vue

--- client/views/pages/admin/user/UserSelectOne.vue

+++ client/views/pages/admin/user/UserSelectOne.vue


                 </div>
             </div>
             <div class="content-wrap">
-                <div class="user grid">
+                <div class="user grid" v-show="user.user_id != null">
                     <div>
-                        <p><i class="fa-solid fa-user-group"></i> 아이디</p>
+                        <p class="label-title"><i class="fa-solid fa-user-group"></i> 아이디</p>
                         <input type="text" v-model="user.user_id" disabled />
                     </div>
                     <div>
-                        <p><i class="fa-solid fa-check-double"></i>회원구분</p>
+                        <p class="label-title"><i class="fa-solid fa-user-group"></i> 비밀번호</p>
+                        <button class="gray-btn">비밀번호 변경</button>
+                    </div>
+                    <div>
+                        <p class="label-title"><i class="fa-solid fa-check-double"></i> 회원구분</p>
                         <input type="text" v-model="user.user_auth" disabled />
                     </div>
                     <div>
-                        <p><i class="fa-solid fa-heart"></i>이름</p>
+                        <p class="label-title"><i class="fa-solid fa-heart"></i> 이름</p>
                         <input type="text" v-model="user.user_nm" disabled />
                     </div>
                     <div>
-                        <p><i class="fa-solid fa-envelope"></i>이메일</p>
+                        <p class="label-title"><i class="fa-solid fa-envelope"></i> 이메일</p>
                         <input type="text" v-model="user.user_eml" disabled />
                     </div>
                     <div>
-                        <p><i class="fa-solid fa-envelope"></i>가입 날짜</p>
+                        <p class="label-title"><i class="fa-solid fa-envelope"></i> 가입 날짜</p>
                         <input type="text" v-model="user.user_reg_dt" disabled />
                     </div>
                     <div>
-                        <p><i class="fa-solid fa-envelope"></i>승인 날짜</p>
+                        <p class="label-title"><i class="fa-solid fa-envelope"></i> 승인 날짜</p>
                         <input type="text" v-model="user.approval_dt" disabled />
                     </div>
                 </div>
-                <div class="company"></div>
-                <div class="admin"></div>
+                <!-- <div class="company" v-show="company.company_id"></div> -->
+                <div class="admin grid" v-show="admin.mngr_id != null">
+                    <div>
+                        <p class="label-title"><i class="fa-solid fa-user-group"></i> 아이디</p>
+                        <input type="text" v-model="admin.mngr_id" disabled />
+                    </div>
+                    <div>
+                        <p class="label-title"><i class="fa-solid fa-user-group"></i> 비밀번호</p>
+                        <button class="gray-btn">비밀번호 변경</button>
+                    </div>
+                    <div>
+                        <p class="label-title"><i class="fa-solid fa-heart"></i> 이름</p>
+                        <input type="text" v-model="admin.mngr_nm" disabled />
+                    </div>
+                    <div>
+                        <p class="label-title"><i class="fa-solid fa-envelope"></i> 이메일</p>
+                        <input type="text" v-model="admin.mngr_eml" disabled />
+                    </div>
+                    <div>
+                        <p class="label-title"><i class="fa-solid fa-envelope"></i> 등록자</p>
+                        <input type="text" v-model="admin.rgtr_id" disabled />
+                    </div>
+                    <div>
+                        <p class="label-title"><i class="fa-solid fa-envelope"></i> 가입 날짜</p>
+                        <input type="text" v-model="admin.reg_dt" disabled />
+                    </div>
+                </div>
+                <div class="btn-wrap">
+                    <button class="red-btn" @click="postDelete()">삭제</button>
+                    <button class="dark-gray-btn" @click="postSelectListPage()">목록</button>
+                    <button class="blue-btn" @click="postUpdatePage()">수정</button>
+                </div>
             </div>
         </div>
 

                 user_pw: null,
                 user_reg_dt: null,
             },
+            admin: {
+                mdfcn_dt: null,
+                mdfr_id: null,
+                mngr_eml: null,
+                mngr_id: null,
+                mngr_nm: null,
+                reg_dt: null,
+                rgtr_id: null,
+            },
             route: useRoute(),
         };
     },

                 alert("사용자 상세보기 오류, 관리자에게 문의하세요.");
             })
         },
+        adminSelectOne: function () {
+            const vm = this;
+            axios({
+                url: '/managerSelectOne.json',
+                method: 'post',
+                headers: {
+                    'Content-Type': "application/json; charset=UTF-8",
+                },
+                data: { 'mngr_id': vm.route.query.mngr_id }
+            }).then(function (response) {
+                console.log("response-", response.data);
+                vm.admin = response.data
+            }).catch(function (error) {
+                console.log("error - ", error)
+                alert("관리자 상세보기 오류, 관리자에게 문의하세요.");
+            })
+        },
     },
     watch: {},
     computed: {},
     components: {},
     mounted() {
-        this.userSelectOne();
+        if (this.route.query.user_id) {
+            this.userSelectOne();
+        } else if (this.route.query.mngr_id) {
+            this.adminSelectOne();
+        }
     },
 };
 </script>
 <style scoped>
-.grid{
+.grid {
     display: grid;
     grid-template-columns: 1fr 1fr;
     gap: 30px;
 }
+
+.label-title {
+    font-size: 1.5rem;
+    font-weight: 500;
+    padding: 10px 0;
+    color: #417dff;
+}
 </style>

f6c37c2

bbe4a1e

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

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

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


 <template>
     <div class="w1400">
-        <section class="main-sec sec1">
+        <div class="main-sec sec1">
             <!-- <div class="main-content"> -->
             <div class="flex">
                 <!-- 자료집 비주얼 -->

                     </div>
                 </div>
             </div>
-        </section>
-
-        <div class="Data-dtail">
-            <section>
-
-                <h1>{{ post.post_title }}</h1>
-                <p>조회수 {{ post.view_cnt }} </p>
-                <p>작성일 {{ yyyymmdd(post.reg_dt) }}</p>
-            </section>
-
-            <section class="dtail-ing">
-
-                <div id="viewer" ref="viewer" class="viewer"></div>
-                <div>
-                    <i class="fa-regular fa-heart fa-lg" style="color: #3f87f7;"></i>
+        </div>
+        <div class="data-dtail">
+            <table class="insert-table">
+                <tbody>
+                    <tr>
+                        <td class="title-zone" colspan="2">
+                            <p class="flex"><span class="post-title">{{ post.post_title }}</span><span
+                                    class="category-zone">카테고리란</span></p>
+                            <p class="flex-end"><span class="writer">작성자</span><span>{{ post.rgtr_id }}</span><span
+                                    class="view">조회수</span><span>{{ post.view_cnt }}</span></p>
+                        </td>
+                    </tr>
+                    <tr>
+                        <td colspan="2" style="border-bottom: 1px solid #007aff;">
+                            <div id="viewer" ref="viewer" class="viewer"></div>
+                        </td>
+                    </tr>
+                    <tr>
+                        <th style="width: 10%;">첨부파일명</th>
+                        <td>
+                            <div v-if="fileList.length == 0">
+                                <label>첨부된 파일이 없습니다.</label>
+                            </div>
+                            <ul v-else v-for="(item, idx) in fileList" :key="idx">
+                                <li @click="downloadFile(item)">{{ item.real_file_nm }}</li>
+                            </ul>
+                        </td>
+                    </tr>
+                </tbody>
+            </table>
+            <div>
+                <div class="dtail-navigation">
+                    <button>다음글</button>
+                    <button>이전글</button>
                 </div>
-            </section>
-
-            <section class="dtail-button">
-
-                <div v-if="fileList.length == 0">
-                    <label>첨부된 파일이 없습니다.</label>
+                <div class="dtail-navigation-in">
+                    <button @click="goBack">목록</button>
                 </div>
-                <div v-else v-for="(item, idx) in fileList" :key="idx">
-                    <div @click="downloadFile(item)">{{ item.real_file_nm }}</div>
-                </div>
-            </section>
+            </div>
 
-
-            <section class="dtail-navigation">
-                <button>다음글</button>
-                <button>이전글</button>
-            </section>
-
-            <section class="dtail-navigation-in">
-                <button @click="goBack">목록</button>
-            </section>
-            <!-- <hr> -->
         </div>
     </div>
 </template>

                 alert('에러발생');
             });
         },
-        
+
         //날짜 시,분,초 자르기
         yyyymmdd: function (date) {
             return COMMON_UTIL.yyyymmdd(date);

     }
 }
 </script>
-
-<style scoped>
-section {
-    border-bottom: 1px solid #007aff;
-}
-
-.Data-dtail {
-    width: 100%;
-
-    padding: 0rem 3rem 12rem;
-}
-
-.sec1 {
-    border: 0px;
-}
-
-.Data-dtail section h1 {
-    color: #007aff;
-}
-
-.Data-dtail section:nth-child(1) {
-    /* border: 1px solid red; */
-    background-color: rgb(236, 236, 236);
-    border-top: 1px solid #007aff;
-
-}
-
-.Data-dtail section:nth-child(1) {
-    display: grid;
-    grid-template-columns: 73% 10% 14%;
-}
-
-.Data-dtail section:nth-child(3) {
-    padding: 3rem;
-    font-size: 1.7rem;
-}
-
-.Data-dtail h1 {
-    padding: 3rem;
-}
-
-.Data-dtail p {
-    font-size: 1.5rem;
-    padding: 4rem 0rem 0rem 3rem;
-    /* border: 1px solid red; */
-}
-
-.dtail-ing {
-    padding: 3rem;
-    height: 40rem;
-    display: grid;
-    grid-template-columns: 1fr;
-    align-content: space-between;
-}
-
-.dtail-ing div {
-    font-size: 1.7rem;
-}
-
-.dtail-button {
-    padding: 3rem;
-}
-
-hr {
-    border: 0.5px solid #007aff;
-}
-
-.data-file-bt {
-    cursor: pointer;
-}
-
-.dtail-navigation {
-    /* border: 1px solid red; */
-    /* padding: 3r/em; */
-    display: grid;
-    grid-template-columns: 1fr;
-}
-
-.dtail-navigation button {
-    padding: 2rem 3rem;
-    text-align: left;
-    font-family: "Pretendard-Regular";
-    color: #007aff;
-    font-size: 1.5rem;
-    font-weight: 600;
-
-}
-
-.dtail-navigation button:nth-child(1) {
-    border-bottom: 0.5px solid #787878;
-
-}
-
-.dtail-navigation-in {
-    border: 0px;
-    padding: 3rem 0;
-    text-align: right;
-
-}
-
-.dtail-navigation-in button {
-    padding: 1.5rem 5rem;
-    background-color: #007aff;
-    color: white;
-    font-family: "Pretendard-Regular";
-    border-radius: 1.5rem;
-
-}
-
-@media all and (max-width: 479px) {
-    .Data-dtail section:nth-child(1) {
-        grid-template-columns: 1fr;
-        padding: 2rem;
-    }
-
-    .Data-dtail h1 {
-        padding: 0.5rem;
-    }
-
-    .Data-dtail p {
-        padding: 1rem;
-    }
-}
-
-@media all and (min-width: 480px) and (max-width: 767px) {
-    .Data-dtail section:nth-child(1) {
-        grid-template-columns: 1fr;
-        padding: 2rem;
-    }
-
-    .Data-dtail h1 {
-        padding: 0.5rem;
-    }
-
-    .Data-dtail p {
-        padding: 1rem;
-    }
-}
-
-@media all and (min-width: 767px) and (max-width: 1023px) {}
-
-@media all and (min-width: 1023px) and (max-width: 1268px) {}
-</style>

f6c37c2

bbe4a1e

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

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

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


         <div class="w1400">
             <div class="guide-bos">
                 <section class="guide-logo page-logo">
-
                     <h1>AI 디지털교과서 개발 가이드라인</h1>
                     <div class="guide-logo-bt">
-
                         <a style="font-size: 15px;" class="down-btn-1"
                             href="https://webst.edunet.net/AIDT/AI 디지털교과서 개발 가이드라인.pdf" target='_blank' download>
                             <i class="fa-solid fa-circle-down guide_i"
-                                style="font-size: 20px; margin-right: 10px;"></i>가이드라인
-                            다운받기</a>
+                                style="font-size: 20px; margin-right: 10px;"></i>가이드라인 다운받기</a>
                     </div>
                 </section>
-                <hr>
+
                 <section class="guide-sec">
                     <img src="../../../../resources/jpg/guide-line.png" alt="">
                 </section>

f6c37c2

bbe4a1e

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

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

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

...	...	@@ -1,167 +1,69 @@
1	1	<template>
2	2	<div class="w1400">
3	3	<div class="tech">
4		- <section class="tech-logo">
	4	+ <div class="page-logo flex-start">
5	5	<img src="../../../../resources/jpg/tech-logo.png" alt="">
6		-
7	6	<h1>기술문서</h1>
8		- </section>
9		-
10		- <div class="tech-bos">
11		-
12		- <section class="tech-box-sec">
	7	+ </div>
	8	+ <ul class="tech-bos">
	9	+ <li class="tech-box-sec">
13	10	<div class="tech-box-sec-h3">
14		-
15		- <h3>기술문서</h3>
16		-
	11	+ <div class="flex">
	12	+ <h3>기술문서</h3>
	13	+ <p>조회수</p>
	14	+ </div>
17	15	</div>
18	16	<div>
19	17	<img src="../../../../resources/jpg/data-img3.png" alt="">
20	18	</div>
21	19	<div>
22	20	<p>기술문서1의 설명</p>
23		- <p>23.10.26</p>
	21	+ <p class="date">23.10.26</p>
24	22	</div>
25	23	<div>
26	24	<button @click="goToPage3">바로가기</button>
27	25	</div>
28		-
29		- </section>
30		- <section class="tech-box-sec">
	26	+ </li>
	27	+ <li class="tech-box-sec">
31	28	<div class="tech-box-sec-h3">
32		- <h3>기술문서</h3>
	29	+ <div class="flex">
	30	+ <h3>기술문서</h3>
	31	+ <p>조회수</p>
	32	+ </div>
33	33	</div>
34	34	<div>
35	35	<img src="../../../../resources/jpg/data-img3.png" alt="">
36	36	</div>
37	37	<div>
38	38	<p>기술문서1의 설명</p>
39		- <p>23.10.26</p>
	39	+ <p class="date">23.10.26</p>
40	40	</div>
41	41	<div>
42		- <button>바로가기</button>
	42	+ <button @click="goToPage3">바로가기</button>
43	43	</div>
44		-
45		- </section>
46		- <section class="tech-box-sec">
	44	+ </li>
	45	+ <li class="tech-box-sec">
47	46	<div class="tech-box-sec-h3">
48		- <h3>기술문서</h3>
	47	+ <div class="flex">
	48	+ <h3>기술문서</h3>
	49	+ <p>조회수</p>
	50	+ </div>
49	51	</div>
50	52	<div>
51	53	<img src="../../../../resources/jpg/data-img3.png" alt="">
52	54	</div>
53	55	<div>
54	56	<p>기술문서1의 설명</p>
55		- <p>23.10.26</p>
	57	+ <p class="date">23.10.26</p>
56	58	</div>
57	59	<div>
58		- <button>바로가기</button>
	60	+ <button @click="goToPage3">바로가기</button>
59	61	</div>
60		-
61		- </section>
62		- <section class="tech-box-sec">
63		- <div class="tech-box-sec-h3">
64		- <h3>기술문서</h3>
65		- </div>
66		- <div>
67		- <img src="../../../../resources/jpg/data-img3.png" alt="">
68		- </div>
69		- <div>
70		- <p>기술문서1의 설명</p>
71		- <p>23.10.26</p>
72		- </div>
73		- <div>
74		- <button>바로가기</button>
75		- </div>
76		-
77		- </section>
78		- <section class="tech-box-sec">
79		- <div class="tech-box-sec-h3">
80		- <h3>기술문서</h3>
81		- </div>
82		- <div>
83		- <img src="../../../../resources/jpg/data-img3.png" alt="">
84		- </div>
85		- <div>
86		- <p>기술문서1의 설명</p>
87		- <p>23.10.26</p>
88		- </div>
89		- <div>
90		- <button>바로가기</button>
91		- </div>
92		-
93		- </section>
94		- <section class="tech-box-sec">
95		- <div class="tech-box-sec-h3">
96		- <h3>기술문서</h3>
97		- </div>
98		- <div>
99		- <img src="../../../../resources/jpg/data-img3.png" alt="">
100		- </div>
101		- <div>
102		- <p>기술문서1의 설명</p>
103		- <p>23.10.26</p>
104		- </div>
105		- <div>
106		- <button>바로가기</button>
107		- </div>
108		-
109		- </section>
110		- <section class="tech-box-sec">
111		- <div class="tech-box-sec-h3">
112		- <h3>기술문서</h3>
113		- </div>
114		- <div>
115		- <img src="../../../../resources/jpg/data-img3.png" alt="">
116		- </div>
117		- <div>
118		- <p>기술문서1의 설명</p>
119		- <p>23.10.26</p>
120		- </div>
121		- <div>
122		- <button>바로가기</button>
123		- </div>
124		-
125		- </section>
126		- <section class="tech-box-sec">
127		- <div class="tech-box-sec-h3">
128		- <h3>기술문서</h3>
129		- </div>
130		- <div>
131		- <img src="../../../../resources/jpg/data-img3.png" alt="">
132		- </div>
133		- <div>
134		- <p>기술문서1의 설명</p>
135		- <p>23.10.26</p>
136		- </div>
137		- <div>
138		- <button>바로가기</button>
139		- </div>
140		-
141		- </section>
142		- <section class="tech-box-sec">
143		- <div class="tech-box-sec-h3">
144		- <h3>기술문서</h3>
145		- </div>
146		- <div>
147		- <img src="../../../../resources/jpg/data-img3.png" alt="">
148		- </div>
149		- <div>
150		- <p>기술문서1의 설명</p>
151		- <p>23.10.26</p>
152		- </div>
153		- <div>
154		- <button>바로가기</button>
155		- </div>
156		-
157		- </section>
158		-
159		-
160		- </div>
	62	+ </li>
	63	+ </ul>
161	64	</div>
162	65	</div>
163	66	</template>
164		-
165	67	<script>
166	68	export default {
167	69	data() {

f6c37c2

bbe4a1e

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

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

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


 
 .dtail-ing {
     padding: 3rem;
-    height: 40rem;
+    min-height: 40rem;
     display: grid;
     grid-template-columns: 1fr;
     align-content: space-between;

f6c37c2

bbe4a1e

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

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

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


 
                 </label>
                 <div class="join-text">
-                    <p>※올바른 가입방법을 선택하세요.</p>
+                    <p>※회원가입 유형을 선택해주세요.</p>
                 </div>
             </div>
-
         </section>
-
         <!-- <div v-if="selectedMembership === 'company'"> -->
         <div v-show="selectedMembership === 'company'">
-            <div class="login-info2">
-                <div>
-                    <h3>회사소개</h3>
-                    <hr>
-                </div>
-                <div class="login-info-grid">
-                    <div class="login-info-grid-1">
-                        <section class="join-sec0">
-                            <div class="uploaded-box">
-
-                                <div class="uploaded-box-radius">
-                                    <p>LOGO</p>
-                                    <!-- <img v-if="logo_img" :src="logo_img" alt="Selected Image"> -->
-                                    <img v-if="logoPreview" :src="logoPreview" />
-                                </div>
-                                <div class="btn-upload-join" @click="openFileInput">
-                                    우리회사 로고 업로드하기
-                                </div>
-                                <input type="file" accept="image/*" name="logoImg" id="logoImg" ref="logoImg"
-                                    @change="logoUpload" style="display: none;" />
-
-                            </div>
-                        </section>
-                    </div>
-                    <div class="login-info-grid-2">
-                        <section class="join-sec1 joinsub0">
-                            <div class="join-sec-sub ">
-                                <span>사업자등록번호</span>
-                            </div>
-                            <div>
-                                <input type="text" v-model="combinedUserId" class="id-input" placeholder="사업자등록번호를 입력하세요."
-                                    @click="openModal">
-                            </div>
-                            <div>
-                                <button @click="openModal2">중복확인</button>
-                            </div>
-                            <!-- <div v-if="this.companyIdCheck_boolean" style="color:chartreuse"></div>
-                            <div v-else style="color:red">사업자등록번호: 이미 등록되어있는 사업자등록번호 입니다.</div> -->
-                        </section>
-                        <section class="join-sec1 joinsub0-1">
-                            <div class="join-sec-sub ">
-                                <span>회사명</span>
-                            </div>
-                            <div>
-                                <input type="text" v-model="company['company_nm']" placeholder="회사명을 입력해주세요.">
-                            </div>
-                        </section>
-                        <section class="join-sec2 joinsub">
-
-                            <div class="join-sec-sub">
-                                <span>우리회사 키워드</span>
-                            </div>
-
-
-                            <div>
-                                <div class="set_option_detail__VNyv5">
-                                    <div class="tag_area__TjdG">
-                                        <div class="tag_textarea__iAnXk">
-                                            <div class="tag_input_wrap__I9iiA">
-                                                <input id="tag-input" class="tag_input__NCQc1" type="text"
-                                                    autocomplete="off" placeholder="태그 입력 (최대 30개)" role="combobox"
-                                                    aria-autocomplete="both" v-model="tagInput" @keyup.enter="addTag">
-                                                <div class="tag" v-for="(tag, index) in tags" :key="index">#{{ tag
-                                                }}<button @click="removeTag(index)">x</button>
-                                                </div>
-                                            </div>
-                                            <div class="tag_list">
-                                            </div>
-                                        </div>
-                                    </div>
-                                </div>
-                            </div>
-                        </section>
-                    </div>
-                </div>
-
-                <div class="login-info-grid-3">
-
-                    <section class="join-sec3  j-s-3">
-                        <div class="join-sec-sub">
-                            <span>회사소개글</span>
-                        </div>
-                        <div class="join-sub-input">
-                            <!-- <input type="text" v-model="company['company_info']"> -->
-                            <textarea name="smart" id="smart" v-model="company['company_info']"></textarea>
-                        </div>
-                    </section>
-
-                    <section class="join-sec4 ">
-                        <div class="join-sec-sub join-sec-1">
-                            <span>회사소개서 첨부파일</span>
-                        </div>
-                        <div class="join-sub-input">
-                            <input type="file" name="companyProfile" id="companyProfile" ref="companyProfile"
-                                @change="companyProfileUpload" />
-                        </div>
-                    </section>
-                </div>
-            </div>
             <div class="login-info">
                 <div>
                     <h3>회원정보</h3>

                         <input type="text" v-model="combinedUserId" class="id-input" placeholder="아이디를 입력하세요.">
                     </div>
                     <div>
-                        <button>중복확인</button>
+                        <button class="blue-bnt">중복확인</button>
                     </div>
                 </section>
                 <section class="join-sec3 joinsub">

                         </div>
                     </div>
                 </section>
+            </div>
+            <div class="login-info2">
                 <div>
+                    <h3>회사소개</h3>
+                    <hr>
+                </div>
+                <div class="login-info-grid">
+                    <div class="login-info-grid-1">
+                        <section class="join-sec0">
+                            <div class="uploaded-box">
 
-                    <section class="join-email-bt">
-                        <input type="checkbox">
-                        <span>E-mail 구독서비스를 신청하시겠습니까?</span>
+                                <div class="uploaded-box-radius">
+                                    <p>LOGO</p>
+                                    <!-- <img v-if="logo_img" :src="logo_img" alt="Selected Image"> -->
+                                    <img v-if="logoPreview" :src="logoPreview" />
+                                </div>
+                                <div class="btn-upload-join" @click="openFileInput">
+                                    우리회사 로고 업로드하기
+                                </div>
+                                <input type="file" accept="image/*" name="logoImg" id="logoImg" ref="logoImg"
+                                    @change="logoUpload" style="display: none;" />
+                            </div>
+                        </section>
+                    </div>
+                    <div class="login-info-grid-2">
+                        <section class="join-sec1 joinsub0">
+                            <div class="join-sec-sub ">
+                                <span>사업자등록번호</span>
+                            </div>
+                            <div>
+                                <input type="text" v-model="combinedUserId" class="id-input" placeholder="사업자등록번호를 입력하세요.">
+                                <p v-show="businessNumber == true" style="color:red">사업자등록번호를 다시 한번 확인해주세요.</p>
+                            </div>
+                            <div>
+                                <button @click="businessNumCheck" class="blue-btn">중복확인</button>
+                            </div>
+                            <!-- <div v-if="this.companyIdCheck_boolean" style="color:chartreuse"></div>
+                            <div v-else style="color:red">사업자등록번호: 이미 등록되어있는 사업자등록번호 입니다.</div> -->
+                        </section>
+                        <section class="join-sec1 joinsub0-1">
+                            <div class="join-sec-sub ">
+                                <span>회사명</span>
+                            </div>
+                            <div>
+                                <input type="text" v-model="company['company_nm']" placeholder="회사명을 입력해주세요.">
+                            </div>
+                        </section>
+                        <section class="join-sec2 joinsub">
+                            <div class="join-sec-sub">
+                                <span>우리회사 키워드</span>
+                            </div>
+                            <div>
+                                <div class="set_option_detail__VNyv5">
+                                    <div class="tag_area__TjdG">
+                                        <div class="tag_textarea__iAnXk">
+                                            <div class="tag_input_wrap__I9iiA">
+                                                <input id="tag-input" class="tag_input__NCQc1" type="text"
+                                                    autocomplete="off" placeholder="태그 입력 (최대 30개)" role="combobox"
+                                                    aria-autocomplete="both" v-model="tagInput" @keyup.enter="addTag">
+                                                <div class="tag" v-for="(tag, index) in tags" :key="index">#{{ tag
+                                                }}<button @click="removeTag(index)">x</button>
+                                                </div>
+                                            </div>
+                                            <div class="tag_list">
+                                            </div>
+                                        </div>
+                                    </div>
+                                </div>
+                            </div>
+                        </section>
+                    </div>
+                </div>
+                <div class="login-info-grid-3">
+                    <section class="join-sec3  j-s-3">
+                        <div class="join-sec-sub">
+                            <span>회사소개글</span>
+                        </div>
+                        <div class="join-sub-input">
+                            <!-- <input type="text" v-model="company['company_info']"> -->
+                            <textarea name="smart" id="smart" v-model="company['company_info']"></textarea>
+                        </div>
                     </section>
-
-                    <section class="join-end-bt">
-                        <button>이전</button>
-
-                        <button v-if="selectedMembership === 'company'" @click="commonFileInsert">회원가입</button>
-                        <button v-else @click="userInsert">회원가입</button>
+                    <section class="join-sec4 ">
+                        <div class="join-sec-sub join-sec-1">
+                            <span>회사소개서 첨부파일</span>
+                        </div>
+                        <div class="join-sub-input">
+                            <input type="file" name="companyProfile" id="companyProfile" ref="companyProfile"
+                                @change="companyProfileUpload" />
+                        </div>
                     </section>
                 </div>
-
+            </div>
+            <div>
+                <section class="join-email-bt">
+                    <input type="checkbox">
+                    <span>E-mail 구독서비스를 신청하시겠습니까?</span>
+                </section>
+                <section class="join-end-bt">
+                    <button>이전</button>
+                    <button v-if="selectedMembership === 'company'" @click="commonFileInsert">회원가입</button>
+                    <button v-else @click="userInsert">회원가입</button>
+                </section>
             </div>
         </div>
         <!-- <div v-if="selectedMembership === 'two'"> -->

                     </div>
                 </section>
                 <div>
-
                     <section class="join-email-bt">
                         <input type="checkbox">
                         <span>E-mail 구독서비스를 신청하시겠습니까?</span>

 
                     <section class="join-end-bt">
                         <button>이전</button>
-
                         <button v-if="selectedMembership === 'company'" @click="commonFileInsert">회원가입</button>
                         <button v-else @click="userInsert">회원가입</button>
                     </section>

                     회원가입 승인 전까지 특정 서비스는 이용하실 수 없으며,
                     승인 이후 모든 서비스를 이용하실 수 있습니다.
                     또한, 해당 기업은 같은 기업명으로 중복 계정 생성이 불가합니다.
-
                 </p>
             </div>
             <div>

             <h2>사업자 등록번호 조회</h2>
             <button class="join-text-bt" @click="closeModal"><i class="fa-solid fa-xmark"></i></button>
         </div>
-
         <div>
-
             <input type="text" placeholder="사업자 등록번호를 입력하세요.">
             <button class="join-text-bt2">조회</button>
         </div>
         <div>
             <p>등록번호 여기에 넣어주세요!</p>
         </div>
-
     </div>
     <div v-show="showModal2" class="join-modal2">
         <div>
-
             <h2>이미 가입된 사업자 등록번호 입니다.</h2>
             <button class="join-text-bt3" @click="closeModal2">닫기</button>
         </div>

 
 <script>
 import axios from 'axios';
+import COMMON_UTIL from '../../../../resources/js/commonUtil.js';
 
 export default {
     data() {

             showModal: false,
             showModal2: false,
             tagInput: '#',
-            tags: []
+            tags: [],
+            businessNumber: false,
         }
     },
     methods: {

         removeTag(index) {
             this.tags.splice(index, 1);
         },
-
 
         // 사업자등록번호 모달
         openModal() {

         //     }
         // },
 
+        // 사업자번호 중복 검사
+        businessNumCheck: function () {
+
+        },
         //유효성 검사
         joinInsertCheck: function () {
-            if (COMMON_UTIL.isEmpty(this.post["main_number"]) == true) {
-                alert("구간을 선택해주세요");
-                // this.$refs["main_number"].focus();
-                return true;
-            }
-            if (COMMON_UTIL.isEmpty(this.post["sub_number"]) == true) {
-                alert("구간번호를 입력해주세요");
-                // this.$refs["sub_number"].focus();
-                return true;
-            }
-            if (COMMON_UTIL.isEmpty(this.post["season"]) == true) {
-                alert("계절을 선택해주세요");
-                // this.$refs["season"].focus();
-                return true;
-            }
+            // if (COMMON_UTIL.isEmpty(this.post["main_number"]) == true) {
+            //     alert("구간을 선택해주세요");
+            //     // this.$refs["main_number"].focus();
+            //     return true;
+            // }
+            // if (COMMON_UTIL.isEmpty(this.post["sub_number"]) == true) {
+            //     alert("구간번호를 입력해주세요");
+            //     // this.$refs["sub_number"].focus();
+            //     return true;
+            // }
+            // if (COMMON_UTIL.isEmpty(this.post["season"]) == true) {
+            //     alert("계절을 선택해주세요");
+            //     // this.$refs["season"].focus();
+            //     return true;
+            // }
             // if(COMMON_UTIL.isEmpty(this.post["main_number"])==true){
             //     alert("항공뷰 ID를 입력해주세요");
             //     this.$refs["main_number"].focus();
             // }
+            if (COMMON_UTIL.businessNumber(this.combinedUserId) == true) {
+                this.businessNumber = true;
+                return true;
+            }
         },
 
         initEditor: function (initData) {

     padding: 1rem 0;
     font-size: 1.5rem;
     font-family: "Pretendard-Regular";
-
 }
 
 .login-info-grid {
     display: grid;
     grid-template-columns: 180px 1fr;
-
 }
-
-
 
 .join-sec0 {
     display: grid;

     left: 0;
 
 }
-
 
 .uploaded-box-radius img {
     width: 100%;

     .join-sec5-1 {
         width: 100%;
         grid-template-columns: 1fr;
-
     }
 
     .join-sec6 {
         grid-template-columns: 1fr;
-
     }
 
     /* 공통요소 */

Add a comment

Open 0
Closed 0

List

...	...	@@ -214,10 +214,7 @@
214	214	border-bottom: 2px solid #007aff;
215	215	}
216	216
217		-.insert-table td {
218		- text-align: left;
219		- padding: 1.5rem;
220		-}
	217	+
221	218
222	219	textarea {
223	220	width: 100%;
...	...	@@ -229,27 +226,5 @@
229	226	margin-right: 5px;
230	227	}
231	228
232		-.title-zone {
233		- background-color: #eee;
234		- border-bottom: 1px solid #007aff;
235		-}
236		-
237		-.post-title {
238		- font-size: 2.3rem;
239		- font-weight: 700;
240		- color: #007aff;
241		- text-align: left;
242		- margin-bottom: 10px;
243		-}
244		-
245		-.writer,
246		-.view {
247		- color: #007aff;
248		- padding: 10px;
249		-}
250		-
251		-.viewer {
252		- min-height: 388px;
253		-}
254	229
255	230	</style> (No newline at end of file)

...	...	@@ -97,11 +97,11 @@
97	97	grid-template-columns: 1fr 1fr 1fr;
98	98	}
99	99
100		-.main-puzzle-container > div:nth-child(4) {
	100	+.main-puzzle-container>div:nth-child(4) {
101	101	position: relative;
102	102	}
103	103
104		-.main-puzzle-container > div:nth-child(4)::after {
	104	+.main-puzzle-container>div:nth-child(4)::after {
105	105	position: absolute;
106	106	content: "";
107	107	width: 90px;
...	...	@@ -347,6 +347,7 @@
347	347	height: 10rem;
348	348	background-size: contain;
349	349	}
	350	+
350	351	.main-history-box-2 p:nth-child(2) {
351	352	width: 10rem;
352	353	margin: 0 auto;
...	...	@@ -430,21 +431,25 @@
430	431	background-size: 50%;
431	432	background-position: center;
432	433	}
	434	+
433	435	.lo2 {
434	436	background: url(../jpg/logo/keris.gif) no-repeat;
435	437	background-size: 50%;
436	438	background-position: center;
437	439	}
	440	+
438	441	.lo3 {
439	442	background: url(../jpg/logo/kefa.png) no-repeat;
440	443	background-size: 50%;
441	444	background-position: center;
442	445	}
	446	+
443	447	.lo4 {
444	448	background: url(../jpg/logo/ko-go.jpg) no-repeat;
445	449	background-size: 50%;
446	450	background-position: center;
447	451	}
	452	+
448	453	.lo5 {
449	454	background: url(../jpg/logo/edutech.png) no-repeat;
450	455	background-size: 50%;
...	...	@@ -502,7 +507,7 @@
502	507	background-color: #e2e2e2;
503	508	}
504	509
505		-.matching-box-grid > h3 {
	510	+.matching-box-grid>h3 {
506	511	font-size: 2.6rem;
507	512	padding: 3rem;
508	513	font-family: SBaggroM;
...	...	@@ -654,6 +659,7 @@
654	659	.matchingbox-2 p {
655	660	width: 25%;
656	661	}
	662	+
657	663	.mat-bos {
658	664	padding: 6rem 6rem 1rem 6rem;
659	665	width: 100%;
...	...	@@ -800,6 +806,7 @@
800	806	display: grid;
801	807	grid-template-columns: 1fr 1fr 1fr;
802	808	}
	809	+
803	810	.mat-modal-img button {
804	811	width: 100%;
805	812	padding: 0.5rem 0;
...	...	@@ -818,30 +825,36 @@
818	825	font-size: 2rem;
819	826	font-family: "Pretendard-Regular";
820	827	}
	828	+
821	829	#data-app span {
822	830	font-weight: 700;
823	831	font-family: "Pretendard-Regular";
824	832
825	833	color: #007aff;
826	834	}
	835	+
827	836	.data-bos {
828	837	width: 100%;
829	838	display: grid;
830	839	grid-template-columns: 70% 1fr;
831	840	}
	841	+
832	842	.data-wrap-search {
833	843	width: 100%;
834	844	float: right;
835	845	display: grid;
836	846	grid-template-columns: 30% 1fr;
837	847	}
	848	+
838	849	.data-btn-wrap {
839	850	padding: 3rem 0rem !important;
840	851	}
	852	+
841	853	.data-box {
842	854	border: 1px solid red;
843	855	padding: 3rem;
844	856	}
	857	+
845	858	.data-main {
846	859	width: 100%;
847	860	}
...	...	@@ -849,6 +862,7 @@
849	862	.data-b {
850	863	width: 100%;
851	864	}
	865	+
852	866	.data-b-b {
853	867	width: 100%;
854	868	padding: 6rem 0;
...	...	@@ -857,12 +871,15 @@
857	871
858	872	font-family: SBaggroM;
859	873	}
	874	+
860	875	.data-text img {
861	876	width: 80px;
862	877	}
	878	+
863	879	.data-text p {
864	880	position: relative;
865	881	}
	882	+
866	883	.data-text p::before {
867	884	content: "";
868	885	position: absolute;
...	...	@@ -887,6 +904,7 @@
887	904	.data-table {
888	905	width: 100%;
889	906	}
	907	+
890	908	.da1 {
891	909	max-width: 100%;
892	910	height: auto;
...	...	@@ -895,22 +913,27 @@
895	913	top: 0;
896	914	left: 0;
897	915	}
	916	+
898	917	.data-da1-1 {
899	918	position: absolute;
900	919	top: 0;
901	920	left: 0;
902	921	}
	922	+
903	923	.da1 img {
904	924	width: 100%;
905	925	}
	926	+
906	927	.da1 h2 {
907	928	font-family: SBaggroM;
908	929	font-weight: 500;
909	930	font-size: 2rem;
910	931	}
	932	+
911	933	.da1 h2 span {
912	934	font-size: 4rem;
913	935	}
	936	+
914	937	/*
915	938	.background-image-2 {
916	939	max-width: 100%;
...	...	@@ -950,6 +973,7 @@
950	973	position: relative;
951	974	text-align: center;
952	975	}
	976	+
953	977	.background-image-5 {
954	978	max-width: 100%;
955	979	height: auto;
...	...	@@ -965,6 +989,7 @@
965	989	text-align: center;
966	990	/* border-radius: 2rem; */
967	991	}
	992	+
968	993	.background-image-6 {
969	994	max-width: 100%;
970	995	height: auto;
...	...	@@ -978,11 +1003,13 @@
978	1003	position: relative;
979	1004	text-align: center;
980	1005	}
	1006	+
981	1007	.data-b-1 h2 {
982	1008	text-align: left;
983	1009	padding: 3rem;
984	1010	color: #014099;
985	1011	}
	1012	+
986	1013	.data-b-1 p {
987	1014	font-size: 2rem;
988	1015	padding: 3rem;
...	...	@@ -1000,6 +1027,7 @@
1000	1027	padding: 3rem;
1001	1028	color: #0e5e2e;
1002	1029	}
	1030	+
1003	1031	.data-b-2 p {
1004	1032	font-size: 2rem;
1005	1033	padding: 3rem;
...	...	@@ -1009,10 +1037,12 @@
1009	1037	text-align: center;
1010	1038	color: #1a8445;
1011	1039	}
	1040	+
1012	1041	.data-b-2 p span {
1013	1042	font-size: 3.5rem;
1014	1043	color: #0e5e2e;
1015	1044	}
	1045	+
1016	1046	.data-table-tr {
1017	1047	width: 100%;
1018	1048	padding: 12rem 3rem;
...	...	@@ -1034,10 +1064,12 @@
1034	1064	text-align: right;
1035	1065	color: #e07e27;
1036	1066	}
	1067	+
1037	1068	.data-b-3 p span {
1038	1069	font-size: 3.5rem;
1039	1070	color: #c26400;
1040	1071	}
	1072	+
1041	1073	.data-table-tr {
1042	1074	width: 100%;
1043	1075	padding: 0rem 0rem 12rem 0rem;
...	...	@@ -1052,6 +1084,7 @@
1052	1084	border-color: #3898ec;
1053	1085	outline: none;
1054	1086	}
	1087	+
1055	1088	.data-t p {
1056	1089	width: 80%;
1057	1090	padding: 0rem 0rem 1rem 3rem !important;
...	...	@@ -1077,6 +1110,7 @@
1077	1110	.guide-logo-bt a {
1078	1111	color: #e07e27;
1079	1112	}
	1113	+
1080	1114	/* --------------------------------------------------------------------------------------------------------- */
1081	1115
1082	1116	/* News css */
...	...	@@ -1197,6 +1231,7 @@
1197	1231	.news-box-end p:nth-child(2) {
1198	1232	text-align: right;
1199	1233	}
	1234	+
1200	1235	/* ---------------------------------------------------------------- */
1201	1236	/* Notice css */
1202	1237	.noti-bos {
...	...	@@ -1228,6 +1263,7 @@
1228	1263	border-bottom: 1px solid #cccccc;
1229	1264	text-align: center;
1230	1265	}
	1266	+
1231	1267	/* ----------------------------------------------------------------------- */
1232	1268	/* Guide css */
1233	1269	.guide-bos {
...	...	@@ -1257,12 +1293,13 @@
1257	1293	.guide-sec {
1258	1294	padding: 3rem;
1259	1295	}
	1296	+
1260	1297	/* ------------------------------------------------------------------------------ */
1261	1298	/* Technology css */
1262	1299
1263	1300	.tech-logo {
1264		- padding: 6rem 2rem 2rem 2rem;
1265		- width: 85%;
	1301	+ padding: 6rem 0;
	1302	+ width: 100%;
1266	1303	}
1267	1304
1268	1305	.tech-logo h1 {
...	...	@@ -1270,7 +1307,6 @@
1270	1307	font-family: SBaggroM;
1271	1308	font-weight: 500;
1272	1309	color: #0e0077;
1273		- /* position: relative; */
1274	1310	}
1275	1311
1276	1312	.tech-logo img {
...	...	@@ -1278,197 +1314,70 @@
1278	1314	}
1279	1315
1280	1316	.tech-bos {
1281		- width: 90%;
1282		- margin: 0 auto;
1283		- /* place-items: center; */
1284		-
	1317	+ width: 100%;
1285	1318	display: grid;
1286	1319	grid-template-columns: 1fr 1fr 1fr;
1287		- gap: 4rem;
1288		- padding: 6rem 3rem 6rem 3rem;
	1320	+ gap: 5rem;
	1321	+ padding: 6rem 0;
1289	1322	text-align: center;
1290		- /* border: 1px solid red; */
1291	1323	}
1292	1324
1293	1325	.tech-box-sec {
1294		- padding: 2rem;
1295		- /* border-radius: 2rem; */
	1326	+ padding: 3rem;
1296	1327	background-color: #f9f9f9;
1297	1328	box-shadow: 2px 2px 5px rgba(191, 191, 191, 0.447);
1298		- /* border: 1px solid rgb(191, 191, 191); */
1299	1329	}
1300	1330
1301	1331	.tech-box-sec-h3 {
1302		- padding: 1rem;
1303		- font-size: 1.7rem;
	1332	+ margin-bottom: 1.5rem;
	1333	+
	1334	+}
	1335	+
	1336	+.tech-box-sec-h3 h3{
	1337	+ flex: 0 0 60%;
	1338	+ font-size: 2.5rem;
1304	1339	font-family: "Pretendard-Regular";
	1340	+ text-align: left;
	1341	+ color: #007aff;
1305	1342	}
1306	1343
1307		-.tech-box-sec div img {
1308		- /* border: 1px solid blue; */
	1344	+ul.tech-bos li div img {
1309	1345	box-shadow: 3px 3px 6px rgba(191, 191, 191, 0.447);
1310		- width: 85%;
	1346	+ width: 100%;
1311	1347	height: 15rem;
1312		- margin: 0 auto;
	1348	+ margin-bottom: 1.5rem;
1313	1349	background-size: cover;
1314		- border-radius: 1.5rem;
	1350	+ border-radius: 1rem;
1315	1351	}
1316	1352
1317		-.tech-box-sec div p {
1318		- width: 85%;
1319		- padding: 1rem;
	1353	+ul.tech-bos li div p:nth-of-type(1) {
	1354	+ width: 100%;
	1355	+ padding: 1rem 0;
1320	1356	margin: 0 auto;
1321	1357	font-size: 1.5rem;
1322	1358	font-family: "Pretendard-Regular";
	1359	+ text-align: left;
	1360	+}
	1361	+
	1362	+p.date{
	1363	+ color: #aaa;
	1364	+ font-size: 1.3rem;
	1365	+ text-align: left;
	1366	+ font-family: "Pretendard-Regular";
	1367	+ padding: 1rem 0;
1323	1368	}
1324	1369
1325	1370	.tech-box-sec div button {
1326		- width: 85%;
1327		- border-radius: 2rem;
	1371	+ width: 100%;
	1372	+ border-radius: 1rem;
1328	1373	padding: 2rem;
1329	1374	font-size: 1.5rem;
1330	1375	color: white;
1331	1376	font-family: "Pretendard-Regular";
1332		-
1333	1377	background-color: #3f87f7;
1334	1378	}
1335	1379
1336		-.tech-logo {
1337		- padding: 6rem 2rem 2rem 2rem;
1338		- width: 85%;
1339		-}
1340	1380
1341		-.tech-logo h1 {
1342		- font-size: 4rem;
1343		- font-family: SBaggroM;
1344		- font-weight: 500;
1345		- color: #0e0077;
1346		- /* position: relative; */
1347		-}
1348		-
1349		-.tech-logo img {
1350		- width: 10rem;
1351		-}
1352		-
1353		-.tech-sec {
1354		- width: 100%;
1355		- padding: 2rem;
1356		-}
1357		-
1358		-.tech-sec1 {
1359		- display: grid;
1360		- grid-template-columns: 85% 15%;
1361		- padding: 2rem 3rem 1rem 3rem;
1362		- background-color: #f4f4f4;
1363		- border-top: 1px solid rgb(199, 199, 199);
1364		-}
1365		-
1366		-.tech-sec1 h2 {
1367		- font-size: 2rem;
1368		- color: #3f87f7;
1369		-}
1370		-
1371		-.tech-sec1 div {
1372		- padding: 1rem;
1373		- border-radius: 0.5rem;
1374		- margin-top: 3rem;
1375		- /* text-align: right; */
1376		- text-align: center;
1377		- background-color: #3f87f7;
1378		-}
1379		-
1380		-.tech-sec1 div label {
1381		- color: white;
1382		- font-size: 1.5rem;
1383		- margin-right: 1rem;
1384		-}
1385		-
1386		-.tech-sec1 div i {
1387		- font-size: 1.5rem;
1388		-}
1389		-
1390		-.tech-sec2 {
1391		- border-top: 1px solid rgb(199, 199, 199);
1392		- border-bottom: 1px solid rgb(199, 199, 199);
1393		-}
1394		-
1395		-.tech-sec2 section {
1396		- display: grid;
1397		- grid-template-columns: 50% 1fr;
1398		-}
1399		-
1400		-.tech-sec2 section div:nth-child(1) {
1401		- /* background-color: gainsboro; */
1402		- padding: 6rem;
1403		- /* border: 1px solid red; */
1404		-
1405		- /* justify-content: space-between; */
1406		- text-align: right;
1407		-}
1408		-
1409		-.tech-sec2 section div:nth-child(2) {
1410		- /* border: 1px solid red; */
1411		- padding: 6rem;
1412		- display: grid;
1413		- grid-template-columns: 1fr;
1414		-}
1415		-
1416		-.tech-sec2 section div:nth-child(2) p {
1417		- border-top: 1px solid gainsboro;
1418		- padding: 4rem;
1419		-}
1420		-
1421		-.tech-sec2 section div:nth-child(2) span {
1422		- color: #3f87f7;
1423		- font-size: 2rem;
1424		- font-weight: 700;
1425		-}
1426		-
1427		-.tech-sec2 section img {
1428		- padding: 5rem;
1429		- margin: 0 auto;
1430		- box-shadow: 1px 1px 5px 5px #b2b2b236;
1431		- background-color: rgb(190, 190, 190);
1432		- /* border: 1px solid red; */
1433		- width: 50%;
1434		-}
1435		-
1436		-.tech-sec2 div {
1437		- padding: 2rem 0;
1438		-}
1439		-
1440		-.tech-sec2 p {
1441		- font-size: 1.7rem;
1442		-}
1443		-
1444		-.tech-sec2-end p {
1445		- text-align: right;
1446		- font-size: 1.5rem;
1447		-}
1448		-
1449		-.tech-sec2-end p span {
1450		- color: #3f87f7;
1451		- margin-right: 1rem;
1452		-}
1453		-
1454		-.tech-sec2-end p:nth-child(2) {
1455		- text-align: right;
1456		-}
1457		-
1458		-.tech-sec2-bt {
1459		- text-align: right;
1460		- width: 100%;
1461		- padding: 2rem 0 6rem 0;
1462		-}
1463		-
1464		-.tech-sec2-bt button {
1465		- width: 15%;
1466		- padding: 1rem;
1467		- background-color: #3f87f7;
1468		- color: white;
1469		- border-radius: 0.5rem;
1470		- font-family: "Pretendard-Regular";
1471		-}
1472	1381	/* --------------------------------------------------------------------------- */
1473	1382	/* lnfo css */
1474	1383	.info-box-button {
...	...	@@ -1700,6 +1609,7 @@
1700	1609	gap: 0;
1701	1610	grid-template-columns: 1fr 1fr 1fr;
1702	1611	}
	1612	+
1703	1613	.intro-img img {
1704	1614	width: 100%;
1705	1615	}
...	...	@@ -1711,45 +1621,55 @@
1711	1621	.intro-img img:nth-child(3) {
1712	1622	transform: translateY(-9.7rem);
1713	1623	}
	1624	+
1714	1625	/* wg커뮤니티 전문가 협의체 페이지*/
1715	1626
1716	1627	.wg-logo {
1717	1628	width: 100%;
1718	1629	padding: 6rem 2rem 2rem 2rem;
1719	1630	}
	1631	+
1720	1632	.wg-logo h1 {
1721	1633	font-size: 4rem;
1722	1634	font-family: SBaggroM;
1723	1635	font-weight: 500;
1724	1636	color: #0e0077;
1725	1637	}
	1638	+
1726	1639	.wg-logo img {
1727	1640	width: 10rem;
1728	1641	}
	1642	+
1729	1643	.wg-wrap {
1730	1644	width: 100%;
1731	1645	padding: 2rem 2rem 12rem 0;
1732	1646	}
	1647	+
1733	1648	.wg-wrap h1 {
1734	1649	font-size: 1.7rem;
1735	1650	margin-bottom: 2rem;
1736	1651	color: #333;
1737	1652	}
	1653	+
1738	1654	.wg-wrap-search {
1739	1655	width: 100%;
1740	1656	padding: 3rem 0;
1741	1657	}
	1658	+
1742	1659	.wg-wrap-search p {
1743	1660	font-size: 1.5rem;
1744	1661	}
	1662	+
1745	1663	.wg-table {
1746	1664	width: 100%;
1747	1665	}
	1666	+
1748	1667	.wg-table tr th {
1749	1668	background-color: #007aff;
1750	1669	color: white;
1751	1670	padding: 1rem;
1752	1671	}
	1672	+
1753	1673	.wg-search-bos {
1754	1674	width: 100%;
1755	1675	padding: 2rem 6rem;
...	...	@@ -1760,11 +1680,13 @@
1760	1680	background-color: #f9f9f9;
1761	1681	/* grid-template-columns: 3fr 10%; */
1762	1682	}
	1683	+
1763	1684	.wg-search-grid {
1764	1685	width: 100%;
1765	1686	display: grid;
1766	1687	flex-wrap: nowrap;
1767	1688	}
	1689	+
1768	1690	.wg-grid-1 {
1769	1691	padding: 1rem;
1770	1692	display: grid;
...	...	@@ -1777,15 +1699,18 @@
1777	1699	width: 100%;
1778	1700	padding: 0.9rem;
1779	1701	}
	1702	+
1780	1703	#groupSelect2 {
1781	1704	width: 100%;
1782	1705	}
	1706	+
1783	1707	.wg-grid-2 {
1784	1708	padding: 1rem;
1785	1709	display: grid;
1786	1710	gap: 1;
1787	1711	grid-template-columns: 40% 1fr 15%;
1788	1712	}
	1713	+
1789	1714	.wg-grid-2 div:nth-child(1) {
1790	1715	display: grid;
1791	1716	grid-template-columns: 20% 1fr;
...	...	@@ -1796,10 +1721,12 @@
1796	1721	margin-top: 1rem;
1797	1722	font-size: 1.5rem;
1798	1723	}
	1724	+
1799	1725	.wg-grid-2 div:nth-child(2) {
1800	1726	display: grid;
1801	1727	grid-template-columns: 20% 30% 3% 30%;
1802	1728	}
	1729	+
1803	1730	.wg-title2 label {
1804	1731	padding: 0.5rem;
1805	1732	margin-top: 1rem;
...	...	@@ -1807,6 +1734,7 @@
1807	1734	margin-right: 1.5rem;
1808	1735	font-size: 1.5rem;
1809	1736	}
	1737	+
1810	1738	.wg-title2 p {
1811	1739	padding: 0.5rem;
1812	1740	margin-top: 0.5rem;
...	...	@@ -1814,6 +1742,7 @@
1814	1742	margin-right: 1.5rem;
1815	1743	font-size: 1.5rem;
1816	1744	}
	1745	+
1817	1746	.wg-search-bos button {
1818	1747	background-color: #007aff;
1819	1748	color: white;
...	...	@@ -1823,11 +1752,13 @@
1823	1752	padding: 1rem;
1824	1753	border-radius: 1rem;
1825	1754	}
	1755	+
1826	1756	/* 매칭관리css */
1827	1757	.matching-wrap-sub {
1828	1758	width: 100%;
1829	1759	margin: 0 auto;
1830	1760	}
	1761	+
1831	1762	.matching-box-button {
1832	1763	width: 100%;
1833	1764	display: grid;
...	...	@@ -1835,15 +1766,18 @@
1835	1766	gap: 2rem;
1836	1767	background-color: #c5c5c5;
1837	1768	}
	1769	+
1838	1770	.matching-box-button input {
1839	1771	display: none;
1840	1772	}
	1773	+
1841	1774	.matching-box-button label {
1842	1775	text-align: center;
1843	1776	width: 100%;
1844	1777	cursor: pointer;
1845	1778	font-size: 2rem;
1846	1779	}
	1780	+
1847	1781	.matching-box-button div {
1848	1782	width: 100%;
1849	1783	padding: 1rem;
...	...	@@ -1852,11 +1786,13 @@
1852	1786	/* background-color: #007aff; */
1853	1787	color: rgb(255, 255, 255);
1854	1788	}
	1789	+
1855	1790	.inbox {
1856	1791	display: grid;
1857	1792
1858	1793	grid-template-columns: 1fr;
1859	1794	}
	1795	+
1860	1796	.inbox-sub {
1861	1797	padding: 6rem 0;
1862	1798	display: grid;
...	...	@@ -1866,6 +1802,7 @@
1866	1802	grid-template-columns: 1fr 1fr 1fr;
1867	1803	gap: 3rem;
1868	1804	}
	1805	+
1869	1806	.inbox-img {
1870	1807	width: 100%;
1871	1808	text-align: center;
...	...	@@ -1874,12 +1811,14 @@
1874	1811	padding: 3rem 3rem 1rem 3rem;
1875	1812	box-shadow: 1px 1px 5px #33333344;
1876	1813	}
	1814	+
1877	1815	.inbox-img img {
1878	1816	width: 90mm;
1879	1817	height: 50mm;
1880	1818
1881	1819	border-radius: 2rem;
1882	1820	}
	1821	+
1883	1822	.inbox-img div {
1884	1823	display: grid;
1885	1824	grid-template-columns: 1fr 1fr;
...	...	@@ -1887,26 +1826,31 @@
1887	1826
1888	1827	margin: 1rem;
1889	1828	}
	1829	+
1890	1830	.inbox-img button {
1891	1831	padding: 1rem 2rem;
1892	1832	border-radius: 1rem;
1893	1833	}
	1834	+
1894	1835	.inbox-img button:nth-child(1) {
1895	1836	background-color: #007aff;
1896	1837	color: white;
1897	1838	font-weight: 700;
1898	1839	}
	1840	+
1899	1841	.inbox-img button:nth-child(2) {
1900	1842	background-color: rgb(126, 126, 126) 8b8;
1901	1843	color: rgb(49, 49, 49);
1902	1844	font-weight: 700;
1903	1845	}
	1846	+
1904	1847	.inbox-img-2 img {
1905	1848	width: 90mm;
1906	1849	height: 50mm;
1907	1850
1908	1851	border-radius: 2rem;
1909	1852	}
	1853	+
1910	1854	.inbox-img-2 {
1911	1855	width: 100%;
1912	1856	display: grid;
...	...	@@ -1916,9 +1860,11 @@
1916	1860	padding: 3rem 3rem 1rem 3rem;
1917	1861	box-shadow: 1px 1px 5px #33333344;
1918	1862	}
	1863	+
1919	1864	.inbox-img-2 div {
1920	1865	margin: 1rem;
1921	1866	}
	1867	+
1922	1868	.inbox-img-2 button {
1923	1869	width: 100%;
1924	1870	padding: 1rem 2rem;
...	...	@@ -1927,10 +1873,12 @@
1927	1873	color: white;
1928	1874	font-weight: 700;
1929	1875	}
	1876	+
1930	1877	.matching-sec h1 {
1931	1878	font-size: 2rem;
1932	1879	padding: 2rem 0 1rem 0;
1933	1880	}
	1881	+
1934	1882	.matching-section-box {
1935	1883	padding: 6rem 0;
1936		-}
	1884	+} (No newline at end of file)

...	...	@@ -24,7 +24,7 @@
24	24	data() {
25	25	return {
26	26	menuList: [
27		- //{ path: "/adm.page", pathName: "대시보드", icon: '<i class="fa-solid fa-house"></i>', isActive: true },
	27	+ { path: "/adm.page", pathName: "대시보드", icon: '<i class="fa-solid fa-house"></i>', isActive: true },
28	28	{ path: "/adm/noticeSelectList.page", pathName: "커뮤니티", subMenu: [{ path: "/adm/noticeSelectList.page", pathName: "공지사항" }, { path: "/adm/newsSelectList.page", pathName: "홍보/뉴스" }], icon: '<i class="fa-regular fa-newspaper"></i>', icon2: "<i class='fa-solid fa-angle-right'></i>", isOpen: false, isActive: false },
29	29	{ path: "/adm/techSelectList.page", pathName: "자료실", subMenu: [{ path: "/adm/techSelectList.page", pathName: "기술문서" }, { path: "/adm/dataSelectList.page", pathName: "자료집" }], icon: '<i class="fa-regular fa-folder-open"></i>', icon2: "<i class='fa-solid fa-angle-right'></i>", isOpen: false, isActive: false },
30	30	//{ path: "/adm/statistics.page", pathName: "통계서비스", icon: '<i class="fa-solid fa-chart-line"></i>', isActive: false },

...	...	@@ -1,11 +1,10 @@
1	1	<template>
2	2	<div class="admin-wrap">
3	3	<div class="content-box">
4		- <div class="title-wrap">
5		- <h2 class="main-title">대시보드</h2>
6		- </div>
7	4	<div class="content-wrap">
8		-
	5	+ <div class="content">
	6	+ <div class="content-title">오늘의 통계</div>
	7	+ </div>
9	8	</div>
10	9	</div>
11	10	</div>
...	...	@@ -40,4 +39,17 @@
40	39	height: 100%;
41	40	font-size: 1.3rem;
42	41	}
	42	+
	43	+.content{
	44	+ padding: 20px 35px;
	45	+ background-color: rgb(198, 238, 255);
	46	+}
	47	+
	48	+.content-title{
	49	+ padding-bottom: 10px;
	50	+ border-bottom: 1px solid #417dff;
	51	+ color: #417dff;
	52	+ font-size: 2rem;
	53	+ font-family: 'Pretendard-Regular';
	54	+}
43	55	</style>

...	...	@@ -31,8 +31,7 @@
31	31	<td>{{ user.user_id }}</td>
32	32	<td>{{ user.user_nm }}</td>
33	33	<td>{{ user.user_eml }}</td>
34		- <td><button class="red-btn"
35		- v-if="user.create_account_approval === 'N'"
	34	+ <td><button class="red-btn" v-if="user.create_account_approval === 'N'"
36	35	@click="confirmCheck(user.user_id)">승인</button>
37	36	<span v-else class="approve">승인 완료</span>
38	37	</td>
...	...	@@ -81,7 +80,7 @@
81	80	</tr>
82	81	</thead>
83	82	<tbody>
84		- <tr v-for="(mngr, index) in mngrList" :key="index">
	83	+ <tr v-for="(mngr, index) in mngrList" :key="index" @click="adminSelectOnePage(mngr)">
85	84	<td>{{ mngrIdx - index }}</td>
86	85	<td>{{ mngr.mngr_id }}</td>
87	86	<td>{{ mngr.mngr_nm }}</td>
...	...	@@ -451,6 +450,11 @@
451	450	userSelectOnePage: function (user) {
452	451	this.$router.push({ path: '/adm/userSelectOne.page', query: { 'user_id': user.user_id } });
453	452	},
	453	+
	454	+ //상세조회 페이지로 이동
	455	+ adminSelectOnePage: function (admin) {
	456	+ this.$router.push({ path: '/adm/userSelectOne.page', query: { 'mngr_id': admin.mngr_id } });
	457	+ },
454	458	},
455	459	watch: {
456	460	"modalType": function (newValue, oldValue) {

...	...	@@ -8,34 +8,68 @@
8	8	</div>
9	9	</div>
10	10	<div class="content-wrap">
11		- <div class="user grid">
	11	+ <div class="user grid" v-show="user.user_id != null">
12	12	<div>
13		- <p><i class="fa-solid fa-user-group"></i> 아이디</p>
	13	+ <p class="label-title"><i class="fa-solid fa-user-group"></i> 아이디</p>
14	14	<input type="text" v-model="user.user_id" disabled />
15	15	</div>
16	16	<div>
17		- <p><i class="fa-solid fa-check-double"></i>회원구분</p>
	17	+ <p class="label-title"><i class="fa-solid fa-user-group"></i> 비밀번호</p>
	18	+ <button class="gray-btn">비밀번호 변경</button>
	19	+ </div>
	20	+ <div>
	21	+ <p class="label-title"><i class="fa-solid fa-check-double"></i> 회원구분</p>
18	22	<input type="text" v-model="user.user_auth" disabled />
19	23	</div>
20	24	<div>
21		- <p><i class="fa-solid fa-heart"></i>이름</p>
	25	+ <p class="label-title"><i class="fa-solid fa-heart"></i> 이름</p>
22	26	<input type="text" v-model="user.user_nm" disabled />
23	27	</div>
24	28	<div>
25		- <p><i class="fa-solid fa-envelope"></i>이메일</p>
	29	+ <p class="label-title"><i class="fa-solid fa-envelope"></i> 이메일</p>
26	30	<input type="text" v-model="user.user_eml" disabled />
27	31	</div>
28	32	<div>
29		- <p><i class="fa-solid fa-envelope"></i>가입 날짜</p>
	33	+ <p class="label-title"><i class="fa-solid fa-envelope"></i> 가입 날짜</p>
30	34	<input type="text" v-model="user.user_reg_dt" disabled />
31	35	</div>
32	36	<div>
33		- <p><i class="fa-solid fa-envelope"></i>승인 날짜</p>
	37	+ <p class="label-title"><i class="fa-solid fa-envelope"></i> 승인 날짜</p>
34	38	<input type="text" v-model="user.approval_dt" disabled />
35	39	</div>
36	40	</div>
37		- <div class="company"></div>
38		- <div class="admin"></div>
	41	+ <!-- <div class="company" v-show="company.company_id"></div> -->
	42	+ <div class="admin grid" v-show="admin.mngr_id != null">
	43	+ <div>
	44	+ <p class="label-title"><i class="fa-solid fa-user-group"></i> 아이디</p>
	45	+ <input type="text" v-model="admin.mngr_id" disabled />
	46	+ </div>
	47	+ <div>
	48	+ <p class="label-title"><i class="fa-solid fa-user-group"></i> 비밀번호</p>
	49	+ <button class="gray-btn">비밀번호 변경</button>
	50	+ </div>
	51	+ <div>
	52	+ <p class="label-title"><i class="fa-solid fa-heart"></i> 이름</p>
	53	+ <input type="text" v-model="admin.mngr_nm" disabled />
	54	+ </div>
	55	+ <div>
	56	+ <p class="label-title"><i class="fa-solid fa-envelope"></i> 이메일</p>
	57	+ <input type="text" v-model="admin.mngr_eml" disabled />
	58	+ </div>
	59	+ <div>
	60	+ <p class="label-title"><i class="fa-solid fa-envelope"></i> 등록자</p>
	61	+ <input type="text" v-model="admin.rgtr_id" disabled />
	62	+ </div>
	63	+ <div>
	64	+ <p class="label-title"><i class="fa-solid fa-envelope"></i> 가입 날짜</p>
	65	+ <input type="text" v-model="admin.reg_dt" disabled />
	66	+ </div>
	67	+ </div>
	68	+ <div class="btn-wrap">
	69	+ <button class="red-btn" @click="postDelete()">삭제</button>
	70	+ <button class="dark-gray-btn" @click="postSelectListPage()">목록</button>
	71	+ <button class="blue-btn" @click="postUpdatePage()">수정</button>
	72	+ </div>
39	73	</div>
40	74	</div>
41	75
...	...	@@ -61,6 +95,15 @@
61	95	user_pw: null,
62	96	user_reg_dt: null,
63	97	},
	98	+ admin: {
	99	+ mdfcn_dt: null,
	100	+ mdfr_id: null,
	101	+ mngr_eml: null,
	102	+ mngr_id: null,
	103	+ mngr_nm: null,
	104	+ reg_dt: null,
	105	+ rgtr_id: null,
	106	+ },
64	107	route: useRoute(),
65	108	};
66	109	},
...	...	@@ -82,19 +125,47 @@
82	125	alert("사용자 상세보기 오류, 관리자에게 문의하세요.");
83	126	})
84	127	},
	128	+ adminSelectOne: function () {
	129	+ const vm = this;
	130	+ axios({
	131	+ url: '/managerSelectOne.json',
	132	+ method: 'post',
	133	+ headers: {
	134	+ 'Content-Type': "application/json; charset=UTF-8",
	135	+ },
	136	+ data: { 'mngr_id': vm.route.query.mngr_id }
	137	+ }).then(function (response) {
	138	+ console.log("response-", response.data);
	139	+ vm.admin = response.data
	140	+ }).catch(function (error) {
	141	+ console.log("error - ", error)
	142	+ alert("관리자 상세보기 오류, 관리자에게 문의하세요.");
	143	+ })
	144	+ },
85	145	},
86	146	watch: {},
87	147	computed: {},
88	148	components: {},
89	149	mounted() {
90		- this.userSelectOne();
	150	+ if (this.route.query.user_id) {
	151	+ this.userSelectOne();
	152	+ } else if (this.route.query.mngr_id) {
	153	+ this.adminSelectOne();
	154	+ }
91	155	},
92	156	};
93	157	</script>
94	158	<style scoped>
95		-.grid{
	159	+.grid {
96	160	display: grid;
97	161	grid-template-columns: 1fr 1fr;
98	162	gap: 30px;
99	163	}
	164	+
	165	+.label-title {
	166	+ font-size: 1.5rem;
	167	+ font-weight: 500;
	168	+ padding: 10px 0;
	169	+ color: #417dff;
	170	+}
100	171	</style>

...	...	@@ -1,6 +1,6 @@
1	1	<template>
2	2	<div class="w1400">
3		- <section class="main-sec sec1">
	3	+ <div class="main-sec sec1">
4	4	<!-- <div class="main-content"> -->
5	5	<div class="flex">
6	6	<!-- 자료집 비주얼 -->
...	...	@@ -16,44 +16,46 @@
16	16	</div>
17	17	</div>
18	18	</div>
19		- </section>
20		-
21		- <div class="Data-dtail">
22		- <section>
23		-
24		- <h1>{{ post.post_title }}</h1>
25		- <p>조회수 {{ post.view_cnt }} </p>
26		- <p>작성일 {{ yyyymmdd(post.reg_dt) }}</p>
27		- </section>
28		-
29		- <section class="dtail-ing">
30		-
31		- <div id="viewer" ref="viewer" class="viewer"></div>
32		- <div>
33		- <i class="fa-regular fa-heart fa-lg" style="color: #3f87f7;"></i>
	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>
34	53	</div>
35		- </section>
36		-
37		- <section class="dtail-button">
38		-
39		- <div v-if="fileList.length == 0">
40		- <label>첨부된 파일이 없습니다.</label>
	54	+ <div class="dtail-navigation-in">
	55	+ <button @click="goBack">목록</button>
41	56	</div>
42		- <div v-else v-for="(item, idx) in fileList" :key="idx">
43		- <div @click="downloadFile(item)">{{ item.real_file_nm }}</div>
44		- </div>
45		- </section>
	57	+ </div>
46	58
47		-
48		- <section class="dtail-navigation">
49		- <button>다음글</button>
50		- <button>이전글</button>
51		- </section>
52		-
53		- <section class="dtail-navigation-in">
54		- <button @click="goBack">목록</button>
55		- </section>
56		- <!-- <hr> -->
57	59	</div>
58	60	</div>
59	61	</template>
...	...	@@ -195,7 +197,7 @@
195	197	alert('에러발생');
196	198	});
197	199	},
198		-
	200	+
199	201	//날짜 시,분,초 자르기
200	202	yyyymmdd: function (date) {
201	203	return COMMON_UTIL.yyyymmdd(date);
...	...	@@ -203,146 +205,3 @@
203	205	}
204	206	}
205	207	</script>
206		-
207		-<style scoped>
208		-section {
209		- border-bottom: 1px solid #007aff;
210		-}
211		-
212		-.Data-dtail {
213		- width: 100%;
214		-
215		- padding: 0rem 3rem 12rem;
216		-}
217		-
218		-.sec1 {
219		- border: 0px;
220		-}
221		-
222		-.Data-dtail section h1 {
223		- color: #007aff;
224		-}
225		-
226		-.Data-dtail section:nth-child(1) {
227		- /* border: 1px solid red; */
228		- background-color: rgb(236, 236, 236);
229		- border-top: 1px solid #007aff;
230		-
231		-}
232		-
233		-.Data-dtail section:nth-child(1) {
234		- display: grid;
235		- grid-template-columns: 73% 10% 14%;
236		-}
237		-
238		-.Data-dtail section:nth-child(3) {
239		- padding: 3rem;
240		- font-size: 1.7rem;
241		-}
242		-
243		-.Data-dtail h1 {
244		- padding: 3rem;
245		-}
246		-
247		-.Data-dtail p {
248		- font-size: 1.5rem;
249		- padding: 4rem 0rem 0rem 3rem;
250		- /* border: 1px solid red; */
251		-}
252		-
253		-.dtail-ing {
254		- padding: 3rem;
255		- height: 40rem;
256		- display: grid;
257		- grid-template-columns: 1fr;
258		- align-content: space-between;
259		-}
260		-
261		-.dtail-ing div {
262		- font-size: 1.7rem;
263		-}
264		-
265		-.dtail-button {
266		- padding: 3rem;
267		-}
268		-
269		-hr {
270		- border: 0.5px solid #007aff;
271		-}
272		-
273		-.data-file-bt {
274		- cursor: pointer;
275		-}
276		-
277		-.dtail-navigation {
278		- /* border: 1px solid red; */
279		- /* padding: 3r/em; */
280		- display: grid;
281		- grid-template-columns: 1fr;
282		-}
283		-
284		-.dtail-navigation button {
285		- padding: 2rem 3rem;
286		- text-align: left;
287		- font-family: "Pretendard-Regular";
288		- color: #007aff;
289		- font-size: 1.5rem;
290		- font-weight: 600;
291		-
292		-}
293		-
294		-.dtail-navigation button:nth-child(1) {
295		- border-bottom: 0.5px solid #787878;
296		-
297		-}
298		-
299		-.dtail-navigation-in {
300		- border: 0px;
301		- padding: 3rem 0;
302		- text-align: right;
303		-
304		-}
305		-
306		-.dtail-navigation-in button {
307		- padding: 1.5rem 5rem;
308		- background-color: #007aff;
309		- color: white;
310		- font-family: "Pretendard-Regular";
311		- border-radius: 1.5rem;
312		-
313		-}
314		-
315		-@media all and (max-width: 479px) {
316		- .Data-dtail section:nth-child(1) {
317		- grid-template-columns: 1fr;
318		- padding: 2rem;
319		- }
320		-
321		- .Data-dtail h1 {
322		- padding: 0.5rem;
323		- }
324		-
325		- .Data-dtail p {
326		- padding: 1rem;
327		- }
328		-}
329		-
330		-@media all and (min-width: 480px) and (max-width: 767px) {
331		- .Data-dtail section:nth-child(1) {
332		- grid-template-columns: 1fr;
333		- padding: 2rem;
334		- }
335		-
336		- .Data-dtail h1 {
337		- padding: 0.5rem;
338		- }
339		-
340		- .Data-dtail p {
341		- padding: 1rem;
342		- }
343		-}
344		-
345		-@media all and (min-width: 767px) and (max-width: 1023px) {}
346		-
347		-@media all and (min-width: 1023px) and (max-width: 1268px) {}
348		-</style> (No newline at end of file)

...	...	@@ -3,18 +3,15 @@
3	3	<div class="w1400">
4	4	<div class="guide-bos">
5	5	<section class="guide-logo page-logo">
6		-
7	6	<h1>AI 디지털교과서 개발 가이드라인</h1>
8	7	<div class="guide-logo-bt">
9		-
10	8	<a style="font-size: 15px;" class="down-btn-1"
11	9	href="https://webst.edunet.net/AIDT/AI 디지털교과서 개발 가이드라인.pdf" target='_blank' download>
12	10	<i class="fa-solid fa-circle-down guide_i"
13		- style="font-size: 20px; margin-right: 10px;"></i>가이드라인
14		- 다운받기</a>
	11	+ style="font-size: 20px; margin-right: 10px;"></i>가이드라인 다운받기</a>
15	12	</div>
16	13	</section>
17		- <hr>
	14	+
18	15	<section class="guide-sec">
19	16	<img src="../../../../resources/jpg/guide-line.png" alt="">
20	17	</section>

...	...	@@ -135,7 +135,7 @@
135	135
136	136	.dtail-ing {
137	137	padding: 3rem;
138		- height: 40rem;
	138	+ min-height: 40rem;
139	139	display: grid;
140	140	grid-template-columns: 1fr;
141	141	align-content: space-between;

...	...	@@ -20,113 +20,12 @@
20	20
21	21	</label>
22	22	<div class="join-text">
23		- <p>※올바른 가입방법을 선택하세요.</p>
	23	+ <p>※회원가입 유형을 선택해주세요.</p>
24	24	</div>
25	25	</div>
26		-
27	26	</section>
28		-
29	27	<!-- <div v-if="selectedMembership === 'company'"> -->
30	28	<div v-show="selectedMembership === 'company'">
31		- <div class="login-info2">
32		- <div>
33		- <h3>회사소개</h3>
34		- <hr>
35		- </div>
36		- <div class="login-info-grid">
37		- <div class="login-info-grid-1">
38		- <section class="join-sec0">
39		- <div class="uploaded-box">
40		-
41		- <div class="uploaded-box-radius">
42		- <p>LOGO</p>
43		- <!-- <img v-if="logo_img" :src="logo_img" alt="Selected Image"> -->
44		- <img v-if="logoPreview" :src="logoPreview" />
45		- </div>
46		- <div class="btn-upload-join" @click="openFileInput">
47		- 우리회사 로고 업로드하기
48		- </div>
49		- <input type="file" accept="image/*" name="logoImg" id="logoImg" ref="logoImg"
50		- @change="logoUpload" style="display: none;" />
51		-
52		- </div>
53		- </section>
54		- </div>
55		- <div class="login-info-grid-2">
56		- <section class="join-sec1 joinsub0">
57		- <div class="join-sec-sub ">
58		- <span>사업자등록번호</span>
59		- </div>
60		- <div>
61		- <input type="text" v-model="combinedUserId" class="id-input" placeholder="사업자등록번호를 입력하세요."
62		- @click="openModal">
63		- </div>
64		- <div>
65		- <button @click="openModal2">중복확인</button>
66		- </div>
67		- <!-- <div v-if="this.companyIdCheck_boolean" style="color:chartreuse"></div>
68		- <div v-else style="color:red">사업자등록번호: 이미 등록되어있는 사업자등록번호 입니다.</div> -->
69		- </section>
70		- <section class="join-sec1 joinsub0-1">
71		- <div class="join-sec-sub ">
72		- <span>회사명</span>
73		- </div>
74		- <div>
75		- <input type="text" v-model="company['company_nm']" placeholder="회사명을 입력해주세요.">
76		- </div>
77		- </section>
78		- <section class="join-sec2 joinsub">
79		-
80		- <div class="join-sec-sub">
81		- <span>우리회사 키워드</span>
82		- </div>
83		-
84		-
85		- <div>
86		- <div class="set_option_detail__VNyv5">
87		- <div class="tag_area__TjdG">
88		- <div class="tag_textarea__iAnXk">
89		- <div class="tag_input_wrap__I9iiA">
90		- <input id="tag-input" class="tag_input__NCQc1" type="text"
91		- autocomplete="off" placeholder="태그 입력 (최대 30개)" role="combobox"
92		- aria-autocomplete="both" v-model="tagInput" @keyup.enter="addTag">
93		- <div class="tag" v-for="(tag, index) in tags" :key="index">#{{ tag
94		- }}<button @click="removeTag(index)">x</button>
95		- </div>
96		- </div>
97		- <div class="tag_list">
98		- </div>
99		- </div>
100		- </div>
101		- </div>
102		- </div>
103		- </section>
104		- </div>
105		- </div>
106		-
107		- <div class="login-info-grid-3">
108		-
109		- <section class="join-sec3 j-s-3">
110		- <div class="join-sec-sub">
111		- <span>회사소개글</span>
112		- </div>
113		- <div class="join-sub-input">
114		- <!-- <input type="text" v-model="company['company_info']"> -->
115		- <textarea name="smart" id="smart" v-model="company['company_info']"></textarea>
116		- </div>
117		- </section>
118		-
119		- <section class="join-sec4 ">
120		- <div class="join-sec-sub join-sec-1">
121		- <span>회사소개서 첨부파일</span>
122		- </div>
123		- <div class="join-sub-input">
124		- <input type="file" name="companyProfile" id="companyProfile" ref="companyProfile"
125		- @change="companyProfileUpload" />
126		- </div>
127		- </section>
128		- </div>
129		- </div>
130	29	<div class="login-info">
131	30	<div>
132	31	<h3>회원정보</h3>
...	...	@@ -143,7 +42,7 @@
143	42	<input type="text" v-model="combinedUserId" class="id-input" placeholder="아이디를 입력하세요.">
144	43	</div>
145	44	<div>
146		- <button>중복확인</button>
	45	+ <button class="blue-bnt">중복확인</button>
147	46	</div>
148	47	</section>
149	48	<section class="join-sec3 joinsub">
...	...	@@ -209,21 +108,109 @@
209	108	</div>
210	109	</div>
211	110	</section>
	111	+ </div>
	112	+ <div class="login-info2">
212	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">
213	121
214		- <section class="join-email-bt">
215		- <input type="checkbox">
216		- <span>E-mail 구독서비스를 신청하시겠습니까?</span>
	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;" />
	132	+ </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>
	139	+ </div>
	140	+ <div>
	141	+ <input type="text" v-model="combinedUserId" class="id-input" placeholder="사업자등록번호를 입력하세요.">
	142	+ <p v-show="businessNumber == true" style="color:red">사업자등록번호를 다시 한번 확인해주세요.</p>
	143	+ </div>
	144	+ <div>
	145	+ <button @click="businessNumCheck" class="blue-btn">중복확인</button>
	146	+ </div>
	147	+ <!-- <div v-if="this.companyIdCheck_boolean" style="color:chartreuse"></div>
	148	+ <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	+ </div>
	154	+ <div>
	155	+ <input type="text" v-model="company['company_nm']" placeholder="회사명을 입력해주세요.">
	156	+ </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>
	172	+ </div>
	173	+ </div>
	174	+ <div class="tag_list">
	175	+ </div>
	176	+ </div>
	177	+ </div>
	178	+ </div>
	179	+ </div>
	180	+ </section>
	181	+ </div>
	182	+ </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>
217	192	</section>
218		-
219		- <section class="join-end-bt">
220		- <button>이전</button>
221		-
222		- <button v-if="selectedMembership === 'company'" @click="commonFileInsert">회원가입</button>
223		- <button v-else @click="userInsert">회원가입</button>
	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>
224	201	</section>
225	202	</div>
226		-
	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>
227	214	</div>
228	215	</div>
229	216	<!-- <div v-if="selectedMembership === 'two'"> -->
...	...	@@ -309,7 +296,6 @@
309	296	</div>
310	297	</section>
311	298	<div>
312		-
313	299	<section class="join-email-bt">
314	300	<input type="checkbox">
315	301	<span>E-mail 구독서비스를 신청하시겠습니까?</span>
...	...	@@ -317,7 +303,6 @@
317	303
318	304	<section class="join-end-bt">
319	305	<button>이전</button>
320		-
321	306	<button v-if="selectedMembership === 'company'" @click="commonFileInsert">회원가입</button>
322	307	<button v-else @click="userInsert">회원가입</button>
323	308	</section>
...	...	@@ -351,7 +336,6 @@
351	336	회원가입 승인 전까지 특정 서비스는 이용하실 수 없으며,
352	337	승인 이후 모든 서비스를 이용하실 수 있습니다.
353	338	또한, 해당 기업은 같은 기업명으로 중복 계정 생성이 불가합니다.
354		-
355	339	</p>
356	340	</div>
357	341	<div>
...	...	@@ -365,20 +349,16 @@
365	349	<h2>사업자 등록번호 조회</h2>
366	350	<button class="join-text-bt" @click="closeModal"><i class="fa-solid fa-xmark"></i></button>
367	351	</div>
368		-
369	352	<div>
370		-
371	353	<input type="text" placeholder="사업자 등록번호를 입력하세요.">
372	354	<button class="join-text-bt2">조회</button>
373	355	</div>
374	356	<div>
375	357	<p>등록번호 여기에 넣어주세요!</p>
376	358	</div>
377		-
378	359	</div>
379	360	<div v-show="showModal2" class="join-modal2">
380	361	<div>
381		-
382	362	<h2>이미 가입된 사업자 등록번호 입니다.</h2>
383	363	<button class="join-text-bt3" @click="closeModal2">닫기</button>
384	364	</div>
...	...	@@ -387,6 +367,7 @@
387	367
388	368	<script>
389	369	import axios from 'axios';
	370	+import COMMON_UTIL from '../../../../resources/js/commonUtil.js';
390	371
391	372	export default {
392	373	data() {
...	...	@@ -431,7 +412,8 @@
431	412	showModal: false,
432	413	showModal2: false,
433	414	tagInput: '#',
434		- tags: []
	415	+ tags: [],
	416	+ businessNumber: false,
435	417	}
436	418	},
437	419	methods: {
...	...	@@ -444,7 +426,6 @@
444	426	removeTag(index) {
445	427	this.tags.splice(index, 1);
446	428	},
447		-
448	429
449	430	// 사업자등록번호 모달
450	431	openModal() {
...	...	@@ -664,27 +645,35 @@
664	645	// }
665	646	// },
666	647
	648	+ // 사업자번호 중복 검사
	649	+ businessNumCheck: function () {
	650	+
	651	+ },
667	652	//유효성 검사
668	653	joinInsertCheck: function () {
669		- if (COMMON_UTIL.isEmpty(this.post["main_number"]) == true) {
670		- alert("구간을 선택해주세요");
671		- // this.$refs["main_number"].focus();
672		- return true;
673		- }
674		- if (COMMON_UTIL.isEmpty(this.post["sub_number"]) == true) {
675		- alert("구간번호를 입력해주세요");
676		- // this.$refs["sub_number"].focus();
677		- return true;
678		- }
679		- if (COMMON_UTIL.isEmpty(this.post["season"]) == true) {
680		- alert("계절을 선택해주세요");
681		- // this.$refs["season"].focus();
682		- return true;
683		- }
	654	+ // if (COMMON_UTIL.isEmpty(this.post["main_number"]) == true) {
	655	+ // alert("구간을 선택해주세요");
	656	+ // // this.$refs["main_number"].focus();
	657	+ // return true;
	658	+ // }
	659	+ // if (COMMON_UTIL.isEmpty(this.post["sub_number"]) == true) {
	660	+ // alert("구간번호를 입력해주세요");
	661	+ // // this.$refs["sub_number"].focus();
	662	+ // return true;
	663	+ // }
	664	+ // if (COMMON_UTIL.isEmpty(this.post["season"]) == true) {
	665	+ // alert("계절을 선택해주세요");
	666	+ // // this.$refs["season"].focus();
	667	+ // return true;
	668	+ // }
684	669	// if(COMMON_UTIL.isEmpty(this.post["main_number"])==true){
685	670	// alert("항공뷰 ID를 입력해주세요");
686	671	// this.$refs["main_number"].focus();
687	672	// }
	673	+ if (COMMON_UTIL.businessNumber(this.combinedUserId) == true) {
	674	+ this.businessNumber = true;
	675	+ return true;
	676	+ }
688	677	},
689	678
690	679	initEditor: function (initData) {
...	...	@@ -1264,16 +1253,12 @@
1264	1253	padding: 1rem 0;
1265	1254	font-size: 1.5rem;
1266	1255	font-family: "Pretendard-Regular";
1267		-
1268	1256	}
1269	1257
1270	1258	.login-info-grid {
1271	1259	display: grid;
1272	1260	grid-template-columns: 180px 1fr;
1273		-
1274	1261	}
1275		-
1276		-
1277	1262
1278	1263	.join-sec0 {
1279	1264	display: grid;
...	...	@@ -1312,7 +1297,6 @@
1312	1297	left: 0;
1313	1298
1314	1299	}
1315		-
1316	1300
1317	1301	.uploaded-box-radius img {
1318	1302	width: 100%;
...	...	@@ -1595,12 +1579,10 @@
1595	1579	.join-sec5-1 {
1596	1580	width: 100%;
1597	1581	grid-template-columns: 1fr;
1598		-
1599	1582	}
1600	1583
1601	1584	.join-sec6 {
1602	1585	grid-template-columns: 1fr;
1603		-
1604	1586	}
1605	1587
1606	1588	/* 공통요소 */

Delete comment