From 2b8cbeec005f8ac6f65818da28fc239cf82fc716 Mon Sep 17 00:00:00 2001
From: 杨磊 <505174330@qq.com>
Date: 星期一, 28 四月 2025 10:50:31 +0800
Subject: [PATCH] 字体文件
---
src/views/home/components/searchBox.vue | 44 +++++++++++++++++++++++++++++++-------------
1 files changed, 31 insertions(+), 13 deletions(-)
diff --git a/src/views/home/components/searchBox.vue b/src/views/home/components/searchBox.vue
index 45acaf2..86497ad 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,42 @@
<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: "鏉ユ簮" },
+ ],
+ searchFun: {
+ type: Function,
+ default: () => {},
+ },
+ },
+ },
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
});
},
},
@@ -59,16 +76,17 @@
/* 杈撳叆妗嗘牱寮� */
.search-input {
- background-color:transparent;
+ width: 100%;
}
.inputBox {
- border: 1px solid #B9A587;
+ border: 1px solid #b9a587;
height: 38px;
width: 400px;
display: flex;
justify-content: space-between;
+ background-color: transparent !important;
align-items: center;
padding-right: 5px;
border-radius: 5px;
@@ -81,6 +99,7 @@
width: 70px;
height: 30px;
background-color: #937950;
+ border-radius: 5px;
margin-left: 10px;
cursor: pointer;
font-size: 14px;
@@ -98,10 +117,9 @@
.el-select /deep/ .el-input__inner {
border-top-right-radius: 0;
border-bottom-right-radius: 0;
- border: 1px solid #B9A587;
+ border: 1px solid #b9a587;
background-color: transparent;
border-right: none;
-
}
.el-input-group__prepend {
--
Gitblit v1.9.1