Commit @62ce95c40645c7aa0cd5c0e6392e42744066f91b

Stormen123 2023-11-09

231109 김성훈 기업홍보관 기업상세보기 PICK,PICK취소 추가

@62ce95c40645c7aa0cd5c0e6392e42744066f91b

4a4393a

62ce95c

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

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

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


                 <div class="mat-sec2-end">
                     <p>
 
-                        <i class="fa-regular fa-heart fa-lg" style="color: #3f87f7;"></i>
+                        <i v-if="!company.pick_yn" class="fa-regular fa-heart fa-lg" style="color: #3f87f7;" @click="pickConfirm()"></i>
+                        <i v-else class="fa fa-heart fa-lg" style="color: #d41515;" @click="pickCancelModal()"></i>
                         <span id="pickBtn" @click="openPickListMadal">{{ company.company_pick_cnt }}개</span>의 기업이 pick했습니다!
                     </p>
                     <p><span>조회수</span>{{ company.view_cnt }}</p>

             </td>
             <td>
                 <button v-if="item.pick_yn" disabled :style="{ backgroundColor: '#ccc' }">완료</button>
-                <button v-else :style="{ backgroundColor: '#3f87f7' }" @click="pick(item)"> 수락</button>
+                <button v-else :style="{ backgroundColor: '#3f87f7' }" @click="modalPick(item)"> 수락</button>
             </td>
         </table>
     </div>

                 file_path: null,
                 file_nm: null,
                 file_extn_nm: null,
+                pick_yn: null,
+                userCompanyId:null
             },
 
             pickSelectList:[],

             }
         },
 
-        pick: function(item) {
+        pickConfirm: function() {
+        
+        if(this.company.userCompanyId != this.company.company_id) {
+            if(confirm(this.company.company_nm + "에 PICK 신청을 하시겠습니까?")) {
+            this.pick()
+            }
+        } else {
+            alert("자신의 기업에는 PICK을 할 수 없습니다.")
+        }
+        
+        },
+
+        pickCancelModal: function() {
+            if(confirm(this.company.company_nm + "에게 신청한 PICK을 취소 하시겠습니까?")) {
+                this.pickCancel()
+            }
+        },
+
+        pick: function() {
+            const vm = this;
+            
+            axios({
+                url: '/matching/pick.json',
+                method: 'post',
+                hearder: {
+                    'Content-Type': "application/json; charset=UTF-8",
+                },
+                data: vm.company
+            }).then(function(response) {
+                alert(response.data);
+                vm.companySelectOne();
+            }).catch(function(error) {
+                console.log('error - ', error)
+                alert('기업 목록 조회 오류, 관리자에게 문의하세요.');
+            })
+        },
+
+        pickCancel: function() {
+            const vm = this;
+
+            axios({
+                url: '/matching/pickCancel.json',
+                method: 'post',
+                hearder: {
+                    'Content-Type': "application/json; charset=UTF-8",
+                },
+                data: vm.company
+            }).then(function(response) {
+            alert(response.data);
+            vm.companySelectOne();
+            }).catch(function(error) {
+                console.log('error - ', error)
+                alert('기업 목록 조회 오류, 관리자에게 문의하세요.');
+            })
+        },
+
+        modalPick: function(item) {
             const vm = this;
 
             axios({

Add a comment

Open 0
Closed 0

List

...	...	@@ -47,7 +47,8 @@
47	47	<div class="mat-sec2-end">
48	48	<p>
49	49
50		- <i class="fa-regular fa-heart fa-lg" style="color: #3f87f7;"></i>
	50	+ <i v-if="!company.pick_yn" class="fa-regular fa-heart fa-lg" style="color: #3f87f7;" @click="pickConfirm()"></i>
	51	+ <i v-else class="fa fa-heart fa-lg" style="color: #d41515;" @click="pickCancelModal()"></i>
51	52	<span id="pickBtn" @click="openPickListMadal">{{ company.company_pick_cnt }}개</span>의 기업이 pick했습니다!
52	53	</p>
53	54	<p><span>조회수</span>{{ company.view_cnt }}</p>
...	...	@@ -75,7 +76,7 @@
75	76	</td>
76	77	<td>
77	78	<button v-if="item.pick_yn" disabled :style="{ backgroundColor: '#ccc' }">완료</button>
78		- <button v-else :style="{ backgroundColor: '#3f87f7' }" @click="pick(item)"> 수락</button>
	79	+ <button v-else :style="{ backgroundColor: '#3f87f7' }" @click="modalPick(item)"> 수락</button>
79	80	</td>
80	81	</table>
81	82	</div>
...	...	@@ -108,6 +109,8 @@
108	109	file_path: null,
109	110	file_nm: null,
110	111	file_extn_nm: null,
	112	+ pick_yn: null,
	113	+ userCompanyId:null
111	114	},
112	115
113	116	pickSelectList:[],
...	...	@@ -223,7 +226,63 @@
223	226	}
224	227	},
225	228
226		- pick: function(item) {
	229	+ pickConfirm: function() {
	230	+
	231	+ if(this.company.userCompanyId != this.company.company_id) {
	232	+ if(confirm(this.company.company_nm + "에 PICK 신청을 하시겠습니까?")) {
	233	+ this.pick()
	234	+ }
	235	+ } else {
	236	+ alert("자신의 기업에는 PICK을 할 수 없습니다.")
	237	+ }
	238	+
	239	+ },
	240	+
	241	+ pickCancelModal: function() {
	242	+ if(confirm(this.company.company_nm + "에게 신청한 PICK을 취소 하시겠습니까?")) {
	243	+ this.pickCancel()
	244	+ }
	245	+ },
	246	+
	247	+ pick: function() {
	248	+ const vm = this;
	249	+
	250	+ axios({
	251	+ url: '/matching/pick.json',
	252	+ method: 'post',
	253	+ hearder: {
	254	+ 'Content-Type': "application/json; charset=UTF-8",
	255	+ },
	256	+ data: vm.company
	257	+ }).then(function(response) {
	258	+ alert(response.data);
	259	+ vm.companySelectOne();
	260	+ }).catch(function(error) {
	261	+ console.log('error - ', error)
	262	+ alert('기업 목록 조회 오류, 관리자에게 문의하세요.');
	263	+ })
	264	+ },
	265	+
	266	+ pickCancel: function() {
	267	+ const vm = this;
	268	+
	269	+ axios({
	270	+ url: '/matching/pickCancel.json',
	271	+ method: 'post',
	272	+ hearder: {
	273	+ 'Content-Type': "application/json; charset=UTF-8",
	274	+ },
	275	+ data: vm.company
	276	+ }).then(function(response) {
	277	+ alert(response.data);
	278	+ vm.companySelectOne();
	279	+ }).catch(function(error) {
	280	+ console.log('error - ', error)
	281	+ alert('기업 목록 조회 오류, 관리자에게 문의하세요.');
	282	+ })
	283	+ },
	284	+
	285	+ modalPick: function(item) {
227	286	const vm = this;
228	287
229	288	axios({

Delete comment