From 3701eed2c65718ac9464ebd4c62fbb8f988ca2d3 Mon Sep 17 00:00:00 2001
From: ailoooong <ilong8@qq.com>
Date: Mon, 12 May 2025 17:08:29 +0800
Subject: [PATCH] feat: conda

---
 src/assets/icon/conda.svg                 |   4 +
 src/assets/style/global.scss              |   8 +-
 src/components/OTableItemNew.vue          |  21 +-
 src/components/detail/DetailAside.vue     |  17 +-
 src/components/detail/DetailHeader.vue    |   3 +
 src/components/filter/FilterHeader.vue    |  41 ++-
 src/components/search/SearchFilter.vue    |  11 +-
 src/components/search/SearchRecommend.vue |  17 +-
 src/data/home/index.ts                    |  10 +-
 src/data/nav.ts                           |  15 +-
 src/data/query.ts                         |  10 +-
 src/i18n/software/software-en.ts          |   1 +
 src/i18n/software/software-zh.ts          |   1 +
 src/router/index.ts                       |  10 +
 src/utils/common.ts                       |  68 ++--
 src/views/conda/CondaContent.vue          | 365 ++++++++++++++++++++++
 src/views/conda/TheConda.vue              |  18 ++
 src/views/conda/TheCondaDetail.vue        | 161 ++++++++++
 src/views/field/FieldContent.vue          |   2 +-
 src/views/field/TheFieldDetail.vue        |  41 ++-
 src/views/image/ImageContent.vue          |   2 +-
 src/views/search/TheSearch.vue            |   9 +-
 src/views/upstream/TheUpstream.vue        |   2 +-
 src/views/upstream/UpstreamContent.vue    |   2 +-
 24 files changed, 737 insertions(+), 102 deletions(-)
 create mode 100644 src/assets/icon/conda.svg
 create mode 100644 src/views/conda/CondaContent.vue
 create mode 100644 src/views/conda/TheConda.vue
 create mode 100644 src/views/conda/TheCondaDetail.vue

diff --git a/src/assets/icon/conda.svg b/src/assets/icon/conda.svg
new file mode 100644
index 0000000..9111c0d
--- /dev/null
+++ b/src/assets/icon/conda.svg
@@ -0,0 +1,4 @@
+<svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24">
+<path id="conda-icon" d="M11.61 8.31c-0.398 0.056-0.768 0.151-1.107 0.286 0.019 0.007 0.037 0.015 0.056 0.022 0.271 0.11 0.521 0.233 0.753 0.369 0.067-0.183 0.145-0.363 0.231-0.542 0.023-0.047 0.045-0.092 0.067-0.135zM9.669 9.037c0 0.001 0 0.001-0.001 0.001-0.151 0.101-0.324 0.233-0.521 0.394-0.11 0.089-0.217 0.188-0.321 0.293 0.224 0.004 0.453 0.028 0.686 0.073 0.041 0.007 0.082 0.016 0.122 0.025-0.003-0.076-0.006-0.152-0.006-0.226 0-0.182 0.013-0.356 0.038-0.526 0.001-0.012 0.003-0.023 0.004-0.035zM8.247 10.449c-0.078 0.117-0.149 0.239-0.215 0.363-0.094 0.177-0.177 0.359-0.249 0.543-0.026 0.072-0.053 0.142-0.076 0.215 0.224-0.11 0.461-0.198 0.713-0.264 0.038-0.010 0.078-0.019 0.116-0.028-0.040-0.079-0.076-0.158-0.108-0.24v0c-0.007-0.018-0.015-0.035-0.022-0.053-0.069-0.179-0.122-0.357-0.158-0.538zM7.513 12.379c-0.037 0.245-0.056 0.494-0.056 0.746 0 0.196 0.007 0.387 0.022 0.57 0.145-0.186 0.305-0.354 0.48-0.505 0.063-0.056 0.129-0.108 0.196-0.157-0.164-0.148-0.324-0.306-0.482-0.475-0.056-0.060-0.11-0.12-0.161-0.179zM7.591 14.446c0.064 0.293 0.155 0.568 0.27 0.828 0.126 0.286 0.286 0.558 0.48 0.817 0.161 0.217 0.354 0.435 0.582 0.656 0.337 0.33 0.706 0.601 1.104 0.816 0.148 0.079 0.3 0.151 0.456 0.215 0.621 0.253 1.299 0.381 2.036 0.381 0.678 0 1.414-0.192 2.208-0.576 0.167-0.081 0.333-0.167 0.494-0.261 0.064-0.037 0.127-0.075 0.192-0.114 0.111-0.067 0.204-0.128 0.275-0.179l0.448-0.33c0.088-0.066 0.108-0.191 0.044-0.281l-0.939-1.323c-0.066-0.092-0.194-0.113-0.286-0.045l-0.434 0.319c-0.037 0.026-0.094 0.064-0.171 0.111-0.034 0.021-0.069 0.041-0.103 0.061-0.132 0.078-0.267 0.149-0.403 0.215-0.237 0.114-0.463 0.204-0.678 0.267-0.242 0.070-0.457 0.107-0.647 0.107-0.472 0-0.894-0.078-1.269-0.23-0.038-0.016-0.075-0.032-0.113-0.050-0.29-0.133-0.557-0.319-0.8-0.557-0.151-0.147-0.275-0.286-0.372-0.416-0.103-0.138-0.186-0.28-0.25-0.426-0.064-0.142-0.114-0.302-0.151-0.479-0.319-0.127-0.655-0.33-1.008-0.605-0.091 0.060-0.179 0.129-0.265 0.204-0.196 0.17-0.372 0.366-0.526 0.589-0.066 0.097-0.125 0.19-0.174 0.284zM9.491 13.383c-0.004-0.084-0.006-0.17-0.006-0.258 0-0.044 0.001-0.086 0.003-0.129-0.086 0.013-0.171 0.032-0.256 0.056-0.059 0.018-0.119 0.037-0.177 0.059 0.151 0.107 0.296 0.198 0.437 0.272zM9.708 12.001c0.034-0.079 0.072-0.157 0.113-0.233 0.012-0.025 0.025-0.048 0.038-0.072-0.154-0.016-0.306-0.022-0.459-0.019 0.094 0.111 0.196 0.22 0.308 0.324zM10.396 11.030c0.012-0.010 0.023-0.021 0.034-0.029 0.101-0.082 0.19-0.152 0.268-0.208-0.145-0.088-0.293-0.166-0.444-0.233 0.038 0.157 0.086 0.313 0.142 0.47zM11.505 10.396c0.152-0.041 0.316-0.072 0.494-0.092-0.092-0.171-0.229-0.338-0.409-0.498-0.047 0.208-0.076 0.404-0.085 0.59zM12.737 10.285c0.176 0.015 0.352 0.047 0.529 0.097 0.007-0.004 0.013-0.009 0.021-0.013 0 0 0-0.001 0-0.003-0.054-0.185-0.141-0.397-0.259-0.637-0.11 0.173-0.207 0.357-0.29 0.557zM13.872 10.62c0.013 0.006 0.025 0.013 0.038 0.019 0.149 0.078 0.289 0.163 0.416 0.253 0.057 0.041 0.095 0.069 0.114 0.086l0.362 0.28c0.105 0.082 0.258 0.067 0.346-0.034l1.002-1.144c0.095-0.11 0.079-0.278-0.037-0.368l-0.337-0.259c-0.070-0.060-0.166-0.136-0.274-0.212-0.205-0.146-0.426-0.281-0.659-0.403-0.045-0.022-0.089-0.045-0.135-0.067 0.094 0.256 0.204 0.583 0.327 0.979l0.012 0.037v0.038c0 0.044-0.006 0.084-0.019 0.12-0.015 0.041-0.035 0.076-0.063 0.105v0c-0.025 0.026-0.054 0.048-0.089 0.064-0.366 0.173-0.7 0.341-1.003 0.505zM13.633 8.383c-0.294-0.070-0.589-0.114-0.883-0.129 0.032 0.048 0.064 0.097 0.097 0.146 0.094 0.144 0.18 0.283 0.262 0.419 0.038-0.040 0.079-0.078 0.12-0.116 0.13-0.12 0.265-0.227 0.404-0.321zM12.422 8.678c0.123 0.189 0.236 0.372 0.337 0.548-0.155 0.208-0.292 0.435-0.409 0.68-0.146-0.221-0.349-0.431-0.605-0.628 0.072-0.207 0.157-0.41 0.255-0.611 0.062-0.127 0.122-0.242 0.183-0.344 0.079 0.114 0.16 0.233 0.239 0.356zM13.383 9.309c-0.004-0.009-0.009-0.019-0.015-0.028 0.023-0.025 0.047-0.050 0.070-0.075 0.001-0.001 0.003-0.001 0.003-0.003 0.042-0.044 0.086-0.086 0.13-0.127 0.158-0.145 0.324-0.267 0.494-0.365 0.022-0.012 0.042-0.023 0.063-0.035 0.054 0.135 0.12 0.312 0.196 0.533 0.059 0.168 0.116 0.343 0.174 0.524-0.271 0.13-0.526 0.258-0.762 0.384-0.078-0.239-0.196-0.508-0.354-0.809zM11.149 9.482c-0.086 0.316-0.138 0.617-0.151 0.899-0.271-0.167-0.552-0.303-0.845-0.407-0.003-0.034-0.006-0.066-0.009-0.1-0.006-0.094-0.010-0.188-0.010-0.277 0-0.157 0.010-0.308 0.032-0.451 0.006-0.044 0.013-0.086 0.022-0.127 0.059 0.022 0.12 0.044 0.182 0.069 0.27 0.11 0.517 0.233 0.741 0.369 0.013 0.009 0.026 0.016 0.038 0.025zM9.694 10.361c0.048 0.278 0.123 0.555 0.221 0.832-0.217-0.023-0.432-0.029-0.647-0.018v0c-0.069 0.003-0.138 0.009-0.207 0.015-0.035-0.062-0.067-0.125-0.097-0.188l-0.001-0.001c-0.031-0.064-0.059-0.132-0.085-0.199-0.075-0.189-0.126-0.379-0.157-0.57 0.226-0.003 0.456 0.018 0.693 0.064 0.095 0.018 0.188 0.040 0.28 0.064zM8.988 11.974c0.149 0.18 0.316 0.35 0.501 0.51-0.085 0.012-0.17 0.026-0.252 0.045h-0.001c-0.13 0.031-0.258 0.069-0.384 0.119-0.084 0.032-0.166 0.067-0.245 0.107-0.192-0.166-0.379-0.347-0.563-0.543-0.054-0.057-0.104-0.113-0.152-0.167 0.204-0.103 0.423-0.185 0.656-0.246 0.088-0.023 0.174-0.042 0.261-0.059 0.057 0.079 0.116 0.157 0.179 0.234z"></path>
+<path d="M22.343 20.061c0.072-0.171 0.107-0.356 0.107-0.557v-12.081c0-0.201-0.035-0.387-0.107-0.557-0.070-0.171-0.177-0.327-0.318-0.469-0.142-0.142-0.297-0.248-0.469-0.319-0.171-0.070-0.356-0.105-0.557-0.105h-0.072v-0.664c0-0.105-0.010-0.209-0.032-0.309-0.019-0.088-0.047-0.173-0.082-0.256-0.035-0.082-0.076-0.161-0.126-0.234-0.053-0.081-0.114-0.157-0.185-0.226-0.069-0.070-0.145-0.132-0.225-0.185v0c-0.073-0.048-0.152-0.091-0.234-0.126-0.084-0.035-0.168-0.063-0.256-0.082-0.1-0.022-0.204-0.032-0.309-0.032h-7.25c-0.013 0-0.026 0-0.040 0.001l-0.398-0.391c-0.141-0.139-0.296-0.243-0.466-0.312v0c-0.168-0.069-0.353-0.104-0.551-0.104h-7.774q-0.3 0-0.557 0.105-0.256 0.107-0.469 0.319t-0.319 0.469q-0.105 0.256-0.105 0.557v15c0 0.201 0.035 0.385 0.105 0.557 0.072 0.171 0.177 0.327 0.319 0.469 0.142 0.141 0.297 0.248 0.469 0.318 0.171 0.072 0.356 0.107 0.557 0.107h18c0.201 0 0.385-0.035 0.557-0.107 0.171-0.070 0.327-0.177 0.469-0.318 0.141-0.142 0.247-0.297 0.318-0.469zM21.549 7.418v12.081c0 0.183-0.047 0.321-0.138 0.413-0.092 0.091-0.23 0.138-0.413 0.138h-18q-0.274 0-0.412-0.138v0c-0.092-0.092-0.138-0.23-0.138-0.413v-15q0-0.275 0.138-0.412v0q0.136-0.138 0.412-0.138h7.775c0.075 0 0.144 0.013 0.208 0.040s0.123 0.066 0.177 0.117l2.386 2.347c0.141 0.138 0.296 0.242 0.466 0.312 0.17 0.069 0.353 0.104 0.551 0.104h6.436c0.183 0 0.321 0.045 0.413 0.138 0.091 0.091 0.138 0.229 0.138 0.412zM13.103 4.759h6.376c0.044 0 0.088 0.006 0.13 0.016 0.028 0.006 0.056 0.016 0.084 0.028s0.056 0.026 0.082 0.044v0c0.034 0.021 0.064 0.045 0.092 0.073 0.028 0.029 0.053 0.059 0.075 0.092 0.016 0.026 0.031 0.054 0.044 0.083 0.012 0.026 0.021 0.054 0.028 0.083 0.010 0.042 0.015 0.085 0.015 0.13v0.664h-5.465c-0.075 0-0.145-0.013-0.209-0.040v0c-0.063-0.026-0.123-0.066-0.176-0.119l-1.075-1.056z"></path>
+</svg>
diff --git a/src/assets/style/global.scss b/src/assets/style/global.scss
index a30bb9d..152589e 100644
--- a/src/assets/style/global.scss
+++ b/src/assets/style/global.scss
@@ -20,7 +20,7 @@ html {
     height: 16px;
   }
   > a + a {
-    margin-left: 8px;
+    margin-left: 6px;
   }
   .o-tag {
     cursor: pointer;
@@ -35,6 +35,12 @@ html {
     &.rpm-icon .o-icon {
       color: #00a7b3;
     }
+    &.oepkg-icon .o-icon {
+      color: #4260c2;
+    }
+    &.conda-icon .o-icon {
+      color: #b1d42a;
+    }
     &:hover {
       --tag-bg-color: var(--o-color-control2-light);
     }
diff --git a/src/components/OTableItemNew.vue b/src/components/OTableItemNew.vue
index 6626d1f..2432b03 100644
--- a/src/components/OTableItemNew.vue
+++ b/src/components/OTableItemNew.vue
@@ -333,7 +333,6 @@ const onClickLink = (row: any) => {
 }
 
 :deep(.o-table) {
-  --table-cell-height: 62px;
   .label {
     display: flex;
     align-items: center;
@@ -377,8 +376,10 @@ const onClickLink = (row: any) => {
     display: flex;
     align-items: center;
   }
+  &.rpmpkg {
+    --table-cell-height: 62px;
+  }
   &.oepkg {
-    --table-cell-height: auto;
     thead {
       .name {
         width: 200px;
@@ -391,8 +392,19 @@ const onClickLink = (row: any) => {
       }
     }
   }
+  &.condapkg {
+    thead {
+      .name,
+      .version,
+      .os {
+        width: 160px;
+      }
+      .arch {
+        width: 120px;
+      }
+    }
+  }
   &.apppkg {
-    --table-cell-height: auto;
     thead {
       .os {
         width: 180px;
@@ -403,9 +415,6 @@ const onClickLink = (row: any) => {
       }
     }
   }
-  &.appversion {
-    --table-cell-height: auto;
-  }
   thead {
     .order {
       height: 12px;
diff --git a/src/components/detail/DetailAside.vue b/src/components/detail/DetailAside.vue
index 45c6bda..e24923a 100644
--- a/src/components/detail/DetailAside.vue
+++ b/src/components/detail/DetailAside.vue
@@ -255,8 +255,8 @@ const isSecurityIconShow = (v: string) => {
       <p>{{ data.license }}</p>
     </div>
   </AppSection>
-  <AppSection :title="`${data.name}版本支持情况`">
-    <OTable :columns="verColumns" :data="tableAllData" border="all" :cell-span="arraySpanMethod" :small="true">
+  <AppSection v-if="verData.length > 0" :title="`${data.name}版本支持情况`">
+    <OTable class="table-versions" :columns="verColumns" :data="tableAllData" border="all" :cell-span="arraySpanMethod" :small="true">
       <template #td_flags="{ row }">
         <a :href="jumpTo(row.pkgId)" color="primary" rel="noopener noreferrer">
           <OTag v-if="row.os === tagVer[0] && row.arch === tagVer[1]" color="primary" :size="'small'">当前版本</OTag> <span v-else>查看</span>
@@ -363,17 +363,20 @@ const isSecurityIconShow = (v: string) => {
   }
 }
 :deep(.o-table) {
+  --table-edge-padding: var(--table-cell-padding);
+
+  .o-table-wrap {
+    border-bottom: 0 none;
+    tr.last td {
+      border-bottom: var(--table-border);
+    }
+  }
   tbody tr:hover {
     background: none;
   }
   th {
     font-weight: 500;
   }
-  tr:has(+ .last) {
-    td:first-child {
-      border-bottom: 0 none;
-    }
-  }
 }
 
 .obtn {
diff --git a/src/components/detail/DetailHeader.vue b/src/components/detail/DetailHeader.vue
index cc4995b..9ec1bf2 100644
--- a/src/components/detail/DetailHeader.vue
+++ b/src/components/detail/DetailHeader.vue
@@ -144,9 +144,12 @@ const scrollToAnchor = () => {
       color: var(--o-color-info1);
       display: flex;
       justify-content: space-between;
+      align-items: flex-start;
     }
     .home-page {
       --link-icon-size: 16px;
+      min-width: 60px;
+      justify-content: flex-end;
       @include tip1;
       :deep(.o-link-label) {
         display: flex;
diff --git a/src/components/filter/FilterHeader.vue b/src/components/filter/FilterHeader.vue
index 43a3902..8dd913d 100644
--- a/src/components/filter/FilterHeader.vue
+++ b/src/components/filter/FilterHeader.vue
@@ -94,16 +94,13 @@ const replaceWinUrl = () => {
 const collectDownloadData = (keyword: string) => {
   const { href } = window.location;
   const downloadTime = new Date();
-  searchReport(
-    'search',
-    {
-      origin: href,
-      keyword,
-      filter: 'all',
-      pkg: props.title,
-      downloadTime,
-    }
-  );
+  searchReport('search', {
+    origin: href,
+    keyword,
+    filter: 'all',
+    pkg: props.title,
+    downloadTime,
+  });
 };
 
 const isTimeOrder = ref(false);
@@ -176,6 +173,28 @@ watch(
     }
   }
 );
+
+const getSearchplaceholder = (name: string) => {
+  const placeholder = {
+    CONDA: '软件包名称',
+    OEPKG: '软件包名称',
+    IMAGE: '镜像名称',
+    RPM: '软件包名称',
+    DOMAIN: '相关信息',
+    EPKG: '软件包名称',
+    APPVERSION: '应用名称',
+  };
+  const title = {
+    CONDA: 'CONDA',
+    OEPKG: 'OEPKG',
+    RPM: 'RPM',
+    IMAGE: '应用',
+    EPKG: 'EPKG',
+    DOMAIN: '领域应用',
+    APPVERSION: '',
+  };
+  return `${title[name]}${placeholder[name]}`;
+};
 </script>
 
 <template>
@@ -189,7 +208,7 @@ watch(
       </template>
       <OInput
         v-else
-        :placeholder="`${t('software.filterPleaseEnter[0]')}${title}${t('software.filterPleaseEnter[1]')}`"
+        :placeholder="`${t('software.filterPleaseEnter[0]')}${getSearchplaceholder(title)}`"
         :style="{ width: '348px' }"
         size="large"
         :max-length="100"
diff --git a/src/components/search/SearchFilter.vue b/src/components/search/SearchFilter.vue
index 1c675b3..03b381e 100644
--- a/src/components/search/SearchFilter.vue
+++ b/src/components/search/SearchFilter.vue
@@ -43,13 +43,10 @@ const tabName = ref('all');
 const fliterSelected = ref(defaultValue.value);
 
 const reportAnalytics = (data: Record<string, any>, event = 'click') => {
-  searchReport(
-    event,
-    {
-      module: isPageHome.value ? 'home_page' : 'search_page',
-      ...data,
-    }
-  );
+  searchReport(event, {
+    module: isPageHome.value ? 'home_page' : 'search_page',
+    ...data,
+  });
 };
 
 const changeFilter = (v: string) => {
diff --git a/src/components/search/SearchRecommend.vue b/src/components/search/SearchRecommend.vue
index 8337c9b..1b6d1de 100644
--- a/src/components/search/SearchRecommend.vue
+++ b/src/components/search/SearchRecommend.vue
@@ -42,15 +42,12 @@ const isShow = ref(props.isFeedback);
 const isPageHome = computed(() => route.name === 'home');
 
 const reportAnalytics = (data: Record<string, any>, event = 'click') => {
-  searchReport(
-    event,
-    {
-      module: isPageHome.value ? 'home_page' : 'search_page',
-      content: props.searchValue,
-      ...data,
-      ...(route.query.tab ? { tab: route.query.tab } : {}),
-    }
-  );
+  searchReport(event, {
+    module: isPageHome.value ? 'home_page' : 'search_page',
+    content: props.searchValue,
+    ...data,
+    ...(route.query.tab ? { tab: route.query.tab } : {}),
+  });
 };
 
 const jumpPages = (type: string) => {
@@ -65,7 +62,7 @@ const jumpPages = (type: string) => {
 
 const goDetail = (ev: MouseEvent, key: string, id: string) => {
   const type = getPkgName(key);
-  const pkgName = ['filed', 'rpm', 'epkg', 'image', 'oepkg'];
+  const pkgName = ['filed', 'rpm', 'epkg', 'image', 'oepkg', 'conda'];
   if (pkgName.includes(type)) {
     reportAnalytics({
       type: `suggest_${key}`,
diff --git a/src/data/home/index.ts b/src/data/home/index.ts
index 6c353a1..162850b 100644
--- a/src/data/home/index.ts
+++ b/src/data/home/index.ts
@@ -4,6 +4,7 @@ import FieldIcon from '~icons/pkg/apppkg.svg';
 import ImageIcon from '~icons/pkg/image.svg';
 import RpmIcon from '~icons/pkg/rpm.svg';
 import OepkgIcon from '~icons/pkg/oepkg.svg';
+import CandaIcon from '~icons/pkg/conda.svg';
 
 import openHPC from '@/assets/home/openHPC.png';
 import openStack from '@/assets/home/openstack.png';
@@ -15,7 +16,7 @@ export const homeData = [
   {
     id: 'field',
     name: '领域应用',
-    desc: 'openEuler操作系统支持的软件集合(包括RPM、应用镜像、OEPKG软件包等）',
+    desc: 'openEuler操作系统支持的软件集合(包括RPM、应用镜像、OEPKG、CONDA软件包等）',
     icon: FieldIcon,
     href: '/field',
   },
@@ -40,6 +41,13 @@ export const homeData = [
     icon: OepkgIcon,
     href: '/oepkg',
   },
+  {
+    id: 'conda',
+    name: 'CONDA',
+    desc: '一系列在openEuler上验证可用的CONDA生态软件包',
+    icon: CandaIcon,
+    href: '/conda',
+  },
 ];
 
 // 首页 解决方案
diff --git a/src/data/nav.ts b/src/data/nav.ts
index 7540784..43608a7 100644
--- a/src/data/nav.ts
+++ b/src/data/nav.ts
@@ -47,17 +47,24 @@ export const navs = [
     },
     href: '/oepkg',
   },
+  {
+    id: 'conda',
+    label: {
+      zh: 'CONDA',
+      en: 'CONDA',
+    },
+    href: '/conda',
+  },
   {
     id: 'upstream',
     label: {
-      zh: '上游软件包',
-      en: '上游软件包',
+      zh: '软件版本支持',
+      en: '软件版本支持',
     },
     href: '/upstream',
   },
 ];
 
-
 export const collaborationNav = [
   {
     id: 'collaboration',
@@ -67,4 +74,4 @@ export const collaborationNav = [
     },
     href: '/collaboration',
   },
-]
\ No newline at end of file
+];
diff --git a/src/data/query.ts b/src/data/query.ts
index e6a20c4..7e6d1d1 100644
--- a/src/data/query.ts
+++ b/src/data/query.ts
@@ -3,10 +3,10 @@ import i18n from '@/i18n';
 const { t } = i18n.global;
 
 // tags参数
-export const TAGS_OPTIONS = ['RPM', 'IMAGE', 'EPKG', 'OEPKG'];
+export const TAGS_OPTIONS = ['RPM', 'IMAGE', 'EPKG', 'OEPKG', 'CONDA'];
 
 // 搜索tab参数
-export const TABNAME_OPTIONS = ['all', 'rpmpkg', 'apppkg', 'epkgpkg', 'oepkg', 'appversion'];
+export const TABNAME_OPTIONS = ['all', 'rpmpkg', 'apppkg', 'epkgpkg', 'oepkg', 'condapkg', 'appversion'];
 
 // 搜索筛选菜单
 export const FLITERMENUOPTIONS = [
@@ -48,9 +48,7 @@ export const maintainerDefaults = {
   name: 'George.Cao',
   email: 'caozhi1214@qq.com',
   gitee_id: 'georgecao',
-}
-
-
+};
 
 // 协作平台权限 route name
-export const COLLABORATIONPERMISSION = ['todo', 'collaboration', 'todo-detail'];
\ No newline at end of file
+export const COLLABORATIONPERMISSION = ['todo', 'collaboration', 'todo-detail'];
diff --git a/src/i18n/software/software-en.ts b/src/i18n/software/software-en.ts
index 832dade..ae4cebc 100644
--- a/src/i18n/software/software-en.ts
+++ b/src/i18n/software/software-en.ts
@@ -9,6 +9,7 @@ export default {
   epkgpkg: 'EPKG',
   epkg: 'EPKG',
   oepkg: 'OEPKG',
+  conda: 'CONDA',
   appversion: 'Upstream',
   filterAll: 'All',
   filterName: 'name',
diff --git a/src/i18n/software/software-zh.ts b/src/i18n/software/software-zh.ts
index 8f9003f..a38fc2a 100644
--- a/src/i18n/software/software-zh.ts
+++ b/src/i18n/software/software-zh.ts
@@ -9,6 +9,7 @@ export default {
   epkgpkg: 'EPKG',
   epkg: 'EPKG',
   oepkg: 'OEPKG',
+  conda: 'CONDA',
   appversion: '上游兼容应用全景',
   filterAll: '全部',
   filterName: '按名称',
diff --git a/src/router/index.ts b/src/router/index.ts
index 5c10c9b..1cd80a3 100644
--- a/src/router/index.ts
+++ b/src/router/index.ts
@@ -73,6 +73,16 @@ const routes = [
     name: 'image-detail',
     component: () => import('@/views/image/TheImageDetail.vue'),
   },
+  {
+    path: '/zh/conda',
+    name: 'conda',
+    component: () => import('@/views/conda/TheConda.vue'),
+  },
+  {
+    path: '/zh/conda/detail',
+    name: 'conda-detail',
+    component: () => import('@/views/conda/TheCondaDetail.vue'),
+  },
   {
     path: '/zh/solution/openhpc',
     name: 'openhpc',
diff --git a/src/utils/common.ts b/src/utils/common.ts
index a151975..9a08d12 100644
--- a/src/utils/common.ts
+++ b/src/utils/common.ts
@@ -40,7 +40,7 @@ export const formatDateTime = (v: string, isTime?: boolean) => {
 
     return `${year}/${month}/${day}`;
   }
-  return '-'
+  return '-';
 };
 
 /**
@@ -62,17 +62,22 @@ import EpkgIcon from '~icons/pkg/epkg.svg';
 import ImageIcon from '~icons/pkg/image.svg';
 import RpmIcon from '~icons/pkg/rpm.svg';
 import OepkgIcon from '~icons/pkg/oepkg.svg';
+import CandaIcon from '~icons/pkg/conda.svg';
 
 export const getTagsIcon = (v: string) => {
-  if (v === 'RPM' || v === 'rpmpkg') {
-    return RpmIcon;
-  } else if (v === 'EPKG' || v === 'epkgpkg') {
-    return EpkgIcon;
-  } else if (v === 'IMAGE' || v === 'apppkg') {
-    return ImageIcon;
-  } else if (v === 'OEPKG' || v === 'oepkg') {
-    return OepkgIcon;
-  }
+  const iconMap: Record<string, any> = {
+    RPM: RpmIcon,
+    rpmpkg: RpmIcon,
+    EPKG: EpkgIcon,
+    epkgpkg: EpkgIcon,
+    IMAGE: ImageIcon,
+    apppkg: ImageIcon,
+    OEPKG: OepkgIcon,
+    oepkg: OepkgIcon,
+    CONDA: CandaIcon,
+    conda: CandaIcon
+  };
+  return iconMap[v];
 };
 
 //提取code
@@ -117,25 +122,16 @@ export const getParamsRules = (data: any) => {
 
 // 返回名称参数
 export const getPkgName = (type: string) => {
-  let name = '';
-  switch (type) {
-    case 'apppkg':
-      name = 'image';
-      break;
-    case 'epkgpkg':
-      name = 'epkg';
-      break;
-    case 'rpmpkg':
-      name = 'rpm';
-      break;
-    case 'oepkg':
-      name = 'oepkg';
-      break;
-    case 'all':
-      name = 'filed';
-      break;
-  }
-  return name;
+  const nameMap: Record<string, string> = {
+    apppkg: 'image',
+    epkgpkg: 'epkg',
+    rpmpkg: 'rpm',
+    oepkg: 'oepkg',
+    all: 'filed',
+    condapkg: 'conda',
+    conda: 'conda'
+  };
+  return nameMap[type] || '';
 };
 
 // 是否是搜索页面
@@ -157,10 +153,8 @@ export const getTarget = (data: any, key: any) => {
   return [...map.values()];
 };
 
-
-
 // 输入框文字校验
-export const inputValidator = new RegExp("^[\u4E00-\u9FA5A-Za-z0-9.()$\\-]+$");
+export const inputValidator = new RegExp('^[\u4E00-\u9FA5A-Za-z0-9.()$\\-]+$');
 
 /**
  * 对象转URL参数
@@ -176,19 +170,17 @@ export const generateQuery = (queries: Record<string, any>): string => {
     return arr;
   }, [] as string[]);
   if (parseResultArr?.length) {
-    return `?${parseResultArr.join("&")}`;
+    return `?${parseResultArr.join('&')}`;
   }
   return '';
-}
-
-
+};
 
 /**
  * 获取指定时区偏移量的年份
  * @param {number} offset - 时区偏移量（单位：小时）。例如，UTC+8 时区，传入 8。
  * @returns {number} - 指定时区偏移量对应的年份
  */
-export const getYearByOffset = ()=> {
+export const getYearByOffset = () => {
   // 获取当前时间的 UTC 时间
   const now = new Date();
   const utcTime = new Date(now.getTime() + now.getTimezoneOffset() * 60000);
@@ -197,4 +189,4 @@ export const getYearByOffset = ()=> {
   utcTime.setHours(utcTime.getHours() + 8);
 
   return utcTime.getFullYear();
-}
+};
diff --git a/src/views/conda/CondaContent.vue b/src/views/conda/CondaContent.vue
new file mode 100644
index 0000000..02838f6
--- /dev/null
+++ b/src/views/conda/CondaContent.vue
@@ -0,0 +1,365 @@
+<script setup lang="ts">
+import { ref, watch, computed, onMounted } from 'vue';
+import { OTag, OLink, OIcon, isUndefined } from '@opensig/opendesign';
+
+import { getSearchData } from '@/api/api-search';
+import { getSearchAllColumn, getSearchAllFiled } from '@/api/api-domain';
+import { useRoute, useRouter } from 'vue-router';
+import { useI18n } from 'vue-i18n';
+import { useLocale } from '@/composables/useLocale';
+import { getParamsRules } from '@/utils/common';
+import { isValidSearchTabName, isValidSearchKey } from '@/utils/query';
+import { TABNAME_OPTIONS, FLITERMENUOPTIONS, COUNT_PAGESIZE, SORTPARAMS } from '@/data/query';
+import { useViewStore } from '@/stores/common';
+import { useSearchStore } from '@/stores/search';
+
+import FilterCheckbox from '@/components/filter/FilterCheckbox.vue';
+import AppLoading from '@/components/AppLoading.vue';
+import IconOs from '~icons/pkg/icon-os.svg';
+import IconArch from '~icons/pkg/icon-arch.svg';
+import IconCategory from '~icons/pkg/icon-category.svg';
+
+const route = useRoute();
+const router = useRouter();
+const { t } = useI18n();
+const { locale } = useLocale();
+const searchStore = useSearchStore();
+
+// EPKG-表头
+const columns = [
+  { label: t('software.columns.name'), key: 'name', type: 'name' },
+  { label: t('software.columns.version'), key: 'appVer', type: 'version' },
+  { label: t('software.columns.os'), key: 'os', type: 'os' },
+  { label: t('software.columns.arch'), key: 'arch', type: 'arch' },
+  { label: t('software.columns.category'), key: 'category', type: 'category' },
+];
+
+//  ------------  main ------------
+
+const pkgData = ref([]);
+const PAGE_ID = 'CONDA';
+const tabName = ref(TABNAME_OPTIONS[5]);
+const keywordType = ref((route.query.key as string) || '');
+const isLoading = ref(false);
+
+const searchKey = ref((route.query.name as string) || '');
+const timeOrder = ref('');
+const nameOrder = ref('');
+
+const searchOs = ref<string[]>([]);
+const searchArch = ref<string[]>([]);
+const searchCategory = ref<string[]>([]);
+
+const searchParams = computed(() => {
+  return {
+    keyword: searchKey.value,
+    keywordType: keywordType.value,
+    pageNum: currentPage.value,
+    pageSize: pageSize.value,
+    dataType: 'conda',
+    os: searchOs.value.join(),
+    arch: searchArch.value.join(),
+    timeOrder: timeOrder.value,
+    nameOrder: nameOrder.value,
+    category: searchCategory.value.join(),
+  };
+});
+
+// es搜索
+const querySearch = () => {
+  // 过滤空参数
+  const newData = getParamsRules(searchParams.value);
+
+  getSearchData(newData)
+    .then((res) => {
+      pkgData.value = res.data.condapkg;
+      total.value = res.data.total;
+      if (searchStore.nameOrder) {
+        searchStore.changeNameOrderCount(total.value);
+      }
+      isLoading.value = false;
+      isSearchDocs.value = true;
+      if (pkgData.value.length === 0) {
+        isSearchError.value = true;
+      }
+    })
+    .catch(() => {
+      isSearchError.value = true;
+      total.value = 0;
+      pkgData.value = [];
+      isLoading.value = false;
+      isSearchDocs.value = false;
+    });
+};
+
+// sql搜索
+const isSearchError = ref(false);
+const isSearchDocs = ref(false);
+const queryAllpkg = () => {
+  const params = {
+    name: tabName.value,
+    pageNum: currentPage.value,
+    pageSize: pageSize.value,
+    timeOrder: timeOrder.value,
+    nameOrder: nameOrder.value,
+    os: searchOs.value.join(),
+    arch: searchArch.value.join(),
+    category: searchCategory.value.join(),
+  };
+  // 过滤空参数
+  const newData = getParamsRules(params);
+
+  getSearchAllFiled(newData)
+    .then((res) => {
+      pkgData.value = res.data.list;
+      total.value = res.data.total;
+      isLoading.value = false;
+      if (pkgData.value.length === 0) {
+        isSearchError.value = true;
+      }
+    })
+    .catch(() => {
+      useViewStore().showNotFound();
+      total.value = 0;
+      pkgData.value = [];
+      isLoading.value = false;
+    });
+};
+
+// 判断是走es还是sql
+const pageSearch = () => {
+  isSearchError.value = false;
+  if (tabName.value === TABNAME_OPTIONS[5]) {
+    isLoading.value = true;
+    if (searchKey.value === '') {
+      queryAllpkg();
+    } else {
+      querySearch();
+    }
+  }
+};
+
+// ----------- 左侧菜单交互-------------
+// 获取筛选参数列表
+const filterOsList = ref<string[]>([]);
+const filterArchList = ref<string[]>([]);
+const filterCategoryList = ref<string[]>([]);
+const isFilterLoading = ref(false);
+const queryFilter = () => {
+  filterCategoryList.value = [];
+  filterOsList.value = [];
+  filterArchList.value = [];
+  isFilterLoading.value = true;
+  getSearchAllColumn({
+    name: tabName.value,
+    column: 'os,arch,category',
+  })
+    .then((res) => {
+      const { os, arch, category } = res.data;
+      filterCategoryList.value = category;
+      filterOsList.value = os;
+      filterArchList.value = arch;
+      isFilterLoading.value = false;
+    })
+    .catch(() => {
+      isFilterLoading.value = false;
+    });
+};
+
+const closeTag = (idx: string | number, type: string) => {
+  if (type === 'os') {
+    searchOs.value.splice(Number(idx), 1);
+  } else if (type === 'arch') {
+    searchArch.value.splice(Number(idx), 1);
+  } else if (type === 'category') {
+    searchCategory.value.splice(Number(idx), 1);
+  }
+};
+
+// 重置筛选结果
+const resetTag = () => {
+  searchOs.value = [];
+  searchArch.value = [];
+  searchCategory.value = [];
+  isSearchDocs.value = false;
+
+  timeOrder.value = '';
+  nameOrder.value = '';
+
+  currentPage.value = 1;
+
+  if (route.query.os || route.query.arch) {
+    router.push({
+      path: `/${locale.value}/conda`,
+    });
+  }
+};
+
+const changeSortBy = (v: string[]) => {
+  nameOrder.value = '';
+  timeOrder.value = '';
+  if (Array.isArray(v)) {
+    if (v[0] === 'time') {
+      timeOrder.value = SORTPARAMS[v[1]];
+    } else if (v[0] === 'name') {
+      nameOrder.value = SORTPARAMS[v[1]];
+    }
+  }
+  currentPage.value = 1;
+};
+
+// 分页
+const currentPage = ref(1);
+const pageSize = ref(20);
+const total = ref(0);
+const handleSizeChange = (val: number) => {
+  pageSize.value = val;
+  currentPage.value = 1;
+};
+const handleCurrentChange = (val: number) => {
+  currentPage.value = val;
+};
+
+// 判断是否是搜索页
+const isPageSearch = ref(false);
+
+onMounted(() => {
+  isPageSearch.value = route.name === 'search';
+  if (isPageSearch.value) {
+    pageSearch();
+  }
+
+  queryFilter();
+  handleQueryData();
+});
+
+watch(
+  () => searchParams.value,
+  () => {
+    pageSearch();
+  },
+  { deep: true }
+);
+
+// 除分页器相关请求参数变化，发请求获取新数据
+watch(
+  () => [searchCategory.value, searchOs.value, searchArch.value],
+  () => {
+    currentPage.value = 1;
+  },
+  { deep: true }
+);
+
+// -------------------- 监听 url query 变化 触发搜索 ---------------------
+const handleQueryData = () => {
+  const query = route.query;
+  const { name, tab, key, os, arch } = query;
+  if (!isUndefined(name) && name) {
+    searchKey.value = name?.toString();
+    currentPage.value = 1;
+  } else {
+    searchKey.value = '';
+    isSearchDocs.value = false;
+  }
+
+  if (isValidSearchTabName(tab) && tab) {
+    tabName.value = tab as string;
+  } else {
+    tabName.value = TABNAME_OPTIONS[5];
+  }
+  // 判断key参数
+  if (isValidSearchKey(key) && key) {
+    keywordType.value = encodeURIComponent(key as string);
+  } else {
+    keywordType.value = FLITERMENUOPTIONS[0].id;
+  }
+
+  // 首页社区版本跳转
+  if (!isUndefined(os) && os) {
+    searchOs.value.push(os?.toString());
+  }
+  if (!isUndefined(arch) && arch) {
+    searchArch.value.push(arch?.toString());
+  }
+};
+
+watch(
+  () => route.query,
+  () => {
+    handleQueryData();
+  },
+  { deep: true }
+);
+</script>
+
+<template>
+  <div class="pkg-wrap" :class="tabName">
+    <div class="filter-sidebar" flex="0 0 25%">
+      <template v-if="isFilterLoading"><FilterItemSkeleton v-for="tag in 3" :key="tag" /></template>
+      <template v-else>
+        <FilterCheckbox v-if="filterOsList.length" v-model="searchOs" :options="filterOsList">
+          <template #header>
+            <div class="filter-title">
+              <OIcon><IconOs /></OIcon>{{ t('software.filterSider.os') }}
+            </div>
+          </template>
+        </FilterCheckbox>
+        <FilterCheckbox v-if="filterArchList.length" v-model="searchArch" :options="filterArchList">
+          <template #header>
+            <div class="filter-title">
+              <OIcon><IconArch /></OIcon>{{ t('software.filterSider.arch') }}
+            </div>
+          </template>
+        </FilterCheckbox>
+
+        <FilterCheckbox v-if="filterCategoryList.length" v-model="searchCategory" :options="filterCategoryList">
+          <template #header>
+            <div class="filter-title">
+              <OIcon><IconCategory /></OIcon>{{ t('software.filterSider.category') }}
+            </div>
+          </template>
+        </FilterCheckbox>
+      </template>
+    </div>
+
+    <div class="pkg-main">
+      <FilterHeader :title="PAGE_ID" :total="total" />
+      <div v-if="isSearchDocs || searchArch.length > 0 || searchOs.length > 0 || searchCategory.length > 0" class="search-result">
+        <p v-if="!isPageSearch" class="text">
+          <template v-if="isSearchDocs">
+            为您找到<span class="total">{{ total }}</span
+            >个与<span class="search-value">{{ searchKey }}</span
+            >匹配的搜索结果</template
+          >
+          <template v-else>
+            为您找到符合条件的筛选<span class="total">{{ total }}</span
+            >个</template
+          >
+        </p>
+        <div class="search-filter-tags">
+          <OTag v-for="(item, index) in searchOs" :key="item" closable @Close="closeTag(index, 'os')">{{ item }}</OTag>
+          <OTag v-for="(item, index) in searchArch" :key="item" closable @Close="closeTag(index, 'arch')">{{ item }}</OTag>
+          <OTag v-for="(item, index) in searchCategory" :key="item" closable @Close="closeTag(index, 'category')">{{ item }}</OTag>
+
+          <OLink v-if="searchArch.length > 0 || searchOs.length > 0 || searchCategory.length > 0" color="primary" class="resetting" @click="resetTag">{{
+            t('software.filterSider.clear')
+          }}</OLink>
+        </div>
+      </div>
+      <div class="pkg-content" :class="pkgData.length === 0 && isLoading ? 'loading' : ''">
+        <AppLoading :loading="isLoading" />
+        <ResultNoApp v-if="isSearchError" :type="PAGE_ID" />
+        <div v-if="pkgData.length !== 0 && !isSearchError" class="pkg-panel">
+          <OTableItemNew :data="pkgData" :columns="columns" :type="tabName" @sort="changeSortBy" />
+          <div v-if="total > COUNT_PAGESIZE[0]" class="pagination-box">
+            <AppPagination :current="currentPage" :pagesize="pageSize" :total="total" @size-change="handleSizeChange" @current-change="handleCurrentChange" />
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
+</template>
+
+<style lang="scss" scoped>
+@import '@/assets/style/category/content/index.scss';
+</style>
diff --git a/src/views/conda/TheConda.vue b/src/views/conda/TheConda.vue
new file mode 100644
index 0000000..69e4d9e
--- /dev/null
+++ b/src/views/conda/TheConda.vue
@@ -0,0 +1,18 @@
+<script setup lang="ts">
+import AppBanner from '@/components/AppBanner.vue';
+import CandaContent from './CondaContent.vue';
+import { homeData } from '@/data/home/index';
+import bannerImg from '@/assets/banner/banner1.jpg';
+
+const bannerInfo = homeData[4];
+</script>
+<template>
+  <AppBanner :title="bannerInfo.name" :background-image="bannerImg" :subtitle="bannerInfo.desc" />
+  <ContentWrapper :vertical-padding="['40px', '72px']" class="pkg-content-wrap">
+    <CandaContent />
+  </ContentWrapper>
+</template>
+
+<style scoped lang="scss">
+@import '@/assets/style/category/content/index.scss';
+</style>
diff --git a/src/views/conda/TheCondaDetail.vue b/src/views/conda/TheCondaDetail.vue
new file mode 100644
index 0000000..2195f8b
--- /dev/null
+++ b/src/views/conda/TheCondaDetail.vue
@@ -0,0 +1,161 @@
+<script lang="ts" setup>
+import { ref, onMounted, provide } from 'vue';
+import { isString } from '@opensig/opendesign';
+import { maintainerDefaults } from '@/data/query';
+import { useRoute } from 'vue-router';
+import { useMarkdown } from '@/composables/useMarkdown';
+import type { AppInfoT, MaintainerT, DetailItemT, MoreMessgeT } from '@/@types/app';
+import { useI18n } from 'vue-i18n';
+import { getDetails, getVer } from '@/api/api-domain';
+import { useViewStore } from '@/stores/common';
+import AppFeedback from '@/components/AppFeedback.vue';
+import DetailHead from '@/components/detail/DetailHeader.vue';
+import DetailAside from '@/components/detail/DetailAside.vue';
+import DetailInstall from '@/components/detail/DetailInstall.vue';
+
+import defaultImg from '@/assets/default-logo.png';
+import { pkgIdInjection } from '@/data/injectionKeys';
+
+const route = useRoute();
+const { mkit } = useMarkdown();
+const { t } = useI18n();
+
+const basicInfo = ref<DetailItemT[]>([]);
+const installation = ref('');
+const tabValue = ref('condapkg');
+const maintainer = ref<MaintainerT>({ maintainerId: '', maintainerEmail: '', maintainerGiteeId: '' });
+
+const security = ref();
+const moreMessge = ref<MoreMessgeT[]>([]);
+const description = ref();
+const appData = ref<AppInfoT>({
+  name: '',
+  cover: '',
+  license: '',
+  version: '',
+  repository: '',
+  size: '',
+  source_code: '',
+  bin_code: '',
+  security: '',
+});
+const srcRepo = ref('');
+
+const isLoading = ref(true);
+
+//详情请求
+const queryPkg = () => {
+  if (pkgId.value !== '') {
+    getDetails(tabValue.value, pkgId.value)
+      .then((res) => {
+        const data = res.data.list[0];
+        srcRepo.value = data.homepage || '';
+        getDetailValue(data);
+        isLoading.value = false;
+      })
+      .catch(() => {
+        isLoading.value = false;
+        useViewStore().showNotFound();
+      });
+  } else {
+    isLoading.value = false;
+    useViewStore().showNotFound();
+  }
+};
+
+const pkgId = ref('');
+provide(pkgIdInjection, pkgId);
+if (isString(route.query?.pkgId)) {
+  pkgId.value = encodeURIComponent(route.query?.pkgId.toString());
+}
+
+onMounted(() => {
+  queryPkg();
+});
+const summary = ref();
+const tagVer = ref();
+const getDetailValue = (data: any) => {
+  try {
+    basicInfo.value = [
+      { name: t('detail.osSupport'), value: data.os },
+      { name: t('detail.arch'), value: data.arch },
+      { name: t('detail.epkgCategory'), value: data.category || '其他' },
+    ];
+  } catch (res) {
+    basicInfo.value = [];
+  }
+  summary.value = data.description;
+
+  tagVer.value = [data.os, data.arch];
+
+  maintainer.value = {
+    maintainerId: data?.maintainerId || maintainerDefaults.name,
+    maintainerEmail: data?.maintainerEmail || maintainerDefaults.email,
+    maintainerGiteeId: data?.maintainerGiteeId || maintainerDefaults.gitee_id,
+  };
+
+  security.value = data?.security;
+  description.value = data?.description;
+  installation.value = mkit(data?.condaUsage || '', { isCopy: true, Tag: data.appVer });
+  appData.value.name = data.name;
+  appData.value.cover = data?.iconUrl || defaultImg;
+  appData.value.repository = data.srcRepo;
+  appData.value.size = 0;
+  appData.value.version = data.appVer;
+  appData.value.license = data.license;
+  appData.value.security = data.security;
+  queryVer();
+};
+
+//获取支持
+const verData = ref();
+const queryVer = () => {
+  if (appData.value.name) {
+    getVer(tabValue.value, encodeURIComponent(appData.value.name))
+      .then((res) => {
+        verData.value = res.data.list;
+      })
+      .catch(() => {
+        verData.value = [];
+      });
+  }
+};
+</script>
+
+<template>
+  <ContentWrapper vertical-padding="24px">
+    <DetailSkeleton v-if="isLoading" />
+    <template v-else>
+      <!-- 锚点 -->
+      <AppBreadcrumb id="conda" :name="appData.name" />
+      <!-- 头部信息 -->
+      <DetailHead :data="appData" :basicInfo="summary" :maintainer="maintainer" />
+
+      <div class="detail-row">
+        <div class="detail-row-main">
+          <AppSection :title="`> ${t('detail.information')}`">
+            <template #append>
+              <span v-if="appData.version" class="ver">{{ t('detail.number') }}:{{ appData.version }}</span>
+            </template>
+            <!-- 基本信息 -->
+            <DetailBasicInfo :options="basicInfo" />
+            <!-- 安装指引 -->
+            <DetailInstall :title="`> ${t('detail.installation')}`">
+              <div v-if="installation" v-dompurify-html="installation" v-copy-code="true" class="markdown-body installation"></div>
+            </DetailInstall>
+          </AppSection>
+
+          <!-- 反馈 -->
+          <AppFeedback :name="appData.name" :version="appData.version" type="CONDA" :maintainer="maintainer" :srcRepo="srcRepo" />
+        </div>
+        <div class="detail-row-side">
+          <DetailAside :data="appData" :ver-data="verData" :tagVer="tagVer" type="CONDA" />
+        </div>
+      </div>
+    </template>
+  </ContentWrapper>
+</template>
+
+<style lang="scss" scoped>
+@import '@/assets/style/category/detail/index.scss';
+</style>
diff --git a/src/views/field/FieldContent.vue b/src/views/field/FieldContent.vue
index dd6a294..3da59a0 100644
--- a/src/views/field/FieldContent.vue
+++ b/src/views/field/FieldContent.vue
@@ -326,7 +326,7 @@ watch(
     </div>
 
     <div class="pkg-main">
-      <FilterHeader :title="t('software.all')" :type="tabName" @sort="changeSortValue" :is-clear="isClear" :total="total" @clear="clearFilterInput" />
+      <FilterHeader title="DOMAIN" :type="tabName" @sort="changeSortValue" :is-clear="isClear" :total="total" @clear="clearFilterInput" />
 
       <div v-if="isSearchDocs || searchOs || searchArch || searchCategory.length > 0" class="search-result">
         <p v-if="!isPageSearch" class="text">
diff --git a/src/views/field/TheFieldDetail.vue b/src/views/field/TheFieldDetail.vue
index 7de4b5c..a85450f 100644
--- a/src/views/field/TheFieldDetail.vue
+++ b/src/views/field/TheFieldDetail.vue
@@ -26,6 +26,7 @@ import IconEpkg from '~icons/pkg/epkg.svg';
 import IconOEpkg from '~icons/pkg/oepkg.svg';
 import IconImage from '~icons/pkg/image.svg';
 import IconRpm from '~icons/pkg/rpm.svg';
+import IconCanda from '~icons/pkg/conda.svg';
 import { currentFieldDetailTabInjection, pkgIdInjection } from '@/data/injectionKeys';
 import { oaReport } from '@/shared/analytics';
 
@@ -80,19 +81,21 @@ const epkgData = ref();
 const oepkgData = ref();
 const rpmData = ref();
 const imgData = ref();
+const condaData = ref();
 const isLoading = ref(true);
 provide(pkgIdInjection, pkgId);
 provide(currentFieldDetailTabInjection, activeName);
 
 const queryEntity = () => {
   const query = route.query;
-  const { type, appPkgId, epkgPkgId, rpmPkgId, oepkgPkgId } = query;
+  const { type, appPkgId, epkgPkgId, rpmPkgId, oepkgPkgId, condaPkgId } = query;
   getDetail(
     filterEmptyParams({
       appPkgId: (appPkgId as string) || '',
       epkgPkgId: (epkgPkgId as string) || '',
       rpmPkgId: (rpmPkgId as string) || '',
       oepkgPkgId: (oepkgPkgId as string) || '',
+      condaPkgId: (condaPkgId as string) || '',
     })
   )
     .then((res) => {
@@ -105,6 +108,7 @@ const queryEntity = () => {
       rpmData.value = data['RPM'];
       imgData.value = data['IMAGE'];
       oepkgData.value = data['OEPKG'];
+      condaData.value = data['CONDA'];
       appDataName.value = data[data.tags[0]].name;
       pkgId.value = data[data.tags[0]].pkgId;
       if (isValidTags(type)) {
@@ -150,6 +154,11 @@ const onChange = (tab: string, noReport?: boolean) => {
     typePkg.value = 'IMAGE';
     queryVer();
     getDetailValue(imgData.value);
+  } else if (tab === 'CONDA') {
+    tabValue.value = 'condapkg';
+    typePkg.value = 'CONDA';
+    queryVer();
+    getDetailValue(condaData.value);
   } else {
     useViewStore().showNotFound();
   }
@@ -167,7 +176,7 @@ const onChange = (tab: string, noReport?: boolean) => {
 
 const handleQueryData = (tab: string) => {
   const query = route.query;
-  const { appPkgId, rpmPkgId, epkgPkgId, oepkgPkgId } = query;
+  const { appPkgId, rpmPkgId, epkgPkgId, oepkgPkgId, condaPkgId } = query;
   router.push({
     path: `/${locale.value}/field/detail`,
     query: {
@@ -176,6 +185,7 @@ const handleQueryData = (tab: string) => {
       rpmPkgId,
       epkgPkgId,
       oepkgPkgId,
+      condaPkgId,
     },
   });
 };
@@ -273,6 +283,20 @@ const getDetailValue = (data: any) => {
     latestOsSupport.value = data.latestOsSupport === 'true';
     summary.value = data.description;
     appData.value.version = data.appVer;
+
+    moreMessge.value = [];
+  } else if (typePkg.value === 'CONDA') {
+    basicInfo.value = [
+      { name: t('detail.osSupport'), value: data.os },
+      { name: t('detail.arch'), value: data.arch },
+      { name: t('detail.epkgCategory'), value: data.category || '其他' },
+    ];
+
+    latestOsSupport.value = data.latestOsSupport === 'true';
+    summary.value = data.description;
+    appData.value.version = data.appVer;
+    appData.value.size = 0;
+    moreMessge.value = [];
   }
   tagVer.value = [data.osSupport, data.arch];
   maintainer.value = {
@@ -288,6 +312,10 @@ const getDetailValue = (data: any) => {
   downloadData.value = mkit(data?.download || '', { isCopy: true, Tag: data.appVer });
   installation.value = mkit(data?.installation || '', { isCopy: true, Tag: data.appVer });
 
+  if (typePkg.value === 'CONDA') {
+    installation.value = mkit(data?.condaUsage || '', { isCopy: true, Tag: data.appVer });
+  }
+
   imageUsage.value = mkit(data?.imageUsage || '', { isCopy: true, Tag: data.appVer });
   appData.value.name = data.name;
   appData.value.source_code = data.srcDownloadUrl;
@@ -316,6 +344,8 @@ const getTabIcon = (tab: string) => {
     return IconImage;
   } else if (tab === 'OEPKG') {
     return IconOEpkg;
+  } else if (tab === 'CONDA') {
+    return IconCanda;
   }
 };
 
@@ -347,8 +377,8 @@ const onChangeImage = (v: string) => {
 const tagsOptions = computed(() => {
   return {
     name: appData.value.name,
-    os: tagVer.value[0],
-    arch: tagVer.value[1],
+    os: tagVer.value[0] || '',
+    arch: tagVer.value[1] || '',
   };
 });
 
@@ -401,7 +431,8 @@ const onCodeSuccess = () => {
               </DetailInstall>
 
               <!-- 更多信息 -->
-              <template v-if="item !== 'IMAGE'">
+
+              <template v-if="moreMessge.length !== 0">
                 <p class="sp">> {{ t('detail.more') }}</p>
                 <DetailMoreInfo :options="moreMessge" />
               </template>
diff --git a/src/views/image/ImageContent.vue b/src/views/image/ImageContent.vue
index c7b9080..d78d3a7 100644
--- a/src/views/image/ImageContent.vue
+++ b/src/views/image/ImageContent.vue
@@ -316,7 +316,7 @@ watch(
     </div>
 
     <div class="pkg-main">
-      <FilterHeader title="应用镜像" :total="total" />
+      <FilterHeader title="IMAGE" :total="total" />
       <div v-if="isSearchDocs || filterList.length > 0" class="search-result">
         <p v-if="!isPageSearch" class="text">
           <template v-if="isSearchDocs">
diff --git a/src/views/search/TheSearch.vue b/src/views/search/TheSearch.vue
index c6a3ce1..3d245ed 100644
--- a/src/views/search/TheSearch.vue
+++ b/src/views/search/TheSearch.vue
@@ -13,6 +13,7 @@ import EpkgContent from '@/views/epkg/EpkgContent.vue';
 import OepkgContent from '@/views/oepkg/OEpkgContent.vue';
 import ImageContent from '@/views/image/ImageContent.vue';
 import RpmContent from '@/views/package/RpmContent.vue';
+import CondaContent from '@/views/conda/CondaContent.vue';
 import UpstreamContent from '@/views/upstream/UpstreamContent.vue';
 
 const route = useRoute();
@@ -56,11 +57,13 @@ const handleQueryData = () => {
     keywordType.value = FLITERMENUOPTIONS[0].id;
   }
 
-  if (isValidSearchTabName(tab)) {
+  if (isValidSearchTabName(tab) || tab === 'conda') {
     tabName.value = tab as string;
   } else {
     tabName.value = TABNAME_OPTIONS[0];
   }
+  console.log('DATATYPE :>> ', tab);
+
   querySearchCount();
 };
 handleQueryData();
@@ -93,8 +96,10 @@ watch(
       <EpkgContent v-if="tabName === DATATYPE[3]" />
       <!-- OEPKG -->
       <OepkgContent v-if="tabName === DATATYPE[4]" />
+      <!-- CONDA -->
+      <CondaContent v-if="DATATYPE[5].includes(tabName)" />
       <!-- 上游兼容应用全景 -->
-      <UpstreamContent v-if="tabName === DATATYPE[5]" />
+      <UpstreamContent v-if="tabName === DATATYPE[6]" />
     </div>
   </ContentWrapper>
 </template>
diff --git a/src/views/upstream/TheUpstream.vue b/src/views/upstream/TheUpstream.vue
index 817fd34..5ba9ee2 100644
--- a/src/views/upstream/TheUpstream.vue
+++ b/src/views/upstream/TheUpstream.vue
@@ -5,7 +5,7 @@ import UpstreamContent from './UpstreamContent.vue';
 import bannerImg from '@/assets/banner/banner1.jpg';
 
 const bannerInfo = {
-  title: '上游软件包',
+  title: '软件版本支持',
   desc: 'openEuler支持的软件包版本与上游软件的兼容状态列表',
 };
 </script>
diff --git a/src/views/upstream/UpstreamContent.vue b/src/views/upstream/UpstreamContent.vue
index cb957c1..059ab30 100644
--- a/src/views/upstream/UpstreamContent.vue
+++ b/src/views/upstream/UpstreamContent.vue
@@ -252,7 +252,7 @@ watch(
       </template>
     </div>
     <div class="pkg-main">
-      <FilterHeader :title="t('upstream.name')" :total="total" />
+      <FilterHeader title="APPVERSION" :total="total" />
       <div v-if="searchOs || isSearch || showSearchFilterTags" class="search-result">
         <p v-if="!isPageSearch" class="text">
           为您找到符合条件的筛选<span class="total">{{ total }}</span
-- 
Gitee