From 6e6d822b0614e297e96698eddc1e511f27cc6455 Mon Sep 17 00:00:00 2001
From: jingrow <support@jingrow.com>
Date: Sun, 4 Jan 2026 21:42:22 +0800
Subject: [PATCH] =?UTF-8?q?=E7=BB=9F=E4=B8=80=E5=8D=A1=E7=89=87=E9=A3=8E?=
 =?UTF-8?q?=E6=A0=BC=E5=B9=B6=E8=A1=A5=E5=85=85=E7=BC=BA=E5=A4=B1=E7=9A=84?=
 =?UTF-8?q?=E4=B8=AD=E6=96=87=E7=BF=BB=E8=AF=91?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- 统一推荐有礼和合作伙伴卡片的风格，使用与功能设置卡片一致的 n-list 和 n-list-item 结构
- 添加 API key created successfully 的中文翻译
- 添加 Failed to create API key 的中文翻译
- 添加 Partner removed successfully 的中文翻译
- 添加 Failed to remove partner 的中文翻译
- 添加 Delete SSH Key 的中文翻译
- 添加 Only system administrators can edit environment configuration 的中文翻译
---
 src/locales/zh-CN.json          |  6 +++
 src/views/settings/Settings.vue | 90 +++++++++++++++++++--------------
 2 files changed, 59 insertions(+), 37 deletions(-)

diff --git a/src/locales/zh-CN.json b/src/locales/zh-CN.json
index aa8600f..f7140da 100644
--- a/src/locales/zh-CN.json
+++ b/src/locales/zh-CN.json
@@ -969,6 +969,7 @@
   "Restart Environment": "重启环境",
   "Restart": "重启",
   "Only system administrators can restart environment": "仅系统管理员可以重启环境",
+  "Only system administrators can edit environment configuration": "仅系统管理员可以查看和编辑环境配置",
   "Are you sure you want to restart the environment? This operation may cause service interruption.": "您确定要重启环境吗？此操作可能导致服务中断。",
   "Environment restart request submitted. The system will restart shortly.": "环境重启请求已提交，系统将在稍后重启。",
   "Failed to restart environment": "重启环境失败",
@@ -1248,6 +1249,8 @@
   "Jingrow API": "Jingrow API",
   "Create New API Key": "创建新的 API 密钥",
   "Regenerate API Key": "重新生成 API 密钥",
+  "API key created successfully": "API 密钥创建成功",
+  "Failed to create API key": "创建 API 密钥失败",
   "You don't have an API key yet. Click the button above to create one.": "您还没有 API 密钥。请点击上方按钮创建一个。",
   "Please copy the API secret now. You won't be able to see it again!": "请立即复制 API 密钥。您将无法再次查看它！",
   "API Secret": "API 密钥",
@@ -1268,6 +1271,8 @@
   "Submit": "提交",
   "Remove Partner": "移除合作伙伴",
   "This will remove the partner associated with your account. Are you sure you want to remove this partner?": "这将移除与您的账户关联的合作伙伴。确定要移除此合作伙伴吗？",
+  "Partner removed successfully": "合作伙伴移除成功",
+  "Failed to remove partner": "移除合作伙伴失败",
   "SSH key added successfully": "SSH 密钥添加成功",
   "Failed to add SSH key": "添加 SSH 密钥失败",
   "SSH key updated successfully": "SSH 密钥更新成功",
@@ -1275,6 +1280,7 @@
   "SSH key deleted successfully": "SSH 密钥删除成功",
   "Failed to delete SSH key": "删除 SSH 密钥失败",
   "Are you sure you want to delete this SSH key?": "确定要删除此 SSH 密钥吗？",
+  "Delete SSH Key": "删除 SSH 密钥",
   "Advanced Features": "高级功能",
   "Enable private benches": "启用私有工作台",
   "Enable security portal": "启用安全门户",
diff --git a/src/views/settings/Settings.vue b/src/views/settings/Settings.vue
index a17e39f..149c103 100644
--- a/src/views/settings/Settings.vue
+++ b/src/views/settings/Settings.vue
@@ -111,52 +111,68 @@
           </n-card>
 
           <!-- 推荐有礼 -->
-          <n-card v-if="referralLink" class="referral-card">
-            <template #header>
-              <div>
-                <h3 class="text-lg font-semibold">{{ t('Referral Program') }}</h3>
-                <p class="text-sm text-gray-600 mt-1">{{ t('Your exclusive referral link') }}</p>
-              </div>
-            </template>
-            <n-space vertical :size="16">
-              <ClickToCopyField :textContent="referralLink" />
+          <n-card v-if="referralLink">
+            <n-list>
+              <n-list-item>
+                <n-thing>
+                  <template #header>
+                    <span class="text-base font-medium">{{ t('Referral Program') }}</span>
+                  </template>
+                  <template #description>
+                    <span class="text-sm text-gray-600">{{ t('Your exclusive referral link') }}</span>
+                  </template>
+                  <template #action>
+                    <div class="flex flex-col gap-3 items-end">
+                      <ClickToCopyField :textContent="referralLink" />
+                    </div>
+                  </template>
+                </n-thing>
+              </n-list-item>
+            </n-list>
+            <div class="mt-3 pt-3 border-t border-gray-200">
               <p class="text-sm text-gray-700">
                 {{ t('Invite others to join Jingrow,') }}
                 <strong>{{ t('when they register and spend at least ¥100, you will get ¥20') }}</strong>
               </p>
-            </n-space>
+            </div>
           </n-card>
 
           <!-- Jingrow 合作伙伴 -->
-          <n-card v-if="!teamInfo?.jerp_partner" class="partner-card">
-            <template #header>
-              <div class="flex items-center justify-between">
-                <div>
-                  <h3 class="text-lg font-semibold">{{ t('Jingrow Partner') }}</h3>
-                  <p class="text-sm text-gray-600 mt-1">{{ t('Jingrow partner associated with your account') }}</p>
-                </div>
-                <n-button
-                  v-if="!teamInfo?.partner_email"
-                  @click="showAddPartnerCodeDialog = true"
-                >
-                  <template #icon>
-                    <n-icon><Icon icon="tabler:edit" /></n-icon>
+          <n-card v-if="!teamInfo?.jerp_partner">
+            <n-list>
+              <n-list-item>
+                <n-thing>
+                  <template #header>
+                    <span class="text-base font-medium">{{ t('Jingrow Partner') }}</span>
                   </template>
-                  {{ t('Add Partner Code') }}
-                </n-button>
-                <n-button
-                  v-else
-                  type="error"
-                  @click="showRemovePartnerDialog = true"
-                >
-                  <template #icon>
-                    <n-icon><Icon icon="tabler:trash" /></n-icon>
+                  <template #description>
+                    <span class="text-sm text-gray-600">{{ t('Jingrow partner associated with your account') }}</span>
                   </template>
-                  {{ t('Unlink Partner') }}
-                </n-button>
-              </div>
-            </template>
-            <div class="py-2">
+                  <template #action>
+                    <n-button
+                      v-if="!teamInfo?.partner_email"
+                      @click="showAddPartnerCodeDialog = true"
+                    >
+                      <template #icon>
+                        <n-icon><Icon icon="tabler:edit" /></n-icon>
+                      </template>
+                      {{ t('Add Partner Code') }}
+                    </n-button>
+                    <n-button
+                      v-else
+                      type="error"
+                      @click="showRemovePartnerDialog = true"
+                    >
+                      <template #icon>
+                        <n-icon><Icon icon="tabler:trash" /></n-icon>
+                      </template>
+                      {{ t('Unlink Partner') }}
+                    </n-button>
+                  </template>
+                </n-thing>
+              </n-list-item>
+            </n-list>
+            <div class="mt-3 pt-3 border-t border-gray-200">
               <p
                 v-if="!teamInfo?.partner_email"
                 class="text-sm text-gray-700"