From 66129cb89dc8e84eaf91b2b59408f265e68cdaa0 Mon Sep 17 00:00:00 2001
From: XuqmGroup <noreply@xuqm.com>
Date: Thu, 21 May 2026 12:47:03 +0800
Subject: [PATCH] =?UTF-8?q?feat(license):=20=E7=A7=9F=E6=88=B7=E5=B9=B3?=
 =?UTF-8?q?=E5=8F=B0=E6=96=B0=E5=A2=9E=E6=9C=80=E5=A4=A7=E8=AE=BE=E5=A4=87?=
 =?UTF-8?q?=E6=95=B0=E7=BC=96=E8=BE=91=EF=BC=8Cops=20=E5=BD=BB=E5=BA=95?=
 =?UTF-8?q?=E7=A7=BB=E9=99=A4=20license=20=E7=AE=A1=E7=90=86=E5=85=A5?=
 =?UTF-8?q?=E5=8F=A3?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

ops-platform:
- AppDetailView: 移除整个 License 授权管理卡片（含设备数查看和 maxDevices 编辑）
- ops.ts: 移除 LicenseStatusInfo 类型、getAppLicense / updateMaxDevices API

tenant-platform:
- license.ts: 新增 updateAppLicense() 调用 PATCH /api/license/admin/apps/{appKey}
- LicenseManagementView: 「最大设备数」旁新增「修改」按钮，
  弹出行内 InputNumber 编辑，保存后刷新显示

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
---
 ops-platform/src/api/ops.ts                   | 14 ----
 ops-platform/src/views/apps/AppDetailView.vue | 79 +------------------
 tenant-platform/src/api/license.ts            |  7 ++
 .../views/license/LicenseManagementView.vue   | 38 ++++++++-
 4 files changed, 46 insertions(+), 92 deletions(-)

diff --git a/ops-platform/src/api/ops.ts b/ops-platform/src/api/ops.ts
index 07c5366..43c5dd9 100644
--- a/ops-platform/src/api/ops.ts
+++ b/ops-platform/src/api/ops.ts
@@ -76,14 +76,6 @@ export interface ServiceRequestPage {
   totalPages: number
 }
 
-export interface LicenseStatusInfo {
-  exists: boolean
-  active?: boolean
-  maxDevices?: number
-  registeredDevices?: number
-  expiresAt?: string | null
-}
-
 export interface AppItem {
   id: string
   appKey: string
@@ -287,10 +279,4 @@ export const opsApi = {
 
   sendPushTestOffline: (payload: { appKey: string; userId: string; title: string; body: string; payload?: string }) =>
     client.post<{ data: PushTestResult }>('/ops/push/test-offline', payload),
-
-  getAppLicense: (appKey: string) =>
-    client.get<{ data: LicenseStatusInfo }>(`/ops/apps/${appKey}/license`),
-
-  updateMaxDevices: (appKey: string, maxDevices: number) =>
-    client.put(`/ops/apps/${appKey}/license/max-devices`, { maxDevices }),
 }
diff --git a/ops-platform/src/views/apps/AppDetailView.vue b/ops-platform/src/views/apps/AppDetailView.vue
index 9a3d26b..23786a7 100644
--- a/ops-platform/src/views/apps/AppDetailView.vue
+++ b/ops-platform/src/views/apps/AppDetailView.vue
@@ -31,7 +31,7 @@
       </el-descriptions>
     </el-card>
 
-    <el-card style="margin-bottom: 16px">
+    <el-card>
       <template #header>功能服务</template>
       <el-table :data="detail.services" border stripe>
         <el-table-column prop="serviceType" label="服务类型" width="140" />
@@ -48,88 +48,21 @@
         <el-table-column prop="config" label="配置" min-width="240" show-overflow-tooltip />
       </el-table>
     </el-card>
-
-    <el-card v-if="licenseInfo?.exists">
-      <template #header>
-        <div class="header-row">
-          <span>License 授权管理</span>
-          <el-tag :type="licenseInfo.active ? 'success' : 'danger'" size="small">
-            {{ licenseInfo.active ? '正常' : '停用' }}
-          </el-tag>
-        </div>
-      </template>
-      <el-descriptions :column="2" border>
-        <el-descriptions-item label="已注册设备">{{ licenseInfo.registeredDevices ?? '-' }}</el-descriptions-item>
-        <el-descriptions-item label="过期时间">
-          {{ licenseInfo.expiresAt ? fmt(licenseInfo.expiresAt) : '永久' }}
-        </el-descriptions-item>
-        <el-descriptions-item label="最大设备数">
-          <div v-if="!editingMaxDevices" class="max-devices-display">
-            <span>{{ licenseInfo.maxDevices ?? '-' }}</span>
-            <el-button link type="primary" size="small" @click="startEditMaxDevices" style="margin-left:8px">
-              修改
-            </el-button>
-          </div>
-          <div v-else class="max-devices-edit">
-            <el-input-number v-model="editMaxDevicesValue" :min="1" :max="999999" size="small" />
-            <el-button type="primary" size="small" :loading="savingMaxDevices" @click="saveMaxDevices" style="margin-left:8px">
-              保存
-            </el-button>
-            <el-button size="small" @click="editingMaxDevices = false" style="margin-left:4px">取消</el-button>
-          </div>
-        </el-descriptions-item>
-      </el-descriptions>
-    </el-card>
   </div>
 </template>
 
 <script setup lang="ts">
 import { onMounted, ref } from 'vue'
 import { useRoute } from 'vue-router'
-import { ElMessage } from 'element-plus'
-import { opsApi, type AppDetail, type LicenseStatusInfo } from '@/api/ops'
+import { opsApi, type AppDetail } from '@/api/ops'
 
 const route = useRoute()
 const detail = ref<AppDetail | null>(null)
-const licenseInfo = ref<LicenseStatusInfo | null>(null)
-const editingMaxDevices = ref(false)
-const editMaxDevicesValue = ref(1)
-const savingMaxDevices = ref(false)
 
 async function loadDetail() {
   const appKey = route.params.appKey as string
   const res = await opsApi.getApp(appKey)
   detail.value = res.data.data
-  loadLicense(appKey)
-}
-
-async function loadLicense(appKey: string) {
-  try {
-    const res = await opsApi.getAppLicense(appKey)
-    licenseInfo.value = res.data.data
-  } catch {
-    licenseInfo.value = null
-  }
-}
-
-function startEditMaxDevices() {
-  editMaxDevicesValue.value = licenseInfo.value?.maxDevices ?? 1
-  editingMaxDevices.value = true
-}
-
-async function saveMaxDevices() {
-  if (!detail.value) return
-  savingMaxDevices.value = true
-  try {
-    await opsApi.updateMaxDevices(detail.value.app.appKey, editMaxDevicesValue.value)
-    ElMessage.success('最大设备数已更新')
-    editingMaxDevices.value = false
-    loadLicense(detail.value.app.appKey)
-  } catch {
-    ElMessage.error('更新失败')
-  } finally {
-    savingMaxDevices.value = false
-  }
 }
 
 function fmt(value: string) {
@@ -151,12 +84,4 @@ onMounted(loadDetail)
   justify-content: space-between;
   gap: 12px;
 }
-.max-devices-display {
-  display: flex;
-  align-items: center;
-}
-.max-devices-edit {
-  display: flex;
-  align-items: center;
-}
 </style>
diff --git a/tenant-platform/src/api/license.ts b/tenant-platform/src/api/license.ts
index 9953306..893904b 100644
--- a/tenant-platform/src/api/license.ts
+++ b/tenant-platform/src/api/license.ts
@@ -104,6 +104,13 @@ export const licenseApi = {
     )
   },
 
+  updateAppLicense(appKey: string, data: { maxDevices?: number; isActive?: boolean; remark?: string }) {
+    return licenseClient.patch<{ data: AppLicense }>(
+      `/api/license/admin/apps/${encodeURIComponent(appKey)}`,
+      data,
+    )
+  },
+
   revokeDevice(id: string) {
     return licenseClient.delete<{ data: null }>(`/api/license/admin/devices/${encodeURIComponent(id)}`)
   },
diff --git a/tenant-platform/src/views/license/LicenseManagementView.vue b/tenant-platform/src/views/license/LicenseManagementView.vue
index 9263391..22616a0 100644
--- a/tenant-platform/src/views/license/LicenseManagementView.vue
+++ b/tenant-platform/src/views/license/LicenseManagementView.vue
@@ -51,7 +51,17 @@
                 {{ license?.isActive ? '正常' : '停用' }}
               </el-tag>
             </el-descriptions-item>
-            <el-descriptions-item label="最大设备数">{{ license?.maxDevices ?? '-' }}</el-descriptions-item>
+            <el-descriptions-item label="最大设备数">
+              <div v-if="!editingMaxDevices" class="max-devices-display">
+                <span>{{ license?.maxDevices ?? '-' }}</span>
+                <el-button link type="primary" size="small" style="margin-left:8px" @click="startEditMaxDevices">修改</el-button>
+              </div>
+              <div v-else class="max-devices-edit">
+                <el-input-number v-model="editMaxDevicesValue" :min="1" :max="999999" size="small" />
+                <el-button type="primary" size="small" :loading="savingMaxDevices" style="margin-left:8px" @click="saveMaxDevices">保存</el-button>
+                <el-button size="small" style="margin-left:4px" @click="editingMaxDevices = false">取消</el-button>
+              </div>
+            </el-descriptions-item>
             <el-descriptions-item label="已注册设备">{{ license?.registeredDevices ?? devices.length }}</el-descriptions-item>
             <el-descriptions-item label="过期时间">
               {{ license?.expiresAt ? formatDate(license.expiresAt) : '永久' }}
@@ -150,6 +160,9 @@ const currentApp = ref<App | null>(null)
 const license = ref<AppLicense | null>(null)
 const devices = ref<LicenseDevice[]>([])
 const loading = ref(false)
+const editingMaxDevices = ref(false)
+const editMaxDevicesValue = ref(1)
+const savingMaxDevices = ref(false)
 
 const appName = computed(() => currentApp.value?.name || license.value?.name || appKey.value || '-')
 const activeDevices = computed(() => devices.value.filter(d => d.isActive).length)
@@ -179,6 +192,27 @@ async function loadData() {
   }
 }
 
+function startEditMaxDevices() {
+  editMaxDevicesValue.value = license.value?.maxDevices ?? 1
+  editingMaxDevices.value = true
+}
+
+async function saveMaxDevices() {
+  const key = appKey.value
+  if (!key) return
+  savingMaxDevices.value = true
+  try {
+    const res = await licenseApi.updateAppLicense(key, { maxDevices: editMaxDevicesValue.value })
+    license.value = res.data.data
+    editingMaxDevices.value = false
+    ElMessage.success('最大设备数已更新')
+  } catch {
+    ElMessage.error('更新失败')
+  } finally {
+    savingMaxDevices.value = false
+  }
+}
+
 async function revokeDevice(row: LicenseDevice) {
   try {
     await ElMessageBox.confirm('确认吊销该设备？', '吊销确认', { type: 'warning' })
@@ -321,4 +355,6 @@ onBeforeUnmount(() => {
 .portal-bar-title { font-size: 18px; font-weight: 600; }
 .stack-cell { display: flex; flex-direction: column; gap: 2px; line-height: 1.35; }
 .stack-cell small { color: #909399; font-size: 12px; }
+.max-devices-display { display: flex; align-items: center; }
+.max-devices-edit { display: flex; align-items: center; }
 </style>