Commit @9f6eb2a911e82ca05399af06e8799b905fe8a20b

e58d20a

9f6eb2a

client/resources/css/Main.css

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

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

...	...	@@ -2997,3 +2997,8 @@
2997	2997	.tech-txt-wrap p {
2998	2998	width: 300px;
2999	2999	}
	3000	+.modal-text{
	3001	+ text-align: center;
	3002	+ font-size: 1.6rem;
	3003	+ line-height: 180%;
	3004	+} (No newline at end of file)

e58d20a

9f6eb2a

client/resources/css/common.css

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

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


 .modal-end {
   width: 100%;
   display: flex;
-  justify-content: flex-end;
+  justify-content: space-between;
   padding: 15px 0;
 }
 

e58d20a

9f6eb2a

client/views/layout/Menu.vue

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

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


             // 해당 서브 메뉴 항목이 로그인 상태에 따라 렌더링되어야 하는지 확인하는 로직
             if (subMenuItem.text === "매칭 관리") {
                 // '매칭 관리' 항목은 'company'로 로그인한 경우에만 표시
-                return this.store.state.loginUser.user_auth === 'company';
+                return this.store.state.loginUser && this.store.state.loginUser.user_auth === 'company';
             }
             // 다른 서브 메뉴 항목은 항상 표시
             return true;

e58d20a

9f6eb2a

client/views/pages/App.vue

--- client/views/pages/App.vue

+++ client/views/pages/App.vue


       </div>
       <Footer></Footer>
    </div>
-   <!-- <div v-show="isModalOpen" class="modal-wrapper">
+   <div v-if="isModalOpen" class="modal-wrapper">
       <div class="modal-container">
-         <p>
-            해당글은 정회원에게 공개된 게시물 입니다.
-            (준회원은 가입 승인 이후 열람 가능하며,
+         <p class="modal-text">
+            해당글은 정회원에게 공개된 게시물 입니다.<br />
+            (준회원은 가입 승인 이후 열람 가능하며,<br />
             비회원은 회원가입이 필요합니다.)
          </p>
          <div class="modal-end">
-            <button class="dark-gray-btn mgl5" @click="closeModal()">닫기</button>
-            <button class="blue-btn" @click="loginMove">로그인</button>
+            <button class="dark-gray-btn" @click="closeModal()" style="width:100%">닫기</button>
+            <button class="blue-btn" @click="loginMove" style="width:100%">로그인</button>
          </div>
       </div>
-   </div> -->
+   </div>
 </template>
 
 <script>

             });
          } else {
             //로그인 사용자 조회 후, callback을 통해 로그인 사용자 정보 받기
-            this.loginUserSelectOne(function (store) {
+            this.loginUserSelectOne((store) => {
                //로그인 유무(로그인 정보가 있으면 True, 없으면 False)
                let isLogin = (store.loginUser != null && store.loginUser['user_id'] != null);
                const authenticationState = store.loginUser;

                   // 로그인 상태가 아니면 권한이 없는게 있어 넣어줘야함
                   if (!authorization.includes(nonMember)) {
                      if (nonMember == '비회원') {
-                       alert(' 해당글은 정회원에게 공개된 게시물 입니다. (준회원은 가입 승인 이후 열람 가능하며, 비회원은 회원가입이 필요합니다.)')
-                     }  next();
+                         this.isModalOpen = true;
+                     } next(false);
                   }
                   next();
                }

e58d20a

9f6eb2a

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

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

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


                         </div>
                     </section>
                     <section class="info-sec-bt">
-                        <router-link to="/infosub.page">
-                            <button class="blue-btn">수정하기</button>
-                        </router-link>
+                        <!-- <router-link to="/infosub.page"> -->
+                            <button class="blue-btn"  @click="infoUpdate">수정하기</button>
+                        <!-- </router-link> -->
                     </section>
 
                 </div>

             });
         },
 
+        infoUpdate: function () {
+            const isUserLogin = this.store.state.loginUser;
+            if (isUserLogin.create_account_approval === 'N') {
+                alert("승인 대기 중입니다. 이후 내정보 수정이 가능합니다.")
+            } else{
+                this.$router.push('/Infosub.page');
+            }
+        },
+
         companySelectOne: function () {
             const vm = this;
             axios({

e58d20a

9f6eb2a

client/views/pages/user/networking/Matching.vue

--- client/views/pages/user/networking/Matching.vue

+++ client/views/pages/user/networking/Matching.vue


 
         pickModal: function (item) {
             const isUserLogin = this.store.state.loginUser;
-            if (isUserLogin.user_auth === 'common') {
-                alert("일반 회원은 해당 기능을 이용하실 수 없습니다.")
+            if (isUserLogin === null) {
+                alert("비회원은 해당 기능을 이용하실 수 없습니다.")
             } else if (isUserLogin.create_account_approval === 'N' && isUserLogin.user_auth === 'company') {
                 alert("가입 승인 중 입니다. 해당 기능을 이용하실 수 없습니다.")
+            } else if (isUserLogin.user_auth === 'common') {
+                alert("일반 회원은 해당 기능을 이용하실 수 없습니다.")
             } else if (isUserLogin.create_account_approval === 'Y' && isUserLogin.user_auth === 'company') {
                 if (this.userCompanyId != item.company_id) {
                     if (confirm(item.company_nm + "에게 PICK 신청을 하시겠습니까?")) {

...	...	@@ -399,7 +399,7 @@
399	399	.modal-end {
400	400	width: 100%;
401	401	display: flex;
402		- justify-content: flex-end;
	402	+ justify-content: space-between;
403	403	padding: 15px 0;
404	404	}
405	405

...	...	@@ -133,7 +133,7 @@
133	133	// 해당 서브 메뉴 항목이 로그인 상태에 따라 렌더링되어야 하는지 확인하는 로직
134	134	if (subMenuItem.text === "매칭 관리") {
135	135	// '매칭 관리' 항목은 'company'로 로그인한 경우에만 표시
136		- return this.store.state.loginUser.user_auth === 'company';
	136	+ return this.store.state.loginUser && this.store.state.loginUser.user_auth === 'company';
137	137	}
138	138	// 다른 서브 메뉴 항목은 항상 표시
139	139	return true;

...	...	@@ -16,19 +16,19 @@
16	16	</div>
17	17	<Footer></Footer>
18	18	</div>
19		- <!-- <div v-show="isModalOpen" class="modal-wrapper">
	19	+ <div v-if="isModalOpen" class="modal-wrapper">
20	20	<div class="modal-container">
21		- <p>
22		- 해당글은 정회원에게 공개된 게시물 입니다.
23		- (준회원은 가입 승인 이후 열람 가능하며,
	21	+ <p class="modal-text">
	22	+ 해당글은 정회원에게 공개된 게시물 입니다.<br />
	23	+ (준회원은 가입 승인 이후 열람 가능하며,<br />
24	24	비회원은 회원가입이 필요합니다.)
25	25	</p>
26	26	<div class="modal-end">
27		- <button class="dark-gray-btn mgl5" @click="closeModal()">닫기</button>
28		- <button class="blue-btn" @click="loginMove">로그인</button>
	27	+ <button class="dark-gray-btn" @click="closeModal()" style="width:100%">닫기</button>
	28	+ <button class="blue-btn" @click="loginMove" style="width:100%">로그인</button>
29	29	</div>
30	30	</div>
31		- </div> -->
	31	+ </div>
32	32	</template>
33	33
34	34	<script>
...	...	@@ -212,7 +212,7 @@
212	212	});
213	213	} else {
214	214	//로그인 사용자 조회 후, callback을 통해 로그인 사용자 정보 받기
215		- this.loginUserSelectOne(function (store) {
	215	+ this.loginUserSelectOne((store) => {
216	216	//로그인 유무(로그인 정보가 있으면 True, 없으면 False)
217	217	let isLogin = (store.loginUser != null && store.loginUser['user_id'] != null);
218	218	const authenticationState = store.loginUser;
...	...	@@ -238,8 +238,8 @@
238	238	// 로그인 상태가 아니면 권한이 없는게 있어 넣어줘야함
239	239	if (!authorization.includes(nonMember)) {
240	240	if (nonMember == '비회원') {
241		- alert(' 해당글은 정회원에게 공개된 게시물 입니다. (준회원은 가입 승인 이후 열람 가능하며, 비회원은 회원가입이 필요합니다.)')
242		- } next();
	241	+ this.isModalOpen = true;
	242	+ } next(false);
243	243	}
244	244	next();
245	245	}

...	...	@@ -130,9 +130,9 @@
130	130	</div>
131	131	</section>
132	132	<section class="info-sec-bt">
133		- <router-link to="/infosub.page">
134		- <button class="blue-btn">수정하기</button>
135		- </router-link>
	133	+ <!-- <router-link to="/infosub.page"> -->
	134	+ <button class="blue-btn" @click="infoUpdate">수정하기</button>
	135	+ <!-- </router-link> -->
136	136	</section>
137	137
138	138	</div>
...	...	@@ -254,6 +254,15 @@
254	254	});
255	255	},
256	256
	257	+ infoUpdate: function () {
	258	+ const isUserLogin = this.store.state.loginUser;
	259	+ if (isUserLogin.create_account_approval === 'N') {
	260	+ alert("승인 대기 중입니다. 이후 내정보 수정이 가능합니다.")
	261	+ } else{
	262	+ this.$router.push('/Infosub.page');
	263	+ }
	264	+ },
	265	+
257	266	companySelectOne: function () {
258	267	const vm = this;
259	268	axios({

...	...	@@ -150,10 +150,12 @@
150	150
151	151	pickModal: function (item) {
152	152	const isUserLogin = this.store.state.loginUser;
153		- if (isUserLogin.user_auth === 'common') {
154		- alert("일반 회원은 해당 기능을 이용하실 수 없습니다.")
	153	+ if (isUserLogin === null) {
	154	+ alert("비회원은 해당 기능을 이용하실 수 없습니다.")
155	155	} else if (isUserLogin.create_account_approval === 'N' && isUserLogin.user_auth === 'company') {
156	156	alert("가입 승인 중 입니다. 해당 기능을 이용하실 수 없습니다.")
	157	+ } else if (isUserLogin.user_auth === 'common') {
	158	+ alert("일반 회원은 해당 기능을 이용하실 수 없습니다.")
157	159	} else if (isUserLogin.create_account_approval === 'Y' && isUserLogin.user_auth === 'company') {
158	160	if (this.userCompanyId != item.company_id) {
159	161	if (confirm(item.company_nm + "에게 PICK 신청을 하시겠습니까?")) {

Delete comment