update: 头部搜索能力补全

src/components/AdvanceSearch/index.vue

@@ -5,7 +5,7 @@
       <d-row :gutter="16">
         <d-col :span="8">
           <d-form-item field="name" label="软件名称">
-            <d-input placeholder="请输入软件名称" v-model="formData.searchWord"/>
+            <d-input placeholder="请输入软件名称" v-model="formData.softwareName"/>
           </d-form-item>
         </d-col>
         <d-col :span="8">
@@ -71,7 +71,7 @@ const props = defineProps({
     type: Object,
     default: () => ({
       licenseName: '',
-      searchWord: '',
+      softwareName: '',
       softwareVersion: '',
       dependentSoftware: '',
       programmingLanguage: '',
@@ -105,7 +105,7 @@ const submitForm = () => {
 const cancel = () => {
   formData.value = {
     licenseName: '',
-    searchWord: '',
+    softwareName: '',
     softwareVersion: '',
     dependentSoftware: '',
     programmingLanguage: '',

src/components/Header/Search.vue

@@ -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(() => {