cfy777/Situation-Awareness-Platform-Frontend
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

update: 头部搜索能力补全

Browse Source
This commit is contained in:
@user8949
2025-03-19 20:47:53 +08:00
parent fc486e9488
commit 56edefdfa5
4 changed files with 20 additions and 15 deletions
Download Patch File Download Diff File Expand all files Collapse all files

15
src/components/Header/Search.vue
View File

@@ -1,7 +1,7 @@
<template>
<d-input
:key="$route.path + $route.query?.val" id="golbalSearch" class="g-header-search"
v-model.trim="searchStr" placeholder="输入搜索内容..." @clear="handleClear" clearable >
v-model.trim="softwareName" placeholder="请输入软件名称搜索" @clear="handleClear" clearable >
<template #prepend>
<d-dropdown>
<div class="flex items-center gap-1 cursor-pointer">
@@ -46,7 +46,7 @@ const globalInfo = useGlobalInfoStore();
const route = useRoute();
const router = useRouter();
const searchStr = ref(globalInfo.headerSearch.searchWord);
const softwareName = ref(globalInfo.headerSearch.softwareName);
const searchType = ref(globalInfo.headerSearch.searchType);
const position = ref(['right-start', 'right-end']);
@@ -56,14 +56,15 @@ const placeholder = ref('「开搜」：一搜即达，开发者的AI搜索');
const onCategoryChange = (event) => {
searchType.value = event;
globalInfo.updateHeaderSearch({ softwareName: softwareName.value, searchType: searchType.value });
}
const search = () => {
globalInfo.updateHeaderSearch({ searchWord: searchStr.value, searchType: searchType.value });
window.open(`/repoList?softwareName=${softwareName.value}&searchType=${searchType.value}`, '_blank')
};
const handleClear = () => {
globalInfo.updateHeaderSearch({ searchWord: ''.value, searchType: searchType.value });
globalInfo.updateHeaderSearch({ softwareName: ''.value, searchType: searchType.value });
};
watch(() => route.query?.val, (newVal) => {
@@ -73,7 +74,7 @@ watch(() => route.query?.val, (newVal) => {
const handleDataChange = ({ name, type, data }) => {
if (name === 'micoro-app-homeweb-app') {
if (type === 'keyword-change') {
searchStr.value = data;
softwareName.value = data;
}
if (type === 'route-change') {
//
@@ -82,7 +83,9 @@ const handleDataChange = ({ name, type, data }) => {
};
onMounted(() => {
globalInfo.updateHeaderSearch({ softwareName: route.query.softwareName ? route.query.softwareName : '', searchType: route.query.searchType || '软件' });
softwareName.value = route.query.softwareName;
searchType.value = route.query.searchType || '软件';
});
onUnmounted(() => {