更新 update 门户站点界面和后台功能

server/unified-management/web/admin/src/views/EndpointsView.vue

@@ -1,12 +1,20 @@
 <script setup lang="ts">
+import { Pencil, Trash2 } from "lucide-vue-next";
+
 defineProps<{ ctx: any }>();
 </script>
 
 <template>
   <section class="panel page-stack">
-    <div class="section-head"><h2>客户端动态接口</h2><span class="badge">{{ ctx.visibleEndpointCount }} 可见 / {{ ctx.healthyEndpointCount }} 健康</span></div>
+    <div class="section-head">
+      <div>
+        <h2>客户端动态接口</h2>
+        <p class="muted">删除接口后会由服务端重新生成兼容媒体源 JSON 和更新 JSON。</p>
+      </div>
+      <span class="badge">{{ ctx.visibleEndpointCount }} 可见 / {{ ctx.healthyEndpointCount }} 健康</span>
+    </div>
     <table>
-      <thead><tr><th>ID</th><th>分类</th><th>模式</th><th>健康</th><th>缓存</th><th>URL</th><th></th></tr></thead>
+      <thead><tr><th>ID</th><th>分类</th><th>模式</th><th>健康</th><th>缓存</th><th>URL</th><th>操作</th></tr></thead>
       <tbody>
         <tr v-for="item in ctx.endpoints" :key="item.id || item.sourceId">
           <td class="mono">{{ item.id || item.sourceId }}</td>
@@ -17,8 +25,13 @@ defineProps<{ ctx: any }>();
             <span v-if="ctx.endpointStatus(item) === 'redirected' || item.health?.meta?.redirected" class="badge warn">重定向接口</span>
           </td>
           <td>{{ item.cacheSeconds || 0 }}s</td>
-          <td class="hash">{{ item.urlTemplate || item.apiUrl }}</td>
-          <td><button class="btn ghost compact" @click="ctx.copyEndpointToSource(item)">编辑</button></td>
+          <td class="hash">{{ item.resolvedUrl || item.urlTemplate || item.apiUrl }}</td>
+          <td>
+            <div class="button-row">
+              <button class="btn ghost compact" @click="ctx.copyEndpointToSource(item)"><Pencil :size="14" />编辑</button>
+              <button class="btn ghost compact danger" @click="ctx.deleteEndpoint(item)"><Trash2 :size="14" />删除</button>
+            </div>
+          </td>
         </tr>
         <tr v-if="ctx.endpoints.length === 0"><td colspan="7">暂无客户端接口。</td></tr>
       </tbody>