yjryu / KERIS star
Stormen123 2023-12-06
231206 김성훈 기업홍보관 검색기능 추가
@b86325f7c4cba5cc198d4da8f6330953a6f9cff0
327dbc9
b86325f
client/views/pages/user/networking/Matching.vue
--- client/views/pages/user/networking/Matching.vue
+++ client/views/pages/user/networking/Matching.vue
@@ -38,6 +38,20 @@
 
                             </li>
 
                         </ul>
 
                     </div>
 
+                    <div class="btn-wrap">
 
+                    <div class="data-select">
 
+                        <select v-model="companyListSearch.searchType" name="data-table-sild" id="data-table-sild">
 
+                            <option v-for="(item, idx) in option" :key="idx" :value=item.value>
 
+                                {{ item.name }}
 
+                            </option>    
+                        </select>
 
+                        <div class="input-group">
 
+                            <input type="text" class="input" placeholder="검색어를 입력해주세요."
 
+                                v-model="companyListSearch.searchText" @keyup.enter="companySelectList()">
 
+                            <input class="button--submit" value="검색" type="submit" @click="companySelectList()">
 
+                        </div>
 
+                    </div>
 
+                </div>
 
                     <div class="matching-box-grid">
 
                         <!-- best 기업 -->
 
                         <h3>BEST 기업</h3>
@@ -139,7 +153,7 @@
 
             companyListSearch: {
 
                 currentPage: 1,
 
                 perPage: 12,
 
-                searchType: null,
 
+                searchType: 'company_name',
 
                 searchText: null,
 
                 selectedKeywords: [],
 
             },
@@ -157,7 +171,11 @@
 
             // 필터링을 위한 키워드
 
             keywords: [],
 
             isModalOpen:false,
 
-            modalType: null
 
+            modalType: null,
 
+
 
+            option: [
 
+                { name: '기업명', value: 'company_name'},
 
+            ]
 
         }
 
     },
 
     methods: {
Add a comment
List