Revert "Merge pull request #424 from Wangnov/feat/i18n"

This reverts commit 1d915d8327, reversing
changes made to 009f7c84f6.

web/admin-spa/src/components/apikeys/CreateApiKeyModal.vue

@@ -10,7 +10,7 @@
               <i class="fas fa-key text-sm text-white sm:text-base" />
             </div>
             <h3 class="text-lg font-bold text-gray-900 dark:text-gray-100 sm:text-xl">
-              {{ $t('apiKeys.createApiKeyModal.title') }}
+              创建新的 API Key
             </h3>
           </div>
           <button
@@ -37,7 +37,7 @@
             >
               <label
                 class="flex h-full items-center text-xs font-semibold text-gray-700 dark:text-gray-300 sm:text-sm"
-                >{{ $t('apiKeys.createApiKeyModal.createType') }}</label
+                >创建类型</label
               >
               <div class="flex items-center gap-3 sm:gap-4">
                 <label class="flex cursor-pointer items-center">
@@ -51,7 +51,7 @@
                     class="flex items-center text-xs text-gray-700 dark:text-gray-300 sm:text-sm"
                   >
                     <i class="fas fa-key mr-1 text-xs" />
-                    {{ $t('apiKeys.createApiKeyModal.singleCreate') }}
+                    单个创建
                   </span>
                 </label>
                 <label class="flex cursor-pointer items-center">
@@ -65,7 +65,7 @@
                     class="flex items-center text-xs text-gray-700 dark:text-gray-300 sm:text-sm"
                   >
                     <i class="fas fa-layer-group mr-1 text-xs" />
-                    {{ $t('apiKeys.createApiKeyModal.batchCreate') }}
+                    批量创建
                   </span>
                 </label>
               </div>
@@ -75,30 +75,32 @@
             <div v-if="form.createType === 'batch'" class="mt-3">
               <div class="flex items-center gap-4">
                 <div class="flex-1">
-                  <label class="mb-1 block text-xs font-medium text-gray-600 dark:text-gray-400">{{
-                    $t('apiKeys.createApiKeyModal.batchCount')
-                  }}</label>
+                  <label class="mb-1 block text-xs font-medium text-gray-600 dark:text-gray-400"
+                    >创建数量</label
+                  >
                   <div class="flex items-center gap-2">
                     <input
                       v-model.number="form.batchCount"
                       class="form-input w-full border-gray-300 text-sm dark:border-gray-600 dark:bg-gray-700 dark:text-gray-200 dark:placeholder-gray-400"
                       max="500"
                       min="2"
-                      :placeholder="$t('apiKeys.createApiKeyModal.batchCountPlaceholder')"
+                      placeholder="输入数量 (2-500)"
                       required
                       type="number"
                     />
                     <div class="whitespace-nowrap text-xs text-gray-500 dark:text-gray-400">
-                      {{ $t('apiKeys.createApiKeyModal.maxSupported') }}
+                      最大支持 500 个
                     </div>
                   </div>
                 </div>
               </div>
               <p class="mt-2 flex items-start text-xs text-amber-600 dark:text-amber-400">
                 <i class="fas fa-info-circle mr-1 mt-0.5 flex-shrink-0" />
-                <span>{{
-                  $t('apiKeys.createApiKeyModal.batchHint', { name: form.name || 'MyKey' })
-                }}</span>
+                <span
+                  >批量创建时，每个 Key 的名称会自动添加序号后缀，例如：{{
+                    form.name || 'MyKey'
+                  }}_1, {{ form.name || 'MyKey' }}_2 ...</span
+                >
               </p>
             </div>
           </div>
@@ -106,24 +108,23 @@
           <div>
             <label
               class="mb-1.5 block text-xs font-semibold text-gray-700 dark:text-gray-300 sm:mb-2 sm:text-sm"
-              >{{ $t('apiKeys.createApiKeyModal.name') }}
-              <span class="text-red-500">{{
-                $t('apiKeys.createApiKeyModal.nameRequired')
-              }}</span></label
+              >名称 <span class="text-red-500">*</span></label
             >
-            <input
-              v-model="form.name"
-              class="form-input w-full border-gray-300 text-sm dark:border-gray-600 dark:bg-gray-700 dark:text-gray-200 dark:placeholder-gray-400"
-              :class="{ 'border-red-500': errors.name }"
-              :placeholder="
-                form.createType === 'batch'
-                  ? $t('apiKeys.createApiKeyModal.batchNamePlaceholder')
-                  : $t('apiKeys.createApiKeyModal.singleNamePlaceholder')
-              "
-              required
-              type="text"
-              @input="errors.name = ''"
-            />
+            <div>
+              <input
+                v-model="form.name"
+                class="form-input flex-1 border-gray-300 text-sm dark:border-gray-600 dark:bg-gray-700 dark:text-gray-200 dark:placeholder-gray-400"
+                :class="{ 'border-red-500': errors.name }"
+                :placeholder="
+                  form.createType === 'batch'
+                    ? '输入基础名称（将自动添加序号）'
+                    : '为您的 API Key 取一个名称'
+                "
+                required
+                type="text"
+                @input="errors.name = ''"
+              />
+            </div>
             <p v-if="errors.name" class="mt-1 text-xs text-red-500 dark:text-red-400">
               {{ errors.name }}
             </p>
@@ -131,14 +132,14 @@
 
           <!-- 标签 -->
           <div>
-            <label class="mb-2 block text-sm font-semibold text-gray-700 dark:text-gray-300">{{
-              $t('apiKeys.createApiKeyModal.tags')
-            }}</label>
+            <label class="mb-2 block text-sm font-semibold text-gray-700 dark:text-gray-300"
+              >标签</label
+            >
             <div class="space-y-4">
               <!-- 已选择的标签 -->
               <div v-if="form.tags.length > 0">
                 <div class="mb-2 text-xs font-medium text-gray-600 dark:text-gray-400">
-                  {{ $t('apiKeys.createApiKeyModal.selectedTags') }}
+                  已选择的标签:
                 </div>
                 <div class="flex flex-wrap gap-2">
                   <span
@@ -161,7 +162,7 @@
               <!-- 可选择的已有标签 -->
               <div v-if="unselectedTags.length > 0">
                 <div class="mb-2 text-xs font-medium text-gray-600 dark:text-gray-400">
-                  {{ $t('apiKeys.createApiKeyModal.clickToSelectTags') }}
+                  点击选择已有标签:
                 </div>
                 <div class="flex flex-wrap gap-2">
                   <button
@@ -180,13 +181,13 @@
               <!-- 创建新标签 -->
               <div>
                 <div class="mb-2 text-xs font-medium text-gray-600 dark:text-gray-400">
-                  {{ $t('apiKeys.createApiKeyModal.createNewTag') }}
+                  创建新标签:
                 </div>
                 <div class="flex gap-2">
                   <input
                     v-model="newTag"
                     class="form-input flex-1 border-gray-300 dark:border-gray-600 dark:bg-gray-700 dark:text-gray-200 dark:placeholder-gray-400"
-                    :placeholder="$t('apiKeys.createApiKeyModal.newTagPlaceholder')"
+                    placeholder="输入新标签名称"
                     type="text"
                     @keypress.enter.prevent="addTag"
                   />
@@ -201,7 +202,7 @@
               </div>
 
               <p class="text-xs text-gray-500 dark:text-gray-400">
-                {{ $t('apiKeys.createApiKeyModal.tagHint') }}
+                用于标记不同团队或用途，方便筛选管理
               </p>
             </div>
           </div>
@@ -217,76 +218,68 @@
                 <i class="fas fa-tachometer-alt text-xs text-white" />
               </div>
               <h4 class="text-sm font-semibold text-gray-800 dark:text-gray-200">
-                {{ $t('apiKeys.createApiKeyModal.rateLimitTitle') }}
+                速率限制设置 (可选)
               </h4>
             </div>
 
             <div class="space-y-2">
               <div class="grid grid-cols-1 gap-2 lg:grid-cols-3">
                 <div>
-                  <label class="mb-1 block text-xs font-medium text-gray-700 dark:text-gray-300">{{
-                    $t('apiKeys.createApiKeyModal.rateLimitWindow')
-                  }}</label>
+                  <label class="mb-1 block text-xs font-medium text-gray-700 dark:text-gray-300"
+                    >时间窗口 (分钟)</label
+                  >
                   <input
                     v-model="form.rateLimitWindow"
                     class="form-input w-full border-gray-300 text-sm dark:border-gray-600 dark:bg-gray-700 dark:text-gray-200 dark:placeholder-gray-400"
                     min="1"
-                    :placeholder="$t('apiKeys.createApiKeyModal.rateLimitWindowPlaceholder')"
+                    placeholder="无限制"
                     type="number"
                   />
-                  <p class="ml-2 mt-0.5 text-xs text-gray-500 dark:text-gray-400">
-                    {{ $t('apiKeys.createApiKeyModal.rateLimitWindowHint') }}
-                  </p>
+                  <p class="ml-2 mt-0.5 text-xs text-gray-500 dark:text-gray-400">时间段单位</p>
                 </div>
 
                 <div>
-                  <label class="mb-1 block text-xs font-medium text-gray-700 dark:text-gray-300">{{
-                    $t('apiKeys.createApiKeyModal.rateLimitRequests')
-                  }}</label>
+                  <label class="mb-1 block text-xs font-medium text-gray-700 dark:text-gray-300"
+                    >请求次数限制</label
+                  >
                   <input
                     v-model="form.rateLimitRequests"
                     class="form-input w-full border-gray-300 text-sm dark:border-gray-600 dark:bg-gray-700 dark:text-gray-200 dark:placeholder-gray-400"
                     min="1"
-                    :placeholder="$t('apiKeys.createApiKeyModal.rateLimitRequestsPlaceholder')"
+                    placeholder="无限制"
                     type="number"
                   />
-                  <p class="ml-2 mt-0.5 text-xs text-gray-500 dark:text-gray-400">
-                    {{ $t('apiKeys.createApiKeyModal.rateLimitRequestsHint') }}
-                  </p>
+                  <p class="ml-2 mt-0.5 text-xs text-gray-500 dark:text-gray-400">窗口内最大请求</p>
                 </div>
 
                 <div>
-                  <label class="mb-1 block text-xs font-medium text-gray-700 dark:text-gray-300">{{
-                    $t('apiKeys.createApiKeyModal.rateLimitCost')
-                  }}</label>
+                  <label class="mb-1 block text-xs font-medium text-gray-700 dark:text-gray-300"
+                    >费用限制 (美元)</label
+                  >
                   <input
                     v-model="form.rateLimitCost"
                     class="form-input w-full border-gray-300 text-sm dark:border-gray-600 dark:bg-gray-700 dark:text-gray-200 dark:placeholder-gray-400"
                     min="0"
-                    :placeholder="$t('apiKeys.createApiKeyModal.rateLimitCostPlaceholder')"
+                    placeholder="无限制"
                     step="0.01"
                     type="number"
                   />
-                  <p class="ml-2 mt-0.5 text-xs text-gray-500 dark:text-gray-400">
-                    {{ $t('apiKeys.createApiKeyModal.rateLimitCostHint') }}
-                  </p>
+                  <p class="ml-2 mt-0.5 text-xs text-gray-500 dark:text-gray-400">窗口内最大费用</p>
                 </div>
               </div>
 
               <!-- 示例说明 -->
               <div class="rounded-lg bg-blue-100 p-2 dark:bg-blue-900/30">
                 <h5 class="mb-1 text-xs font-semibold text-blue-800 dark:text-blue-400">
-                  {{ $t('apiKeys.createApiKeyModal.exampleTitle') }}
+                  💡 使用示例
                 </h5>
                 <div class="space-y-0.5 text-xs text-blue-700 dark:text-blue-300">
                   <div>
-                    <strong>{{ $t('apiKeys.createApiKeyModal.example1') }}</strong>
+                    <strong>示例1:</strong> 时间窗口=60，请求次数=1000 → 每60分钟最多1000次请求
                   </div>
+                  <div><strong>示例2:</strong> 时间窗口=1，费用=0.1 → 每分钟最多$0.1费用</div>
                   <div>
-                    <strong>{{ $t('apiKeys.createApiKeyModal.example2') }}</strong>
-                  </div>
-                  <div>
-                    <strong>{{ $t('apiKeys.createApiKeyModal.example3') }}</strong>
+                    <strong>示例3:</strong> 窗口=30，请求=50，费用=5 → 每30分钟50次请求且不超$5费用
                   </div>
                 </div>
               </div>
@@ -294,9 +287,9 @@
           </div>
 
           <div>
-            <label class="mb-2 block text-sm font-semibold text-gray-700 dark:text-gray-300">{{
-              $t('apiKeys.createApiKeyModal.dailyCostLimit')
-            }}</label>
+            <label class="mb-2 block text-sm font-semibold text-gray-700 dark:text-gray-300"
+              >每日费用限制 (美元)</label
+            >
             <div class="space-y-2">
               <div class="flex gap-2">
                 <button
@@ -325,27 +318,27 @@
                   type="button"
                   @click="form.dailyCostLimit = ''"
                 >
-                  {{ $t('apiKeys.createApiKeyModal.custom') }}
+                  自定义
                 </button>
               </div>
               <input
                 v-model="form.dailyCostLimit"
                 class="form-input w-full border-gray-300 dark:border-gray-600 dark:bg-gray-700 dark:text-gray-200 dark:placeholder-gray-400"
                 min="0"
-                :placeholder="$t('apiKeys.createApiKeyModal.dailyCostLimitPlaceholder')"
+                placeholder="0 表示无限制"
                 step="0.01"
                 type="number"
               />
               <p class="text-xs text-gray-500 dark:text-gray-400">
-                {{ $t('apiKeys.createApiKeyModal.dailyCostHint') }}
+                设置此 API Key 每日的费用限制，超过限制将拒绝请求，0 或留空表示无限制
               </p>
             </div>
           </div>
 
           <div>
-            <label class="mb-2 block text-sm font-semibold text-gray-700 dark:text-gray-300">{{
-              $t('apiKeys.createApiKeyModal.weeklyOpusCostLimit')
-            }}</label>
+            <label class="mb-2 block text-sm font-semibold text-gray-700 dark:text-gray-300"
+              >Opus 模型周费用限制 (美元)</label
+            >
             <div class="space-y-2">
               <div class="flex gap-2">
                 <button
@@ -374,55 +367,55 @@
                   type="button"
                   @click="form.weeklyOpusCostLimit = ''"
                 >
-                  {{ $t('apiKeys.createApiKeyModal.custom') }}
+                  自定义
                 </button>
               </div>
               <input
                 v-model="form.weeklyOpusCostLimit"
                 class="form-input w-full border-gray-300 dark:border-gray-600 dark:bg-gray-700 dark:text-gray-200 dark:placeholder-gray-400"
                 min="0"
-                :placeholder="$t('apiKeys.createApiKeyModal.weeklyOpusCostLimitPlaceholder')"
+                placeholder="0 表示无限制"
                 step="0.01"
                 type="number"
               />
               <p class="text-xs text-gray-500 dark:text-gray-400">
-                {{ $t('apiKeys.createApiKeyModal.weeklyOpusHint') }}
+                设置 Opus 模型的周费用限制（周一到周日），仅限 Claude 官方账户，0 或留空表示无限制
               </p>
             </div>
           </div>
 
           <div>
-            <label class="mb-2 block text-sm font-semibold text-gray-700 dark:text-gray-300">{{
-              $t('apiKeys.createApiKeyModal.concurrencyLimit')
-            }}</label>
+            <label class="mb-2 block text-sm font-semibold text-gray-700 dark:text-gray-300"
+              >并发限制 (可选)</label
+            >
             <input
               v-model="form.concurrencyLimit"
               class="form-input w-full border-gray-300 dark:border-gray-600 dark:bg-gray-700 dark:text-gray-200 dark:placeholder-gray-400"
               min="0"
-              :placeholder="$t('apiKeys.createApiKeyModal.concurrencyLimitPlaceholder')"
+              placeholder="0 表示无限制"
               type="number"
             />
             <p class="mt-2 text-xs text-gray-500 dark:text-gray-400">
-              {{ $t('apiKeys.createApiKeyModal.concurrencyHint') }}
+              设置此 API Key 可同时处理的最大请求数，0 或留空表示无限制
             </p>
           </div>
 
           <div>
-            <label class="mb-2 block text-sm font-semibold text-gray-700 dark:text-gray-300">{{
-              $t('apiKeys.createApiKeyModal.description')
-            }}</label>
+            <label class="mb-2 block text-sm font-semibold text-gray-700 dark:text-gray-300"
+              >备注 (可选)</label
+            >
             <textarea
               v-model="form.description"
               class="form-input w-full resize-none border-gray-300 text-sm dark:border-gray-600 dark:bg-gray-700 dark:text-gray-200 dark:placeholder-gray-400"
-              :placeholder="$t('apiKeys.createApiKeyModal.descriptionPlaceholder')"
+              placeholder="描述此 API Key 的用途..."
               rows="2"
             />
           </div>
 
           <div>
-            <label class="mb-2 block text-sm font-semibold text-gray-700 dark:text-gray-300">{{
-              $t('apiKeys.createApiKeyModal.expirationSettings')
-            }}</label>
+            <label class="mb-2 block text-sm font-semibold text-gray-700 dark:text-gray-300"
+              >过期设置</label
+            >
             <!-- 过期模式选择 -->
             <div
               class="mb-3 rounded-lg border border-gray-200 bg-gray-50 p-3 dark:border-gray-700 dark:bg-gray-800"
@@ -435,9 +428,7 @@
                     type="radio"
                     value="fixed"
                   />
-                  <span class="text-sm text-gray-700 dark:text-gray-300">{{
-                    $t('apiKeys.createApiKeyModal.fixedTimeExpiry')
-                  }}</span>
+                  <span class="text-sm text-gray-700 dark:text-gray-300">固定时间过期</span>
                 </label>
                 <label class="flex cursor-pointer items-center">
                   <input
@@ -446,19 +437,17 @@
                     type="radio"
                     value="activation"
                   />
-                  <span class="text-sm text-gray-700 dark:text-gray-300">{{
-                    $t('apiKeys.createApiKeyModal.activationExpiry')
-                  }}</span>
+                  <span class="text-sm text-gray-700 dark:text-gray-300">首次使用后激活</span>
                 </label>
               </div>
               <p class="mt-2 text-xs text-gray-500 dark:text-gray-400">
                 <span v-if="form.expirationMode === 'fixed'">
                   <i class="fas fa-info-circle mr-1" />
-                  {{ $t('apiKeys.createApiKeyModal.fixedModeHint') }}
+                  固定时间模式：Key 创建后立即生效，按设定时间过期
                 </span>
                 <span v-else>
                   <i class="fas fa-info-circle mr-1" />
-                  {{ $t('apiKeys.createApiKeyModal.activationModeHint') }}
+                  激活模式：Key 首次使用时激活，激活后按设定天数过期（适合批量销售）
                 </span>
               </p>
             </div>
@@ -470,14 +459,14 @@
                 class="form-input w-full border-gray-300 dark:border-gray-600 dark:bg-gray-700 dark:text-gray-200"
                 @change="updateExpireAt"
               >
-                <option value="">{{ $t('apiKeys.createApiKeyModal.neverExpire') }}</option>
-                <option value="1d">{{ $t('apiKeys.createApiKeyModal.1d') }}</option>
-                <option value="7d">{{ $t('apiKeys.createApiKeyModal.7d') }}</option>
-                <option value="30d">{{ $t('apiKeys.createApiKeyModal.30d') }}</option>
-                <option value="90d">{{ $t('apiKeys.createApiKeyModal.90d') }}</option>
-                <option value="180d">{{ $t('apiKeys.createApiKeyModal.180d') }}</option>
-                <option value="365d">{{ $t('apiKeys.createApiKeyModal.365d') }}</option>
-                <option value="custom">{{ $t('apiKeys.createApiKeyModal.customDate') }}</option>
+                <option value="">永不过期</option>
+                <option value="1d">1 天</option>
+                <option value="7d">7 天</option>
+                <option value="30d">30 天</option>
+                <option value="90d">90 天</option>
+                <option value="180d">180 天</option>
+                <option value="365d">365 天</option>
+                <option value="custom">自定义日期</option>
               </select>
               <div v-if="form.expireDuration === 'custom'" class="mt-3">
                 <input
@@ -489,11 +478,7 @@
                 />
               </div>
               <p v-if="form.expiresAt" class="mt-2 text-xs text-gray-500 dark:text-gray-400">
-                {{
-                  $t('apiKeys.createApiKeyModal.willExpireOn', {
-                    date: formatExpireDate(form.expiresAt)
-                  })
-                }}
+                将于 {{ formatExpireDate(form.expiresAt) }} 过期
               </p>
             </div>
 
@@ -505,12 +490,10 @@
                   class="form-input flex-1 border-gray-300 dark:border-gray-600 dark:bg-gray-700 dark:text-gray-200"
                   max="3650"
                   min="1"
-                  :placeholder="$t('apiKeys.createApiKeyModal.activationDays')"
+                  placeholder="输入天数"
                   type="number"
                 />
-                <span class="text-sm text-gray-600 dark:text-gray-400">{{
-                  $t('apiKeys.createApiKeyModal.daysUnit')
-                }}</span>
+                <span class="text-sm text-gray-600 dark:text-gray-400">天</span>
               </div>
               <div class="mt-2 flex flex-wrap gap-2">
                 <button
@@ -520,24 +503,20 @@
                   type="button"
                   @click="form.activationDays = days"
                 >
-                  {{ days }}{{ $t('apiKeys.createApiKeyModal.daysUnit') }}
+                  {{ days }}天
                 </button>
               </div>
               <p class="mt-2 text-xs text-gray-500 dark:text-gray-400">
                 <i class="fas fa-clock mr-1" />
-                {{
-                  $t('apiKeys.createApiKeyModal.activationHint', {
-                    days: form.activationDays || 30
-                  })
-                }}
+                Key 将在首次使用后激活，激活后 {{ form.activationDays || 30 }} 天过期
               </p>
             </div>
           </div>
 
           <div>
-            <label class="mb-2 block text-sm font-semibold text-gray-700 dark:text-gray-300">{{
-              $t('apiKeys.createApiKeyModal.servicePermissions')
-            }}</label>
+            <label class="mb-2 block text-sm font-semibold text-gray-700 dark:text-gray-300"
+              >服务权限</label
+            >
             <div class="flex gap-4">
               <label class="flex cursor-pointer items-center">
                 <input
@@ -546,9 +525,7 @@
                   type="radio"
                   value="all"
                 />
-                <span class="text-sm text-gray-700 dark:text-gray-300">{{
-                  $t('apiKeys.createApiKeyModal.allServices')
-                }}</span>
+                <span class="text-sm text-gray-700 dark:text-gray-300">全部服务</span>
               </label>
               <label class="flex cursor-pointer items-center">
                 <input
@@ -557,9 +534,7 @@
                   type="radio"
                   value="claude"
                 />
-                <span class="text-sm text-gray-700 dark:text-gray-300">{{
-                  $t('apiKeys.createApiKeyModal.claudeOnly')
-                }}</span>
+                <span class="text-sm text-gray-700 dark:text-gray-300">仅 Claude</span>
               </label>
               <label class="flex cursor-pointer items-center">
                 <input
@@ -568,9 +543,7 @@
                   type="radio"
                   value="gemini"
                 />
-                <span class="text-sm text-gray-700 dark:text-gray-300">{{
-                  $t('apiKeys.createApiKeyModal.geminiOnly')
-                }}</span>
+                <span class="text-sm text-gray-700 dark:text-gray-300">仅 Gemini</span>
               </label>
               <label class="flex cursor-pointer items-center">
                 <input
@@ -579,25 +552,23 @@
                   type="radio"
                   value="openai"
                 />
-                <span class="text-sm text-gray-700 dark:text-gray-300">{{
-                  $t('apiKeys.createApiKeyModal.openaiOnly')
-                }}</span>
+                <span class="text-sm text-gray-700 dark:text-gray-300">仅 OpenAI</span>
               </label>
             </div>
             <p class="mt-2 text-xs text-gray-500 dark:text-gray-400">
-              {{ $t('apiKeys.createApiKeyModal.permissionHint') }}
+              控制此 API Key 可以访问哪些服务
             </p>
           </div>
 
           <div>
             <div class="mb-2 flex items-center justify-between">
-              <label class="text-sm font-semibold text-gray-700 dark:text-gray-300">{{
-                $t('apiKeys.createApiKeyModal.dedicatedAccountBinding')
-              }}</label>
+              <label class="text-sm font-semibold text-gray-700 dark:text-gray-300"
+                >专属账号绑定 (可选)</label
+              >
               <button
                 class="flex items-center gap-1 text-sm text-blue-600 transition-colors hover:text-blue-800 disabled:cursor-not-allowed disabled:opacity-50 dark:text-blue-400 dark:hover:text-blue-300"
                 :disabled="accountsLoading"
-                title="{{ $t('apiKeys.createApiKeyModal.refreshAccounts') }}"
+                title="刷新账号列表"
                 type="button"
                 @click="refreshAccounts"
               >
@@ -608,73 +579,69 @@
                     'text-xs'
                   ]"
                 />
-                <span>{{
-                  accountsLoading
-                    ? $t('apiKeys.createApiKeyModal.refreshing')
-                    : $t('apiKeys.createApiKeyModal.refreshAccounts')
-                }}</span>
+                <span>{{ accountsLoading ? '刷新中...' : '刷新账号' }}</span>
               </button>
             </div>
             <div class="grid grid-cols-1 gap-3">
               <div>
-                <label class="mb-1 block text-sm font-medium text-gray-600 dark:text-gray-400">{{
-                  $t('apiKeys.createApiKeyModal.claudeDedicatedAccount')
-                }}</label>
+                <label class="mb-1 block text-sm font-medium text-gray-600 dark:text-gray-400"
+                  >Claude 专属账号</label
+                >
                 <AccountSelector
                   v-model="form.claudeAccountId"
                   :accounts="localAccounts.claude"
-                  :default-option-text="$t('apiKeys.createApiKeyModal.useSharedPool')"
+                  default-option-text="使用共享账号池"
                   :disabled="form.permissions === 'gemini' || form.permissions === 'openai'"
                   :groups="localAccounts.claudeGroups"
-                  :placeholder="$t('apiKeys.createApiKeyModal.selectClaudeAccount')"
+                  placeholder="请选择Claude账号"
                   platform="claude"
                 />
               </div>
               <div>
-                <label class="mb-1 block text-sm font-medium text-gray-600 dark:text-gray-400">{{
-                  $t('apiKeys.createApiKeyModal.geminiDedicatedAccount')
-                }}</label>
+                <label class="mb-1 block text-sm font-medium text-gray-600 dark:text-gray-400"
+                  >Gemini 专属账号</label
+                >
                 <AccountSelector
                   v-model="form.geminiAccountId"
                   :accounts="localAccounts.gemini"
-                  :default-option-text="$t('apiKeys.createApiKeyModal.useSharedPool')"
+                  default-option-text="使用共享账号池"
                   :disabled="form.permissions === 'claude' || form.permissions === 'openai'"
                   :groups="localAccounts.geminiGroups"
-                  :placeholder="$t('apiKeys.createApiKeyModal.selectGeminiAccount')"
+                  placeholder="请选择Gemini账号"
                   platform="gemini"
                 />
               </div>
               <div>
-                <label class="mb-1 block text-sm font-medium text-gray-600 dark:text-gray-400">{{
-                  $t('apiKeys.createApiKeyModal.openaiDedicatedAccount')
-                }}</label>
+                <label class="mb-1 block text-sm font-medium text-gray-600 dark:text-gray-400"
+                  >OpenAI 专属账号</label
+                >
                 <AccountSelector
                   v-model="form.openaiAccountId"
                   :accounts="localAccounts.openai"
-                  :default-option-text="$t('apiKeys.createApiKeyModal.useSharedPool')"
+                  default-option-text="使用共享账号池"
                   :disabled="form.permissions === 'claude' || form.permissions === 'gemini'"
                   :groups="localAccounts.openaiGroups"
-                  :placeholder="$t('apiKeys.createApiKeyModal.selectOpenaiAccount')"
+                  placeholder="请选择OpenAI账号"
                   platform="openai"
                 />
               </div>
               <div>
-                <label class="mb-1 block text-sm font-medium text-gray-600 dark:text-gray-400">{{
-                  $t('apiKeys.createApiKeyModal.bedrockDedicatedAccount')
-                }}</label>
+                <label class="mb-1 block text-sm font-medium text-gray-600 dark:text-gray-400"
+                  >Bedrock 专属账号</label
+                >
                 <AccountSelector
                   v-model="form.bedrockAccountId"
                   :accounts="localAccounts.bedrock"
-                  :default-option-text="$t('apiKeys.createApiKeyModal.useSharedPool')"
+                  default-option-text="使用共享账号池"
                   :disabled="form.permissions === 'gemini' || form.permissions === 'openai'"
                   :groups="[]"
-                  :placeholder="$t('apiKeys.createApiKeyModal.selectBedrockAccount')"
+                  placeholder="请选择Bedrock账号"
                   platform="bedrock"
                 />
               </div>
             </div>
             <p class="mt-2 text-xs text-gray-500 dark:text-gray-400">
-              {{ $t('apiKeys.createApiKeyModal.accountBindingHint') }}
+              选择专属账号后，此API Key将只使用该账号，不选择则使用共享账号池
             </p>
           </div>
 
@@ -690,15 +657,13 @@
                 class="ml-2 cursor-pointer text-sm font-semibold text-gray-700 dark:text-gray-300"
                 for="enableModelRestriction"
               >
-                {{ $t('apiKeys.createApiKeyModal.enableModelRestriction') }}
+                启用模型限制
               </label>
             </div>
 
             <div v-if="form.enableModelRestriction" class="space-y-3">
               <div>
-                <label class="mb-2 block text-sm font-medium text-gray-600">{{
-                  $t('apiKeys.createApiKeyModal.restrictedModelsList')
-                }}</label>
+                <label class="mb-2 block text-sm font-medium text-gray-600">限制的模型列表</label>
                 <div
                   class="mb-3 flex min-h-[32px] flex-wrap gap-2 rounded-lg border border-gray-200 bg-gray-50 p-2"
                 >
@@ -717,7 +682,7 @@
                     </button>
                   </span>
                   <span v-if="form.restrictedModels.length === 0" class="text-sm text-gray-400">
-                    {{ $t('apiKeys.createApiKeyModal.noRestrictedModels') }}
+                    暂无限制的模型
                   </span>
                 </div>
                 <div class="space-y-3">
@@ -736,7 +701,7 @@
                       v-if="availableQuickModels.length === 0"
                       class="text-sm italic text-gray-400"
                     >
-                      {{ $t('apiKeys.createApiKeyModal.allCommonModelsRestricted') }}
+                      所有常用模型已在限制列表中
                     </span>
                   </div>
 
@@ -745,7 +710,7 @@
                     <input
                       v-model="form.modelInput"
                       class="form-input flex-1"
-                      :placeholder="$t('apiKeys.createApiKeyModal.addRestrictedModelPlaceholder')"
+                      placeholder="输入模型名称，按回车添加"
                       type="text"
                       @keydown.enter.prevent="addRestrictedModel"
                     />
@@ -759,7 +724,7 @@
                   </div>
                 </div>
                 <p class="mt-2 text-xs text-gray-500">
-                  {{ $t('apiKeys.createApiKeyModal.modelRestrictionHint') }}
+                  设置此API Key无法访问的模型，例如：claude-opus-4-20250514
                 </p>
               </div>
             </div>
@@ -778,7 +743,7 @@
                 class="ml-2 cursor-pointer text-sm font-semibold text-gray-700 dark:text-gray-300"
                 for="enableClientRestriction"
               >
-                {{ $t('apiKeys.createApiKeyModal.enableClientRestriction') }}
+                启用客户端限制
               </label>
             </div>
 
@@ -787,9 +752,9 @@
               class="rounded-lg border border-green-200 bg-green-50 p-3 dark:border-green-700 dark:bg-green-900/20"
             >
               <div>
-                <label class="mb-2 block text-xs font-medium text-gray-700 dark:text-gray-300">{{
-                  $t('apiKeys.createApiKeyModal.allowedClients')
-                }}</label>
+                <label class="mb-2 block text-xs font-medium text-gray-700 dark:text-gray-300"
+                  >允许的客户端</label
+                >
                 <div class="space-y-1">
                   <div v-for="client in supportedClients" :key="client.id" class="flex items-start">
                     <input
@@ -819,7 +784,7 @@
               type="button"
               @click="$emit('close')"
             >
-              {{ $t('apiKeys.createApiKeyModal.cancel') }}
+              取消
             </button>
             <button
               class="btn btn-primary flex-1 px-4 py-2.5 text-sm font-semibold"
@@ -828,11 +793,7 @@
             >
               <div v-if="loading" class="loading-spinner mr-2" />
               <i v-else class="fas fa-plus mr-2" />
-              {{
-                loading
-                  ? $t('apiKeys.createApiKeyModal.creating')
-                  : $t('apiKeys.createApiKeyModal.create')
-              }}
+              {{ loading ? '创建中...' : '创建' }}
             </button>
           </div>
         </form>
@@ -843,15 +804,12 @@
 
 <script setup>
 import { ref, reactive, computed, onMounted } from 'vue'
-import { useI18n } from 'vue-i18n'
 import { showToast } from '@/utils/toast'
 import { useClientsStore } from '@/stores/clients'
 import { useApiKeysStore } from '@/stores/apiKeys'
 import { apiClient } from '@/config/api'
 import AccountSelector from '@/components/common/AccountSelector.vue'
 
-const { t } = useI18n()
-
 const props = defineProps({
   accounts: {
     type: Object,
@@ -928,31 +886,61 @@ onMounted(async () => {
   availableTags.value = await apiKeysStore.fetchTags()
   // 初始化账号数据
   if (props.accounts) {
+    // 合并 OpenAI 和 OpenAI-Responses 账号
+    const openaiAccounts = []
+    if (props.accounts.openai) {
+      props.accounts.openai.forEach((account) => {
+        openaiAccounts.push({
+          ...account,
+          platform: 'openai'
+        })
+      })
+    }
+    if (props.accounts.openaiResponses) {
+      props.accounts.openaiResponses.forEach((account) => {
+        openaiAccounts.push({
+          ...account,
+          platform: 'openai-responses'
+        })
+      })
+    }
+
     localAccounts.value = {
       claude: props.accounts.claude || [],
       gemini: props.accounts.gemini || [],
-      openai: props.accounts.openai || [],
+      openai: openaiAccounts,
       bedrock: props.accounts.bedrock || [], // 添加 Bedrock 账号
       claudeGroups: props.accounts.claudeGroups || [],
       geminiGroups: props.accounts.geminiGroups || [],
       openaiGroups: props.accounts.openaiGroups || []
     }
   }
+
+  // 自动加载账号数据
+  await refreshAccounts()
 })
 
 // 刷新账号列表
 const refreshAccounts = async () => {
   accountsLoading.value = true
   try {
-    const [claudeData, claudeConsoleData, geminiData, openaiData, bedrockData, groupsData] =
-      await Promise.all([
-        apiClient.get('/admin/claude-accounts'),
-        apiClient.get('/admin/claude-console-accounts'),
-        apiClient.get('/admin/gemini-accounts'),
-        apiClient.get('/admin/openai-accounts'),
-        apiClient.get('/admin/bedrock-accounts'), // 添加 Bedrock 账号获取
-        apiClient.get('/admin/account-groups')
-      ])
+    const [
+      claudeData,
+      claudeConsoleData,
+      geminiData,
+      openaiData,
+      openaiResponsesData,
+      bedrockData,
+      groupsData
+    ] = await Promise.all([
+      apiClient.get('/admin/claude-accounts'),
+      apiClient.get('/admin/claude-console-accounts'),
+      apiClient.get('/admin/gemini-accounts'),
+      apiClient.get('/admin/openai-accounts'),
+      apiClient.get('/admin/openai-responses-accounts'), // 获取 OpenAI-Responses 账号
+      apiClient.get('/admin/bedrock-accounts'), // 添加 Bedrock 账号获取
+      apiClient.get('/admin/account-groups')
+    ])
 
     // 合并Claude OAuth账户和Claude Console账户
     const claudeAccounts = []
@@ -986,13 +974,31 @@ const refreshAccounts = async () => {
       }))
     }
 
+    // 合并 OpenAI 和 OpenAI-Responses 账号
+    const openaiAccounts = []
+
     if (openaiData.success) {
-      localAccounts.value.openai = (openaiData.data || []).map((account) => ({
-        ...account,
-        isDedicated: account.accountType === 'dedicated' // 保留以便向后兼容
-      }))
+      ;(openaiData.data || []).forEach((account) => {
+        openaiAccounts.push({
+          ...account,
+          platform: 'openai',
+          isDedicated: account.accountType === 'dedicated' // 保留以便向后兼容
+        })
+      })
     }
 
+    if (openaiResponsesData.success) {
+      ;(openaiResponsesData.data || []).forEach((account) => {
+        openaiAccounts.push({
+          ...account,
+          platform: 'openai-responses',
+          isDedicated: account.accountType === 'dedicated' // 保留以便向后兼容
+        })
+      })
+    }
+
+    localAccounts.value.openai = openaiAccounts
+
     if (bedrockData.success) {
       localAccounts.value.bedrock = (bedrockData.data || []).map((account) => ({
         ...account,
@@ -1008,9 +1014,9 @@ const refreshAccounts = async () => {
       localAccounts.value.openaiGroups = allGroups.filter((g) => g.platform === 'openai')
     }
 
-    showToast(t('apiKeys.createApiKeyModal.refreshAccountsSuccess'), 'success')
+    showToast('账号列表已刷新', 'success')
   } catch (error) {
-    showToast(t('apiKeys.createApiKeyModal.refreshAccountsFailed'), 'error')
+    showToast('刷新账号列表失败', 'error')
   } finally {
     accountsLoading.value = false
   }
@@ -1071,17 +1077,13 @@ const updateCustomExpireAt = () => {
 // 格式化过期日期
 const formatExpireDate = (dateString) => {
   const date = new Date(dateString)
-  const { locale } = useI18n()
-  return date.toLocaleString(
-    locale.value === 'zh-cn' ? 'zh-CN' : locale.value === 'zh-tw' ? 'zh-TW' : 'en-US',
-    {
-      year: 'numeric',
-      month: '2-digit',
-      day: '2-digit',
-      hour: '2-digit',
-      minute: '2-digit'
-    }
-  )
+  return date.toLocaleString('zh-CN', {
+    year: 'numeric',
+    month: '2-digit',
+    day: '2-digit',
+    hour: '2-digit',
+    minute: '2-digit'
+  })
 }
 
 // 添加限制的模型
@@ -1139,14 +1141,14 @@ const createApiKey = async () => {
   errors.value.name = ''
 
   if (!form.name || !form.name.trim()) {
-    errors.value.name = t('apiKeys.createApiKeyModal.nameError')
+    errors.value.name = '请输入API Key名称'
     return
   }
 
   // 批量创建时验证数量
   if (form.createType === 'batch') {
     if (!form.batchCount || form.batchCount < 2 || form.batchCount > 500) {
-      showToast(t('apiKeys.createApiKeyModal.batchCountError'), 'error')
+      showToast('批量创建数量必须在 2-500 之间', 'error')
       return
     }
   }
@@ -1156,14 +1158,14 @@ const createApiKey = async () => {
     let confirmed = false
     if (window.showConfirm) {
       confirmed = await window.showConfirm(
-        t('apiKeys.createApiKeyModal.costLimitConfirmTitle'),
-        t('apiKeys.createApiKeyModal.costLimitConfirmMessage'),
-        t('apiKeys.createApiKeyModal.costLimitConfirmContinue'),
-        t('apiKeys.createApiKeyModal.costLimitConfirmBack')
+        '费用限制提醒',
+        '您设置了时间窗口但费用限制为0，这意味着不会有费用限制。\n\n是否继续？',
+        '继续创建',
+        '返回修改'
       )
     } else {
       // 降级方案
-      confirmed = confirm(t('apiKeys.createApiKeyModal.costLimitFallbackMessage'))
+      confirmed = confirm('您设置了时间窗口但费用限制为0，这意味着不会有费用限制。\n是否继续？')
     }
     if (!confirmed) {
       return
@@ -1252,11 +1254,11 @@ const createApiKey = async () => {
       const result = await apiClient.post('/admin/api-keys', data)
 
       if (result.success) {
-        showToast(t('apiKeys.createApiKeyModal.createSuccess'), 'success')
+        showToast('API Key 创建成功', 'success')
         emit('success', result.data)
         emit('close')
       } else {
-        showToast(result.message || t('apiKeys.createApiKeyModal.createFailed'), 'error')
+        showToast(result.message || '创建失败', 'error')
       }
     } else {
       // 批量创建
@@ -1270,18 +1272,15 @@ const createApiKey = async () => {
       const result = await apiClient.post('/admin/api-keys/batch', data)
 
       if (result.success) {
-        showToast(
-          t('apiKeys.createApiKeyModal.batchCreateSuccess', { count: result.data.length }),
-          'success'
-        )
+        showToast(`成功创建 ${result.data.length} 个 API Key`, 'success')
         emit('batch-success', result.data)
         emit('close')
       } else {
-        showToast(result.message || t('apiKeys.createApiKeyModal.batchCreateFailed'), 'error')
+        showToast(result.message || '批量创建失败', 'error')
       }
     }
   } catch (error) {
-    showToast(t('apiKeys.createApiKeyModal.createFailed'), 'error')
+    showToast('创建失败', 'error')
   } finally {
     loading.value = false
   }