Localize key status labels

frontend/src/views/Upstreams.vue

@@ -402,7 +402,7 @@
         </el-table-column>
         <el-table-column label="状态" width="96">
           <template #default="{ row }">
-            <el-tag size="small" :type="row.status === 'import_failed' || row.status === 'failed' ? 'danger' : row.status === 'imported' ? 'success' : row.status === 'created_pending_key' ? 'warning' : 'info'">
+            <el-tag size="small" :type="keyStatusTagType(row.status)">
               {{ keyStatusLabel(row.status) }}
             </el-tag>
           </template>
@@ -513,10 +513,7 @@
           </el-table-column>
           <el-table-column label="状态" width="120">
             <template #default="{ row }">
-              <el-tag v-if="row.status === 'created'" size="small" type="success">新创建</el-tag>
-              <el-tag v-else-if="row.status === 'exists'" size="small" type="info">已存在</el-tag>
-              <el-tag v-else-if="row.status === 'created_pending_key'" size="small" type="warning">待回填</el-tag>
-              <el-tag v-else size="small" type="danger">失败</el-tag>
+              <el-tag size="small" :type="keyStatusTagType(row.status)">{{ keyStatusLabel(row.status) }}</el-tag>
             </template>
           </el-table-column>
         </el-table>
@@ -1052,7 +1049,25 @@ function shrinkError(value: string) {
   return value.length > 40 ? `${value.slice(0, 40)}…` : value
 }
 
-const keyStatusLabel = (s: string) => ({ created: '已创建', imported: '已导入', import_failed: '导入失败', failed: '失败', created_pending_key: '待回填' }[s] || s)
+const keyStatusLabel = (s: string) => ({
+  created: '已创建',
+  exists: '已存在',
+  imported: '已导入',
+  orphaned: '远端缺失',
+  remote: '远端存在',
+  replaced: '已替换',
+  created_pending_key: '待回填',
+  failed: '失败',
+  import_failed: '导入失败',
+}[s] || '未知状态')
+
+const keyStatusTagType = (s: string) => {
+  if (s === 'created' || s === 'imported') return 'success'
+  if (s === 'exists' || s === 'remote') return 'info'
+  if (s === 'orphaned' || s === 'replaced' || s === 'created_pending_key') return 'warning'
+  if (s === 'failed' || s === 'import_failed') return 'danger'
+  return 'info'
+}
 
 async function loadList() {
   tableLoading.value = true