dashboard-shell-shell 3.0.5-test.19 → 3.0.5-test.20

package/assets/styles/global/_button.scss

@@ -120,7 +120,7 @@ button,
     line-height: $btn-sm-height - 2px;
 
     &:focus, &.focused {
-      border: 0;
+      // border: 0;
     }
   }
 }

package/assets/translations/zh-hans.yaml

@@ -111,6 +111,8 @@ generic:
           =1 {匹配 {total, number} 个中的 1 个："{sample}"}
           other {匹配 {total, number} 中的 {matched, number} 个，包括 "{sample}"}
         }
+  ariaLabel:
+    genericAddRow: 添加
 
 graph:
   loading: 正在加载 Chart 数据...
@@ -2575,7 +2577,7 @@ ingress:
       required: 目标服务是必填的
     warning: "警告：默认后端将全局用于整个集群"
   ingressClass:
-    label: IngressClass
+    label: Ingress类
   rules:
     addPath: 添加路径
     addRule: 添加规则
@@ -2916,7 +2918,7 @@ logging:
     default: /run/log/journal
   elasticsearch:
     host: 主机
-    scheme: Scheme
+    scheme: 协议
     port: 端口
     indexName: 索引名称
     user: 用户名
@@ -5938,7 +5940,9 @@ workload:
         exec:  容器内运行的命令以 0 状态退出
     image: 容器镜像
     imagePullPolicy: 镜像拉取策略
-    imagePullSecrets: 拉取密文
+    imagePullSecrets:
+      label: 镜像拉取密钥
+      tooltip: 必须为 kubernetes.io/dockercfg 或 kubernetes.io/dockerconfigjson 类型
     init: 初始化容器
     lifecycleHook:
       postStart:
@@ -5966,7 +5970,7 @@ workload:
           label: 端口
           placeholder: 例如：3000
         scheme:
-          label: Scheme
+          label: 协议
           placeholder: 例如：HTTP
       httpHeaders:
         title: HTTP 头部
@@ -6017,7 +6021,7 @@ workload:
       hostPID: 使用主机 PID 资源组
       podFsGroup: Pod 文件系统组
       privileged:
-        label: Privileged
+        label: 特权模式
         'false': 否
         'true': "是：容器可以完全访问主机"
       readOnlyRootFilesystem:
@@ -6512,6 +6516,26 @@ typeDescription:
   management.cattle.io.setting: 统一配置平台基础选项与全局设置，支持CA证书、密码规则、域名、Token时效等核心配置。
   management.cattle.io.user: 用于管理用户账号，支持创建、维护用户信息，可设置用户权限、管理密码等，保障系统资源仅由授权用户访问，提升系统安全性。
   harvesterhci.io.management.cluster: 提供虚拟化集群的实时健康状态监控、版本号管理及资源负载管理，支持批量导入/删除集群、配置调优与权限分级功能，实现高效运维管控。
+  projectsnamespaces: 项目/资源组是用于在集群内实现资源隔离和多租户管理的基本单元。通过项目可以对一组命名空间及相关资源进行统一的权限、配额和策略管理。
+  members: 集群和项目成员管理页面用于配置用户和用户组对资源的访问权限。通过角色绑定（RBAC）来控制成员在集群或项目范围内的操作权限，实现安全的协同管理。
+  event: 事件记录了 Kubernetes 资源（如 Pod、节点等）的状态变化、错误信息和生命周期事件。通过查看事件可以快速诊断应用部署和运行中的问题。
+  apps.deployment: Deployment 提供了对 Pod 和 ReplicaSet 的声明式更新管理。您可以定义应用的期望状态（如副本数、镜像版本），Deployment 控制器将以受控的方式逐步完成部署和滚动更新。
+  batch.job: Job 用于创建一个或多个 Pod 并确保指定数量的 Pod 成功终止。适用于运行一次性任务或批处理作业，任务完成后 Pod 不会自动重启。
+  apps.statefulset: StatefulSet 用于管理有状态应用的工作负载 API 对象。它为每个 Pod 提供稳定的网络标识符和持久化存储，确保 Pod 的部署、扩展、更新和删除都有序进行。
+  pod: Pod 是 Kubernetes 中最小的可部署计算单元，包含一个或多个共享存储和网络资源的容器。Pod 代表了集群中运行的单个应用实例，是工作负载执行的实际载体。
+  autoscaling.horizontalpodautoscaler: HorizontalPodAutoscaler (HPA) 用于根据观察到的 CPU 利用率或其他自定义指标自动调整工作负载的 Pod 副本数量，实现应用的水平自动扩缩容。
+  networking.k8s.io.ingress: Ingress 用于管理对集群内服务的外部访问，提供 HTTP 和 HTTPS 路由规则。通过 Ingress 可以配置负载均衡、SSL 终止和基于名称的虚拟主机等能力。
+  service: Service 用于将一组 Pod 暴露为网络服务，提供稳定的 IP 地址和 DNS 名称，并实现负载均衡。Service 确保您的应用程序在网络中可被发现和可靠访问。
+  storage.k8s.io.storageclass: 存储池页面用于集中管理和配置集群中的持久化存储资源。您可以在此查看存储提供商、创建存储类（StorageClass）并为有状态应用动态提供持久卷（Persistent Volume）。
+  persistentvolume: PersistentVolume (PV) 是集群中的一块持久化存储资源，由管理员预先配置或通过存储类动态供应。PV 为需要持久化数据的应用提供独立于 Pod 生命周期的存储空间。
+  persistentvolumeclaim: 虚拟磁盘是提供给虚拟机使用的持久化存储设备，为虚拟机操作系统和应用数据提供独立的、可扩展的存储空间。虚拟磁盘的生命周期可以与虚拟机解耦，实现数据的持久化保存。
+  configmap: ConfigMap 用于将非机密的配置数据以键值对形式保存，并注入到 Pod 中作为环境变量、命令行参数或配置文件使用。实现应用配置与容器镜像的分离，便于配置管理。
+  secret: Secret 用于存储和管理敏感信息，如密码、OAuth 令牌和 SSH 密钥等。Secret 以加密方式保存数据，并可以安全地挂载到 Pod 中供容器使用，避免敏感信息硬编码。
+  projectsecret: Secret 用于存储和管理敏感信息，如密码、OAuth 令牌和 SSH 密钥等。Secret 以加密方式保存数据，并可以安全地挂载到 Pod 中供容器使用，避免敏感信息硬编码。
+  networking.k8s.io.networkpolicy: 网络策略用于控制 Pod 组之间的网络通信规则，实现 Kubernetes 集群内的网络隔离。通过定义入站和出站规则，可以精确控制 Pod 之间的网络访问权限。
+  limitrange: 限制范围用于在命名空间内限制资源的使用量，包括 Pod 的计算资源（CPU、内存）请求和限制、存储卷大小以及可创建的资源对象数量，防止资源过度消耗。
+  resourcequota: 资源配额用于限制命名空间可以使用的总体资源总量，包括计算资源、存储资源以及可创建的对象数量。它确保命名空间内的资源使用不会超过分配的配额限制。
+  policy.poddisruptionbudget: Pod 中断预算用于限制自愿中断期间同时终止的 Pod 副本数量，确保应用的高可用性。它可以防止在节点维护或集群缩容时导致的应用服务中断。
 typeLabel:
   management.cattle.io.project: |-
     {count, plural,
@@ -6869,6 +6893,26 @@ typeLabel:
       one { 工作负载 }
       other { 工作负载 }
     }
+  cluster : |-
+    {count, plural,
+      one { 集群 }
+      other { 集群 }
+    }
+  servicediscovery : |-
+    {count, plural,
+      one { 服务发现 }
+      other { 服务发现 }
+    }
+  storage : |-
+    {count, plural,
+      one { 存储 }
+      other { 存储 }
+    }
+  policy  : |-
+    {count, plural,
+      one { 策略 }
+      other { 策略 }
+    }
   harvesterhci.io.management.cluster: |-
     {count, plural,
       one { Cloud 集群 }

package/components/CodeMirror.vue

@@ -323,12 +323,12 @@ export default {
     }
 
     &.as-text-area .codemirror-container{
-      min-height: 40px;
+      min-height: 32px !important;
       position: relative;
       display: block;
       box-sizing: border-box;
       width: 100%;
-      padding: 10px;
+      padding: 8px 10px 0 10px !important;
       background-color: var(--input-bg);
       border-radius: var(--border-radius);
       border: solid var(--border-width) var(--input-border);
@@ -418,7 +418,7 @@ export default {
 
   .code-mirror {
     position: relative;
-    margin-bottom: 20px;
+    margin-bottom: 0 !important;
 
     .escape-text {
       font-size: 12px;
@@ -498,5 +498,7 @@ export default {
       }
     }
   }
-
+  .CodeMirror-scroll {
+    min-height: 350px;
+  }
 </style>

package/components/ContainerResourceLimit.vue

@@ -177,7 +177,7 @@ export default {
       </div>
     </div>
 
-    <div class="row mb-20">
+    <div class="row">
       <span class="col span-6">
         <UnitInput
           v-model:value="requestsCpu"
@@ -206,7 +206,7 @@ export default {
       </span>
     </div>
 
-    <div class="row mb-20">
+    <div class="row">
       <span class="col span-6">
         <UnitInput
           v-model:value="limitsCpu"

package/components/ResourceDetail/legacy.vue

@@ -523,21 +523,21 @@ export default {
     />
 
     <component
-      :is="showComponent"
-      v-else
-      ref="comp"
-      v-model:value="value"
-      v-bind="$data"
-      :done-params="doneParams"
-      :done-route="doneRoute"
-      :mode="mode"
-      :initial-value="initialModel"
-      :live-value="liveModel"
-      :real-mode="realMode"
-      :class="{'flex-content': flexContent}"
-      @update:value="$emit('input', $event)"
-      @update:mode="setMode"
-      @set-subtype="setSubtype"
+    :is="showComponent"
+    v-else
+    ref="comp"
+    v-model:value="value"
+    v-bind="$data"
+    :done-params="doneParams"
+    :done-route="doneRoute"
+    :mode="mode"
+    :initial-value="initialModel"
+    :live-value="liveModel"
+    :real-mode="realMode"
+    :class="{'flex-content': flexContent}"
+    @update:value="$emit('input', $event)"
+    @update:mode="setMode"
+    @set-subtype="setSubtype"
     />
 
     <button

package/components/ResourceList/Masthead.vue

@@ -156,37 +156,34 @@ export default {
     demoDisplay() {
 
       const product = this.$store.getters['productId'];
-      const productId = this.$store.getters['type-map/groupForBasicType'](this.$store.getters['productId'], this._createLocation.params.resource);
-      const parts = productId?.split('::');
+      const productId = this.$store.getters['type-map/groupForBasicType'](this.$store.getters['productId'], this._createLocation?.params?.resource);
+      console.log(this._createLocation, 'this._createLocation?.params?.resource')
+      console.log(this._createLocation?.params?.resource, 'this._createLocation?.params?.resource')
+      let parts = productId?.split('::');
       const newString = 'root';
 
-      // const product = this.$store.getters['productId'];
-      // const productId = this.$store.getters['type-map/groupForBasicType'](this.$store.getters['productId'], this._createLocation.params.resource);
-
-      // const parts = productId?.split('::') || [];
-      // const newString = 'root';
-
+      if (!parts) {
+        if (this.$route.path.includes('/c/local/explorer/secret')) {
+          parts = ['storage']          
+        }
+      }
       
       const breadcrumbList = {
         'harvesterhci.io.management.cluster': {
           origin: 'Harvester 集群',
           bread: ['虚拟化管理'],
-          description: '提供虚拟化集群的实时健康状态监控、版本号管理及资源负载管理，支持批量导入/删除集群、配置调优与权限分级功能，实现高效运维管控。'
         },
         'management.cattle.io.user': {
           origin: '用户',
           bread: ['用户 & 认证'],
-          description: '用于管理用户账号，支持创建、维护用户信息，可设置用户权限、管理密码等，保障系统资源仅由授权用户访问，提升系统安全性。'
         },
         'management.cattle.io.setting':{
           origin: '基础设置',
           bread: ['全局设置'],
-          description: '统一配置平台基础选项与全局设置，支持CA证书、密码规则、域名、Token时效等核心配置。'
         },
         'management.cattle.io.feature':{
           origin: '功能开关',
           bread: ['全局设置'],
-          description: '还没有添加描述。。。。'
         },
       }
       const resourcePath = this.$route.params.resource || ''
@@ -194,7 +191,6 @@ export default {
       const breadcrumb = []
       if (breadcrumbList[resourcePath] && Object.keys(breadcrumbList[resourcePath]).length > 0) {
         breadcrumb.push(...breadcrumbList[resourcePath].bread)
-        this.description = breadcrumbList[resourcePath].description
         return breadcrumb
       } else {
         if (!parts?.includes(newString)) {

package/components/SortableTable/index.vue

@@ -2201,6 +2201,9 @@ export default {
     td {
       padding: 8px 5px;
       border: 0;
+      white-space: normal;
+      word-break: break-all;
+      overflow-wrap: break-word;
 
       &:first-child {
         padding-left: 10px;
@@ -2664,7 +2667,7 @@ export default {
   .sort-table-div{
       width:100%;
       white-space:nowrap;
-      // overflow-x: auto;
+      overflow-x: auto;
   }
 
   /* 滚动阴影左边 */

package/components/Tabbed/index.vue

@@ -390,6 +390,7 @@ export default {
 
     + .tab-container {
       border: solid thin var(--border);
+      border-top: 0px;
     }
 
     .tab.active {
@@ -504,8 +505,8 @@ margin: 0px -20px;
     display: flex;
     border-bottom:1px solid #d7d7d7;
     padding: 0 0 0 20px;
-    overflow: auto;
-    overflow-y: hidden;
+    // overflow: auto;
+    // overflow-y: hidden;
     /* flex: 1 0; */
     /* flex-direction: column; */
 

package/components/breadcrumb/index.vue

@@ -44,6 +44,7 @@ export default {
     demoDisplay() {
 
       const resources = this.$route.params?.resource || ''
+      console.log(resources, 'resources')
       
       const productId = this.$store.getters['type-map/groupForBasicType'](this.$store.getters['productId'], resources);
       

package/components/form/ArrayList.vue

@@ -265,9 +265,8 @@ export default {
   >
 
     <div class="row">
-      <div style="width: 100%;" class="col">
+      <div v-if="title" style="width: 100%;" class="col">
         <div
-          v-if="title"
           class="clearfix"
           role="group"
         >

package/components/form/ArrayListGrouped.vue

@@ -120,7 +120,8 @@ export default {
 
 <style lang="scss">
 .array-list-grouped {
-    & > .box {
+    .box {
+      border: 1px solid var(--tabbed-border);
       position: relative;
       display: block;
 
@@ -140,6 +141,7 @@ export default {
       }
 
       & > .info-box {
+        border: 0px solid #fff;
         margin-bottom: 0;
         padding-right: 25px;
       }

package/components/form/HookOption.vue

@@ -275,4 +275,8 @@ export default {
   border: solid 1px var(--primary);
   color: var(--primary);
 }
+
+H4{
+  font-size: 14px;
+}
 </style>

package/components/form/KeyValue.vue

@@ -1054,4 +1054,8 @@ export default {
   border-collapse: separate;
   z-index: 0; // Prevent label from cover other elements outside of the input
 }
+
+h3{
+  font-size: 14px;
+}
 </style>

package/components/form/Labels.vue

@@ -162,7 +162,7 @@ export default {
     <div :class="defaultSectionClass">
       <div class="labels">
         <div class="labels__header mb-20">
-          <div v-if="showLabelTitle">
+          <div v-if="showLabelTitle" style="font-size: 14px;">
             <t k="labels.labels.title" />
           </div>
           <ToggleSwitch

package/components/form/Networking.vue

@@ -160,7 +160,7 @@ export default {
   <div>
     <div>
       <h3>{{ t('workload.container.titles.networkSettings') }}</h3>
-      <div class="row mb-20">
+      <div class="row">
         <div class="col span-6">
           <LabeledSelect
             v-model:value="networkMode"
@@ -205,12 +205,11 @@ export default {
         </div>
       </div>
     </div>
-    <div class="spacer" />
 
-    <div>
+    <div class="mt-20">
       <h3>{{ t('workload.networking.dns') }}</h3>
       <div class="row">
-        <div class="col span-6">
+        <div class="span-6">
           <ArrayList
             key="dnsNameservers"
             v-model:value="nameservers"
@@ -222,7 +221,7 @@ export default {
             @update:value="update"
           />
         </div>
-        <div class="col span-6">
+        <div class="span-6">
           <ArrayList
             key="dnsSearches"
             v-model:value="searches"
@@ -237,7 +236,7 @@ export default {
       </div>
     </div>
 
-    <div class="mt-20">
+    <div>
       <div class="row">
         <KeyValue
           v-model:value="options"
@@ -253,9 +252,8 @@ export default {
         />
       </div>
     </div>
-    <div class="spacer" />
 
-    <div class="row mt-20">
+    <div class="row mt-40">
       <div class="col span-12">
         <KeyValue
           key="hostAliases"

package/components/form/PodAffinity.vue

@@ -436,7 +436,7 @@ export default {
             @update:value="e=>updateLabelSelector(e, props)"
           />
           <div class="row mt-20">
-            <div class="col span-6">
+            <div class="col">
               <LabeledSelect
                 v-if="hasNodes"
                 v-model:value="props.row.value.topologyKey"
@@ -464,9 +464,11 @@ export default {
                 @update:value="update"
               />
             </div>
+          </div>
+          <div class="row">
             <div
               v-if="'weight' in props.row.value"
-              class="col span-6"
+              class="col"
             >
               <LabeledInput
                 v-model:value.number="props.row.value.weight"

package/components/form/Security.vue

@@ -157,7 +157,6 @@ export default {
         </div>
       </div>
     </div>
-    <div class="spacer" />
 
     <div>
       <div class="row">
@@ -191,11 +190,10 @@ export default {
         </div>
       </div>
     </div>
-    <div class="spacer" />
 
     <div
       data-testid="input-security-runAsUser"
-      class="row mb-10"
+      class="row"
     >
       <div class="col span-6">
         <LabeledInput

package/components/form/ServiceNameSelect.vue

@@ -120,8 +120,7 @@ export default {
 
 <template>
   <div>
-    <div class="spacer" />
-    <div class="row mb-10">
+    <div class="row mb-10 mt-40">
       <h3>{{ t('workload.serviceAccountName.label') }}</h3>
     </div>
     <div class="row span-6">

package/config/product/explorer.js

@@ -75,7 +75,9 @@ export function init(store) {
     NODE,
     VIRTUAL_TYPES.CLUSTER_MEMBERS,
     EVENT,
-    'c-cluster-explorer-tools'
+    'c-cluster-explorer-tools',
+    'management.cattle.io.project',
+    'management.cattle.io.clusterroletemplatebinding'
   ], 'cluster');
   basicType([
     LIMIT_RANGE,
@@ -95,6 +97,7 @@ export function init(store) {
     STORAGE_CLASS,
     SECRET,
     VIRTUAL_TYPES.PROJECT_SECRETS,
+    VIRTUAL_TYPES.NAMESPACES,
     CONFIG_MAP
   ], 'storage');
   basicType([

package/detail/node.vue

@@ -196,28 +196,7 @@ export default {
     v-else
     class="node"
   >
-    <div class="spacer" />
-    <div class="alerts">
-      <Alert
-        class="mr-10"
-        :status="pidPressureStatus"
-        :message="t('node.detail.glance.pidPressure')"
-      />
-      <Alert
-        class="mr-10"
-        :status="diskPressureStatus"
-        :message="t('node.detail.glance.diskPressure')"
-      />
-      <Alert
-        class="mr-10"
-        :status="memoryPressureStatus"
-        :message="t('node.detail.glance.memoryPressure')"
-      />
-      <Alert
-        :status="kubeletStatus"
-        :message="t('node.detail.glance.kubelet')"
-      />
-    </div>
+    <div style="font-size: 14px;margin-bottom: 32px;">监控数据</div>
     <div class="mt-20 resources">
       <ConsumptionGauge
         :resource-name="t('node.detail.glance.consumptionGauge.cpu')"
@@ -237,7 +216,24 @@ export default {
         :used="value.podConsumed"
       />
     </div>
-    <div class="spacer" />
+    <div class="alerts mt-10">
+      <Alert
+        :status="pidPressureStatus"
+        :message="t('node.detail.glance.pidPressure')"
+      />
+      <Alert
+        :status="diskPressureStatus"
+        :message="t('node.detail.glance.diskPressure')"
+      />
+      <Alert
+        :status="memoryPressureStatus"
+        :message="t('node.detail.glance.memoryPressure')"
+      />
+      <Alert
+        :status="kubeletStatus"
+        :message="t('node.detail.glance.kubelet')"
+      />
+    </div>
     <ResourceTabs
       :value="value"
       :mode="mode"
@@ -331,4 +327,13 @@ export default {
     width: 30%;
   }
 }
+.alerts{
+  display: flex;
+  flex-wrap: wrap;
+  justify-content: space-between;
+  >div{
+    width: 30%;
+    margin-bottom: 10px;
+  }
+}
 </style>

package/dialog/AddCustomBadgeDialog.vue

@@ -236,7 +236,7 @@ export default {
           <div class="badge-preview-header">
             <p> {{ t('clusterBadge.modal.previewHeader') }}</p>
             <div
-              class="col span-12"
+              class="span-12"
             >
               <ClusterProviderIcon
                 :cluster="{...previewCluster, badge: displayClusterPrevIcon}"
@@ -340,7 +340,7 @@ export default {
   display: flex;
   width: 100%;
   gap: 40px;
-  padding: 10px 5px;
+  // padding: 10px 5px;
   margin-bottom: 30px;
   margin-top: 5px;
   background: var(--body-bg);
@@ -424,26 +424,34 @@ export default {
 }
 
 .badge-customisation {
-  display: flex;
-  gap: 10px;
+  // display: flex;
+  // gap: 10px;
 
-  div {
+  >div {
     display: flex;
+    // align-items: flex-end;
+    margin-bottom: 30px;
     flex-direction: column;
-    flex: 1;
-    gap: 10px;
+    // flex: 1;
+    // gap: 10px;
 
     .color-input {
       display: flex;
       padding: 6px 10px;
       min-height: 61px;
     }
+
+    .checkbox-outer-container{
+      min-width: 160px;
+      margin-bottom: 10px;
+      // align-items: flex-start;
+    }
   }
 
   &-color {
     display: flex;
-    flex-direction: column;
-    gap: 10px;
+    // flex-direction: column;
+    // gap: 10px;
   }
 }
 

package/edit/autoscaling.horizontalpodautoscaler/hpa-scaling-rule.vue

@@ -49,8 +49,8 @@ export default {
 
 <template>
   <div>
-    <div class="row mb-20">
-      <div class="col span-12">
+    <div class="row">
+      <div class="span-12">
         <ArrayListGrouped
           v-model:value="value.spec.behavior[type].policies"
           :add-label="t('hpa.scalingRule.addPolicy')"
@@ -59,7 +59,7 @@ export default {
         >
           <template #default="props">
             <div class="row">
-              <div class="col span-4">
+              <div class="col">
                 <LabeledSelect
                   v-model:value="props.row.value.type"
                   :mode="mode"
@@ -72,7 +72,9 @@ export default {
                   :label="t('hpa.scalingRule.policy.type')"
                 />
               </div>
-              <div class="col span-4">
+            </div>
+            <div class="row">
+              <div class="col">
                 <LabeledInput
                   v-model:value.number="props.row.value.value"
                   :mode="mode"
@@ -83,7 +85,9 @@ export default {
                   :label="t('hpa.scalingRule.policy.value')"
                 />
               </div>
-              <div class="col span-4">
+            </div>
+            <div class="row">
+              <div class="col">
                 <LabeledInput
                   v-model:value.number="props.row.value.periodSeconds"
                   :mode="mode"
@@ -125,6 +129,5 @@ export default {
         />
       </div>
     </div>
-    <div class="row mb-40" />
   </div>
 </template>

package/edit/persistentvolume/index.vue

@@ -298,7 +298,7 @@ export default {
         :label="t('persistentVolume.customize.label')"
         :weight="0"
       >
-        <div class="row mb-20">
+        <div class="row">
           <div class="col span-6">
             <h3>{{ t('persistentVolume.customize.accessModes.label') }}</h3>
             <div>
@@ -323,6 +323,8 @@ export default {
               />
             </div>
           </div>
+        </div>
+        <div class="row">
           <div class="col span-6">
             <ArrayList
               v-model:value="value.spec.mountOptions"

package/edit/persistentvolumeclaim.vue

@@ -257,6 +257,8 @@ export default {
               @update:value="updateDefaults"
             />
           </div>
+        </div>
+        <div class="row">
           <div class="col span-6">
             <div class="row">
               <div

package/edit/workload/Job.vue

@@ -150,7 +150,7 @@ export default {
 
 <template>
   <form>
-    <div class="row mb-20">
+    <div class="row">
       <div
         data-testid="input-job-completions"
         class="col span-6"
@@ -178,7 +178,7 @@ export default {
         />
       </div>
     </div>
-    <div class="row mb-20">
+    <div class="row">
       <div
         data-testid="input-job-backoffLimit"
         class="col span-6"
@@ -208,7 +208,7 @@ export default {
     </div>
 
     <template v-if="isCronJob">
-      <div class="row  mb-20">
+      <div class="row ">
         <div
           data-testid="input-job-successful"
           class="col span-6"
@@ -234,7 +234,7 @@ export default {
           />
         </div>
       </div>
-      <div class="row mb-20">
+      <div class="row">
         <div
           data-testid="input-job-startingDeadlineSeconds"
           class="col span-6"
@@ -276,7 +276,6 @@ export default {
       </div>
       <div
         data-testid="input-job-concurrencyPolicy"
-
         class="col span-8"
       >
         <RadioGroup

package/edit/workload/Upgrading.vue

@@ -241,7 +241,7 @@ export default {
     </div>
     <div
       v-if="isStatefulSet && !noDeploymentSpec"
-      class="row mb-20"
+      class="row"
     >
       <div
         class="col span-6"
@@ -252,7 +252,7 @@ export default {
           name="podManagement"
           :mode="mode"
           :label="t('workload.upgrading.podManagementPolicy.label')"
-          :options="['OrderedReady', 'Parallel']"
+          :options="['OrderedReady (顺序就绪模式)', 'Parallel (并行模式)']"
           @update:value="update"
         />
       </div>

package/edit/workload/index.vue

@@ -194,7 +194,7 @@ export default {
               <div>
                 <div
                   :style="{'align-items':'center'}"
-                  class="row mb-20"
+                  class="row"
                 >
                   <div class="col span-6">
                     <LabeledInput
@@ -214,7 +214,7 @@ export default {
                     />
                   </div>
                 </div>
-                <h3>{{ t('workload.container.titles.image') }}</h3>
+                <h3 class="mt-20">{{ t('workload.container.titles.image') }}</h3>
                 <div class="row">
                   <div class="col span-6">
                     <LabeledInput
@@ -252,7 +252,7 @@ export default {
                 </div>
               </div>
               <div>
-                <h3>
+                <h3 class="mt-20">
                   {{ t('workload.container.ports.expose') }}
                   <i
                     v-clean-tooltip="{content: t('workload.container.ports.toolTip'), triggers: ['hover', 'touch', 'focus'] }"
@@ -274,8 +274,7 @@ export default {
                   />
                 </div>
               </div>
-              <div class="spacer" />
-              <div>
+              <div class="mt-40">
                 <h3>{{ t('workload.container.titles.command') }}</h3>
                 <Command
                   v-model:value="allContainers[i]"
@@ -295,8 +294,7 @@ export default {
                 :loading="isLoadingSecondaryResources"
                 @update:value="updateServiceAccount"
               />
-              <div class="spacer" />
-              <div>
+              <div class="mt-40">
                 <h3>{{ t('workload.container.titles.lifecycle') }}</h3>
                 <LifecycleHooks
                   v-model:value="allContainers[i].lifecycle"
@@ -449,8 +447,7 @@ export default {
                   </div>
                 </div>
 
-                <div>
-                  <div class="spacer" />
+                <div class="mt-40">
                   <h3 class="mb-10">
                     <t k="workload.scheduling.titles.priority" />
                   </h3>
@@ -563,7 +560,7 @@ export default {
             >
               <div>
                 <h3>{{ t('workload.container.titles.podLabels') }}</h3>
-                <div class="row mb-20">
+                <div class="row">
                   <KeyValue
                     key="labels"
                     v-model:value="podLabels"
@@ -573,8 +570,7 @@ export default {
                     :protip="false"
                   />
                 </div>
-                <div class="spacer" />
-                <h3>{{ t('workload.container.titles.podAnnotations') }}</h3>
+                <h3 class="mt-40">{{ t('workload.container.titles.podAnnotations') }}</h3>
                 <div class="row">
                   <KeyValue
                     key="annotations"
@@ -666,8 +662,16 @@ export default {
     border-bottom: 1px solid var(--border);
     margin-bottom: 20px;
   }
+
+  > .tab-container{
+    border: none !important;
+  }
 }
 .padded {
   padding-bottom: 10px;
 }
+
+H3{
+  font-size: 14px;
+}
 </style>

package/edit/workload/storage/persistentVolumeClaim/persistentvolumeclaim.vue

@@ -233,6 +233,8 @@ export default {
           />
         </div>
       </div>
+    </div>
+    <div class="row">
       <div
         v-if="isCreatePV"
         class="col"

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "dashboard-shell-shell",
-  "version": "3.0.5-test.19",
+  "version": "3.0.5-test.20",
   "description": "Rancher Dashboard Shell",
   "repository": "https://github.com/rancherlabs/dashboard",
   "license": "Apache-2.0",

package/pages/c/_cluster/explorer/ConfigBadge.vue

@@ -49,7 +49,7 @@ export default {
     margin-left: 10px;
 
     &:hover {
-      border-color: var(--lightest);
+      // border-color: var(--lightest);
     }
 
     > I {

package/pages/c/_cluster/explorer/tools/index.vue

@@ -230,7 +230,7 @@ export default {
 
       .name {
         white-space: nowrap;
-        overflow: hidden;
+        // overflow: hidden;
         text-overflow: ellipsis;
         margin: 0;
       }
@@ -249,7 +249,7 @@ export default {
       .version {
         color: var(--muted);
         white-space: nowrap;
-        overflow: hidden;
+        // overflow: hidden;
         text-overflow: ellipsis;
         font-size: 0.9em;
         margin-top: 4px;
@@ -262,10 +262,10 @@ export default {
       .description-content {
         display: -webkit-box;
         -webkit-box-orient: vertical;
-        -webkit-line-clamp: 3;
-        line-clamp: 3;
-        overflow: hidden;
-        text-overflow: ellipsis;
+        // -webkit-line-clamp: 3;
+        // line-clamp: 3;
+        // overflow: hidden;
+        // text-overflow: ellipsis;
         color: var(--text-muted);
       }
 

package/rancher-components/Banner/Banner.vue

@@ -164,7 +164,7 @@ $icon-size: 24px;
   margin: 0px 0px 20px 0px;
   position: relative;
   width: 100%;
-  height: 32px;
+  min-height: 32px;
   color: var(--body-text);
 
   &__icon {

package/scripts/publish-shell.sh

@@ -1,7 +1,7 @@
 #!/usr/bin/env bash
 
 # 执行命令示例：
-# TAG=shell-pkg-v3.0.5-test.19 ./shell/scripts/publish-shell.sh
+# TAG=shell-pkg-v3.0.5-test.20 ./shell/scripts/publish-shell.sh
 
 set -euo pipefail