diff --git a/Dockerfile b/Dockerfile
index 6e2c55b6c5e9a66786e1b00f1614f1c71b809574..2eb77eb574aec03c2e46ef6159071eb211c2ef82 100644
--- a/Dockerfile
+++ b/Dockerfile
@@ -12,7 +12,6 @@ FROM swr.cn-north-4.myhuaweicloud.com/opensourceway/openeuler/nginx:1.24.0-22.03
 
 FROM openeuler/openeuler:22.03-lts-sp1
 
-ENV PATH /usr/share/nginx/sbin:$PATH
 ENV NGINX_CONFIG_FILE /etc/nginx/nginx.conf
 ENV NGINX_CONFIG_PATH /etc/nginx/
 ENV NGINX_PID /var/run/nginx.pid
diff --git a/deploy/entrypoint.sh b/deploy/entrypoint.sh
index 4602342eca40777fa9eeb9ec2af3af6ecf53b913..d72cb306899d5bffd224ba119f20584b3ddcada1 100644
--- a/deploy/entrypoint.sh
+++ b/deploy/entrypoint.sh
@@ -1,4 +1,4 @@
 #!/bin/bash
 
 bash /etc/nginx/monitor.sh $DET_URL $DST_PATH &
-nginx -g 'daemon off;'
\ No newline at end of file
+/usr/share/nginx/sbin/nginx -g 'daemon off;'
\ No newline at end of file
diff --git a/src/assets/footer/code-zgz.png b/src/assets/footer/code-zgz.png
index ba38aaee5973fac8246cfa37ff0f1d5bc92e193d..9e9f12ff0b578efdb23b5543c40b9f836f630359 100644
Binary files a/src/assets/footer/code-zgz.png and b/src/assets/footer/code-zgz.png differ
diff --git a/src/components/DetailAside.vue b/src/components/DetailAside.vue
index 5214c45a14ffd780de0d97911cd9a3c4d07c5aea..e4b333b4d835488ad25cf9310f9689f18bf88578 100644
--- a/src/components/DetailAside.vue
+++ b/src/components/DetailAside.vue
@@ -156,7 +156,7 @@ const { locale } = useLocale();
 const jumpTo = (id: string) => {
   if (props.type) {
     const detailType = props.type === 'IMAGE' ? 'image' : props.type === 'RPM' ? 'package' : 'epkg';
-    const newHref = `/${locale.value}/${detailType}/detail?type=${props.type}&pkgId=${encodeURIComponent(id)}`;
+    const newHref = `/${locale.value}/${detailType}/detail?pkgId=${encodeURIComponent(id)}`;
     return newHref;
   }
 };
diff --git a/src/components/DetailHeader.vue b/src/components/DetailHeader.vue
index 56eb7f34803f6bd5d881e75cf86163eaaa24edb0..5f59d3d872b598fb37ff217725d42080b2dc9059 100644
--- a/src/components/DetailHeader.vue
+++ b/src/components/DetailHeader.vue
@@ -50,24 +50,24 @@ const onExternalDialog = (href: string) => {
           <div class="box">
             <p class="title">
               {{ data.name }}
-              <a @click="onExternalDialog(data.repository)" v-if="data.repository" target="_blank" rel="noopener noreferrer"
-                ><img :src="Home" class="icon-img" alt="" />主页</a
+              <a @click="onExternalDialog(data.repository)" v-if="data.repository" target="_blank" rel="noopener noreferrer">
+                <img :src="Home" class="icon-img" alt="" />主页</a
               >
             </p>
-            <p class="detail">{{ basicInfo }}</p>
+            <p v-if="basicInfo" class="detail">{{ basicInfo }}</p>
           </div>
         </div>
 
         <div class="right">
           <p class="sp">维护者信息</p>
-          <p class="title">维护者：{{ maintainer.maintainerId }}</p>
-          <p class="text">
+          <p v-if="maintainer.maintainerId" class="title">维护者：{{ maintainer.maintainerId }}</p>
+          <p v-if="maintainer.maintainerEmail" class="text">
             <a class="email" :href="`mailto:${maintainer.maintainerEmail}`">
               <img :src="Email" class="icon-img" alt="" />
               <span>{{ `mailto:${maintainer.maintainerEmail}` }}</span>
             </a>
           </p>
-          <p class="text">
+          <p v-if="maintainer.maintainerGiteeId" class="text">
             <a class="gitee" @click="onExternalDialog(`${GITEE}/${maintainer.maintainerGiteeId}`)">
               <img :src="Gitee" class="icon-img" alt="" />
               <span>{{ `${GITEE}/${maintainer.maintainerGiteeId}` }}</span>
diff --git a/src/components/OCardItem.vue b/src/components/OCardItem.vue
index 60d6324d92d4b78d0e913998ff7ccd53717be0ca..44542409d28a1ed47091b1be58a19b183885a62d 100644
--- a/src/components/OCardItem.vue
+++ b/src/components/OCardItem.vue
@@ -17,8 +17,8 @@ defineProps({
 
 const { locale } = useLocale();
 const { t } = useI18n();
-const jumpTo = (id: PkgIdsT, type: PkgTypeT) => {
-  return `/${locale.value}/apppkg/detail?type=${type}${id.IMAGE ? `&appPkgId=${encodeURIComponent(id.IMAGE)}` : ''}${
+const jumpTo = (id: PkgIdsT, type?: PkgTypeT) => {
+  return `/${locale.value}/apppkg/detail?${type ? `type=${type}` : ''}${id.IMAGE ? `&appPkgId=${encodeURIComponent(id.IMAGE)}` : ''}${
     id.EPKG ? `&epkgPkgId=${encodeURIComponent(id.EPKG)}` : ''
   }${id.RPM ? `&rpmPkgId=${encodeURIComponent(id.RPM)}` : ''}`;
 };
@@ -38,7 +38,7 @@ const repeatTags = (v: string) => {
   >
     <template #main>
       <div class="pkg-info">
-        <a :href="jumpTo(data.pkgIds, data.tags[0])" target="_blank" rel="noopener noreferrer" v-dompurify-html="data.name" class="name"></a>
+        <a :href="jumpTo(data.pkgIds)" target="_blank" rel="noopener noreferrer" v-dompurify-html="data.name" class="name"></a>
         <div class="pkg-icon"><img :src="data.iconUrl || defaultImg" class="icon" :class="{ 'default-img': !data.iconUrl }" /></div>
       </div>
       <div class="pkg-box">
diff --git a/src/components/OTableItemNew.vue b/src/components/OTableItemNew.vue
index e3886c704264ca535b3ff3d673be37382cb6799e..49fab3ca4b1cfa82a3e8347d9d64cd8d462171f4 100644
--- a/src/components/OTableItemNew.vue
+++ b/src/components/OTableItemNew.vue
@@ -39,9 +39,8 @@ const props = defineProps({
 const { t } = useI18n();
 const { locale } = useLocale();
 const jumpTo = (id: string) => {
-  const type = props.type === 'apppkg' ? 'image' : props.type === 'rpmpkg' ? 'RPM' : 'EPKG';
   const detailType = props.type === 'apppkg' ? 'image' : props.type === 'rpmpkg' ? 'package' : 'epkg';
-  const newHref = `/${locale.value}/${detailType}/detail?type=${type}&pkgId=${encodeURIComponent(id)}`;
+  const newHref = `/${locale.value}/${detailType}/detail?pkgId=${encodeURIComponent(id)}`;
   return newHref;
 };
 
diff --git a/src/components/search/SearchFilter.vue b/src/components/search/SearchFilter.vue
index 6d45794ad6223c20fead24c5f8e8b88421755524..a5b108b04c211bec4c709c9c2304d771ded10cad 100644
--- a/src/components/search/SearchFilter.vue
+++ b/src/components/search/SearchFilter.vue
@@ -7,6 +7,7 @@ import type { RecommendItemT } from '@/@types/search';
 import { onClickOutside } from '@vueuse/core';
 import { useLocale } from '@/composables/useLocale';
 import { useI18n } from 'vue-i18n';
+import { FLITERMENUOPTIONS } from '@/data/query';
 
 import SearchRecommend from '@/components/search/SearchRecommend.vue';
 
@@ -28,26 +29,6 @@ const route = useRoute();
 const { locale } = useLocale();
 const { t } = useI18n();
 
-// 筛选菜单
-const flitermenuItem = [
-  {
-    id: 'all',
-    name: t('software.filterAll'),
-  },
-  {
-    id: 'name',
-    name: t('software.filterName'),
-  },
-  {
-    id: 'summary',
-    name: t('software.filterSummary'),
-  },
-  {
-    id: 'file',
-    name: t('software.filterFile'),
-  },
-];
-
 const defaultValue = ref('all');
 const searchInput = ref('');
 const tabName = ref('all');
@@ -179,13 +160,13 @@ onMounted(() => {
     <OSelect
       v-model="defaultValue"
       style="width: 120px"
-      :placeholder="flitermenuItem[0].name"
+      :placeholder="FLITERMENUOPTIONS[0].name"
       variant="text"
       :size="show ? 'large' : 'medium'"
       round="0"
       @change="(v) => changeFilter(v)"
     >
-      <OOption v-for="item in flitermenuItem" :key="item.id" :label="item.name" :value="item.id" />
+      <OOption v-for="item in FLITERMENUOPTIONS" :key="item.id" :label="item.name" :value="item.id" />
     </OSelect>
     <div class="search-box">
       <OInput
diff --git a/src/data/detail/index.ts b/src/data/detail/index.ts
index efeac3ed17995f49535127bd4cabe765f432b0b6..64dd989b1cd515a64e32990ed98376339ce8e92f 100644
--- a/src/data/detail/index.ts
+++ b/src/data/detail/index.ts
@@ -6,7 +6,7 @@ export const columnTags = [
 ];
 
 // 容器镜像tab分类
-export const tabList = ['概览', 'Tags'];
+export const tagList = [{lable:'概览'},{lable:'Tags'}]
 
 // RPM更多信息表头
 export const moreColumns = [
diff --git a/src/data/query.ts b/src/data/query.ts
new file mode 100644
index 0000000000000000000000000000000000000000..cd0c569c2e3e08452ef898d65ba1fd409bded406
--- /dev/null
+++ b/src/data/query.ts
@@ -0,0 +1,29 @@
+import i18n from '@/i18n';
+
+const { t } = i18n.global;
+
+// tags参数
+export const TAGS_OPTIONS = ['RPM', 'IMAGE', 'EPKG']
+
+// 搜索tab参数
+export const TABNAME_OPTIONS = ['all', 'rpmpkg', 'apppkg', 'epkgpkg', 'appversion']
+
+// 搜索筛选菜单
+export const FLITERMENUOPTIONS = [
+  {
+    id: 'all',
+    name: t('software.filterAll'),
+  },
+  {
+    id: 'name',
+    name: t('software.filterName'),
+  },
+  {
+    id: 'summary',
+    name: t('software.filterSummary'),
+  },
+  {
+    id: 'file',
+    name: t('software.filterFile'),
+  },
+];
\ No newline at end of file
diff --git a/src/i18n/detail/detail-en.ts b/src/i18n/detail/detail-en.ts
new file mode 100644
index 0000000000000000000000000000000000000000..e5fb885a83c13871a00c2f2f7220de6e9ea6345f
--- /dev/null
+++ b/src/i18n/detail/detail-en.ts
@@ -0,0 +1,6 @@
+export default {
+  imgList: ['OverView', 'Tags'],
+  support: 'Version Support',
+  warehouse: 'Owned warehouse',
+  source:'RepoSource'
+};
\ No newline at end of file
diff --git a/src/i18n/detail/detail-zh.ts b/src/i18n/detail/detail-zh.ts
new file mode 100644
index 0000000000000000000000000000000000000000..1ea4041895655f0d971028081c260a7ef28830f0
--- /dev/null
+++ b/src/i18n/detail/detail-zh.ts
@@ -0,0 +1,6 @@
+export default {
+  imgList: ['概览', 'Tags'],
+  support: '版本支持情况',
+  warehouse: '所属仓库',
+  source:'Repo源'
+};
diff --git a/src/i18n/detail/index.ts b/src/i18n/detail/index.ts
new file mode 100644
index 0000000000000000000000000000000000000000..a5e0ecfb309cb5735a69ffc485e19a4ceead743f
--- /dev/null
+++ b/src/i18n/detail/index.ts
@@ -0,0 +1,7 @@
+import zh from './detail-zh';
+import en from './detail-en';
+
+export default {
+  zh,
+  en,
+};
diff --git a/src/i18n/index.ts b/src/i18n/index.ts
index 8f5f15ffc926131f8d2432a62ea19ffee4f12dc4..6ef845a9cc47be6f288027304341a4eb05337c35 100644
--- a/src/i18n/index.ts
+++ b/src/i18n/index.ts
@@ -3,7 +3,7 @@ import { createI18n } from 'vue-i18n';
 import common from './common';
 import software from './software';
 import upstream from './upstream';
-
+import detail from '@/i18n/detail';
 import { getCurrentLocale } from '@/utils/locale';
 
 const messages = {
@@ -11,11 +11,13 @@ const messages = {
     common: common.zh,
     software: software.zh,
     upstream: upstream.zh,
+    detail: detail.zh,
   },
   en: {
     common: common.en,
     software: software.en,
     upstream: upstream.en,
+    detail: detail.en,
   },
 };
 
diff --git a/src/utils/os.ts b/src/utils/os.ts
deleted file mode 100644
index 95113732e241934d5522d1db7abd1197a0f52264..0000000000000000000000000000000000000000
--- a/src/utils/os.ts
+++ /dev/null
@@ -1,86 +0,0 @@
-
-/**
- * 获取浏览器的 User-Agent
- * @returns {string} 返回浏览器的 User-Agent
- */
-export const getUA = () => {
-  if ('navigator' in globalThis && navigator.userAgent) {
-    return navigator.userAgent;
-  } else {
-    return '';
-  }
-};
-
-const enum OS {
-  WINDOWS = 'windows',
-  MAC_OS = 'macOS',
-  IOS = 'ios',
-  HARMONY_OS = 'harmonyOS',
-  ANDROID = 'android',
-}
-
-// 参考 https://github.com/faisalman/ua-parser-js/blob/master/src/main/ua-parser.js
-const osTesters = [
-  {
-    name: OS.WINDOWS,
-    testers: [/Windows/i],
-  },
-  {
-    name: OS.MAC_OS,
-    testers: [/(mac os x) ?([\w. ]*)/i, /(macintosh|mac_powerpc\b)(?!.+haiku)/i], // MacOS平台的正则表达式示例
-  },
-  {
-    name: OS.IOS,
-    testers: [
-      /ip[honead]{2,4}\b(?:.*os ([\w]+) like mac|; opera)/i, // iOS
-      /(?:ios;fbsv|iphone.+ios)([\d.]+)/i,
-      /cfnetwork\/.+darwin/i,
-    ],
-  },
-  {
-    name: OS.HARMONY_OS,
-    testers: [/droid ([\w.]+)\b.+harmonyos/i],
-  },
-  {
-    name: OS.ANDROID,
-    testers: [/android/i],
-  },
-];
-
-const enum FEATURES {
-  TOUCH_POINTS = 'touchPoints',
-}
-
-const featureDetections = Object.freeze({
-  // 用于分辨 Mac OS 和 ipad OS
-  [FEATURES.TOUCH_POINTS]: () => navigator.maxTouchPoints || 0,
-});
-
-/**
- * 获取 OS
- * @returns {string} 返回 OS 类型
- */
-export const getOS = () => {
-  // 获取不到默认返回 windows
-  const ua = getUA();
-  if (!ua) {
-    return OS.WINDOWS;
-  }
-  const osItem = osTesters.find((t) => {
-    const { testers } = t;
-    const matched = testers.some((reg) => reg.test(ua));
-    return matched;
-  });
-  if (osItem) {
-    const { name } = osItem;
-    if (OS.MAC_OS === name) {
-      const maxTouchPoints = featureDetections[FEATURES.TOUCH_POINTS]();
-      if (maxTouchPoints > 2) {
-        return OS.IOS;
-      }
-    }
-    return name;
-  } else {
-    return OS.WINDOWS;
-  }
-};
\ No newline at end of file
diff --git a/src/utils/query.ts b/src/utils/query.ts
new file mode 100644
index 0000000000000000000000000000000000000000..94ec1536650d5299837086f8396481a973df0953
--- /dev/null
+++ b/src/utils/query.ts
@@ -0,0 +1,42 @@
+import { TAGS_OPTIONS, TABNAME_OPTIONS, FLITERMENUOPTIONS } from '@/data/query';
+
+import { isString } from '@opensig/opendesign';
+
+/**
+ * 判断 tags 参数是否有效
+ * @param {unknown} val 待判断 tags 参数
+ * @returns {(boolean|Object)} 有效返回对应的 tags 对象，无效返回 false
+ */
+export function isValidTags(val: unknown) {
+  if (!isString(val)) {
+    return false;
+  }
+  return TAGS_OPTIONS.find((option: string) => option === val);
+}
+
+
+/**
+ * 判断搜索 tab 参数是否有效
+ * @param {unknown} val 待判断 tab 参数
+ * @returns {(boolean|Object)} 有效返回对应的 tab 对象，无效返回 false
+ */
+export function isValidSearchTabName(val: unknown) {
+  if (!isString(val)) {
+    return false;
+  }
+  return TABNAME_OPTIONS.find((option: string) => option === val);
+}
+
+
+
+/**
+ * 判断搜索 tab 参数是否有效
+ * @param {unknown} val 待判断 tab 参数
+ * @returns {(boolean|Object)} 有效返回对应的 tab 对象，无效返回 false
+ */
+export function isValidSearchKey(val: unknown) {
+  if (!isString(val)) {
+    return false;
+  }
+  return FLITERMENUOPTIONS.find((option) => option.id === val);
+}
diff --git a/src/views/apppkg/APkgContent.vue b/src/views/apppkg/APkgContent.vue
index 5e5178d9596d137a5d7e252a1d344409d4d49bed..82780562d72b0f989f60dfafc76cf7dc8413a423 100644
--- a/src/views/apppkg/APkgContent.vue
+++ b/src/views/apppkg/APkgContent.vue
@@ -8,6 +8,8 @@ import { useLocale } from '@/composables/useLocale';
 import { useViewStore } from '@/stores/common';
 import { useI18n } from 'vue-i18n';
 import { getParamsRules } from '@/utils/common';
+import { isValidSearchTabName, isValidSearchKey } from '@/utils/query';
+import { TABNAME_OPTIONS, FLITERMENUOPTIONS } from '@/data/query';
 
 import { ElPagination, ElConfigProvider } from 'element-plus';
 import zhCn from 'element-plus/es/locale/lang/zh-cn';
@@ -64,7 +66,7 @@ const queryAllpkg = () => {
   isLoading.value = true;
   // 过滤空参数
   const newData = getParamsRules(params);
-
+  
   getSearchAllFiled(newData)
     .then((res) => {
       pkgData.value = res.data.list;
@@ -193,12 +195,11 @@ onMounted(() => {
 
   //判断主页领域应用跳转
   const homeType = route.query.type as string;
-  if (homeType) {
+  if (isString(homeType) && homeType) {
     searchCategory.value.push(homeType);
-  } else {
-    pageSearch();
   }
   queryFilter();
+  handleQueryData();
 });
 
 watch(
@@ -209,7 +210,7 @@ watch(
   { deep: true }
 );
 
-// 参数变化分页器还原
+// -------------------- 除分页器相关请求参数变化，发请求获取新数据 --------------------
 watch(
   () => [searchCategory.value, searchOs.value, searchArch.value, nameOrder.value],
   () => {
@@ -222,20 +223,27 @@ watch(
 const handleQueryData = () => {
   const query = route.query;
   const { name, tab, key } = query;
+
   if (!isUndefined(name) && name) {
     searchKey.value = name?.toString();
     currentPage.value = 1;
   } else if (name === '') {
+    searchKey.value = '';
     isSearchDocs.value = false;
   }
-  if (isString(tab) && tab) {
-    tabName.value = tab?.toString();
+
+  if (isValidSearchTabName(tab) && tab) {
+    tabName.value = tab as string;
+  } else {
+    tabName.value = TABNAME_OPTIONS[0];
   }
-  if (isString(key) && key) {
-    keywordType.value = key?.toString();
+  // 判断key参数
+  if (isValidSearchKey(key) && key) {
+    keywordType.value = encodeURIComponent(key as string);
+  } else {
+    keywordType.value = FLITERMENUOPTIONS[0].id;
   }
 };
-handleQueryData();
 
 watch(
   () => route.query,
diff --git a/src/views/apppkg/TheNewDetail.vue b/src/views/apppkg/TheNewDetail.vue
index 0d71ff944c383ceebab0a277532bb44b7a92d2b5..293e8bdfb9f39e620c1e6645bb7d0012562d4190 100644
--- a/src/views/apppkg/TheNewDetail.vue
+++ b/src/views/apppkg/TheNewDetail.vue
@@ -1,12 +1,17 @@
 <script lang="ts" setup>
-import { ref, onMounted } from 'vue';
-import { OTab, OTabPane, OTable, OLink, OIcon, OTag, isString } from '@opensig/opendesign';
+import { ref, onMounted, type PropType } from 'vue';
+import { OTab, OTabPane, OTable, OLink, OIcon, OTag } from '@opensig/opendesign';
 import { useRoute } from 'vue-router';
-import { getDetails, getDetail, getTags, getVer } from '@/api/api-domain';
+import { getDetail, getTags, getVer } from '@/api/api-domain';
 import { useMarkdown } from '@/composables/useMarkdown';
 import type { AppInfoT, MaintainerT, DetailItemT, MoreMessgeT, PkgTypeT } from '@/@types/app';
-
 import { OPENEULER_CONTACT } from '@/data/config';
+import { isValidTags } from '@/utils/query';
+import { columnTags, tagList } from '@/data/detail/index';
+import { useI18n } from 'vue-i18n';
+import { useViewStore } from '@/stores/common';
+import { getDetailRules } from '@/utils/common';
+
 import AppFeedback from '@/components/AppFeedback.vue';
 import DetailHead from '@/components/DetailHeader.vue';
 import ExternalLink from '@/components/ExternalLink.vue';
@@ -15,10 +20,7 @@ import defaultImg from '@/assets/default-logo.png';
 import IconEpkg from '~icons/pkg/epkg.svg';
 import IconImage from '~icons/pkg/image.svg';
 import IconRpm from '~icons/pkg/rpm.svg';
-import { columnTags } from '@/data/detail/index';
-import { useI18n } from 'vue-i18n';
-import { useViewStore } from '@/stores/common';
-import { getDetailRules } from '@/utils/common';
+
 const { t } = useI18n();
 const route = useRoute();
 const { mkit } = useMarkdown();
@@ -45,7 +47,7 @@ const appData = ref<AppInfoT>({
 });
 
 // 获取tab分类
-const tabList = ref<string[]>([]);
+const tabList = ref([] as PropType<PkgTypeT>);
 const pkgId = ref('');
 const epkgData = ref();
 const rpmData = ref();
@@ -53,9 +55,6 @@ const imgData = ref();
 const queryEntity = () => {
   const query = route.query;
   const { type, appPkgId, epkgPkgId, rpmPkgId } = query;
-  if (isString(type) && (type as PkgTypeT)) {
-    activeName.value = type as string;
-  }
 
   getDetail(
     getDetailRules({
@@ -71,9 +70,13 @@ const queryEntity = () => {
       rpmData.value = data['RPM'];
       imgData.value = data['IMAGE'];
       pkgId.value = data[data.tags[0]].name;
+      if (isValidTags(type)) {
+        activeName.value = type?.toString();
+      } else {
+        activeName.value = data.tags[0];
+      }
 
       onChange(activeName.value);
-      queryVer();
     })
     .catch(() => {
       useViewStore().showNotFound();
@@ -86,14 +89,17 @@ const onChange = (tab: string) => {
   if (tab === 'RPM') {
     tabValue.value = 'rpmpkg';
     typePkg.value = 'RPM';
+    queryVer();
     getDetailValue(rpmData.value);
   } else if (tab === 'EPKG') {
     tabValue.value = 'epkgpkg';
     typePkg.value = 'EPKG';
+    queryVer();
     getDetailValue(epkgData.value);
   } else if (tab === 'IMAGE') {
     tabValue.value = 'apppkg';
     typePkg.value = 'IMAGE';
+    queryVer();
     getDetailValue(imgData.value);
   } else {
     useViewStore().showNotFound();
@@ -118,18 +124,25 @@ const getDetailValue = (data: any) => {
       { name: '所属仓库', value: JSON.parse(data?.repo).url, type: JSON.parse(data?.repo).type },
       { name: 'Repo源', value: JSON.parse(data?.repoType).url, type: JSON.parse(data?.repoType).type },
     ];
-    moreMessge.value = [
+    const newData = [
       { name: 'Requires', value: JSON.parse(data?.requires || '') },
       { name: 'Provides', value: JSON.parse(data?.provides || '') },
       { name: 'Conflicts', value: JSON.parse(data?.conflicts || '') },
     ];
+    moreMessge.value = [];
+    // 过滤空数据
+    newData.forEach((item) => {
+      if (item.value.length > 0) {
+        moreMessge.value.push(item);
+      }
+    });
+
     appData.value.size = data.rpmSize || 0;
     summary.value = data.summary;
     version.value = data?.version;
   } else if (typePkg.value === 'EPKG') {
     basicInfo.value = [
       { name: '详细描述', value: data?.description },
-      { name: '版本号', value: data.version },
       { name: '版本支持情况', value: data.osSupport },
       { name: '架构', value: data.arch },
       { name: '软件包分类', value: data.epkgCategory || '其他' },
@@ -142,7 +155,7 @@ const getDetailValue = (data: any) => {
       { name: 'Provides', value: JSON.parse(data?.provides || '') },
       { name: 'Conflicts', value: JSON.parse(data?.conflicts || '') },
     ];
-
+    moreMessge.value = [];
     // 过滤空数据
     newData.forEach((item) => {
       if (item.value.length > 0) {
@@ -163,9 +176,6 @@ const getDetailValue = (data: any) => {
     latestOsSupport.value = data.latestOsSupport;
     summary.value = data.description;
     version.value = data?.appVer;
-    if (tagsValue.value.length === 0) {
-      queryTags();
-    }
   }
   tagVer.value = [data.osSupport, data.arch];
   maintainer.value = {
@@ -198,8 +208,7 @@ const moreColumns = [
   { label: 'Epoch', key: 'epoch' },
 ];
 // 获取img分类
-const imgList = ref<string[]>(['概览', 'Tags']);
-const imgName = ref('概览');
+const imgName = ref(tagList[0].lable);
 const tagsValue = ref([]);
 const queryTags = () => {
   getTags(encodeURIComponent(pkgId.value)).then((res) => {
@@ -236,6 +245,9 @@ const queryVer = () => {
 const isTags = ref(false);
 const onChangeImage = (v: string) => {
   isTags.value = v === 'Tags' ? true : false;
+  if (tagsValue.value.length === 0) {
+    queryTags();
+  }
 };
 
 const repeatTags = (v: string) => {
@@ -264,7 +276,7 @@ const repeatTags = (v: string) => {
                   <OLink
                     @click="onExternalDialog(item.value)"
                     color="primary"
-                    v-if="item.name === '所属仓库' || item.name === 'Repo源'"
+                    v-if="item.name === t('detail.warehouse') || item.name === t('detail.source')"
                     target="_blank"
                     rel="noopener noreferrer"
                     class="mymarkdown-body"
@@ -276,13 +288,7 @@ const repeatTags = (v: string) => {
               <p class="sp">> 安装指引</p>
               <div v-if="installation" v-dompurify-html="installation" v-copy-code="true" class="markdown-body installation"></div>
               <p class="sp" v-if="item !== 'IMAGE'">> 更多信息</p>
-              <OTab
-                variant="text"
-                :line="false"
-                class="domain-tabs tabs-switch"
-                v-if="item !== 'IMAGE'"
-                :class="moreMessge.length > 1 ? 'tabs-switch' : 'tabs-one'"
-              >
+              <OTab variant="text" :line="false" class="domain-tabs" v-if="item !== 'IMAGE'" :class="moreMessge.length > 1 ? 'tabs-switch' : 'tabs-one'">
                 <template v-for="it in moreMessge" :key="it">
                   <OTabPane class="tab-pane" v-if="it.value.length > 0" :label="it.name">
                     <OTable :columns="moreColumns" :data="it.value" :small="true" border="all"> </OTable>
@@ -292,8 +298,8 @@ const repeatTags = (v: string) => {
             </AppSection>
             <AppSection v-else>
               <OTab variant="text" @change="onChangeImage" :line="false" class="domain-tabs tabs-switch" v-model="imgName">
-                <OTabPane class="tab-pane" v-for="item in imgList" :key="item" :label="item">
-                  <div v-if="item === '概览'">
+                <OTabPane class="tab-pane" v-for="item in tagList" :key="item" :label="item.lable">
+                  <div v-if="item.lable === tagList[0].lable">
                     <div class="title">
                       <p>> 基本信息</p>
                       <p v-if="version" class="ver">版本号：{{ version }}</p>
@@ -301,17 +307,9 @@ const repeatTags = (v: string) => {
                     <div class="basic-info">
                       <p v-for="item in basicInfo" :key="item.name">
                         <span class="label markdown download">{{ item.name }}</span>
-                        <OLink
-                          @click="onExternalDialog(item.value)"
-                          color="primary"
-                          v-if="item.name === '所属仓库' || item.name === 'Repo源'"
-                          target="_blank"
-                          rel="noopener noreferrer"
-                          class="markdown-body"
-                          >{{ item.type }}</OLink
-                        >
-                        <span class="markdown-body installation mymarkdown-body" v-dompurify-html="item.value" v-copy-code="true" v-else>
-                          <OTag v-if="item.name === '版本支持情况' && latestOsSupport" color="primary"> 最新版本</OTag>
+                        <span class="markdown-body mymarkdown-body">
+                          {{ item.value }}
+                          <OTag v-if="item.name === t('detail.support') && latestOsSupport" color="primary" size="small"> 最新版本</OTag>
                         </span>
                       </p>
                     </div>
diff --git a/src/views/epkg/EpkgContent.vue b/src/views/epkg/EpkgContent.vue
index ff40415ab62e9e33fdc8b6e64bf844c110821c61..3502b9c9dcaa0c1da2f0fd6a979462a1333ea416 100644
--- a/src/views/epkg/EpkgContent.vue
+++ b/src/views/epkg/EpkgContent.vue
@@ -7,7 +7,8 @@ import { getSearchAllColumn, getSearchAllFiled } from '@/api/api-domain';
 import { useRoute } from 'vue-router';
 import { useI18n } from 'vue-i18n';
 import { getParamsRules } from '@/utils/common';
-
+import { isValidSearchTabName, isValidSearchKey } from '@/utils/query';
+import { TABNAME_OPTIONS, FLITERMENUOPTIONS } from '@/data/query';
 import { useViewStore } from '@/stores/common';
 import { useLocale } from '@/composables/useLocale';
 import { ElPagination, ElConfigProvider } from 'element-plus';
@@ -39,7 +40,7 @@ const columns = [
 
 const pkgData = ref([]);
 
-const tabName = ref('epkgpkg');
+const tabName = ref(TABNAME_OPTIONS[3]);
 const keywordType = ref((route.query.key as string) || '');
 const isLoading = ref(false);
 
@@ -129,7 +130,7 @@ const queryAllpkg = () => {
 // 判断是走es还是sql
 const pageSearch = () => {
   isSearchError.value = false;
-  if (tabName.value === 'epkgpkg') {
+  if (tabName.value === TABNAME_OPTIONS[3]) {
     if (searchKey.value === '') {
       queryAllpkg();
     } else {
@@ -214,8 +215,9 @@ const isPageSearch = ref(false);
 
 onMounted(() => {
   isPageSearch.value = route.name === 'search';
-  pageSearch();
+
   queryFilter();
+  handleQueryData();
 });
 
 watch(
@@ -226,7 +228,7 @@ watch(
   { deep: true }
 );
 
-// 参数变化分页器还原
+// 除分页器相关请求参数变化，发请求获取新数据
 watch(
   () => [searchCategory.value, searchOs.value, searchArch.value, nameOrder.value, timeOrder.value],
   () => {
@@ -243,16 +245,21 @@ const handleQueryData = () => {
     searchKey.value = name?.toString();
     currentPage.value = 1;
   } else if (name === '') {
+    searchKey.value = '';
     isSearchDocs.value = false;
   }
-  if (isString(tab) && tab) {
-    tabName.value = tab?.toString();
+  if (isValidSearchTabName(tab) && tab) {
+    tabName.value = tab as string;
+  } else {
+    tabName.value = TABNAME_OPTIONS[3];
   }
-  if (isString(key) && key) {
-    keywordType.value = key?.toString();
+  // 判断key参数
+  if (isValidSearchKey(key) && key) {
+    keywordType.value = encodeURIComponent(key as string);
+  } else {
+    keywordType.value = FLITERMENUOPTIONS[0].id;
   }
 };
-handleQueryData();
 
 watch(
   () => route.query,
@@ -292,7 +299,7 @@ watch(
 
     <div class="pkg-content">
       <FilterHeader title="EPKG" @sort="changeTimeOrder" :total="total" />
-      <div v-if="isSearch || searchArch.length > 0 || searchOs.length > 0 || searchCategory.length > 0" class="search-result">
+      <div v-if="isSearchDocs || searchArch.length > 0 || searchOs.length > 0 || searchCategory.length > 0" class="search-result">
         <p v-if="!isPageSearch" class="text">
           为您找到符合条件的筛选<span class="total">{{ total }}</span
           >个
diff --git a/src/views/epkg/TheDetail.vue b/src/views/epkg/TheDetail.vue
index 960515e3310bf04f2b621d241f547e58f40e4c9b..bc910144813273ff175e344c1f7320777d6578f1 100644
--- a/src/views/epkg/TheDetail.vue
+++ b/src/views/epkg/TheDetail.vue
@@ -1,6 +1,6 @@
 <script lang="ts" setup>
 import { ref, onMounted } from 'vue';
-import { OTab, OTabPane, OTable, OLink } from '@opensig/opendesign';
+import { OTab, OTabPane, OTable, OLink, isString } from '@opensig/opendesign';
 import { OPENEULER_CONTACT } from '@/data/config';
 import { useRoute } from 'vue-router';
 import { useMarkdown } from '@/composables/useMarkdown';
@@ -22,6 +22,7 @@ const { t } = useI18n();
 const basicInfo = ref<DetailItemT[]>([]);
 const version = ref();
 const installation = ref('');
+const tabValue = ref('epkgpkg');
 const downloadData = ref('');
 const files = ref([]);
 const maintainer = ref<MaintainerT>({ maintainerId: '', maintainerEmail: '', maintainerGiteeId: '' });
@@ -38,8 +39,8 @@ const appData = ref<AppInfoT>({
   bin_code: '',
 });
 //详情请求
-const queryPkg = (tabValue: string, pkgId: string) => {
-  getDetails(tabValue, pkgId)
+const queryPkg = () => {
+  getDetails(tabValue.value, pkgId.value)
     .then((res) => {
       const data = res.data.list[0];
       getDetailValue(data);
@@ -49,21 +50,13 @@ const queryPkg = (tabValue: string, pkgId: string) => {
     });
 };
 
-// 获取tab分类
-const pkgId = route.query.pkgId as string;
-const queryEntity = () => {
-  getChange();
-};
-//tab切换
-const getChange = () => {
-  getPkg('epkgpkg');
-};
-const getPkg = (tabValue: string) => {
-  queryPkg(tabValue, pkgId);
-};
+const pkgId = ref('');
+if (isString(route.query?.pkgId)) {
+  pkgId.value = encodeURIComponent(route.query?.pkgId.toString());
+}
 
 onMounted(() => {
-  queryEntity();
+  queryPkg();
 });
 const summary = ref();
 const license = ref();
@@ -126,9 +119,11 @@ const onExternalDialog = (href: string) => {
 //获取支持
 const verData = ref();
 const queryVer = () => {
-  getVer('epkgpkg', encodeURIComponent(appData.value.name as string)).then((res) => {
-    verData.value = res.data.list;
-  });
+  if (appData.value.name) {
+    getVer(tabValue.value, encodeURIComponent(appData.value.name)).then((res) => {
+      verData.value = res.data.list;
+    });
+  }
 };
 </script>
 
@@ -152,7 +147,7 @@ const queryVer = () => {
               <OLink
                 @click="onExternalDialog(item.value)"
                 color="primary"
-                v-if="item.name === '所属仓库' || item.name === 'Repo源'"
+                v-if="item.name === t('detail.warehouse') || item.name === t('detail.source')"
                 target="_blank"
                 rel="noopener noreferrer"
                 class="mymarkdown-body"
@@ -165,7 +160,7 @@ const queryVer = () => {
           <div v-if="downloadData" v-dompurify-html="downloadData" v-copy-code="true" class="markdown-body download"></div>
           <div v-if="installation" v-dompurify-html="installation" v-copy-code="true" class="markdown-body installation"></div>
           <p class="sp">> 更多信息</p>
-          <OTab variant="text" :line="false" class="domain-tabs tabs-switch" :class="moreMessge.length > 1 ? 'tabs-switch' : 'tabs-one'">
+          <OTab variant="text" :line="false" class="domain-tabs" :class="moreMessge.length > 1 ? 'tabs-switch' : 'tabs-one'">
             <template v-for="item in moreMessge" :key="item">
               <OTabPane class="tab-pane" v-if="item.value.length > 0" :label="item.name">
                 <OTable :columns="moreColumns" :data="item.value" :small="true" border="all"> </OTable>
diff --git a/src/views/image/ImageContent.vue b/src/views/image/ImageContent.vue
index f1ddde38d8d7e14356bb067f43650a1bcc9fb061..a551de9a916a5c82210b4b26dbf4d4042e46f75d 100644
--- a/src/views/image/ImageContent.vue
+++ b/src/views/image/ImageContent.vue
@@ -5,7 +5,8 @@ import { getSearchData } from '@/api/api-search';
 import { useRoute } from 'vue-router';
 import { getSearchAllFiled, getSearchAllColumn } from '@/api/api-domain';
 import { useI18n } from 'vue-i18n';
-
+import { isValidSearchTabName, isValidSearchKey } from '@/utils/query';
+import { TABNAME_OPTIONS, FLITERMENUOPTIONS } from '@/data/query';
 import { getParamsRules } from '@/utils/common';
 import { useLocale } from '@/composables/useLocale';
 import { useViewStore } from '@/stores/common';
@@ -35,7 +36,7 @@ const columns = [
 //  ------------  main ------------
 const pkgData = ref([]);
 
-const tabName = ref('apppkg');
+const tabName = ref(TABNAME_OPTIONS[2]);
 const nameOrder = ref('');
 const keywordType = ref((route.query.key as string) || '');
 const isLoading = ref(false);
@@ -122,7 +123,7 @@ const queryAllpkg = () => {
 // 判断是走es还是sql
 const pageSearch = () => {
   isSearchError.value = false;
-  if (tabName.value === 'apppkg') {
+  if (tabName.value === TABNAME_OPTIONS[2]) {
     if (searchKey.value === '') {
       queryAllpkg();
     } else {
@@ -205,8 +206,8 @@ const isPageSearch = ref(false);
 
 onMounted(() => {
   isPageSearch.value = route.name === 'search';
-  pageSearch();
   queryFilter();
+  handleQueryData();
 });
 
 watch(
@@ -234,16 +235,21 @@ const handleQueryData = () => {
     searchKey.value = name?.toString();
     currentPage.value = 1;
   } else if (name === '') {
+    searchKey.value = '';
     isSearchDocs.value = false;
   }
-  if (isString(tab) && tab) {
-    tabName.value = tab?.toString();
+  if (isValidSearchTabName(tab) && tab) {
+    tabName.value = tab as string;
+  } else {
+    tabName.value = TABNAME_OPTIONS[2];
   }
-  if (isString(key) && key) {
-    keywordType.value = key?.toString();
+  // 判断key参数
+  if (isValidSearchKey(key) && key) {
+    keywordType.value = encodeURIComponent(key as string);
+  } else {
+    keywordType.value = FLITERMENUOPTIONS[0].id;
   }
 };
-handleQueryData();
 
 watch(
   () => route.query,
@@ -284,7 +290,7 @@ watch(
 
     <div class="pkg-content">
       <FilterHeader title="容器镜像" :isSort="false" @sort="changeTimeOrder" :total="total" />
-      <div v-if="isSearch || filterList.length > 0" class="search-result">
+      <div v-if="isSearchDocs || filterList.length > 0" class="search-result">
         <p v-if="!isPageSearch" class="text">
           为您找到符合条件的筛选<span class="total">{{ total }}</span
           >个
diff --git a/src/views/image/TheDetail.vue b/src/views/image/TheDetail.vue
index 628399a5b13875a79a2b3b84eccf9c80f224f30c..65dfd916db472839a350635aa1acdc1190486d98 100644
--- a/src/views/image/TheDetail.vue
+++ b/src/views/image/TheDetail.vue
@@ -1,6 +1,6 @@
 <script lang="ts" setup>
 import { ref, onMounted } from 'vue';
-import { OTab, OTabPane, OTag } from '@opensig/opendesign';
+import { OTab, OTabPane, OTag, isString } from '@opensig/opendesign';
 import { useRoute } from 'vue-router';
 import { useMarkdown } from '@/composables/useMarkdown';
 import type { AppInfoT, MaintainerT, DetailItemT } from '@/@types/app';
@@ -11,12 +11,15 @@ import AppFeedback from '@/components/AppFeedback.vue';
 import DetailHead from '@/components/DetailHeader.vue';
 import DetailAside from '@/components/DetailAside.vue';
 import defaultImg from '@/assets/default-logo.png';
-import { columnTags, tabList } from '@/data/detail/index';
+import { columnTags, tagList } from '@/data/detail/index';
 import { useViewStore } from '@/stores/common';
+import { useI18n } from 'vue-i18n';
 
+const tabValue = ref('apppkg');
+const { t } = useI18n();
 const route = useRoute();
 const { mkit } = useMarkdown();
-const activeName = ref(tabList[0]);
+const activeName = ref(tagList[0].lable);
 const basicInfo = ref<DetailItemT[]>([]);
 const version = ref();
 const installation = ref('');
@@ -35,34 +38,25 @@ const appData = ref<AppInfoT>({
 });
 
 //详情请求
-const queryPkg = (tabValue: string, pkgId: string) => {
-  getDetails(tabValue, pkgId)
+const queryPkg = () => {
+  getDetails(tabValue.value, pkgId.value)
     .then((res) => {
       const data = res.data.list[0];
       getDetailValue(data);
     })
     .catch(() => {
-      useViewStore().showNotFound();
+      // useViewStore().showNotFound();
     });
 };
 
-// 获取tab分类
-const pkgId = route.query.pkgId as string;
-const queryEntity = () => {
-  getChange();
-};
-//tab切换
-
-const getChange = () => {
-  getPkg('apppkg');
-};
-const getPkg = (tabValue: string) => {
-  queryPkg(tabValue, pkgId);
-};
-
+const pkgId = ref('');
+if (isString(route.query?.pkgId)) {
+  pkgId.value = encodeURIComponent(route.query?.pkgId.toString());
+}
 onMounted(() => {
-  queryEntity();
+  queryPkg();
 });
+
 const imageUsage = ref();
 const summary = ref();
 const latestOsSupport = ref();
@@ -71,9 +65,7 @@ const tagVer = ref();
 const getDetailValue = (data: ImageDetailT) => {
   basicInfo.value = [
     { name: '架构', value: data.arch || '' },
-
     { name: '软件包分类', value: data.category || '' },
-
     { name: '版本支持情况', value: data.osSupport || '' },
   ];
   summary.value = data.description;
@@ -98,13 +90,14 @@ const getDetailValue = (data: ImageDetailT) => {
   appData.value.bin_code = data.binDownloadUrl;
   appData.value.cover = data?.iconUrl || defaultImg;
   appData.value.repository = data.srcRepo;
-  queryTags();
-  queryVer();
+  if (data.name) {
+    queryVer();
+  }
 };
 
-const tagsValue = ref();
+const tagsValue = ref([]);
 const queryTags = () => {
-  getTags(encodeURIComponent(appData.value.name as string)).then((res) => {
+  getTags(encodeURIComponent(appData.value.name)).then((res) => {
     tagsValue.value = res.data.list;
   });
 };
@@ -113,14 +106,20 @@ const queryTags = () => {
 const isTags = ref(false);
 const onChange = (v: string) => {
   isTags.value = v === 'Tags' ? true : false;
+
+  if (tagsValue.value.length === 0) {
+    queryTags();
+  }
 };
 
 //获取支持
 const verData = ref();
 const queryVer = () => {
-  getVer('apppkg', encodeURIComponent(appData.value.name as string)).then((res) => {
-    verData.value = res.data.list;
-  });
+  if (appData.value.name) {
+    getVer(tabValue.value, encodeURIComponent(appData.value.name)).then((res) => {
+      verData.value = res.data.list;
+    });
+  }
 };
 </script>
 
@@ -135,8 +134,8 @@ const queryVer = () => {
       <div class="detail-row-main" :class="{ tags: isTags }">
         <AppSection>
           <OTab variant="text" @change="onChange" :line="false" class="domain-tabs tabs-switch" v-model="activeName">
-            <OTabPane class="tab-pane" v-for="item in tabList" :key="item" :label="item">
-              <div v-if="item === '概览'">
+            <OTabPane class="tab-pane" v-for="item in tagList" :key="item" :label="item.lable">
+              <div v-if="item.lable === tagList[0].lable">
                 <div class="title">
                   <p>> 基本信息</p>
                   <p v-if="version" class="ver">版本号：{{ version }}</p>
@@ -144,9 +143,10 @@ const queryVer = () => {
                 <div class="basic-info">
                   <p v-for="item in basicInfo" :key="item.name">
                     <span class="label markdown download">{{ item.name }}</span>
-                    <a :href="item.value" v-if="item.name === '所属仓库' || item.name === 'Repo源'" target="_blank">{{ item.type }}</a>
-                    <span class="markdown-body mymarkdown-body" v-dompurify-html="item.value" v-copy-code="true">
-                      <OTag v-if="item.name === '版本支持情况' && latestOsSupport" color="primary"> 最新版本</OTag>
+
+                    <span class="markdown-body mymarkdown-body">
+                      {{ item.value }}
+                      <OTag v-if="item.name === t('detail.support') && latestOsSupport" color="primary" size="small"> 最新版本</OTag>
                     </span>
                   </p>
                 </div>
diff --git a/src/views/package/RpmContent.vue b/src/views/package/RpmContent.vue
index 53c15f4bbd8d9610577a5edd2d4334ec7e3805e4..2223ffd83ed97cd7c52e6c891f165d073c48b1d9 100644
--- a/src/views/package/RpmContent.vue
+++ b/src/views/package/RpmContent.vue
@@ -6,7 +6,8 @@ import { getSearchData } from '@/api/api-search';
 import { useRoute } from 'vue-router';
 import { getSearchAllFiled } from '@/api/api-domain';
 import { useLocale } from '@/composables/useLocale';
-
+import { isValidSearchTabName, isValidSearchKey } from '@/utils/query';
+import { TABNAME_OPTIONS, FLITERMENUOPTIONS } from '@/data/query';
 import { getParamsRules } from '@/utils/common';
 import { useViewStore } from '@/stores/common';
 import { ElPagination, ElConfigProvider } from 'element-plus';
@@ -36,7 +37,7 @@ const columns = [
 //  ------------  main ------------
 const pkgData = ref([]);
 
-const tabName = ref('rpmpkg');
+const tabName = ref(TABNAME_OPTIONS[1]);
 const keywordType = ref((route.query.key as string) || '');
 const isLoading = ref(false);
 const timeOrder = ref('');
@@ -123,7 +124,7 @@ const queryAllpkg = () => {
 // 判断是走es还是sql
 const pageSearch = () => {
   isSearchError.value = false;
-  if (tabName.value === 'rpmpkg') {
+  if (tabName.value === TABNAME_OPTIONS[1]) {
     if (searchKey.value === '') {
       queryAllpkg();
     } else {
@@ -225,7 +226,7 @@ onMounted(() => {
   isPageSearch.value = route.name === 'search';
 
   queryFilter();
-  pageSearch();
+  handleQueryData();
 });
 
 watch(
@@ -253,16 +254,21 @@ const handleQueryData = () => {
     searchKey.value = name?.toString();
     currentPage.value = 1;
   } else if (name === '') {
+    searchKey.value = '';
     isSearchDocs.value = false;
   }
-  if (isString(tab) && tab) {
-    tabName.value = tab?.toString();
+  if (isValidSearchTabName(tab) && tab) {
+    tabName.value = tab as string;
+  } else {
+    tabName.value = TABNAME_OPTIONS[1];
   }
-  if (isString(key) && key) {
-    keywordType.value = key?.toString();
+  // 判断key参数
+  if (isValidSearchKey(key) && key) {
+    keywordType.value = encodeURIComponent(key as string);
+  } else {
+    keywordType.value = FLITERMENUOPTIONS[0].id;
   }
 };
-handleQueryData();
 
 watch(
   () => route.query,
@@ -305,7 +311,7 @@ watch(
 
     <div class="pkg-content">
       <FilterHeader title="RPM" @sort="changeTimeOrder" :total="total" />
-      <div v-if="isSearch || searchArch.length > 0 || searchOs.length > 0 || searchCategory.length > 0" class="search-result">
+      <div v-if="isSearchDocs || searchArch.length > 0 || searchOs.length > 0 || searchCategory.length > 0" class="search-result">
         <p v-if="!isPageSearch" class="text">
           为您找到符合条件的筛选<span class="total">{{ total }}</span
           >个
diff --git a/src/views/package/TheDetail.vue b/src/views/package/TheDetail.vue
index ba7b39637193d8b3085e9e4196cf1bd4799a97e9..3bd52eb071b5074ec969f32d08d30de6d02c39c1 100644
--- a/src/views/package/TheDetail.vue
+++ b/src/views/package/TheDetail.vue
@@ -6,14 +6,17 @@ import { useRoute } from 'vue-router';
 import { useMarkdown } from '@/composables/useMarkdown';
 import type { AppInfoT, MaintainerT, DetailItemT, MoreMessgeT } from '@/@types/app';
 import { getDetails, getVer } from '@/api/api-domain';
+import { moreColumns } from '@/data/detail/index';
+import { useViewStore } from '@/stores/common';
+import { useI18n } from 'vue-i18n';
+
 import defaultImg from '@/assets/default-logo.png';
 import AppFeedback from '@/components/AppFeedback.vue';
 import DetailHead from '@/components/DetailHeader.vue';
 import DetailAside from '@/components/DetailAside.vue';
 import ExternalLink from '@/components/ExternalLink.vue';
-import { moreColumns } from '@/data/detail/index';
-import { useViewStore } from '@/stores/common';
 
+const { t } = useI18n();
 const route = useRoute();
 const { mkit } = useMarkdown();
 const tabValue = ref('rpmpkg');
@@ -99,7 +102,9 @@ const getDetailValue = (data: any) => {
   appData.value.bin_code = data.binDownloadUrl;
   appData.value.cover = data?.iconUrl || defaultImg;
   appData.value.repository = data.srcRepo;
-  queryVer();
+  if (data.name) {
+    queryVer();
+  }
 };
 
 const showExternalDlg = ref(false);
@@ -137,7 +142,7 @@ const queryVer = () => {
               <OLink
                 @click="onExternalDialog(item.value)"
                 color="primary"
-                v-if="item.name === '所属仓库' || item.name === 'Repo源'"
+                v-if="item.name === t('detail.warehouse') || item.name === t('detail.source')"
                 target="_blank"
                 rel="noopener noreferrer"
                 class="mymarkdown-body"
diff --git a/src/views/search/TheSearch.vue b/src/views/search/TheSearch.vue
index d9a2040899d67f757fc67346cb0facc49811cc86..cbc0272934499f3deea3ca0aa5b0d54a17e5b5b8 100644
--- a/src/views/search/TheSearch.vue
+++ b/src/views/search/TheSearch.vue
@@ -1,9 +1,11 @@
 <script lang="ts" setup>
-import { ref, onMounted, watch } from 'vue';
+import { ref, watch, onMounted } from 'vue';
 import { useRoute } from 'vue-router';
 import { getSearchCount } from '@/api/api-search';
-
+import { isUndefined } from '@opensig/opendesign';
 import type { MenuCountT } from '@/@types/search';
+import { isValidSearchTabName, isValidSearchKey } from '@/utils/query';
+import { TABNAME_OPTIONS, FLITERMENUOPTIONS } from '@/data/query';
 
 import SearchTab from '@/components/search/SearchTab.vue';
 import AppPkgContent from '@/views/apppkg/APkgContent.vue';
@@ -14,7 +16,7 @@ import UpstreamContent from '@/views/upstream/UpstreamContent.vue';
 
 const route = useRoute();
 
-const DATATYPE = ['all', 'rpmpkg', 'apppkg', 'epkgpkg', 'appversion'];
+const DATATYPE = TABNAME_OPTIONS;
 
 const tabName = ref('');
 const menuData = ref<MenuCountT[]>([]);
@@ -33,36 +35,35 @@ const querySearchCount = () => {
     }
   });
 };
+const handleQueryData = () => {
+  const query = route.query;
+  const { name, tab, key } = query;
 
-onMounted(() => {
-  tabName.value = route.query?.tab as string;
-  searchKey.value = route.query?.name as string;
-  keywordType.value = route.query?.key as string;
-  querySearchCount();
-});
-
-// ---------------- 表格筛选值 ------------------
-
-watch(
-  () => route.query?.tab as string,
-  (v) => {
-    tabName.value = v;
+  if (!isUndefined(name) && name) {
+    searchKey.value = encodeURIComponent(name as string);
   }
-);
-watch(
-  () => route.query?.name as string,
-  (v) => {
-    searchKey.value = v;
-    querySearchCount();
+  // 判断key参数
+  if (isValidSearchKey(key)) {
+    keywordType.value = encodeURIComponent(key as string);
+  } else {
+    keywordType.value = FLITERMENUOPTIONS[0].id;
   }
-);
 
-watch(
-  () => route.query?.key as string,
-  (v) => {
-    keywordType.value = v;
-    querySearchCount();
+  if (isValidSearchTabName(tab)) {
+    tabName.value = tab as string;
+  } else {
+    tabName.value = TABNAME_OPTIONS[0];
   }
+  querySearchCount();
+};
+handleQueryData();
+
+watch(
+  () => route.query,
+  () => {
+    handleQueryData();
+  },
+  { deep: true }
 );
 </script>
 
@@ -109,7 +110,7 @@ watch(
 
   :deep(.o-tab) {
     --tab-nav-anchor-color: #fff;
-    width: 800px;
+    min-width: 800px;
     .o-tab-nav {
       line-height: 52px;
       --tab-nav-padding: 0;
diff --git a/src/views/upstream/UpstreamContent.vue b/src/views/upstream/UpstreamContent.vue
index 1acdc7775138b5a8e0a8920f3832d8e8d3661f53..6d9e8abe7db9b82a5b3721cfb6e3db94ddd94dab 100644
--- a/src/views/upstream/UpstreamContent.vue
+++ b/src/views/upstream/UpstreamContent.vue
@@ -187,6 +187,7 @@ watch(
       searchKey.value = v;
     }
     if (v === '') {
+      searchKey.value = '';
       isSearch.value = false;
     }
     currentPage.value = 1;