Commit @31e8671e81b7d07e4ea78f3778b333392945c30c

Stormen123 2023-11-12

231112 김성훈 매칭시스템 개발 진행중

@31e8671e81b7d07e4ea78f3778b333392945c30c

a37b3af

31e8671

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

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

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


                 <div class="matching-box-button">
                     <div @click="selectedBox = 'inbox'">
 
-                        <input type="radio" id="inbox" value="inbox" v-model="selectedBox">
+                        <input type="radio" id="inbox" value="inbox" v-model="selectedBox" @click="pickView()">
                         <label for="inbox">Pick</label>
                     </div>
                     <div @click="selectedBox = 'outbox'">
 
-                        <input type="radio" id="outbox" value="outbox" v-model="selectedBox">
+                        <input type="radio" id="outbox" value="outbox" v-model="selectedBox" @click="matchingView()">
                         <label for="outbox">Macthing</label>
                     </div>
 

             <div>
                 <!-- 상세 1-->
                 <section>
-                    <div v-show="selectedBox === 'inbox'" class="inbox">
+                    <div v-if="selectedBox === 'inbox'" class="inbox">
                         <section class="matching-section-box">
 
                             <div>
                                 <h2>수신함</h2>
                             </div>
                             <div class="inbox-sub">
-                                <div class="inbox-img inbox-img-blur">
-                                    <h4>기업명</h4>
+                                <div class="inbox-img inbox-img-blur" v-for="(item, idx) in pickReceptionList" :key="idx">
+                                    <h4>{{ item.company_nm }}</h4>
 
-                                    <img src="../../../../resources/jpg/inbox-img.jpg" alt="명함박스">
+                                    <img :src="'http://localhost:8080'+item.file_path +'\\' + item.file_nm + '.' + item.file_extn_nm" alt="명함박스">
                                     <div>
-
-                                        <button>수락</button>
-                                        <button>거절</button>
-
+                                        <button @click="pickModal(item)">수락</button>
+                                        <button @click="pickRefusalModal(item)">거절</button>
                                     </div>
                                 </div>
-                                <div class="inbox-img inbox-img-blur">
-                                    <h4>기업명</h4>
-
-                                    <img src="../../../../resources/jpg/inbox-img.jpg" alt="명함박스">
-                                    <div>
-
-                                        <button>수락</button>
-                                        <button>거절</button>
-
-
-                                    </div>
-
-                                </div>
-                                <div class="inbox-img inbox-img-blur">
-                                    <h4>기업명</h4>
-
-                                    <img src="../../../../resources/jpg/inbox-img.jpg" alt="명함박스">
-                                    <div>
-
-                                        <button>수락</button>
-                                        <button>거절</button>
-
-
-                                    </div>
-
-                                </div>
-                                <div class="inbox-img inbox-img-blur">
-                                    <h4>기업명</h4>
-
-                                    <img src="../../../../resources/jpg/inbox-img.jpg" alt="명함박스">
-                                    <div>
-
-                                        <button>수락</button>
-                                        <button>거절</button>
-
-
-                                    </div>
-
-                                </div>
-
                             </div>
                         </section>
                         <section class="matching-section-box">

                                 <h2>발신함</h2>
                             </div>
                             <div class="inbox-sub">
-                                <div class="inbox-img">
-                                    <h4>기업명</h4>
-                                    <img src="../../../../resources/jpg/zigaksa.jpg" alt="명함박스">
+                                <div class="inbox-img" v-for="(item, idx) in pickDispatchList" :key="idx">
+                                    <h4>{{ item.company_nm }}</h4>
+                                    <img :src="'http://localhost:8080'+item.file_path +'\\' + item.file_nm + '.' + item.file_extn_nm" alt="명함박스">
                                     <div>
-
-
                                         <button class="inbox-btn-gray">응답대기중</button>
-                                        <button class="red-btn">취소</button>
-
+                                        <button class="red-btn" @click="pickCancelModal(item)">취소</button>
                                     </div>
                                 </div>
-                                <div class="inbox-img">
-                                    <h4>기업명</h4>
-                                    <img src="../../../../resources/jpg/zigaksa.jpg" alt="명함박스">
-                                    <div>
-
-                                        <button class="inbox-btn-gray">응답대기중</button>
-                                        <button class="red-btn">취소</button>
-
-                                    </div>
-
-                                </div>
-
                             </div>
                         </section>
 

                             <h2>완료</h2>
 
                             <div class="inbox-sub">
-                                <div class="inbox-img ">
-                                    <h4>기업명</h4>
-                                    <img src="../../../../resources/jpg/inbox-img.jpg" alt="명함박스">
+                                <div class="inbox-img" v-for="(item, idx) in pickCompleteList" :key="idx">
+                                    <h4>{{ item.company_nm }}</h4>
+                                    <img :src="'http://localhost:8080'+item.file_path +'\\' + item.file_nm + '.' + item.file_extn_nm" alt="명함박스">
                                     <div>
-
-                                        <button>매칭 신청</button>
-                                        <button @click="isVisible = true">명함 보기</button>
-
-                                    </div>
-                                </div>
-                                <div class="inbox-img ">
-                                    <h4>기업명</h4>
-                                    <img src="../../../../resources/jpg/inbox-img.jpg" alt="명함박스">
-                                    <div>
-
-                                        <button>매칭 신청</button>
-                                        <button @click="isVisible = true">명함 보기</button>
-
-
+                                        <button v-if="item.matching_yn" class="inbox-btn-gray">신청 완료</button>
+                                        <button v-else @click="matchingModal(item)">매칭 신청</button>
+                                        <button @click="cardView(item)">명함 보기</button>
                                     </div>
                                 </div>
                             </div>
                         </section>
                     </div>
-
-
                 </section>
-
-
 
                 <!-- 상세2 -->
                 <section>
 
-                    <div v-show="selectedBox === 'outbox'">
+                    <div v-if="selectedBox === 'outbox'">
                         <section class="matching-section-box">
 
                             <div>
                                 <h2>수신함</h2>
                             </div>
                             <div class="inbox-sub">
-                                <div class="inbox-img ">
-                                    <h4>기업명</h4>
-
-                                    <img src="../../../../resources/jpg/zigaksa.jpg" alt="명함박스">
+                                <div class="inbox-img" v-for="(item, idx) in matchingReceptionList" :key="idx">
+                                    <h4>{{ item.company_nm }}</h4>
+                                    <img :src="'http://localhost:8080'+item.file_path +'\\' + item.file_nm + '.' + item.file_extn_nm" alt="명함박스">
                                     <div>
-
-                                        <button>수락</button>
-                                        <button>거절</button>
-
+                                        <button @click="matchingModal(item)">수락</button>
+                                        <button @click="matchingRefusalModal(item)">거절</button>
                                     </div>
                                 </div>
-                                <div class="inbox-img  ">
-                                    <h4>기업명</h4>
-
-                                    <img src="../../../../resources/jpg/zigaksa.jpg" alt="명함박스">
-                                    <div>
-
-                                        <button>수락</button>
-                                        <button>거절</button>
-
-
-                                    </div>
-
-                                </div>
-                                <div class="inbox-img ">
-                                    <h4>기업명</h4>
-
-                                    <img src="../../../../resources/jpg/zigaksa.jpg" alt="명함박스">
-                                    <div>
-
-                                        <button>수락</button>
-                                        <button>거절</button>
-
-
-                                    </div>
-
-                                </div>
-                                <div class="inbox-img ">
-                                    <h4>기업명</h4>
-
-                                    <img src="../../../../resources/jpg/zigaksa.jpg" alt="명함박스">
-                                    <div>
-
-                                        <button>수락</button>
-                                        <button>거절</button>
-
-
-                                    </div>
-
-                                </div>
-
                             </div>
                         </section>
                         <section class="matching-section-box">

                                 <h2>발신함</h2>
                             </div>
                             <div class="inbox-sub">
-                                <div class="inbox-img ">
-                                    <h4>기업명</h4>
-                                    <img src="../../../../resources/jpg/zigaksa.jpg" alt="명함박스">
+                                <div class="inbox-img" v-for="(item, idx) in matchingDispatchList" :key="idx">
+                                    <h4>{{ item.company_nm }}</h4>
+                                    <img :src="'http://localhost:8080'+item.file_path +'\\' + item.file_nm + '.' + item.file_extn_nm" alt="명함박스">
                                     <div>
-
-
                                         <button class="inbox-btn-gray">응답대기중</button>
-                                        <button class="red-btn">취소</button>
-
+                                        <button class="red-btn" @click="matchingCancelModal(item)">취소</button>
                                     </div>
                                 </div>
-                                <div class="inbox-img">
-                                    <h4>기업명</h4>
-                                    <img src="../../../../resources/jpg/zigaksa.jpg" alt="명함박스">
-                                    <div>
-
-                                        <button class="inbox-btn-gray">응답대기중</button>
-                                        <button class="red-btn">취소</button>
-
-                                    </div>
-
-                                </div>
-
                             </div>
                         </section>
 

                                     <h4>기업명</h4>
                                     <img src="../../../../resources/jpg/zigaksa.jpg" alt="명함박스">
                                     <div>
-
                                         <button>매칭 신청</button>
                                         <button>기업 정보</button>
-
                                     </div>
                                 </div>
                             </div>
                         </section>
                     </div>
-
-
                 </section>
-
-
-
-
             </div>
-
-
-
-
         </div>
-
-
     </div>
     <!-- ------------------------------------------------------------------------------------------------------------------- -->
 

     <div class="matchingmodal" v-if="isVisible">
         <div class="matching-modal-box">
             <div>
-                <h1>기업명</h1>
+                <h1>{{ company_nm }}</h1>
             </div>
-            <div>
-                <img src="../../../../resources/jpg/inbox-img.jpg" alt="">
+            <div call= "inbox-img">
+                <img :src="cardFullPath" alt="명함박스">
             </div>
             <div>
                 <button @click="hideDiv">확인</button>

     </div>
 </template>
 <script>
+import axios from 'axios';
+import COMMON_UTIL from '../../../../resources/js/commonUtil.js';
+
 export default {
     data() {
         return {
+            pickReceptionListSearch: {
+                currentPage: 1,
+                perPage: 10,
+                searchType: null,
+                searchText: null,
+            },
+            
+            pickDispatchListSearch: {
+                currentPage: 1,
+                perPage: 10,
+                searchType: null,
+                searchText: null,
+            },
+
+            pickCompleteListSearch: {
+                currentPage: 1,
+                perPage: 10,
+                searchType: null,
+                searchText: null,
+            },
+
+            matchingReceptionListSearch: {
+                currentPage: 1,
+                perPage: 10,
+                searchType: null,
+                searchText: null,
+            },
+
+            matchingDispatchListSearch: {
+                currentPage: 1,
+                perPage: 10,
+                searchType: null,
+                searchText: null,
+            },
+
+            // PICK 수신함
+            pickReceptionList: [],
+            pickReceptionListCount: 0,
+            pickReceptionIdx: 0,
+
+            // PICK 발신함
+            pickDispatchList: [],
+            pickDispatchListCount: 0,
+            pickDispatchIdx: 0,
+
+            // PICK 완료 리스트
+            pickCompleteList: [],
+            pickCompleteListCount: 0,
+            pickCompleteIdx: 0,
+            
+            // MATCHING 수신함
+            matchingReceptionList: [],
+            matchingReceptionListCount: 0,
+            matchingReceptionIdx: 0,
+
+            // MATCHING 발신함
+            matchingDispatchList: [],
+            matchingDispatchListCount: 0,
+            matchingDispatchIdx: 0,
+
+            // MATCHING 완료 리스트
+            matchingCompleteList: [],
+            matchingCompleteListCount: 0,
+            matchingCompleteIdx: 0,
+
             selectedBox: 'inbox',
+
+            //명함보기 모달창
             isVisible: false,
+            company_nm: null,
+            cardFullPath: null,
         }
     },
     methods: {
+        pickView: function() {
+            this.selectedBox = 'inbox';
+            this.pickReceptionSelectList();
+            this.pickDispatchSelectList();
+            this.pickCompleteSelectList();
+        },
+
+        matchingView: function() {
+            this.selectedBox = 'outbox';
+            this.matchingReceptionSelectList();
+            this.matchingDispatchSelectList();
+        },
+
+        pickReceptionSelectList: function() {
+            const vm = this;
+            
+            axios({
+                url: '/myPage/pickReceptionList.json',
+                method: 'post',
+                hearder: {
+                    'Content-Type': "application/json; charset=UTF-8",
+                },
+                data: vm.pickReceptionListSearch
+            }).then(function(response) {
+                vm.pickReceptionList = response.data;
+                // vm.pickReceptionListCount = vm.pickReceptionList;
+                // vm.pickReceptionIdx = vm.pickReceptionList.length - (vm.pickReceptionListSearch.currentPage - 1) * vm.pickReceptionListSearch.perPage;
+                
+            }).catch(function(error) {
+                console.log('error - ', error)
+                alert('수신함 목록 조회 오류, 관리자에게 문의하세요.');
+            })
+        },
+
+        pickDispatchSelectList: function() {
+            const vm = this;
+            
+            axios({
+                url: '/myPage/pickDispatchList.json',
+                method: 'post',
+                hearder: {
+                    'Content-Type': "application/json; charset=UTF-8",
+                },
+                data: vm.pickDispatchListSearch
+            }).then(function(response) {
+                vm.pickDispatchList = response.data;
+                // vm.pickReceptionListCount = vm.pickReceptionList;
+                // vm.pickReceptionIdx = vm.pickReceptionList.length - (vm.pickReceptionListSearch.currentPage - 1) * vm.pickReceptionListSearch.perPage;
+                
+            }).catch(function(error) {
+                console.log('error - ', error)
+                alert('발신함 목록 조회 오류, 관리자에게 문의하세요.');
+            })
+        },
+
+        pickCompleteSelectList: function() {
+            const vm = this;
+            
+            axios({
+                url: '/myPage/pickCompleteList.json',
+                method: 'post',
+                hearder: {
+                    'Content-Type': "application/json; charset=UTF-8",
+                },
+                data: vm.pickCompleteListSearch
+            }).then(function(response) {
+                vm.pickCompleteList = response.data;
+                // vm.pickReceptionListCount = vm.pickReceptionList;
+                // vm.pickReceptionIdx = vm.pickReceptionList.length - (vm.pickReceptionListSearch.currentPage - 1) * vm.pickReceptionListSearch.perPage;
+                
+            }).catch(function(error) {
+                console.log('error - ', error)
+                alert('발신함 목록 조회 오류, 관리자에게 문의하세요.');
+            })
+        },
+
+        pickModal: function(item) {
+        
+            if(confirm(item.company_nm + "의 PICK 신청을 수락하시겠습니까?")) {
+            this.pick(item)
+            }
+        },
+
+        pickCancelModal: function(item) {
+            if(confirm(item.company_nm + "에게 신청한 PICK을 취소 하시겠습니까?")) {
+                this.pickCancel(item)
+            }
+        },
+
+        pickRefusalModal: function(item) {
+            if(confirm(item.company_nm + "의 PICK을 거부 하시겠습니까?")) {
+                this.pickRefusal(item)
+            }
+        },
+
+        pick: function(item) {
+            const vm = this;
+            
+            axios({
+                url: '/matching/pick.json',
+                method: 'post',
+                hearder: {
+                    'Content-Type': "application/json; charset=UTF-8",
+                },
+                data: item
+            }).then(function(response) {
+                alert(response.data);
+                vm.pickView();
+            }).catch(function(error) {
+                console.log('error - ', error)
+                alert('PICK 수락 오류, 관리자에게 문의하세요.');
+            })
+        },
+
+        pickCancel: function(item) {
+            const vm = this;
+
+            axios({
+                url: '/matching/pickCancel.json',
+                method: 'post',
+                hearder: {
+                    'Content-Type': "application/json; charset=UTF-8",
+                },
+                data: item
+            }).then(function(response) {
+               alert(response.data);
+               vm.pickView();
+            }).catch(function(error) {
+                console.log('error - ', error)
+                alert('PICK 취소 오류, 관리자에게 문의하세요.');
+            })
+        },
+
+        pickRefusal: function(item) {
+            const vm = this;
+
+            axios({
+                url: '/matching/pickRefusal.json',
+                method: 'post',
+                hearder: {
+                    'Content-Type': "application/json; charset=UTF-8",
+                },
+                data: item
+            }).then(function(response) {
+                alert(response.data);
+                vm.pickView();
+            }).catch(function(error) {
+                console.log('error - ', error)
+                alert('PICK 거부 오류, 관리자에게 문의하세요.');
+            })
+        },
+
+        cardView: function(item) {
+            this.company_nm = item.company_nm;
+            this.cardFullPath = 'http://localhost:8080'+item.file_path +'\\' + item.file_nm + '.' + item.file_extn_nm;
+            this.isVisible = true
+        },
+
+        matchingModal: function(item) {
+        
+            if(confirm(item.company_nm + "에게 MATCHING 신청을 하시겠습니까?")) {
+            this.matching(item)
+            }
+        },
+
+        matchingCancelModal: function(item) {
+            if(confirm(item.company_nm + "에게 신청한 MATCHING을 취소 하시겠습니까?")) {
+                this.matchingCancel(item)
+            }
+        },
+
+        matchingRefusalModal: function(item) {
+            if(confirm(item.company_nm + "의 MATCHING을 거부 하시겠습니까?")) {
+                this.matchingRefusal(item)
+            }
+        },
+
+        matching: function(item) {
+            const vm = this;
+            
+            axios({
+                url: '/matching/matching.json',
+                method: 'post',
+                hearder: {
+                    'Content-Type': "application/json; charset=UTF-8",
+                },
+                data: item
+            }).then(function(response) {
+                alert(response.data);
+                vm.matchingView();
+            }).catch(function(error) {
+                console.log('error - ', error)
+                alert('PICK 거부 오류, 관리자에게 문의하세요.');
+            })
+        },
+
+        matchingReceptionSelectList: function() {
+            const vm = this;
+            
+            axios({
+                url: '/myPage/matchingReceptionList.json',
+                method: 'post',
+                hearder: {
+                    'Content-Type': "application/json; charset=UTF-8",
+                },
+                data: vm.matchingReceptionListSearch
+            }).then(function(response) {
+                vm.matchingReceptionList = response.data;
+                // vm.pickReceptionListCount = vm.pickReceptionList;
+                // vm.pickReceptionIdx = vm.pickReceptionList.length - (vm.pickReceptionListSearch.currentPage - 1) * vm.pickReceptionListSearch.perPage;
+                
+            }).catch(function(error) {
+                console.log('error - ', error)
+                alert('수신함 목록 조회 오류, 관리자에게 문의하세요.');
+            })
+        },
+
+        matchingDispatchSelectList: function() {
+            const vm = this;
+            
+            axios({
+                url: '/myPage/matchingDispatchList.json',
+                method: 'post',
+                hearder: {
+                    'Content-Type': "application/json; charset=UTF-8",
+                },
+                data: vm.matchingDispatchListSearch
+            }).then(function(response) {
+                vm.matchingDispatchList = response.data;
+                // vm.pickReceptionListCount = vm.pickReceptionList;
+                // vm.pickReceptionIdx = vm.pickReceptionList.length - (vm.pickReceptionListSearch.currentPage - 1) * vm.pickReceptionListSearch.perPage;
+                
+            }).catch(function(error) {
+                console.log('error - ', error)
+                alert('발신함 목록 조회 오류, 관리자에게 문의하세요.');
+            })
+        },
+
+        matchingCancel: function(item) {
+            const vm = this;
+
+            axios({
+                url: '/matching/matchingCancel.json',
+                method: 'post',
+                hearder: {
+                    'Content-Type': "application/json; charset=UTF-8",
+                },
+                data: item
+            }).then(function(response) {
+               alert(response.data);
+               vm.matchingView();
+            }).catch(function(error) {
+                console.log('error - ', error)
+                alert('MATCHING 취소 오류, 관리자에게 문의하세요.');
+            })
+        },
+
+        matchingRefusal: function(item) {
+            const vm = this;
+
+            axios({
+                url: '/matching/matchingRefusal.json',
+                method: 'post',
+                hearder: {
+                    'Content-Type': "application/json; charset=UTF-8",
+                },
+                data: item
+            }).then(function(response) {
+                alert(response.data);
+                vm.matchingView();
+            }).catch(function(error) {
+                console.log('error - ', error)
+                alert('PICK 거부 오류, 관리자에게 문의하세요.');
+            })
+        },
+
         hideDiv() {
             this.isVisible = false;
         }
+    },
+    mounted() {
+        console.log('MatchingManager mounted');
+        this.pickView();
     }
 }
 </script>

a37b3af

31e8671

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

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

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


         pickModal: function(item) {
         
             if(this.userCompanyId != item.company_id) {
-                if(confirm(item.company_nm + "에 PICK 신청을 하시겠습니까?")) {
+                if(confirm(item.company_nm + "에게 PICK 신청을 하시겠습니까?")) {
                 this.pick(item)
                 }
             } else {

                 vm.companySelectList();
             }).catch(function(error) {
                 console.log('error - ', error)
-                alert('기업 목록 조회 오류, 관리자에게 문의하세요.');
+                alert(' PICK 오류, 관리자에게 문의하세요.');
             })
         },
 

                vm.companySelectList();
             }).catch(function(error) {
                 console.log('error - ', error)
-                alert('기업 목록 조회 오류, 관리자에게 문의하세요.');
+                alert('PICK 취소 오류, 관리자에게 문의하세요.');
             })
         },
 

             }).then(function (response) {
                 vm.$router.push({ path: '/MatchingOne.page', query: {'company_id': item.company_id}});
             }).catch(function (error) {
-                console.log("서버오류");
+                console.log("기업 상세조회 오류, 관리자에게 문의하세요.");
             })
         }
     },

Add a comment

Open 0
Closed 0

List

...	...	@@ -140,7 +140,7 @@
140	140	pickModal: function(item) {
141	141
142	142	if(this.userCompanyId != item.company_id) {
143		- if(confirm(item.company_nm + "에 PICK 신청을 하시겠습니까?")) {
	143	+ if(confirm(item.company_nm + "에게 PICK 신청을 하시겠습니까?")) {
144	144	this.pick(item)
145	145	}
146	146	} else {
...	...	@@ -170,7 +170,7 @@
170	170	vm.companySelectList();
171	171	}).catch(function(error) {
172	172	console.log('error - ', error)
173		- alert('기업 목록 조회 오류, 관리자에게 문의하세요.');
	173	+ alert(' PICK 오류, 관리자에게 문의하세요.');
174	174	})
175	175	},
176	176
...	...	@@ -189,7 +189,7 @@
189	189	vm.companySelectList();
190	190	}).catch(function(error) {
191	191	console.log('error - ', error)
192		- alert('기업 목록 조회 오류, 관리자에게 문의하세요.');
	192	+ alert('PICK 취소 오류, 관리자에게 문의하세요.');
193	193	})
194	194	},
195	195
...	...	@@ -206,7 +206,7 @@
206	206	}).then(function (response) {
207	207	vm.$router.push({ path: '/MatchingOne.page', query: {'company_id': item.company_id}});
208	208	}).catch(function (error) {
209		- console.log("서버오류");
	209	+ console.log("기업 상세조회 오류, 관리자에게 문의하세요.");
210	210	})
211	211	}
212	212	},

...	...	@@ -22,12 +22,12 @@
22	22	<div class="matching-box-button">
23	23	<div @click="selectedBox = 'inbox'">
24	24
25		- <input type="radio" id="inbox" value="inbox" v-model="selectedBox">
	25	+ <input type="radio" id="inbox" value="inbox" v-model="selectedBox" @click="pickView()">
26	26	<label for="inbox">Pick</label>
27	27	</div>
28	28	<div @click="selectedBox = 'outbox'">
29	29
30		- <input type="radio" id="outbox" value="outbox" v-model="selectedBox">
	30	+ <input type="radio" id="outbox" value="outbox" v-model="selectedBox" @click="matchingView()">
31	31	<label for="outbox">Macthing</label>
32	32	</div>
33	33
...	...	@@ -37,64 +37,22 @@
37	37	<div>
38	38	<!-- 상세 1-->
39	39	<section>
40		- <div v-show="selectedBox === 'inbox'" class="inbox">
	40	+ <div v-if="selectedBox === 'inbox'" class="inbox">
41	41	<section class="matching-section-box">
42	42
43	43	<div>
44	44	<h2>수신함</h2>
45	45	</div>
46	46	<div class="inbox-sub">
47		- <div class="inbox-img inbox-img-blur">
48		- <h4>기업명</h4>
	47	+ <div class="inbox-img inbox-img-blur" v-for="(item, idx) in pickReceptionList" :key="idx">
	48	+ <h4>{{ item.company_nm }}</h4>
49	49
50		- <img src="../../../../resources/jpg/inbox-img.jpg" alt="명함박스">
	50	+ <img :src="'http://localhost:8080'+item.file_path +'\\' + item.file_nm + '.' + item.file_extn_nm" alt="명함박스">
51	51	<div>
52		-
53		- <button>수락</button>
54		- <button>거절</button>
55		-
	52	+ <button @click="pickModal(item)">수락</button>
	53	+ <button @click="pickRefusalModal(item)">거절</button>
56	54	</div>
57	55	</div>
58		- <div class="inbox-img inbox-img-blur">
59		- <h4>기업명</h4>
60		-
61		- <img src="../../../../resources/jpg/inbox-img.jpg" alt="명함박스">
62		- <div>
63		-
64		- <button>수락</button>
65		- <button>거절</button>
66		-
67		-
68		- </div>
69		-
70		- </div>
71		- <div class="inbox-img inbox-img-blur">
72		- <h4>기업명</h4>
73		-
74		- <img src="../../../../resources/jpg/inbox-img.jpg" alt="명함박스">
75		- <div>
76		-
77		- <button>수락</button>
78		- <button>거절</button>
79		-
80		-
81		- </div>
82		-
83		- </div>
84		- <div class="inbox-img inbox-img-blur">
85		- <h4>기업명</h4>
86		-
87		- <img src="../../../../resources/jpg/inbox-img.jpg" alt="명함박스">
88		- <div>
89		-
90		- <button>수락</button>
91		- <button>거절</button>
92		-
93		-
94		- </div>
95		-
96		- </div>
97		-
98	56	</div>
99	57	</section>
100	58	<section class="matching-section-box">
...	...	@@ -103,29 +61,14 @@
103	61	<h2>발신함</h2>
104	62	</div>
105	63	<div class="inbox-sub">
106		- <div class="inbox-img">
107		- <h4>기업명</h4>
108		- <img src="../../../../resources/jpg/zigaksa.jpg" alt="명함박스">
	64	+ <div class="inbox-img" v-for="(item, idx) in pickDispatchList" :key="idx">
	65	+ <h4>{{ item.company_nm }}</h4>
	66	+ <img :src="'http://localhost:8080'+item.file_path +'\\' + item.file_nm + '.' + item.file_extn_nm" alt="명함박스">
109	67	<div>
110		-
111		-
112	68	<button class="inbox-btn-gray">응답대기중</button>
113		- <button class="red-btn">취소</button>
114		-
	69	+ <button class="red-btn" @click="pickCancelModal(item)">취소</button>
115	70	</div>
116	71	</div>
117		- <div class="inbox-img">
118		- <h4>기업명</h4>
119		- <img src="../../../../resources/jpg/zigaksa.jpg" alt="명함박스">
120		- <div>
121		-
122		- <button class="inbox-btn-gray">응답대기중</button>
123		- <button class="red-btn">취소</button>
124		-
125		- </div>
126		-
127		- </div>
128		-
129	72	</div>
130	73	</section>
131	74
...	...	@@ -134,97 +77,38 @@
134	77	<h2>완료</h2>
135	78
136	79	<div class="inbox-sub">
137		- <div class="inbox-img ">
138		- <h4>기업명</h4>
139		- <img src="../../../../resources/jpg/inbox-img.jpg" alt="명함박스">
	80	+ <div class="inbox-img" v-for="(item, idx) in pickCompleteList" :key="idx">
	81	+ <h4>{{ item.company_nm }}</h4>
	82	+ <img :src="'http://localhost:8080'+item.file_path +'\\' + item.file_nm + '.' + item.file_extn_nm" alt="명함박스">
140	83	<div>
141		-
142		- <button>매칭 신청</button>
143		- <button @click="isVisible = true">명함 보기</button>
144		-
145		- </div>
146		- </div>
147		- <div class="inbox-img ">
148		- <h4>기업명</h4>
149		- <img src="../../../../resources/jpg/inbox-img.jpg" alt="명함박스">
150		- <div>
151		-
152		- <button>매칭 신청</button>
153		- <button @click="isVisible = true">명함 보기</button>
154		-
155		-
	84	+ <button v-if="item.matching_yn" class="inbox-btn-gray">신청 완료</button>
	85	+ <button v-else @click="matchingModal(item)">매칭 신청</button>
	86	+ <button @click="cardView(item)">명함 보기</button>
156	87	</div>
157	88	</div>
158	89	</div>
159	90	</section>
160	91	</div>
161		-
162		-
163	92	</section>
164		-
165		-
166	93
167	94	<!-- 상세2 -->
168	95	<section>
169	96
170		- <div v-show="selectedBox === 'outbox'">
	97	+ <div v-if="selectedBox === 'outbox'">
171	98	<section class="matching-section-box">
172	99
173	100	<div>
174	101	<h2>수신함</h2>
175	102	</div>
176	103	<div class="inbox-sub">
177		- <div class="inbox-img ">
178		- <h4>기업명</h4>
179		-
180		- <img src="../../../../resources/jpg/zigaksa.jpg" alt="명함박스">
	104	+ <div class="inbox-img" v-for="(item, idx) in matchingReceptionList" :key="idx">
	105	+ <h4>{{ item.company_nm }}</h4>
	106	+ <img :src="'http://localhost:8080'+item.file_path +'\\' + item.file_nm + '.' + item.file_extn_nm" alt="명함박스">
181	107	<div>
182		-
183		- <button>수락</button>
184		- <button>거절</button>
185		-
	108	+ <button @click="matchingModal(item)">수락</button>
	109	+ <button @click="matchingRefusalModal(item)">거절</button>
186	110	</div>
187	111	</div>
188		- <div class="inbox-img ">
189		- <h4>기업명</h4>
190		-
191		- <img src="../../../../resources/jpg/zigaksa.jpg" alt="명함박스">
192		- <div>
193		-
194		- <button>수락</button>
195		- <button>거절</button>
196		-
197		-
198		- </div>
199		-
200		- </div>
201		- <div class="inbox-img ">
202		- <h4>기업명</h4>
203		-
204		- <img src="../../../../resources/jpg/zigaksa.jpg" alt="명함박스">
205		- <div>
206		-
207		- <button>수락</button>
208		- <button>거절</button>
209		-
210		-
211		- </div>
212		-
213		- </div>
214		- <div class="inbox-img ">
215		- <h4>기업명</h4>
216		-
217		- <img src="../../../../resources/jpg/zigaksa.jpg" alt="명함박스">
218		- <div>
219		-
220		- <button>수락</button>
221		- <button>거절</button>
222		-
223		-
224		- </div>
225		-
226		- </div>
227		-
228	112	</div>
229	113	</section>
230	114	<section class="matching-section-box">
...	...	@@ -233,29 +117,14 @@
233	117	<h2>발신함</h2>
234	118	</div>
235	119	<div class="inbox-sub">
236		- <div class="inbox-img ">
237		- <h4>기업명</h4>
238		- <img src="../../../../resources/jpg/zigaksa.jpg" alt="명함박스">
	120	+ <div class="inbox-img" v-for="(item, idx) in matchingDispatchList" :key="idx">
	121	+ <h4>{{ item.company_nm }}</h4>
	122	+ <img :src="'http://localhost:8080'+item.file_path +'\\' + item.file_nm + '.' + item.file_extn_nm" alt="명함박스">
239	123	<div>
240		-
241		-
242	124	<button class="inbox-btn-gray">응답대기중</button>
243		- <button class="red-btn">취소</button>
244		-
	125	+ <button class="red-btn" @click="matchingCancelModal(item)">취소</button>
245	126	</div>
246	127	</div>
247		- <div class="inbox-img">
248		- <h4>기업명</h4>
249		- <img src="../../../../resources/jpg/zigaksa.jpg" alt="명함박스">
250		- <div>
251		-
252		- <button class="inbox-btn-gray">응답대기중</button>
253		- <button class="red-btn">취소</button>
254		-
255		- </div>
256		-
257		- </div>
258		-
259	128	</div>
260	129	</section>
261	130
...	...	@@ -279,30 +148,16 @@
279	148	<h4>기업명</h4>
280	149	<img src="../../../../resources/jpg/zigaksa.jpg" alt="명함박스">
281	150	<div>
282		-
283	151	<button>매칭 신청</button>
284	152	<button>기업 정보</button>
285		-
286	153	</div>
287	154	</div>
288	155	</div>
289	156	</section>
290	157	</div>
291		-
292		-
293	158	</section>
294		-
295		-
296		-
297		-
298	159	</div>
299		-
300		-
301		-
302		-
303	160	</div>
304		-
305		-
306	161	</div>
307	162	<!-- ------------------------------------------------------------------------------------------------------------------- -->
308	163
...	...	@@ -310,10 +165,10 @@
310	165	<div class="matchingmodal" v-if="isVisible">
311	166	<div class="matching-modal-box">
312	167	<div>
313		- <h1>기업명</h1>
	168	+ <h1>{{ company_nm }}</h1>
314	169	</div>
315		- <div>
316		- <img src="../../../../resources/jpg/inbox-img.jpg" alt="">
	170	+ <div call= "inbox-img">
	171	+ <img :src="cardFullPath" alt="명함박스">
317	172	</div>
318	173	<div>
319	174	<button @click="hideDiv">확인</button>
...	...	@@ -322,17 +177,369 @@
322	177	</div>
323	178	</template>
324	179	<script>
	180	+import axios from 'axios';
	181	+import COMMON_UTIL from '../../../../resources/js/commonUtil.js';
	182	+
325	183	export default {
326	184	data() {
327	185	return {
	186	+ pickReceptionListSearch: {
	187	+ currentPage: 1,
	188	+ perPage: 10,
	189	+ searchType: null,
	190	+ searchText: null,
	191	+ },
	192	+
	193	+ pickDispatchListSearch: {
	194	+ currentPage: 1,
	195	+ perPage: 10,
	196	+ searchType: null,
	197	+ searchText: null,
	198	+ },
	199	+
	200	+ pickCompleteListSearch: {
	201	+ currentPage: 1,
	202	+ perPage: 10,
	203	+ searchType: null,
	204	+ searchText: null,
	205	+ },
	206	+
	207	+ matchingReceptionListSearch: {
	208	+ currentPage: 1,
	209	+ perPage: 10,
	210	+ searchType: null,
	211	+ searchText: null,
	212	+ },
	213	+
	214	+ matchingDispatchListSearch: {
	215	+ currentPage: 1,
	216	+ perPage: 10,
	217	+ searchType: null,
	218	+ searchText: null,
	219	+ },
	220	+
	221	+ // PICK 수신함
	222	+ pickReceptionList: [],
	223	+ pickReceptionListCount: 0,
	224	+ pickReceptionIdx: 0,
	225	+
	226	+ // PICK 발신함
	227	+ pickDispatchList: [],
	228	+ pickDispatchListCount: 0,
	229	+ pickDispatchIdx: 0,
	230	+
	231	+ // PICK 완료 리스트
	232	+ pickCompleteList: [],
	233	+ pickCompleteListCount: 0,
	234	+ pickCompleteIdx: 0,
	235	+
	236	+ // MATCHING 수신함
	237	+ matchingReceptionList: [],
	238	+ matchingReceptionListCount: 0,
	239	+ matchingReceptionIdx: 0,
	240	+
	241	+ // MATCHING 발신함
	242	+ matchingDispatchList: [],
	243	+ matchingDispatchListCount: 0,
	244	+ matchingDispatchIdx: 0,
	245	+
	246	+ // MATCHING 완료 리스트
	247	+ matchingCompleteList: [],
	248	+ matchingCompleteListCount: 0,
	249	+ matchingCompleteIdx: 0,
	250	+
328	251	selectedBox: 'inbox',
	252	+
	253	+ //명함보기 모달창
329	254	isVisible: false,
	255	+ company_nm: null,
	256	+ cardFullPath: null,
330	257	}
331	258	},
332	259	methods: {
	260	+ pickView: function() {
	261	+ this.selectedBox = 'inbox';
	262	+ this.pickReceptionSelectList();
	263	+ this.pickDispatchSelectList();
	264	+ this.pickCompleteSelectList();
	265	+ },
	266	+
	267	+ matchingView: function() {
	268	+ this.selectedBox = 'outbox';
	269	+ this.matchingReceptionSelectList();
	270	+ this.matchingDispatchSelectList();
	271	+ },
	272	+
	273	+ pickReceptionSelectList: function() {
	274	+ const vm = this;
	275	+
	276	+ axios({
	277	+ url: '/myPage/pickReceptionList.json',
	278	+ method: 'post',
	279	+ hearder: {
	280	+ 'Content-Type': "application/json; charset=UTF-8",
	281	+ },
	282	+ data: vm.pickReceptionListSearch
	283	+ }).then(function(response) {
	284	+ vm.pickReceptionList = response.data;
	285	+ // vm.pickReceptionListCount = vm.pickReceptionList;
	286	+ // vm.pickReceptionIdx = vm.pickReceptionList.length - (vm.pickReceptionListSearch.currentPage - 1) * vm.pickReceptionListSearch.perPage;
	287	+
	288	+ }).catch(function(error) {
	289	+ console.log('error - ', error)
	290	+ alert('수신함 목록 조회 오류, 관리자에게 문의하세요.');
	291	+ })
	292	+ },
	293	+
	294	+ pickDispatchSelectList: function() {
	295	+ const vm = this;
	296	+
	297	+ axios({
	298	+ url: '/myPage/pickDispatchList.json',
	299	+ method: 'post',
	300	+ hearder: {
	301	+ 'Content-Type': "application/json; charset=UTF-8",
	302	+ },
	303	+ data: vm.pickDispatchListSearch
	304	+ }).then(function(response) {
	305	+ vm.pickDispatchList = response.data;
	306	+ // vm.pickReceptionListCount = vm.pickReceptionList;
	307	+ // vm.pickReceptionIdx = vm.pickReceptionList.length - (vm.pickReceptionListSearch.currentPage - 1) * vm.pickReceptionListSearch.perPage;
	308	+
	309	+ }).catch(function(error) {
	310	+ console.log('error - ', error)
	311	+ alert('발신함 목록 조회 오류, 관리자에게 문의하세요.');
	312	+ })
	313	+ },
	314	+
	315	+ pickCompleteSelectList: function() {
	316	+ const vm = this;
	317	+
	318	+ axios({
	319	+ url: '/myPage/pickCompleteList.json',
	320	+ method: 'post',
	321	+ hearder: {
	322	+ 'Content-Type': "application/json; charset=UTF-8",
	323	+ },
	324	+ data: vm.pickCompleteListSearch
	325	+ }).then(function(response) {
	326	+ vm.pickCompleteList = response.data;
	327	+ // vm.pickReceptionListCount = vm.pickReceptionList;
	328	+ // vm.pickReceptionIdx = vm.pickReceptionList.length - (vm.pickReceptionListSearch.currentPage - 1) * vm.pickReceptionListSearch.perPage;
	329	+
	330	+ }).catch(function(error) {
	331	+ console.log('error - ', error)
	332	+ alert('발신함 목록 조회 오류, 관리자에게 문의하세요.');
	333	+ })
	334	+ },
	335	+
	336	+ pickModal: function(item) {
	337	+
	338	+ if(confirm(item.company_nm + "의 PICK 신청을 수락하시겠습니까?")) {
	339	+ this.pick(item)
	340	+ }
	341	+ },
	342	+
	343	+ pickCancelModal: function(item) {
	344	+ if(confirm(item.company_nm + "에게 신청한 PICK을 취소 하시겠습니까?")) {
	345	+ this.pickCancel(item)
	346	+ }
	347	+ },
	348	+
	349	+ pickRefusalModal: function(item) {
	350	+ if(confirm(item.company_nm + "의 PICK을 거부 하시겠습니까?")) {
	351	+ this.pickRefusal(item)
	352	+ }
	353	+ },
	354	+
	355	+ pick: function(item) {
	356	+ const vm = this;
	357	+
	358	+ axios({
	359	+ url: '/matching/pick.json',
	360	+ method: 'post',
	361	+ hearder: {
	362	+ 'Content-Type': "application/json; charset=UTF-8",
	363	+ },
	364	+ data: item
	365	+ }).then(function(response) {
	366	+ alert(response.data);
	367	+ vm.pickView();
	368	+ }).catch(function(error) {
	369	+ console.log('error - ', error)
	370	+ alert('PICK 수락 오류, 관리자에게 문의하세요.');
	371	+ })
	372	+ },
	373	+
	374	+ pickCancel: function(item) {
	375	+ const vm = this;
	376	+
	377	+ axios({
	378	+ url: '/matching/pickCancel.json',
	379	+ method: 'post',
	380	+ hearder: {
	381	+ 'Content-Type': "application/json; charset=UTF-8",
	382	+ },
	383	+ data: item
	384	+ }).then(function(response) {
	385	+ alert(response.data);
	386	+ vm.pickView();
	387	+ }).catch(function(error) {
	388	+ console.log('error - ', error)
	389	+ alert('PICK 취소 오류, 관리자에게 문의하세요.');
	390	+ })
	391	+ },
	392	+
	393	+ pickRefusal: function(item) {
	394	+ const vm = this;
	395	+
	396	+ axios({
	397	+ url: '/matching/pickRefusal.json',
	398	+ method: 'post',
	399	+ hearder: {
	400	+ 'Content-Type': "application/json; charset=UTF-8",
	401	+ },
	402	+ data: item
	403	+ }).then(function(response) {
	404	+ alert(response.data);
	405	+ vm.pickView();
	406	+ }).catch(function(error) {
	407	+ console.log('error - ', error)
	408	+ alert('PICK 거부 오류, 관리자에게 문의하세요.');
	409	+ })
	410	+ },
	411	+
	412	+ cardView: function(item) {
	413	+ this.company_nm = item.company_nm;
	414	+ this.cardFullPath = 'http://localhost:8080'+item.file_path +'\\' + item.file_nm + '.' + item.file_extn_nm;
	415	+ this.isVisible = true
	416	+ },
	417	+
	418	+ matchingModal: function(item) {
	419	+
	420	+ if(confirm(item.company_nm + "에게 MATCHING 신청을 하시겠습니까?")) {
	421	+ this.matching(item)
	422	+ }
	423	+ },
	424	+
	425	+ matchingCancelModal: function(item) {
	426	+ if(confirm(item.company_nm + "에게 신청한 MATCHING을 취소 하시겠습니까?")) {
	427	+ this.matchingCancel(item)
	428	+ }
	429	+ },
	430	+
	431	+ matchingRefusalModal: function(item) {
	432	+ if(confirm(item.company_nm + "의 MATCHING을 거부 하시겠습니까?")) {
	433	+ this.matchingRefusal(item)
	434	+ }
	435	+ },
	436	+
	437	+ matching: function(item) {
	438	+ const vm = this;
	439	+
	440	+ axios({
	441	+ url: '/matching/matching.json',
	442	+ method: 'post',
	443	+ hearder: {
	444	+ 'Content-Type': "application/json; charset=UTF-8",
	445	+ },
	446	+ data: item
	447	+ }).then(function(response) {
	448	+ alert(response.data);
	449	+ vm.matchingView();
	450	+ }).catch(function(error) {
	451	+ console.log('error - ', error)
	452	+ alert('PICK 거부 오류, 관리자에게 문의하세요.');
	453	+ })
	454	+ },
	455	+
	456	+ matchingReceptionSelectList: function() {
	457	+ const vm = this;
	458	+
	459	+ axios({
	460	+ url: '/myPage/matchingReceptionList.json',
	461	+ method: 'post',
	462	+ hearder: {
	463	+ 'Content-Type': "application/json; charset=UTF-8",
	464	+ },
	465	+ data: vm.matchingReceptionListSearch
	466	+ }).then(function(response) {
	467	+ vm.matchingReceptionList = response.data;
	468	+ // vm.pickReceptionListCount = vm.pickReceptionList;
	469	+ // vm.pickReceptionIdx = vm.pickReceptionList.length - (vm.pickReceptionListSearch.currentPage - 1) * vm.pickReceptionListSearch.perPage;
	470	+
	471	+ }).catch(function(error) {
	472	+ console.log('error - ', error)
	473	+ alert('수신함 목록 조회 오류, 관리자에게 문의하세요.');
	474	+ })
	475	+ },
	476	+
	477	+ matchingDispatchSelectList: function() {
	478	+ const vm = this;
	479	+
	480	+ axios({
	481	+ url: '/myPage/matchingDispatchList.json',
	482	+ method: 'post',
	483	+ hearder: {
	484	+ 'Content-Type': "application/json; charset=UTF-8",
	485	+ },
	486	+ data: vm.matchingDispatchListSearch
	487	+ }).then(function(response) {
	488	+ vm.matchingDispatchList = response.data;
	489	+ // vm.pickReceptionListCount = vm.pickReceptionList;
	490	+ // vm.pickReceptionIdx = vm.pickReceptionList.length - (vm.pickReceptionListSearch.currentPage - 1) * vm.pickReceptionListSearch.perPage;
	491	+
	492	+ }).catch(function(error) {
	493	+ console.log('error - ', error)
	494	+ alert('발신함 목록 조회 오류, 관리자에게 문의하세요.');
	495	+ })
	496	+ },
	497	+
	498	+ matchingCancel: function(item) {
	499	+ const vm = this;
	500	+
	501	+ axios({
	502	+ url: '/matching/matchingCancel.json',
	503	+ method: 'post',
	504	+ hearder: {
	505	+ 'Content-Type': "application/json; charset=UTF-8",
	506	+ },
	507	+ data: item
	508	+ }).then(function(response) {
	509	+ alert(response.data);
	510	+ vm.matchingView();
	511	+ }).catch(function(error) {
	512	+ console.log('error - ', error)
	513	+ alert('MATCHING 취소 오류, 관리자에게 문의하세요.');
	514	+ })
	515	+ },
	516	+
	517	+ matchingRefusal: function(item) {
	518	+ const vm = this;
	519	+
	520	+ axios({
	521	+ url: '/matching/matchingRefusal.json',
	522	+ method: 'post',
	523	+ hearder: {
	524	+ 'Content-Type': "application/json; charset=UTF-8",
	525	+ },
	526	+ data: item
	527	+ }).then(function(response) {
	528	+ alert(response.data);
	529	+ vm.matchingView();
	530	+ }).catch(function(error) {
	531	+ console.log('error - ', error)
	532	+ alert('PICK 거부 오류, 관리자에게 문의하세요.');
	533	+ })
	534	+ },
	535	+
333	536	hideDiv() {
334	537	this.isVisible = false;
335	538	}
	539	+ },
	540	+ mounted() {
	541	+ console.log('MatchingManager mounted');
	542	+ this.pickView();
336	543	}
337	544	}
338	545	</script>

Delete comment