From 7bb5c14395a73bfebde356ac9cb78a558f98bc0a Mon Sep 17 00:00:00 2001
From: ailoooong <ilong8@qq.com>
Date: Sat, 25 May 2024 19:31:25 +0800
Subject: [PATCH] =?UTF-8?q?fix:=20=E8=AF=A6=E6=83=85=E9=A1=B5=E4=BF=AE?=
 =?UTF-8?q?=E6=94=B9?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/assets/style/detail/index.scss |  5 +++++
 src/components/OCodeCopy.vue       |  2 +-
 src/components/ResultNotFound.vue  |  2 +-
 src/views/apppkg/TheNewDetail.vue  |  2 +-
 src/views/epkg/TheDetail.vue       | 20 ++++++++++++--------
 src/views/image/TheDetail.vue      | 20 ++++++++++++--------
 src/views/package/TheDetail.vue    | 20 ++++++++++++--------
 7 files changed, 44 insertions(+), 27 deletions(-)

diff --git a/src/assets/style/detail/index.scss b/src/assets/style/detail/index.scss
index 1ab8e23..3ab79fc 100644
--- a/src/assets/style/detail/index.scss
+++ b/src/assets/style/detail/index.scss
@@ -49,6 +49,11 @@
     word-break: break-word;
     --table-edge-padding: 24px;
   }
+  &.apppkg {
+    .o-tab-navs-wrap {
+      display: none;
+    }
+  }
   // 容器镜像样式
   &.tabs-switch {
     .o-tab-nav-list {
diff --git a/src/components/OCodeCopy.vue b/src/components/OCodeCopy.vue
index b4670e4..236cb0a 100644
--- a/src/components/OCodeCopy.vue
+++ b/src/components/OCodeCopy.vue
@@ -39,7 +39,7 @@ const copyText = (e: MouseEvent) => {
 
 <style lang="scss" scoped>
 .download-code {
-  background: var(--o-color-fill1);
+  background: var(--o-color-fill3);
   border-radius: var(--layout-pkg-radius);
   height: auto;
   width: 100%;
diff --git a/src/components/ResultNotFound.vue b/src/components/ResultNotFound.vue
index 230c59d..88abd82 100644
--- a/src/components/ResultNotFound.vue
+++ b/src/components/ResultNotFound.vue
@@ -17,7 +17,7 @@ const { locale } = useLocale();
         </slot>
       </template>
       <template #extra>
-        <p class="text404">404</p>
+        <p class="text404">暂无数据</p>
         <RouterLink :to="`/${locale}/`">
           <OButton variant="solid" color="primary">返回首页</OButton>
         </RouterLink>
diff --git a/src/views/apppkg/TheNewDetail.vue b/src/views/apppkg/TheNewDetail.vue
index 293e8bd..75cef10 100644
--- a/src/views/apppkg/TheNewDetail.vue
+++ b/src/views/apppkg/TheNewDetail.vue
@@ -260,7 +260,7 @@ const repeatTags = (v: string) => {
 
     <DetailHead :data="appData" :basicInfo="summary" :maintainer="maintainer" />
 
-    <OTab variant="text" @change="onChange" :line="false" class="domain-tabs" v-model="activeName" size="large">
+    <OTab variant="text" @change="onChange" :line="false" class="domain-tabs" :class="tabList.length === 1 ? 'apppkg' : ''" v-model="activeName" size="large">
       <OTabPane class="tab-pane" v-for="item in tabList" :key="item" :label="item">
         <template #nav><OIcon :icon="getTabIcon(item)" class="tabs-icon" /> {{ repeatTags(item) }}</template>
         <div class="detail-row">
diff --git a/src/views/epkg/TheDetail.vue b/src/views/epkg/TheDetail.vue
index bc91014..21451b6 100644
--- a/src/views/epkg/TheDetail.vue
+++ b/src/views/epkg/TheDetail.vue
@@ -40,14 +40,18 @@ const appData = ref<AppInfoT>({
 });
 //详情请求
 const queryPkg = () => {
-  getDetails(tabValue.value, pkgId.value)
-    .then((res) => {
-      const data = res.data.list[0];
-      getDetailValue(data);
-    })
-    .catch(() => {
-      useViewStore().showNotFound();
-    });
+  if (pkgId.value !== '') {
+    getDetails(tabValue.value, pkgId.value)
+      .then((res) => {
+        const data = res.data.list[0];
+        getDetailValue(data);
+      })
+      .catch(() => {
+        useViewStore().showNotFound();
+      });
+  } else {
+    useViewStore().showNotFound();
+  }
 };
 
 const pkgId = ref('');
diff --git a/src/views/image/TheDetail.vue b/src/views/image/TheDetail.vue
index 65dfd91..e53608a 100644
--- a/src/views/image/TheDetail.vue
+++ b/src/views/image/TheDetail.vue
@@ -39,14 +39,18 @@ const appData = ref<AppInfoT>({
 
 //详情请求
 const queryPkg = () => {
-  getDetails(tabValue.value, pkgId.value)
-    .then((res) => {
-      const data = res.data.list[0];
-      getDetailValue(data);
-    })
-    .catch(() => {
-      // useViewStore().showNotFound();
-    });
+  if (pkgId.value !== '') {
+    getDetails(tabValue.value, pkgId.value)
+      .then((res) => {
+        const data = res.data.list[0];
+        getDetailValue(data);
+      })
+      .catch(() => {
+        useViewStore().showNotFound();
+      });
+  } else {
+    useViewStore().showNotFound();
+  }
 };
 
 const pkgId = ref('');
diff --git a/src/views/package/TheDetail.vue b/src/views/package/TheDetail.vue
index 3bd52eb..b1f06ee 100644
--- a/src/views/package/TheDetail.vue
+++ b/src/views/package/TheDetail.vue
@@ -40,14 +40,18 @@ const appData = ref<AppInfoT>({
 
 //详情请求
 const queryPkg = () => {
-  getDetails(tabValue.value, pkgId.value)
-    .then((res) => {
-      const data = res.data.list[0];
-      getDetailValue(data);
-    })
-    .catch(() => {
-      useViewStore().showNotFound();
-    });
+  if (pkgId.value !== '') {
+    getDetails(tabValue.value, pkgId.value)
+      .then((res) => {
+        const data = res.data.list[0];
+        getDetailValue(data);
+      })
+      .catch(() => {
+        useViewStore().showNotFound();
+      });
+  } else {
+    useViewStore().showNotFound();
+  }
 };
 const pkgId = ref('');
 if (isString(route.query?.pkgId)) {
-- 
Gitee