김하영
2023-12-08
231208김하영 기업홍보관 디테일 수정
@40729ae790cbdac5b34469923a3c31ee4f0656d8
--- client/resources/css/Main.css
+++ client/resources/css/Main.css
... | ... | @@ -597,11 +597,17 @@ |
| 597 | 597 |
color: #3f87f7; |
| 598 | 598 |
background-color: #e2e2e2; |
| 599 | 599 |
} |
| 600 |
+.matching-page-text{
|
|
| 601 |
+ padding: 3rem 0; |
|
| 602 |
+} |
|
| 600 | 603 |
|
| 601 |
-.matching-box-grid > h3 {
|
|
| 604 |
+.matching-page-text > h3 {
|
|
| 602 | 605 |
font-size: 2.6rem; |
| 603 |
- padding: 3rem; |
|
| 606 |
+ padding: 0.5rem; |
|
| 604 | 607 |
font-family: SBaggroM; |
| 608 |
+} |
|
| 609 |
+.matching-box-grid .fa-solid{
|
|
| 610 |
+ margin: 0.2rem; |
|
| 605 | 611 |
} |
| 606 | 612 |
|
| 607 | 613 |
.matching-box-bos {
|
... | ... | @@ -772,17 +778,28 @@ |
| 772 | 778 |
display: grid; |
| 773 | 779 |
grid-template-columns: 1fr; |
| 774 | 780 |
} |
| 781 |
+.matDtail-sec-button{
|
|
| 782 |
+ display: grid; |
|
| 783 |
+ gap: 1rem !important; |
|
| 784 |
+ background-color: #00000000 !important; |
|
| 785 |
+ grid-template-columns: 1fr 1fr; |
|
| 786 |
+} |
|
| 787 |
+.matDtail-sec-button div{
|
|
| 788 |
+ padding: 1rem 0.5rem !important; |
|
| 789 |
+ margin-top: 0rem !important; |
|
| 790 |
+} |
|
| 775 | 791 |
|
| 776 | 792 |
.mat-sec1 {
|
| 777 | 793 |
display: grid; |
| 778 |
- grid-template-columns: 80% 20%; |
|
| 794 |
+ grid-template-columns: 65% 35%; |
|
| 779 | 795 |
padding: 2rem 3rem 1rem 3rem; |
| 780 | 796 |
background-color: #f4f4f4; |
| 781 | 797 |
border-top: 1px solid rgb(199, 199, 199); |
| 782 | 798 |
} |
| 783 | 799 |
|
| 784 | 800 |
.mat-sec1 h2 {
|
| 785 |
- font-size: 2rem; |
|
| 801 |
+ font-size: 2.7rem; |
|
| 802 |
+ font-weight: 700; |
|
| 786 | 803 |
color: #3f87f7; |
| 787 | 804 |
} |
| 788 | 805 |
|
... | ... | @@ -2405,7 +2422,7 @@ |
| 2405 | 2422 |
} |
| 2406 | 2423 |
|
| 2407 | 2424 |
.info-sec-summary {
|
| 2408 |
- padding: 2rem 0; |
|
| 2425 |
+ padding: 2.7rem; |
|
| 2409 | 2426 |
grid-template-columns: 1fr !important; |
| 2410 | 2427 |
} |
| 2411 | 2428 |
|
--- client/resources/css/responsive.css
+++ client/resources/css/responsive.css
... | ... | @@ -285,6 +285,10 @@ |
| 285 | 285 |
.tech-box-category{
|
| 286 | 286 |
grid-template-columns: 1fr; |
| 287 | 287 |
} |
| 288 |
+ .tech-box-category .category-bar label.category,.tech-box-category .category-bar label.category{
|
|
| 289 |
+ margin-right: 0px; |
|
| 290 |
+ margin: 0.5rem; |
|
| 291 |
+ } |
|
| 288 | 292 |
|
| 289 | 293 |
/* 자료집 */ |
| 290 | 294 |
.data-banner {
|
--- client/views/pages/user/Data/Technology.vue
+++ client/views/pages/user/Data/Technology.vue
... | ... | @@ -87,11 +87,14 @@ |
| 87 | 87 |
<img src="../../../../resources/jpg/service.png" alt=""> |
| 88 | 88 |
</div> |
| 89 | 89 |
<div> |
| 90 |
- <p class="keyword-zone" v-if="item.tech_doc_keyword"> |
|
| 90 |
+ <div class="keyword-zone"> |
|
| 91 |
+ <p class="keyword-zone" v-if="item.tech_doc_keyword"> |
|
| 91 | 92 |
<span v-for="(keyword, keywordIndex) in item.tech_doc_keyword.split(',')" :key="keywordIndex">
|
| 92 | 93 |
{{ keyword }}
|
| 93 | 94 |
</span> |
| 94 | 95 |
</p> |
| 96 |
+ </div> |
|
| 97 |
+ |
|
| 95 | 98 |
<div class="flex"> |
| 96 | 99 |
<p class="date">{{ item.tech_doc_dt }}</p>
|
| 97 | 100 |
<p>조회수 <span>{{ item.view_cnt }}</span></p>
|
--- client/views/pages/user/networking/Matching.vue
+++ client/views/pages/user/networking/Matching.vue
... | ... | @@ -32,29 +32,34 @@ |
| 32 | 32 |
<div class="keyword-wrap filtering"> |
| 33 | 33 |
<ul> |
| 34 | 34 |
<li v-for="(keywordItem, index) in keywords" :key="index"> |
| 35 |
- <input type="checkbox" :id="keywordItem" v-model="companyListSearch.selectedKeywords" :value="keywordItem" |
|
| 36 |
- class="keyword-label" style="display: none;" @click.stop="toggleKeyword(keywordItem)"/> |
|
| 35 |
+ <input type="checkbox" :id="keywordItem" v-model="companyListSearch.selectedKeywords" |
|
| 36 |
+ :value="keywordItem" class="keyword-label" style="display: none;" |
|
| 37 |
+ @click.stop="toggleKeyword(keywordItem)" /> |
|
| 37 | 38 |
<label :for="keywordItem" class="keyword">{{ keywordItem }}</label>
|
| 38 | 39 |
</li> |
| 39 | 40 |
</ul> |
| 40 | 41 |
</div> |
| 41 | 42 |
<div class="btn-wrap"> |
| 42 |
- <div class="data-select"> |
|
| 43 |
- <select v-model="companyListSearch.searchType" name="data-table-sild" id="data-table-sild"> |
|
| 44 |
- <option v-for="(item, idx) in option" :key="idx" :value=item.value> |
|
| 45 |
- {{ item.name }}
|
|
| 46 |
- </option> |
|
| 47 |
- </select> |
|
| 48 |
- <div class="input-group"> |
|
| 49 |
- <input type="text" class="input" placeholder="검색어를 입력해주세요." |
|
| 50 |
- v-model="companyListSearch.searchText" @keyup.enter="companySelectList()"> |
|
| 51 |
- <input class="button--submit" value="검색" type="submit" @click="companySelectList()"> |
|
| 43 |
+ <div class="data-select"> |
|
| 44 |
+ <select v-model="companyListSearch.searchType" name="data-table-sild" id="data-table-sild"> |
|
| 45 |
+ <option v-for="(item, idx) in option" :key="idx" :value=item.value> |
|
| 46 |
+ {{ item.name }}
|
|
| 47 |
+ </option> |
|
| 48 |
+ </select> |
|
| 49 |
+ <div class="input-group"> |
|
| 50 |
+ <input type="text" class="input" placeholder="검색어를 입력해주세요." |
|
| 51 |
+ v-model="companyListSearch.searchText" @keyup.enter="companySelectList()"> |
|
| 52 |
+ <input class="button--submit" value="검색" type="submit" @click="companySelectList()"> |
|
| 53 |
+ </div> |
|
| 52 | 54 |
</div> |
| 53 | 55 |
</div> |
| 54 |
- </div> |
|
| 55 | 56 |
<div class="matching-box-grid"> |
| 56 | 57 |
<!-- best 기업 --> |
| 57 |
- <h3>BEST 기업</h3> |
|
| 58 |
+ <div class="matching-page-text"> |
|
| 59 |
+ <i class="fa-solid fa-crown fa-2xl" style="color: #ffef3c;"></i> |
|
| 60 |
+ <h3>BEST 기업</h3> |
|
| 61 |
+ </div> |
|
| 62 |
+ |
|
| 58 | 63 |
<div class="matching-box-txt"> |
| 59 | 64 |
<p>※ BEST기업은 pick, 조회수, 매칭수 순으로 선정됩니다</p> |
| 60 | 65 |
</div> |
... | ... | @@ -66,13 +71,15 @@ |
| 66 | 71 |
<img :src="'http://localhost:8080' + item.file_path + '/' + item.file_nm + '.' + item.file_extn_nm" |
| 67 | 72 |
width="100%" alt=""> |
| 68 | 73 |
</div> |
| 69 |
- <p class="content-detail">{{ company_simple_info }}</p>
|
|
| 74 |
+ <p class="content-detail">{{ item.company_simple_info }}</p>
|
|
| 70 | 75 |
<div class="matchingbox-1"> |
| 71 |
- <p v-if="!item.pick_yn" @click.stop="pickModal(item)" class="matchingbox-text" style="color: #3f87f7;"><i |
|
| 72 |
- class="fa-regular fa-heart fa-lg" style="color: #3f87f7;"></i> {{
|
|
| 76 |
+ <p v-if="!item.pick_yn" @click.stop="pickModal(item)" class="matchingbox-text" |
|
| 77 |
+ style="color: #3f87f7;"><i class="fa-regular fa-heart fa-lg" |
|
| 78 |
+ style="color: #3f87f7;"></i> {{
|
|
| 73 | 79 |
item.company_pick_cnt }} </p> |
| 74 |
- <p v-else @click.stop="pickCancelModal(item)" class="matchingbox-text"><i class="fa fa-heart fa-lg" |
|
| 75 |
- style="color: #d41515;"></i> {{ item.company_pick_cnt }} </p>
|
|
| 80 |
+ <p v-else @click.stop="pickCancelModal(item)" class="matchingbox-text"><i |
|
| 81 |
+ class="fa fa-heart fa-lg" style="color: #d41515;"></i> {{ item.company_pick_cnt
|
|
| 82 |
+ }} </p> |
|
| 76 | 83 |
<p class="matchingbox-text">조회수 <span>{{ item.view_cnt }}</span></p>
|
| 77 | 84 |
</div> |
| 78 | 85 |
<div class="matching-span"> |
... | ... | @@ -104,7 +111,7 @@ |
| 104 | 111 |
<span v-for="(item, idx1) in keywordList[idx]" :key="idx1"> #{{ item }}</span>
|
| 105 | 112 |
</div> |
| 106 | 113 |
<div class="matchingbox-2"> |
| 107 |
- <p v-if="!item.pick_yn" @click.stop="pickModal(item)" ><i |
|
| 114 |
+ <p v-if="!item.pick_yn" @click.stop="pickModal(item)"><i |
|
| 108 | 115 |
class="fa-regular fa-heart fa-lg" style="color: #3f87f7;"></i> {{
|
| 109 | 116 |
item.company_pick_cnt }} </p> |
| 110 | 117 |
<p v-else @click.stop="pickCancelModal(item)"><i class="fa fa-heart fa-lg" |
... | ... | @@ -173,11 +180,11 @@ |
| 173 | 180 |
store: useStore(), |
| 174 | 181 |
// 필터링을 위한 키워드 |
| 175 | 182 |
keywords: [], |
| 176 |
- isModalOpen:false, |
|
| 183 |
+ isModalOpen: false, |
|
| 177 | 184 |
modalType: null, |
| 178 | 185 |
|
| 179 | 186 |
option: [ |
| 180 |
- { name: '기업명', value: 'company_name'},
|
|
| 187 |
+ { name: '기업명', value: 'company_name' },
|
|
| 181 | 188 |
] |
| 182 | 189 |
} |
| 183 | 190 |
}, |
... | ... | @@ -191,8 +198,8 @@ |
| 191 | 198 |
}, |
| 192 | 199 |
companySelectList: function () {
|
| 193 | 200 |
const vm = this; |
| 194 |
- console.log("vm.selectedKeywords",vm.companyListSearch.selectedKeywords)
|
|
| 195 |
- |
|
| 201 |
+ console.log("vm.selectedKeywords", vm.companyListSearch.selectedKeywords)
|
|
| 202 |
+ |
|
| 196 | 203 |
axios({
|
| 197 | 204 |
url: '/matching/companySelectList.json', |
| 198 | 205 |
method: 'post', |
--- client/views/pages/user/networking/MatchingOne.vue
+++ client/views/pages/user/networking/MatchingOne.vue
... | ... | @@ -33,9 +33,16 @@ |
| 33 | 33 |
<div class="matDtail-sec"> |
| 34 | 34 |
<section class="mat-sec1"> |
| 35 | 35 |
<h2> {{ company.company_nm }} <span v-if="best === 'best'">(BEST 기업)</span></h2>
|
| 36 |
- <div @click="downloadProfile()"> |
|
| 37 |
- <label for="dtaildown">회사소개서 다운로드</label> |
|
| 38 |
- <i class="fa-solid fa-download" style="color: #ffffff;"></i> |
|
| 36 |
+ <div class="matDtail-sec-button"> |
|
| 37 |
+ |
|
| 38 |
+ <div @click="downloadProurl()"> |
|
| 39 |
+ <label for="dtaildown">회사홈페이지 바로가기</label> |
|
| 40 |
+ <i class="fa-solid fa-house-laptop" style="color: #ffffff;"></i> |
|
| 41 |
+ </div> |
|
| 42 |
+ <div @click="downloadProfile()"> |
|
| 43 |
+ <label for="dtaildown">회사소개서 다운로드</label> |
|
| 44 |
+ <i class="fa-solid fa-download" style="color: #ffffff;"></i> |
|
| 45 |
+ </div> |
|
| 39 | 46 |
</div> |
| 40 | 47 |
</section> |
| 41 | 48 |
|
... | ... | @@ -53,7 +60,7 @@ |
| 53 | 60 |
</div> |
| 54 | 61 |
<div> |
| 55 | 62 |
<p class="introduce-title">서비스 소개</p> |
| 56 |
- <div id="viewer3" ref="viewer3" class="viewer"></div> |
|
| 63 |
+ <div id="viewer3" ref="viewer3" class="viewer"></div> |
|
| 57 | 64 |
</div> |
| 58 | 65 |
</div> |
| 59 | 66 |
<div class="mat-sec2-end"> |
... | ... | @@ -61,11 +68,11 @@ |
| 61 | 68 |
<i v-if="!company.pick_yn" class="fa-regular fa-heart fa-lg" style="color: #3f87f7;" |
| 62 | 69 |
@click="pickConfirm()"></i> |
| 63 | 70 |
<i v-else class="fa fa-heart fa-lg" style="color: #d41515;" @click="pickCancelModal()"></i> |
| 64 |
- <p @click="openPickListMadal"> |
|
| 71 |
+ <p @click="openPickListMadal"> |
|
| 65 | 72 |
<span id="pickBtn">{{ company.company_pick_cnt }}개</span>의 기업이
|
| 66 |
- pick했습니다! |
|
| 73 |
+ pick했습니다! |
|
| 67 | 74 |
</p> |
| 68 |
- |
|
| 75 |
+ |
|
| 69 | 76 |
</div> |
| 70 | 77 |
<p><span>조회수</span>{{ company.view_cnt }}</p>
|
| 71 | 78 |
|
... | ... | @@ -98,10 +105,11 @@ |
| 98 | 105 |
<tr v-for="(item, idx) in pickSelectList" :key="idx"> |
| 99 | 106 |
<td> |
| 100 | 107 |
<p> |
| 101 |
- <img :src="'http://localhost:8080' + item.file_path + '/' + item.file_nm + '.' + item.file_extn_nm"> |
|
| 108 |
+ <img |
|
| 109 |
+ :src="'http://localhost:8080' + item.file_path + '/' + item.file_nm + '.' + item.file_extn_nm"> |
|
| 102 | 110 |
</p> |
| 103 | 111 |
</td> |
| 104 |
- |
|
| 112 |
+ |
|
| 105 | 113 |
<td style=" text-align : center;"> |
| 106 | 114 |
{{ item.company_nm }}
|
| 107 | 115 |
</td> |
... | ... | @@ -113,7 +121,7 @@ |
| 113 | 121 |
</tbody> |
| 114 | 122 |
</table> |
| 115 | 123 |
</div> |
| 116 |
- |
|
| 124 |
+ |
|
| 117 | 125 |
</div> |
| 118 | 126 |
|
| 119 | 127 |
<div v-show="isModalOpen" class="modal-wrapper"> |
... | ... | @@ -182,7 +190,7 @@ |
| 182 | 190 |
], |
| 183 | 191 |
route: useRoute(), |
| 184 | 192 |
store: useStore(), |
| 185 |
- isModalOpen:false, |
|
| 193 |
+ isModalOpen: false, |
|
| 186 | 194 |
modalType: null |
| 187 | 195 |
} |
| 188 | 196 |
}, |
... | ... | @@ -284,6 +292,33 @@ |
| 284 | 292 |
alert('에러발생');
|
| 285 | 293 |
}); |
| 286 | 294 |
}, |
| 295 |
+ // downloadProurl() {
|
|
| 296 |
+ // const vm = this; |
|
| 297 |
+ // let company_id = vm.company.company_id; |
|
| 298 |
+ |
|
| 299 |
+ // // 웹 페이지로 이동하는 코드 추가 |
|
| 300 |
+ // const url = vm.company.company_hp_url; // v-model에 연결된 URL 사용 |
|
| 301 |
+ // window.open(url, '_blank'); // 새 창에서 열기 |
|
| 302 |
+ |
|
| 303 |
+ // axios({
|
|
| 304 |
+ // url: '/statistics/profileLogInsert.json', |
|
| 305 |
+ // method: 'post', |
|
| 306 |
+ // hearder: {
|
|
| 307 |
+ // 'Content-Type': "application/json; charset=UTF-8", |
|
| 308 |
+ // }, |
|
| 309 |
+ // data: { 'company_id': company_id }
|
|
| 310 |
+ // }).then(function (response) {
|
|
| 311 |
+ // vm.$router.go(0); |
|
| 312 |
+ // }).catch(function (error) {
|
|
| 313 |
+ // console.log('error - ', error)
|
|
| 314 |
+ // alert('에러발생');
|
|
| 315 |
+ // }); |
|
| 316 |
+ // }, |
|
| 317 |
+ |
|
| 318 |
+ downloadProurl(){
|
|
| 319 |
+ const url = this.company.company_hp_url; |
|
| 320 |
+ window.open(url, '_blank'); |
|
| 321 |
+ }, |
|
| 287 | 322 |
|
| 288 | 323 |
openPickListMadal() {
|
| 289 | 324 |
const vm = this; |
Add a comment
Delete comment
Once you delete this comment, you won't be able to recover it. Are you sure you want to delete this comment?