From 34c4d498b69f746b98ff71afa14a9804e43afcf8 Mon Sep 17 00:00:00 2001
From: zhongshujie <2862698242@qq.com>
Date: 星期五, 25 四月 2025 16:55:06 +0800
Subject: [PATCH] 学术成果检索
---
src/views/home/components/searchBox.vue | 41 +++++++++++++++++++++++++++++------------
1 files changed, 29 insertions(+), 12 deletions(-)
diff --git a/src/views/home/components/searchBox.vue b/src/views/home/components/searchBox.vue
index 1087fca..f0fcdd5 100644
--- a/src/views/home/components/searchBox.vue
+++ b/src/views/home/components/searchBox.vue
@@ -15,7 +15,7 @@
</el-select>
<div class="inputBox">
<input type="text" v-model="searchText" class="search-input" />
- <div class="searchBtn">鎼滅储</div>
+ <div class="searchBtn" @click="handleSearch()">鎼滅储</div>
</div>
</div>
</template>
@@ -23,25 +23,38 @@
<script>
export default {
name: "SearchBox",
+ props: {
+ // 鎺ユ敹澶栭儴浼犲叆鐨勯�夐」
+ options: {
+ type: Array,
+ default: () => [
+ { value: "all", label: "鍏ㄩ儴" },
+ { value: "name", label: "鏍囬" },
+ { value: "author", label: "浣滆��" },
+ { value: "year", label: "骞翠唤" },
+ { value: "keyWords", label: "鍏抽敭璇�" },
+ { value: "abstract", label: "鎽樿" },
+ { value: "source", label: "鏉ユ簮" },
+ ],
+ },
+ },
data() {
return {
searchText: "", // 杈撳叆妗嗗唴瀹�
- selectedType: "", // 涓嬫媺妗嗛�変腑鍊�
- options: [
- // 涓嬫媺閫夐」
- { value: "all", label: "鍏ㄩ儴" },
- { value: "name", label: "鍚嶇О" },
- { value: "id", label: "ID" },
- { value: "code", label: "缂栫爜" },
- ],
+ selectedType: "all", // 涓嬫媺妗嗛�変腑鍊�
};
},
methods: {
// 鎼滅储澶勭悊
handleSearch() {
+ // 鎵惧埌閫変腑鐨勯�夐」鐨刲abel
+ const selectedOption = this.options.find(option => option.value === this.selectedType);
+ const selectedLabel = selectedOption ? selectedOption.label : '';
+ console.log(selectedLabel,"001")
this.$emit("search", {
text: this.searchText,
type: this.selectedType,
+ label: selectedLabel
});
},
},
@@ -52,12 +65,15 @@
/* 缁勫悎鏍峰紡 */
.search-container {
max-width: 800px;
- margin: 20px 0;
display: flex;
+ align-items: center;
+ background-color: #fff;
}
/* 杈撳叆妗嗘牱寮� */
.search-input {
+ width: 100%;
+
}
.inputBox {
@@ -66,8 +82,8 @@
width: 400px;
display: flex;
justify-content: space-between;
+ background-color: transparent !important;
align-items: center;
- margin-top: 13px;
padding-right: 5px;
border-radius: 5px;
border-top-left-radius: 0;
@@ -79,6 +95,7 @@
width: 70px;
height: 30px;
background-color: #937950;
+ border-radius: 5px;
margin-left: 10px;
cursor: pointer;
font-size: 14px;
@@ -97,7 +114,7 @@
border-top-right-radius: 0;
border-bottom-right-radius: 0;
border: 1px solid #B9A587;
-
+ background-color: transparent;
border-right: none;
}
--
Gitblit v1.9.1