Commit @2cc6b12596d45421660764f96ab9d6835308f4cf

kimgkdud898 2023-11-06

231106김하영

@2cc6b12596d45421660764f96ab9d6835308f4cf

5d27cc3

2cc6b12

client/resources/css/Main.css

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

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


   position: relative;
 }
 
-.matchingbox div:nth-child(1):before {
+/* .matchingbox div:nth-child(1):before {
   position: absolute;
   content: "AA등급";
   line-height: 40px;

   background-color: #3f87f7;
   border-radius: 45px;
   transform: translateX(-50%);
-}
+} */
 
 .matchingbox-1 {
   display: flex;

 .wg-grid-1 {
   padding: 1rem;
   display: grid;
+
   grid-template-columns: 20% 1fr;
   gap: 1rem;
 }

5d27cc3

2cc6b12

client/views/layout/Menu.vue

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

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


 <template>
-    <div style="width: 100%;box-shadow: 1px 1px 5px #afafaf91;">
+    <div style="width: 100%;box-shadow: 1px 1px 5px #afafaf45;">
         <div class="w1400 header-wrap">
             <div class="logo-toggle">
 

5d27cc3

2cc6b12

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

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

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

...	...	@@ -11,7 +11,7 @@
11	11
12	12	<section class="intro-text">
13	13	<h3>AI 디지털교과서 통합지원센터 소개</h3>
14		- <p><i class="fa-solid fa-circle fa-2xs"></i>양질의 AI 디지털교과서 개발을 위한 기술 표준과 정책을 연구합니다.</p>
	14	+ <p><i class="fa-solid fa-check"></i>양질의 AI 디지털교과서 개발을 위한 기술 표준과 정책을 연구합니다.</p>
15	15	<p><i class="fa-solid fa-circle fa-2xs"></i>개발사 간의 소통하고 협력적인 동반관계를 형성할 수 있도록 네트워킹을 지원합니다.</p>
16	16	<p><i class="fa-solid fa-circle fa-2xs"></i>민간 개발사가 개발하는 AI 디지털교과서와 공공에서 제공하는 서비스 간의 원활한 연계 체계를 지원합니다.
17	17	</p>

5d27cc3

2cc6b12

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

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

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


                     <img src="../../../../resources/jpg/join-bt.png" alt="">
 
                 </label>
+                <div class="join-text">
+                    <p>※올바른 가입방법을 선택하세요.</p>
+                </div>
             </div>
+
         </section>
 
         <!-- <div v-if="selectedMembership === 'company'"> -->
-        <div v-if="selectedMembership === 'company'">
+        <div v-show="selectedMembership === 'company'">
             <div class="login-info2">
                 <div>
                     <h3>회사소개</h3>

                                 <span>사업자등록번호</span>
                             </div>
                             <div>
-                                <input type="text" v-model="company['company_id']" placeholder="사업자등록번호를 입력하세요.">
+                                <input type="text" v-model="combinedUserId" class="id-input" placeholder="사업자등록번호를 입력하세요."
+                                    @click="openModal">
                             </div>
                             <div>
-                                <button @click="companyIdCheck">중복확인</button>
+                                <button @click="openModal2">중복확인</button>
                             </div>
                             <!-- <div v-if="this.companyIdCheck_boolean" style="color:chartreuse"></div>
                             <div v-else style="color:red">사업자등록번호: 이미 등록되어있는 사업자등록번호 입니다.</div> -->

                     </div>
                     <div>
                         <!-- <input type="text" v-model="user['user_id']" placeholder="아이디를 입력하세요."> -->
-                        <input type="text" v-model="combinedUserId" placeholder="아이디를 입력하세요.">
+                        <input type="text" v-model="combinedUserId" class="id-input" placeholder="아이디를 입력하세요.">
                     </div>
                     <div>
-                        <button @click="userIdCheck">중복확인</button>
+                        <button>중복확인</button>
                     </div>
                 </section>
                 <section class="join-sec3 joinsub">

                 </section>
                 <section class="join-sec5 joinsub">
                     <div class="join-sec-sub">
-                        <span>담당자명<span>(필수)</span></span>
+                        <span>담당자명</span>
                     </div>
                     <div class="join-uplodebox">
                         <input type="text" v-model="user['user_nm']">

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

                         </div>
                     </div>
                 </section>
+                <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>
         <!-- <div v-if="selectedMembership === 'two'"> -->

                         </div>
                     </div>
                 </section>
+                <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>
-
-
-
-        <!---------------------------------------------------------------------------------------------------------------->
-
-
-
-        <div class="join-w1400">
-
-            <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>
+
+
+
+
+
+    <!---------------------------------------------------------------------------------------------------------------->
+
+
+
+
 
 
 

                 <button @click="hideDiv">확인</button>
             </div>
         </section>
+    </div>
+    <!-- 사업자등록번호 모달창 -->
+    <div v-show="showModal" class="join-modal">
+        <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>
     </div>
 </template>
 

             email_id: null,
             email_dns: null,
             select_email_dns: null,
-            selectedMembership: 'company',
+            selectedMembership: '',
             isVisible: false,
             selectedImage: null,
             oEditors: [],
             logoPreview: null,
+            combinedUserId: '',
+            showModal: false,
+            showModal2: false
         }
     },
     methods: {
-
+        // 사업자등록번호 모달
+        openModal() {
+            this.showModal = true;
+        },
+        closeModal() {
+            this.showModal = false;
+        },
+        openModal2() {
+            this.showModal2 = true;
+        },
+        closeModal2() {
+            this.showModal2 = false;
+        },
         //비밀번호 매칭 확인
         passwordSyncCheck: function () {
             console.log("this.user.user_pw : ", this.user.user_pw);

 </script>
 
 <style scoped>
+.w1400 {
+    padding-bottom: 22rem;
+
+}
+
+.join-modal {
+    position: fixed;
+    top: 50%;
+    left: 50%;
+    width: 20%;
+    height: 50%;
+    transform: translate(-50%, -50%);
+    background: white;
+    padding: 20px;
+    border: 1px solid #ccc;
+    border-radius: 10px;
+    z-index: 999;
+}
+
+.join-modal p {
+    font-size: 2rem;
+    padding: 1rem;
+}
+
+.join-modal h2 {
+    padding: 1rem;
+}
+
+.join-modal div {
+    padding: 1rem;
+    display: grid;
+    gap: 1rem;
+    grid-template-columns: 1fr 15%;
+}
+
+.join-text-bt {
+
+    background-color: #00000000;
+
+}
+
+.join-text-bt2 {
+    background-color: #3f87f7;
+    color: white;
+    border-radius: 0.5rem;
+}
+
+.join-modal2 {
+    position: fixed;
+    top: 50%;
+    left: 50%;
+    width: 20%;
+    /* height: 10%; */
+    transform: translate(-50%, -50%);
+    background: white;
+    padding: 20px;
+    border: 1px solid #ccc;
+    border-radius: 10px;
+    z-index: 999;
+}
+
+.join-modal2 div {
+    display: grid;
+    gap: 1rem;
+    grid-template-columns: 1fr;
+}
+
+.join-modal2 h2 {
+    padding: 1rem 0;
+    text-align: center;
+}
+
+.join-text-bt3 {
+    width: 20%;
+    margin: 0 auto;
+    height: 3rem;
+    color: white;
+    border-radius: 0.5rem;
+
+    background-color: #3f87f7;
+}
+
 /* 명함추가 */
 .join-sec5-1 {
     width: 100%;

     display: grid;
     grid-template-columns: 1fr 1fr;
     margin: 0 auto;
-    gap: 6rem;
+
+    column-gap: 6rem;
     flex-direction: row;
     /* padding: 9rem; */
+}
+
+.join-text {
+    font-size: 1.2rem;
+    color: red;
+    padding: 2rem;
 }
 
 .join-b-button input[type="radio"] {

     border-radius: 50%;
     overflow: hidden;
     margin-bottom: 2rem;
-    margin-left: 4rem;
-    /* margin: 0 auto;/ */
+    margin: 0 auto;
     position: relative;
     top: 0;
     left: 0;

5d27cc3

2cc6b12

client/views/pages/user/main/Main.vue

--- client/views/pages/user/main/Main.vue

+++ client/views/pages/user/main/Main.vue


             </div>
 
         </section>
-        <section class="main-sec sec1">
+        <!-- <section class="main-sec sec1">
 
-            <div class=" flex">
-                <!-- 히스토리 -->
+            <div class=" flex"> -->
+        <!-- 히스토리 -->
 
-                <div class="main-history">
+        <!-- <div class="main-history">
                     <div class="w1400">
                         <div class="main-history-wrap">
                             <h1>History</h1>

 
             </div>
 
-        </section>
+        </section> -->
 
 
-        <section class="main-sec sec1">
-            <div class=" flex">
-                <!-- 파트너사 -->
+        <!-- <section class="main-sec sec1">
+                    <div class=" flex"> -->
+        <!-- 파트너사 -->
 
-                <div class="main-partner">
+        <!-- <div class="main-partner">
 
-                    <div class="main-partner-wrap">
-                        <h1>파트너사</h1>
-                        <div class="m-p-sw">
+                            <div class="main-partner-wrap">
+                                <h1>파트너사</h1>
+                                <div class="m-p-sw">
 
-                            <div class="m-p-sw-1">
+                                    <div class="m-p-sw-1">
 
-                                <swiper :slides-per-view="7" :space-between="30" :loop="true" :speed="1000"
-                                    :centered-slides="true" :autoplay="{ delay: 0, disableOnInteraction: false }"
-                                    :breakpoints="{
-                                        300: { slidesPerView: 1 },
-                                        479: { slidesPerView: 2 },
-                                        768: { slidesPerView: 3 },
-                                        1023: { slidesPerView: 5 }
-                                    }" :navigation="false" :modules="modules" class="mySwiper swiper-2">
+                                        <swiper :slides-per-view="7" :space-between="30" :loop="true" :speed="1000"
+                                            :centered-slides="true" :autoplay="{ delay: 0, disableOnInteraction: false }"
+                                            :breakpoints="{
+                                                300: { slidesPerView: 1 },
+                                                479: { slidesPerView: 2 },
+                                                768: { slidesPerView: 3 },
+                                                1023: { slidesPerView: 5 }
+                                            }" :navigation="false" :modules="modules" class="mySwiper swiper-2">
 
-                                    <swiper-slide>
-                                        <img src="../../../../resources/jpg/logo/ko-go.jpg" alt="">
-                                    </swiper-slide>
-                                    <swiper-slide>
-                                        <img src="../../../../resources/jpg/logo/ko-go.jpg" alt="">
-                                    </swiper-slide>
-                                    <swiper-slide>
-                                        <img src="../../../../resources/jpg/logo/kefa.png" alt="">
-                                    </swiper-slide>
-                                    <swiper-slide>
-                                        <img src="../../../../resources/jpg/logo/ko-go.jpg" alt="">
-                                    </swiper-slide>
-                                    <swiper-slide>
-                                        <img src="../../../../resources/jpg/logo/ko-go.jpg" alt="">
-                                    </swiper-slide>
-                                    <swiper-slide>
-                                        <img src="../../../../resources/jpg/logo/keris.gif" alt="">
-                                    </swiper-slide>
-                                    <swiper-slide>
-                                        <img src="../../../../resources/jpg/logo/ko-go.jpg" alt="">
-                                    </swiper-slide>
-                                    <swiper-slide>
-                                        <img src="../../../../resources/jpg/logo/ko-go.jpg" alt="">
-                                    </swiper-slide>
-                                    <swiper-slide>
-                                        <img src="../../../../resources/jpg/logo/ko.png" alt="">
-                                    </swiper-slide>
+                                            <swiper-slide>
+                                                <img src="../../../../resources/jpg/logo/ko-go.jpg" alt="">
+                                            </swiper-slide>
+                                            <swiper-slide>
+                                                <img src="../../../../resources/jpg/logo/ko-go.jpg" alt="">
+                                            </swiper-slide>
+                                            <swiper-slide>
+                                                <img src="../../../../resources/jpg/logo/kefa.png" alt="">
+                                            </swiper-slide>
+                                            <swiper-slide>
+                                                <img src="../../../../resources/jpg/logo/ko-go.jpg" alt="">
+                                            </swiper-slide>
+                                            <swiper-slide>
+                                                <img src="../../../../resources/jpg/logo/ko-go.jpg" alt="">
+                                            </swiper-slide>
+                                            <swiper-slide>
+                                                <img src="../../../../resources/jpg/logo/keris.gif" alt="">
+                                            </swiper-slide>
+                                            <swiper-slide>
+                                                <img src="../../../../resources/jpg/logo/ko-go.jpg" alt="">
+                                            </swiper-slide>
+                                            <swiper-slide>
+                                                <img src="../../../../resources/jpg/logo/ko-go.jpg" alt="">
+                                            </swiper-slide>
+                                            <swiper-slide>
+                                                <img src="../../../../resources/jpg/logo/ko.png" alt="">
+                                            </swiper-slide>
 
-                                </swiper>
-                            </div>
-                        </div>
-
-                        <div class="w1400">
-
-                            <div class="main-partner-logo">
-                                <div class="main-partner-img lo1">
+                                        </swiper>
+                                    </div>
                                 </div>
-                                <div class="main-partner-img lo2">
 
-                                </div>
-                                <div class="main-partner-img lo3">
+                                <div class="w1400">
 
-                                </div>
-                                <div class="main-partner-img lo4">
+                                    <div class="main-partner-logo">
+                                        <div class="main-partner-img lo1">
+                                        </div>
+                                        <div class="main-partner-img lo2">
+
+                                        </div>
+                                        <div class="main-partner-img lo3">
+
+                                        </div>
+                                        <div class="main-partner-img lo4">
 
 
-                                </div>
-                                <div class="main-partner-img lo5">
+                                        </div>
+                                        <div class="main-partner-img lo5">
 
+
+                                        </div>
+                                    </div>
 
                                 </div>
                             </div>

                         </div>
                     </div>
 
-                </div>
-            </div>
+ -->
 
-
-
-
-        </section>
+        <!-- 
+        </section> -->
 
 
 

Add a comment

Open 0
Closed 0

List

...	...	@@ -558,7 +558,7 @@
558	558	position: relative;
559	559	}
560	560
561		-.matchingbox div:nth-child(1):before {
	561	+/* .matchingbox div:nth-child(1):before {
562	562	position: absolute;
563	563	content: "AA등급";
564	564	line-height: 40px;
...	...	@@ -572,7 +572,7 @@
572	572	background-color: #3f87f7;
573	573	border-radius: 45px;
574	574	transform: translateX(-50%);
575		-}
	575	+} */
576	576
577	577	.matchingbox-1 {
578	578	display: flex;
...	...	@@ -1671,6 +1671,7 @@
1671	1671	.wg-grid-1 {
1672	1672	padding: 1rem;
1673	1673	display: grid;
	1674	+
1674	1675	grid-template-columns: 20% 1fr;
1675	1676	gap: 1rem;
1676	1677	}

...	...	@@ -202,12 +202,12 @@
202	202	</div>
203	203
204	204	</section>
205		- <section class="main-sec sec1">
	205	+ <!-- <section class="main-sec sec1">
206	206
207		- <div class=" flex">
208		- <!-- 히스토리 -->
	207	+ <div class=" flex"> -->
	208	+ <!-- 히스토리 -->
209	209
210		- <div class="main-history">
	210	+ <!-- <div class="main-history">
211	211	<div class="w1400">
212	212	<div class="main-history-wrap">
213	213	<h1>History</h1>
...	...	@@ -249,79 +249,82 @@
249	249
250	250	</div>
251	251
252		- </section>
	252	+ </section> -->
253	253
254	254
255		- <section class="main-sec sec1">
256		- <div class=" flex">
257		- <!-- 파트너사 -->
	255	+ <!-- <section class="main-sec sec1">
	256	+ <div class=" flex"> -->
	257	+ <!-- 파트너사 -->
258	258
259		- <div class="main-partner">
	259	+ <!-- <div class="main-partner">
260	260
261		- <div class="main-partner-wrap">
262		- <h1>파트너사</h1>
263		- <div class="m-p-sw">
	261	+ <div class="main-partner-wrap">
	262	+ <h1>파트너사</h1>
	263	+ <div class="m-p-sw">
264	264
265		- <div class="m-p-sw-1">
	265	+ <div class="m-p-sw-1">
266	266
267		- <swiper :slides-per-view="7" :space-between="30" :loop="true" :speed="1000"
268		- :centered-slides="true" :autoplay="{ delay: 0, disableOnInteraction: false }"
269		- :breakpoints="{
270		- 300: { slidesPerView: 1 },
271		- 479: { slidesPerView: 2 },
272		- 768: { slidesPerView: 3 },
273		- 1023: { slidesPerView: 5 }
274		- }" :navigation="false" :modules="modules" class="mySwiper swiper-2">
	267	+ <swiper :slides-per-view="7" :space-between="30" :loop="true" :speed="1000"
	268	+ :centered-slides="true" :autoplay="{ delay: 0, disableOnInteraction: false }"
	269	+ :breakpoints="{
	270	+ 300: { slidesPerView: 1 },
	271	+ 479: { slidesPerView: 2 },
	272	+ 768: { slidesPerView: 3 },
	273	+ 1023: { slidesPerView: 5 }
	274	+ }" :navigation="false" :modules="modules" class="mySwiper swiper-2">
275	275
276		- <swiper-slide>
277		- <img src="../../../../resources/jpg/logo/ko-go.jpg" alt="">
278		- </swiper-slide>
279		- <swiper-slide>
280		- <img src="../../../../resources/jpg/logo/ko-go.jpg" alt="">
281		- </swiper-slide>
282		- <swiper-slide>
283		- <img src="../../../../resources/jpg/logo/kefa.png" alt="">
284		- </swiper-slide>
285		- <swiper-slide>
286		- <img src="../../../../resources/jpg/logo/ko-go.jpg" alt="">
287		- </swiper-slide>
288		- <swiper-slide>
289		- <img src="../../../../resources/jpg/logo/ko-go.jpg" alt="">
290		- </swiper-slide>
291		- <swiper-slide>
292		- <img src="../../../../resources/jpg/logo/keris.gif" alt="">
293		- </swiper-slide>
294		- <swiper-slide>
295		- <img src="../../../../resources/jpg/logo/ko-go.jpg" alt="">
296		- </swiper-slide>
297		- <swiper-slide>
298		- <img src="../../../../resources/jpg/logo/ko-go.jpg" alt="">
299		- </swiper-slide>
300		- <swiper-slide>
301		- <img src="../../../../resources/jpg/logo/ko.png" alt="">
302		- </swiper-slide>
	276	+ <swiper-slide>
	277	+ <img src="../../../../resources/jpg/logo/ko-go.jpg" alt="">
	278	+ </swiper-slide>
	279	+ <swiper-slide>
	280	+ <img src="../../../../resources/jpg/logo/ko-go.jpg" alt="">
	281	+ </swiper-slide>
	282	+ <swiper-slide>
	283	+ <img src="../../../../resources/jpg/logo/kefa.png" alt="">
	284	+ </swiper-slide>
	285	+ <swiper-slide>
	286	+ <img src="../../../../resources/jpg/logo/ko-go.jpg" alt="">
	287	+ </swiper-slide>
	288	+ <swiper-slide>
	289	+ <img src="../../../../resources/jpg/logo/ko-go.jpg" alt="">
	290	+ </swiper-slide>
	291	+ <swiper-slide>
	292	+ <img src="../../../../resources/jpg/logo/keris.gif" alt="">
	293	+ </swiper-slide>
	294	+ <swiper-slide>
	295	+ <img src="../../../../resources/jpg/logo/ko-go.jpg" alt="">
	296	+ </swiper-slide>
	297	+ <swiper-slide>
	298	+ <img src="../../../../resources/jpg/logo/ko-go.jpg" alt="">
	299	+ </swiper-slide>
	300	+ <swiper-slide>
	301	+ <img src="../../../../resources/jpg/logo/ko.png" alt="">
	302	+ </swiper-slide>
303	303
304		- </swiper>
305		- </div>
306		- </div>
307		-
308		- <div class="w1400">
309		-
310		- <div class="main-partner-logo">
311		- <div class="main-partner-img lo1">
	304	+ </swiper>
	305	+ </div>
312	306	</div>
313		- <div class="main-partner-img lo2">
314	307
315		- </div>
316		- <div class="main-partner-img lo3">
	308	+ <div class="w1400">
317	309
318		- </div>
319		- <div class="main-partner-img lo4">
	310	+ <div class="main-partner-logo">
	311	+ <div class="main-partner-img lo1">
	312	+ </div>
	313	+ <div class="main-partner-img lo2">
	314	+
	315	+ </div>
	316	+ <div class="main-partner-img lo3">
	317	+
	318	+ </div>
	319	+ <div class="main-partner-img lo4">
320	320
321	321
322		- </div>
323		- <div class="main-partner-img lo5">
	322	+ </div>
	323	+ <div class="main-partner-img lo5">
324	324
	325	+
	326	+ </div>
	327	+ </div>
325	328
326	329	</div>
327	330	</div>
...	...	@@ -329,13 +332,10 @@
329	332	</div>
330	333	</div>
331	334
332		- </div>
333		- </div>
	335	+ -->
334	336
335		-
336		-
337		-
338		- </section>
	337	+ <!--
	338	+ </section> -->
339	339
340	340
341	341

...	...	@@ -19,11 +19,15 @@
19	19	<img src="../../../../resources/jpg/join-bt.png" alt="">
20	20
21	21	</label>
	22	+ <div class="join-text">
	23	+ <p>※올바른 가입방법을 선택하세요.</p>
	24	+ </div>
22	25	</div>
	26	+
23	27	</section>
24	28
25	29	<!-- <div v-if="selectedMembership === 'company'"> -->
26		- <div v-if="selectedMembership === 'company'">
	30	+ <div v-show="selectedMembership === 'company'">
27	31	<div class="login-info2">
28	32	<div>
29	33	<h3>회사소개</h3>
...	...	@@ -54,10 +58,11 @@
54	58	<span>사업자등록번호</span>
55	59	</div>
56	60	<div>
57		- <input type="text" v-model="company['company_id']" placeholder="사업자등록번호를 입력하세요.">
	61	+ <input type="text" v-model="combinedUserId" class="id-input" placeholder="사업자등록번호를 입력하세요."
	62	+ @click="openModal">
58	63	</div>
59	64	<div>
60		- <button @click="companyIdCheck">중복확인</button>
	65	+ <button @click="openModal2">중복확인</button>
61	66	</div>
62	67	<!-- <div v-if="this.companyIdCheck_boolean" style="color:chartreuse"></div>
63	68	<div v-else style="color:red">사업자등록번호: 이미 등록되어있는 사업자등록번호 입니다.</div> -->
...	...	@@ -129,10 +134,10 @@
129	134	</div>
130	135	<div>
131	136	<!-- <input type="text" v-model="user['user_id']" placeholder="아이디를 입력하세요."> -->
132		- <input type="text" v-model="combinedUserId" placeholder="아이디를 입력하세요.">
	137	+ <input type="text" v-model="combinedUserId" class="id-input" placeholder="아이디를 입력하세요.">
133	138	</div>
134	139	<div>
135		- <button @click="userIdCheck">중복확인</button>
	140	+ <button>중복확인</button>
136	141	</div>
137	142	</section>
138	143	<section class="join-sec3 joinsub">
...	...	@@ -156,7 +161,7 @@
156	161	</section>
157	162	<section class="join-sec5 joinsub">
158	163	<div class="join-sec-sub">
159		- <span>담당자명<span>(필수)</span></span>
	164	+ <span>담당자명</span>
160	165	</div>
161	166	<div class="join-uplodebox">
162	167	<input type="text" v-model="user['user_nm']">
...	...	@@ -175,7 +180,7 @@
175	180	</section>
176	181	<section class="join-sec6">
177	182	<div class="join-sec-sub">
178		- <span>이메일<span>(필수)</span></span>
	183	+ <span>이메일</span>
179	184	</div>
180	185	<div class="email-sec">
181	186	<div>
...	...	@@ -197,6 +202,21 @@
197	202	</div>
198	203	</div>
199	204	</section>
	205	+ <div>
	206	+
	207	+ <section class="join-email-bt">
	208	+ <input type="checkbox">
	209	+ <span>E-mail 구독서비스를 신청하시겠습니까?</span>
	210	+ </section>
	211	+
	212	+ <section class="join-end-bt">
	213	+ <button>이전</button>
	214	+
	215	+ <button v-if="selectedMembership === 'company'" @click="commonFileInsert">회원가입</button>
	216	+ <button v-else @click="userInsert">회원가입</button>
	217	+ </section>
	218	+ </div>
	219	+
200	220	</div>
201	221	</div>
202	222	<!-- <div v-if="selectedMembership === 'two'"> -->
...	...	@@ -280,31 +300,33 @@
280	300	</div>
281	301	</div>
282	302	</section>
	303	+ <div>
	304	+
	305	+ <section class="join-email-bt">
	306	+ <input type="checkbox">
	307	+ <span>E-mail 구독서비스를 신청하시겠습니까?</span>
	308	+ </section>
	309	+
	310	+ <section class="join-end-bt">
	311	+ <button>이전</button>
	312	+
	313	+ <button v-if="selectedMembership === 'company'" @click="commonFileInsert">회원가입</button>
	314	+ <button v-else @click="userInsert">회원가입</button>
	315	+ </section>
	316	+ </div>
283	317	</div>
284	318	</div>
285		-
286		-
287		-
288		- <!---------------------------------------------------------------------------------------------------------------->
289		-
290		-
291		-
292		- <div class="join-w1400">
293		-
294		- <section class="join-email-bt">
295		- <input type="checkbox">
296		- <span>E-mail 구독서비스를 신청하시겠습니까?</span>
297		- </section>
298		-
299		- <section class="join-end-bt">
300		- <button>이전</button>
301		-
302		- <button v-if="selectedMembership === 'company'" @click="commonFileInsert">회원가입</button>
303		- <button v-else @click="userInsert">회원가입</button>
304		- </section>
305		- </div>
306		-
307	319	</div>
	320	+
	321	+
	322	+
	323	+
	324	+
	325	+ <!---------------------------------------------------------------------------------------------------------------->
	326	+
	327	+
	328	+
	329	+
308	330
309	331
310	332
...	...	@@ -328,6 +350,30 @@
328	350	<button @click="hideDiv">확인</button>
329	351	</div>
330	352	</section>
	353	+ </div>
	354	+ <!-- 사업자등록번호 모달창 -->
	355	+ <div v-show="showModal" class="join-modal">
	356	+ <div>
	357	+ <h2>사업자 등록번호 조회</h2>
	358	+ <button class="join-text-bt" @click="closeModal"><i class="fa-solid fa-xmark"></i></button>
	359	+ </div>
	360	+
	361	+ <div>
	362	+
	363	+ <input type="text" placeholder="사업자 등록번호를 입력하세요.">
	364	+ <button class="join-text-bt2">조회</button>
	365	+ </div>
	366	+ <div>
	367	+ <p>등록번호 여기에 넣어주세요!</p>
	368	+ </div>
	369	+
	370	+ </div>
	371	+ <div v-show="showModal2" class="join-modal2">
	372	+ <div>
	373	+
	374	+ <h2>이미 가입된 사업자 등록번호 입니다.</h2>
	375	+ <button class="join-text-bt3" @click="closeModal2">닫기</button>
	376	+ </div>
331	377	</div>
332	378	</template>
333	379
...	...	@@ -368,15 +414,30 @@
368	414	email_id: null,
369	415	email_dns: null,
370	416	select_email_dns: null,
371		- selectedMembership: 'company',
	417	+ selectedMembership: '',
372	418	isVisible: false,
373	419	selectedImage: null,
374	420	oEditors: [],
375	421	logoPreview: null,
	422	+ combinedUserId: '',
	423	+ showModal: false,
	424	+ showModal2: false
376	425	}
377	426	},
378	427	methods: {
379		-
	428	+ // 사업자등록번호 모달
	429	+ openModal() {
	430	+ this.showModal = true;
	431	+ },
	432	+ closeModal() {
	433	+ this.showModal = false;
	434	+ },
	435	+ openModal2() {
	436	+ this.showModal2 = true;
	437	+ },
	438	+ closeModal2() {
	439	+ this.showModal2 = false;
	440	+ },
380	441	//비밀번호 매칭 확인
381	442	passwordSyncCheck: function () {
382	443	console.log("this.user.user_pw : ", this.user.user_pw);
...	...	@@ -680,6 +741,88 @@
680	741	</script>
681	742
682	743	<style scoped>
	744	+.w1400 {
	745	+ padding-bottom: 22rem;
	746	+
	747	+}
	748	+
	749	+.join-modal {
	750	+ position: fixed;
	751	+ top: 50%;
	752	+ left: 50%;
	753	+ width: 20%;
	754	+ height: 50%;
	755	+ transform: translate(-50%, -50%);
	756	+ background: white;
	757	+ padding: 20px;
	758	+ border: 1px solid #ccc;
	759	+ border-radius: 10px;
	760	+ z-index: 999;
	761	+}
	762	+
	763	+.join-modal p {
	764	+ font-size: 2rem;
	765	+ padding: 1rem;
	766	+}
	767	+
	768	+.join-modal h2 {
	769	+ padding: 1rem;
	770	+}
	771	+
	772	+.join-modal div {
	773	+ padding: 1rem;
	774	+ display: grid;
	775	+ gap: 1rem;
	776	+ grid-template-columns: 1fr 15%;
	777	+}
	778	+
	779	+.join-text-bt {
	780	+
	781	+ background-color: #00000000;
	782	+
	783	+}
	784	+
	785	+.join-text-bt2 {
	786	+ background-color: #3f87f7;
	787	+ color: white;
	788	+ border-radius: 0.5rem;
	789	+}
	790	+
	791	+.join-modal2 {
	792	+ position: fixed;
	793	+ top: 50%;
	794	+ left: 50%;
	795	+ width: 20%;
	796	+ /* height: 10%; */
	797	+ transform: translate(-50%, -50%);
	798	+ background: white;
	799	+ padding: 20px;
	800	+ border: 1px solid #ccc;
	801	+ border-radius: 10px;
	802	+ z-index: 999;
	803	+}
	804	+
	805	+.join-modal2 div {
	806	+ display: grid;
	807	+ gap: 1rem;
	808	+ grid-template-columns: 1fr;
	809	+}
	810	+
	811	+.join-modal2 h2 {
	812	+ padding: 1rem 0;
	813	+ text-align: center;
	814	+}
	815	+
	816	+.join-text-bt3 {
	817	+ width: 20%;
	818	+ margin: 0 auto;
	819	+ height: 3rem;
	820	+ color: white;
	821	+ border-radius: 0.5rem;
	822	+
	823	+ background-color: #3f87f7;
	824	+}
	825	+
683	826	/* 명함추가 */
684	827	.join-sec5-1 {
685	828	width: 100%;
...	...	@@ -796,9 +939,16 @@
796	939	display: grid;
797	940	grid-template-columns: 1fr 1fr;
798	941	margin: 0 auto;
799		- gap: 6rem;
	942	+
	943	+ column-gap: 6rem;
800	944	flex-direction: row;
801	945	/* padding: 9rem; */
	946	+}
	947	+
	948	+.join-text {
	949	+ font-size: 1.2rem;
	950	+ color: red;
	951	+ padding: 2rem;
802	952	}
803	953
804	954	.join-b-button input[type="radio"] {
...	...	@@ -1123,8 +1273,7 @@
1123	1273	border-radius: 50%;
1124	1274	overflow: hidden;
1125	1275	margin-bottom: 2rem;
1126		- margin-left: 4rem;
1127		- /* margin: 0 auto;/ */
	1276	+ margin: 0 auto;
1128	1277	position: relative;
1129	1278	top: 0;
1130	1279	left: 0;

Delete comment