From 5381e2104d14b28603d452a48f93ea2df726629d Mon Sep 17 00:00:00 2001
From: mediabot-pt <295750538+mediabot-pt@users.noreply.github.com>
Date: Sun, 5 Jul 2026 20:08:06 +0800
Subject: [PATCH] =?UTF-8?q?refactor:=20=E9=A1=B5=E9=9D=A2=E9=85=8D?=
 =?UTF-8?q?=E7=BD=AE+=E9=A3=8E=E9=99=A9=E8=A7=84=E5=88=99=E6=94=B9?=
 =?UTF-8?q?=E4=B8=BA=E5=B7=A6=E7=BC=96=E8=BE=91=E5=99=A8=E5=8F=B3=E5=8F=AF?=
 =?UTF-8?q?=E8=A7=86=E5=8C=96=E7=9A=84=E8=84=9A=E6=9C=AC=E7=AE=A1=E7=90=86?=
 =?UTF-8?q?=E5=90=8C=E6=AC=BE=E5=B8=83=E5=B1=80?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 web/src/views/RiskRules.vue | 236 ++++++++++++------------------------
 web/src/views/SitePages.vue | 225 +++++++++++-----------------------
 2 files changed, 144 insertions(+), 317 deletions(-)

diff --git a/web/src/views/RiskRules.vue b/web/src/views/RiskRules.vue
index 4651a6b..9888275 100644
--- a/web/src/views/RiskRules.vue
+++ b/web/src/views/RiskRules.vue
@@ -1,194 +1,110 @@
 <template>
-  <div>
-    <h2>风险规则</h2>
-
-    <el-card style="margin-top:12px">
-      <template #header><span style="font-weight:500">默认模板</span></template>
-      <div style="display:flex;gap:12px;flex-wrap:wrap">
-        <div v-for="dt in defaults" :key="dt.type" style="border:1px solid #ebeef5;border-radius:4px;padding:10px 14px;min-width:200px">
-          <div style="font-weight:500;margin-bottom:4px"><el-tag size="small">{{ dt.type }}</el-tag></div>
-          <div style="font-size:12px;color:#909399;margin-bottom:8px">{{ dt.ruleCount }} 条规则</div>
-          <div style="display:flex;gap:4px">
-            <el-button size="small" @click="viewDefault(dt)">查看</el-button>
-            <el-button size="small" type="primary" @click="editDefault(dt)">编辑默认</el-button>
-          </div>
-        </div>
+  <div style="display:flex;flex-direction:column;height:calc(100vh - 80px)">
+    <div style="display:flex;justify-content:space-between;align-items:center;margin-bottom:8px">
+      <h2 style="margin:0">风险规则</h2>
+      <div style="display:flex;gap:8px">
+        <el-select v-model="editType" placeholder="选择站点" style="width:250px" filterable size="small">
+          <el-option v-for="s in allOptions" :key="s.value" :label="s.label" :value="s.value" />
+        </el-select>
+        <el-button size="small" @click="loadEditor">加载</el-button>
+        <el-button size="small" type="primary" @click="saveRules" :loading="saving">保存</el-button>
       </div>
-    </el-card>
+    </div>
 
-    <el-card style="margin-top:12px">
-      <div style="margin-bottom:12px;display:flex;gap:8px">
-        <el-button @click="fetchAll" :loading="loading">刷新</el-button>
-      </div>
-
-      <el-table :data="merged" stripe size="small" v-loading="loading" empty-text="暂无站点">
-        <el-table-column prop="siteId" label="站点" width="140" />
-        <el-table-column label="名称" min-width="130">
-          <template #default="s">{{ (s.row.names||[]).join('/') || '-' }}</template>
-        </el-table-column>
-        <el-table-column prop="siteType" label="类型" width="100" />
-        <el-table-column label="规则数" width="80" align="center">
-          <template #default="s">
-            <el-tag size="small">{{ s.row.ruleCount || 0 }}</el-tag>
-          </template>
-        </el-table-column>
-        <el-table-column label="版本" width="70" align="center">
-          <template #default="s">{{ s.row.version || '-' }}</template>
-        </el-table-column>
-        <el-table-column label="更新时间" width="150">
-          <template #default="s">{{ fmt(s.row.updatedAt) }}</template>
-        </el-table-column>
-        <el-table-column label="操作" width="220" fixed="right">
-          <template #default="s">
-            <el-select v-model="ruleVer" placeholder="历史" size="small" style="width:70px" clearable
-              @change="v=>loadRuleVersion(s.row,v)" @click.stop>
-              <el-option v-for="v in s.row.versions||[]" :key="v" :label="'v'+v" :value="v" />
-            </el-select>
-            <el-button size="small" @click="startEdit(s.row)" :type="editSiteId===s.row.siteId?'warning':''">
-              {{ editSiteId===s.row.siteId ? '收起' : '编辑' }}
-            </el-button>
-            <el-button v-if="!s.row.ruleCount" size="small" @click="loadDefaultRules(s.row)">读取默认</el-button>
-          </template>
-        </el-table-column>
-      </el-table>
-
-      <div v-if="editSiteId" style="margin-top:16px;padding:12px;background:#fafafa;border-radius:4px">
-        <div style="margin-bottom:8px;display:flex;gap:8px;align-items:center">
-          <strong>编辑: {{ editSiteId }} ({{ editSiteType }})</strong>
-          <span style="color:#909399;font-size:12px">修改会影响所有 {{ editSiteType }} 类型的站点</span>
-        </div>
-        <div style="height:400px;border-radius:4px;overflow:hidden;margin-bottom:8px">
+    <div style="display:flex;gap:12px;flex:1;min-height:0">
+      <!-- 左侧：编辑器 -->
+      <div style="flex:0 0 440px;display:flex;flex-direction:column;min-height:0">
+        <div style="font-size:13px;font-weight:500;margin-bottom:4px">JSON 配置</div>
+        <div style="flex:1;min-height:0;border-radius:4px;overflow:hidden">
           <CodeEditor v-model="editorJson" language="json" />
         </div>
-        <div style="display:flex;gap:8px">
-          <el-button size="small" type="primary" @click="saveRules" :loading="saving">保存</el-button>
-          <el-button size="small" @click="editSiteId=''">取消</el-button>
+      </div>
+
+      <!-- 右侧：可视化 -->
+      <div style="flex:1;overflow:auto;min-height:0">
+        <div v-if="!parsed.length" style="text-align:center;padding:60px;color:#909399">
+          选择站点后编辑 · 无规则 = 不受限
+        </div>
+        <el-table v-else :data="parsed" stripe size="small" border>
+          <el-table-column label="级别" width="80">
+            <template #default="s">
+              <el-tag :type="s.row.level==='CRITICAL'?'danger':s.row.level==='WARN'?'warning':'info'" size="small">{{ s.row.level }}</el-tag>
+            </template>
+          </el-table-column>
+          <el-table-column prop="type" label="类型" width="90" />
+          <el-table-column prop="name" label="名称" min-width="180" />
+          <el-table-column label="条件" width="160">
+            <template #default="s">
+              {{ s.row.metric }} {{ conditionText(s.row.condition) }} {{ s.row.threshold }} {{ s.row.unit||'' }}
+            </template>
+          </el-table-column>
+          <el-table-column label="适用条件" width="140">
+            <template #default="s">{{ applicableText(s.row) || '-' }}</template>
+          </el-table-column>
+          <el-table-column label="操作" width="60">
+            <template #default="s">
+              <el-button size="small" type="danger" text @click="removeRule(s.$index)">×</el-button>
+            </template>
+          </el-table-column>
+        </el-table>
+        <div v-if="parsed.length" style="margin-top:8px">
+          <el-button size="small" @click="addRule">+ 添加</el-button>
         </div>
       </div>
-    </el-card>
-
-    <el-dialog v-model="viewVisible" :title="'默认规则: '+viewType" width="700px">
-      <div style="height:400px;border-radius:4px;overflow:hidden">
-        <CodeEditor v-model="viewJson" language="json" readonly />
-      </div>
-    </el-dialog>
+    </div>
   </div>
 </template>
 
 <script setup>
 import api from '../api'
 
-const loading = ref(false), saving = ref(false), viewVisible = ref(false), viewType = ref(''), viewJson = ref('')
-const sites = ref([]), rulesMap = ref({}), defaultRulesMap = ref({}), ruleVer = ref('')
-const editSiteId = ref(''), editSiteType = ref(''), editorJson = ref('')
+const saving = ref(false), editorJson = ref('[]')
+const allOptions = ref([]), sitesList = ref([]), editType = ref('')
 
-const fallbackRules = { nexusphp: [{type:'KILL',name:'',metric:'',threshold:0,unit:'DAY',condition:'GT',level:'CRITICAL'}] }
-
-const defaults = computed(() => {
-  const types = [...new Set((Array.isArray(sites.value)?sites.value:[]).map(s=>s.siteType).filter(Boolean))]
-  const base = ['nexusphp','mtorrent','gazelle','unit3d']
-  return [...new Set([...types,...base])].map(t => {
-    const rules = defaultRulesMap.value[t] || fallbackRules[t] || []
-    return {type:t, ruleCount:rules.length, rules}
-  })
+const parsed = computed(() => {
+  try { return JSON.parse(editorJson.value) } catch { return [] }
 })
 
-const fmt = (t) => t ? (t.substring(0,19)||'').replace('T',' ') : '-'
-
-const merged = computed(() => {
-  return (Array.isArray(sites.value)?sites.value:[]).map(s => ({
-    siteId: s.siteId,
-    names: s.names,
-    siteType: s.siteType,
-    ruleCount: rulesMap.value[s.siteType]?.ruleCount || 0,
-    version: rulesMap.value[s.siteType]?.version || null,
-    updatedAt: rulesMap.value[s.siteType]?.updatedAt || null,
-    rulesJson: rulesMap.value[s.siteType]?.rulesJson || null,
-    versions: rulesMap.value[s.siteType]?.versions || [],
-  }))
-})
+const conditionText = (c) => ({GT:'>',LT:'<',GTE:'>=',LTE:'<=',EQ:'='})[c]||c
+const applicableText = (r) => {
+  if (!r.applicable) return null
+  return Object.entries(r.applicable).map(([k,v]) => `${k}>=${v}`).join(', ')
+}
 
 const fetchAll = async () => {
-  loading.value = true
   try {
-    const [sr, rr] = await Promise.allSettled([
-      api.raw.get('/admin/sites'),
-      api.raw.get('/admin/risk-rules'),
-    ])
-    sites.value = sr.status==='fulfilled' ? (Array.isArray(sr.value?.data)?sr.value.data:sr.value||[]) : []
-    const typeSet = new Set(sites.value.map(s=>s.siteType).filter(Boolean))
-    siteTypes.value = [...typeSet]
-    if (siteTypes.value.length===0) siteTypes.value = ['nexusphp','mtorrent','gazelle','unit3d']
-    
-    const rulesData = rr.status==='fulfilled' ? (Array.isArray(rr.value?.data)?rr.value.data:rr.value||[]) : []
-    const map = {}, verMap = {}
-    for (const r of rulesData) {
-      const cnt = (() => { try { return JSON.parse(r.rulesJson||'[]').length } catch { return 0 } })()
-      const v = r.version
-      if (!map[r.siteType] || v > map[r.siteType].version) {
-        map[r.siteType] = { ruleCount: cnt, version: v, updatedAt: r.updatedAt, rulesJson: r.rulesJson }
-      }
-      if (!verMap[r.siteType]) verMap[r.siteType] = new Set()
-      verMap[r.siteType].add(v)
-    }
-    for (const k in verMap) map[k].versions = [...verMap[k]].sort((a,b)=>b-a)
-    rulesMap.value = map
-    // 加载默认模板
-    for (const t of siteTypes.value) {
-      try {
-        const r = await api.raw.get('/admin/default-rules/'+t)
-        const data = r?.data || r
-        if (data?.rules) defaultRulesMap.value[t] = data.rules
-      } catch {}
-    }
-  } finally { loading.value = false }
+    sitesList.value = (await api.raw.get('/admin/sites'))?.data || []
+    const opts = sitesList.value.map(s => ({label: (s.names?.join('/')||s.siteId)+' ['+s.siteType+']', value: s.siteType}))
+    allOptions.value = [...new Map(opts.map(o => [o.value, o])).values()]
+  } catch {}
 }
 
-const viewDefault = (dt) => {
-  viewType.value = dt.type
-  viewJson.value = JSON.stringify(dt.rules, null, 2)
-  viewVisible.value = true
-}
-
-const editDefault = (dt) => {
-  editSiteId.value = dt.type
-  editSiteType.value = dt.type
-  editorJson.value = JSON.stringify(dt.rules, null, 2)
-  window.scrollTo({top: document.body.scrollHeight, behavior:'smooth'})
-}
-
-const loadRuleVersion = async (row, ver) => {
-  if (!ver) return
+const loadEditor = async () => {
+  if (!editType.value) return
   try {
-    const r = await api.raw.get('/admin/risk-rules/'+row.siteType+'/version/'+ver)
-    editorJson.value = JSON.stringify(JSON.parse((r?.data||r)?.content||'[]'), null, 2)
-  } catch { ElMessage.error('加载版本失败') }
+    const r = await api.raw.get('/admin/risk-rules/' + editType.value)
+    const data = r?.data || r
+    editorJson.value = data?.rules ? JSON.stringify(data.rules, null, 2) : '[]'
+  } catch { editorJson.value = '[]' }
 }
 
-const loadDefaultRules = (row) => {
-  editSiteId.value = row.siteId
-  editSiteType.value = row.siteType
-  const rules = defaultRulesMap.value[row.siteType] || fallbackRules[row.siteType] || []
-  editorJson.value = JSON.stringify(rules, null, 2)
-  window.scrollTo({top: document.body.scrollHeight, behavior:'smooth'})
+const addRule = () => {
+  const arr = parsed.value
+  arr.push({type:'TRAFFIC',name:'',metric:'',threshold:0,unit:'DAY',condition:'GT',level:'WARN'})
+  editorJson.value = JSON.stringify(arr, null, 2)
 }
 
-const startEdit = (row) => {
-  if (editSiteId.value === row.siteId) { editSiteId.value = ''; return }
-  editSiteId.value = row.siteId
-  editSiteType.value = row.siteType
-  try { editorJson.value = JSON.stringify(JSON.parse(row.rulesJson||'[]'), null, 2) }
-  catch { editorJson.value = '[]' }
+const removeRule = (idx) => {
+  const arr = parsed.value
+  arr.splice(idx, 1)
+  editorJson.value = JSON.stringify(arr, null, 2)
 }
 
 const saveRules = async () => {
   saving.value = true
   try {
-    const url = editSiteType.value.startsWith('default:') 
-      ? '/admin/default-rules/'+editSiteType.value.replace('default:','')
-      : '/risk-rules/'+editSiteType.value
-    await api.raw.post(url, { rules: JSON.parse(editorJson.value) })
-    ElMessage.success('已保存'); editSiteId.value = ''; fetchAll()
+    await api.raw.post('/risk-rules/'+editType.value, { rules: parsed.value })
+    ElMessage.success('已保存')
   } catch { ElMessage.error('保存失败') }
   finally { saving.value = false }
 }
diff --git a/web/src/views/SitePages.vue b/web/src/views/SitePages.vue
index c2d2fea..046c27f 100644
--- a/web/src/views/SitePages.vue
+++ b/web/src/views/SitePages.vue
@@ -1,192 +1,103 @@
 <template>
-  <div>
-    <h2>页面配置</h2>
-
-    <!-- 站点类型默认模板 -->
-    <el-card style="margin-top:12px" v-if="defaults.length">
-      <template #header><span style="font-weight:500">站点类型默认模板</span></template>
-      <div style="display:flex;gap:12px;flex-wrap:wrap">
-        <div v-for="dt in defaults" :key="dt.type" style="border:1px solid #ebeef5;border-radius:4px;padding:10px 14px;min-width:200px">
-          <div style="font-weight:500;margin-bottom:6px">{{ dt.label }} <el-tag size="small">{{ dt.type }}</el-tag></div>
-          <div style="font-size:12px;color:#909399;margin-bottom:8px">{{ dt.entries.length }} 个入口</div>
-          <div style="display:flex;gap:4px">
-            <el-button size="small" @click="previewDefault(dt)">查看</el-button>
-            <el-button size="small" type="primary" @click="editDefault(dt)">编辑默认</el-button>
-          </div>
-        </div>
+  <div style="display:flex;flex-direction:column;height:calc(100vh - 80px)">
+    <div style="display:flex;justify-content:space-between;align-items:center;margin-bottom:8px">
+      <h2 style="margin:0">页面配置</h2>
+      <div style="display:flex;gap:8px">
+        <el-select v-model="editSiteId" placeholder="选择站点" style="width:200px" filterable size="small">
+          <el-option v-for="s in allSiteOptions" :key="s.value" :label="s.label" :value="s.value" />
+        </el-select>
+        <el-button size="small" @click="loadEditor">加载</el-button>
+        <el-button size="small" type="primary" @click="savePages" :loading="saving">保存</el-button>
       </div>
-    </el-card>
+    </div>
 
-    <el-card style="margin-top:12px">
-      <div style="margin-bottom:12px;display:flex;gap:8px">
-        <el-button @click="fetchAll" :loading="loading">刷新</el-button>
-      </div>
-
-      <el-table :data="merged" stripe size="small" v-loading="loading" empty-text="暂无站点">
-        <el-table-column prop="siteId" label="站点" width="140" />
-        <el-table-column label="名称" min-width="130">
-          <template #default="s">{{ (s.row.names||[]).join(' / ') || '-' }}</template>
-        </el-table-column>
-        <el-table-column label="入口数" width="80" align="center">
-          <template #default="s">{{ s.row.entryCount || 0 }}</template>
-        </el-table-column>
-        <el-table-column label="版本" width="70" align="center">
-          <template #default="s">{{ s.row.version || '-' }}</template>
-        </el-table-column>
-        <el-table-column label="更新时间" width="150">
-          <template #default="s">{{ fmt(s.row.updatedAt) }}</template>
-        </el-table-column>
-        <el-table-column label="操作" width="220" fixed="right">
-          <template #default="s">
-            <el-select v-model="viewVer" placeholder="历史" size="small" style="width:70px" clearable
-              @change="v=>loadVersion(s.row,v)" @click.stop>
-              <el-option v-for="v in s.row.versions||[]" :key="v" :label="'v'+v" :value="v" />
-            </el-select>
-            <el-button size="small" @click="toggleEdit(s.row)" :type="editSiteId===s.row.siteId?'warning':''">
-              {{ editSiteId===s.row.siteId ? '收起' : '编辑' }}
-            </el-button>
-            <el-button v-if="!s.row.entryCount" size="small" @click="loadDefault(s.row)">读取默认</el-button>
-          </template>
-        </el-table-column>
-
-      </el-table>
-
-      <div v-if="editSiteId" style="margin-top:16px;padding:12px;background:#fafafa;border-radius:4px">
-        <div style="margin-bottom:8px;display:flex;gap:8px;align-items:center">
-          <strong>编辑: {{ editSiteId }}</strong>
-        </div>
-        <div style="height:400px;border-radius:4px;overflow:hidden;margin-bottom:8px">
+    <div style="display:flex;gap:12px;flex:1;min-height:0">
+      <!-- 左侧：编辑器 -->
+      <div style="flex:0 0 440px;display:flex;flex-direction:column;min-height:0">
+        <div style="font-size:13px;font-weight:500;margin-bottom:4px">JSON 配置</div>
+        <div style="flex:1;min-height:0;border-radius:4px;overflow:hidden">
           <CodeEditor v-model="editorJson" language="json" />
         </div>
-        <div style="display:flex;gap:8px">
-          <el-button size="small" type="primary" @click="savePages" :loading="saving">保存</el-button>
-          <el-button size="small" @click="editSiteId=''">取消</el-button>
+      </div>
+
+      <!-- 右侧：可视化 -->
+      <div style="flex:1;overflow:auto;min-height:0">
+        <div v-if="!parsed.length" style="text-align:center;padding:60px;color:#909399">选择站点编辑</div>
+        <el-table v-else :data="parsed" stripe size="small" border>
+          <el-table-column prop="key" label="标识" width="100" />
+          <el-table-column prop="label" label="名称" width="110" />
+          <el-table-column prop="method" label="方法" width="70" />
+          <el-table-column label="完整URL" min-width="250">
+            <template #default="s">{{ resolveUrl(s.row.url) }}</template>
+          </el-table-column>
+          <el-table-column label="操作" width="60">
+            <template #default="s">
+              <el-button size="small" type="danger" text @click="removeEntry(s.$index)">×</el-button>
+            </template>
+          </el-table-column>
+        </el-table>
+        <div v-if="parsed.length" style="margin-top:8px">
+          <el-button size="small" @click="addEntry">+ 添加</el-button>
         </div>
       </div>
-    </el-card>
-
-    <el-dialog v-model="viewVisible" :title="'默认模板: '+viewType" width="700px">
-      <div style="height:400px;border-radius:4px;overflow:hidden">
-        <CodeEditor v-model="viewJson" language="json" readonly />
-      </div>
-    </el-dialog>
+    </div>
   </div>
 </template>
 
 <script setup>
 import api from '../api'
 
-const loading = ref(false), saving = ref(false)
-const sites = ref([]), pagesMap = ref({}), defaultMap = ref({}), viewVer = ref('')
-const editSiteId = ref(''), editorJson = ref('')
+const saving = ref(false), editorJson = ref('[]')
+const allSiteOptions = ref([]), sitesList = ref([])
+const editSiteId = ref('')
 
-const fallbackPages = { nexusphp: [{key:'home',label:'首页',url:'{base}',method:'GET'}] }
-
-const defaults = computed(() => {
-  const types = [...new Set((Array.isArray(sites.value)?sites.value:[]).map(s=>s.siteType).filter(Boolean))]
-  const base = ['nexusphp','mtorrent','gazelle','unit3d']
-  return [...new Set([...types,...base])].map(t => ({
-    type:t, label:t,
-    entries: defaultMap.value[t] || fallbackPages[t] || [{key:'home',label:'首页',url:'{base}',method:'GET'}]
-  }))
+const parsed = computed(() => {
+  try { return JSON.parse(editorJson.value) } catch { return [] }
 })
 
-const fmt = (t) => t ? (t.substring(0,19)||'').replace('T',' ') : '-'
+const resolveUrl = (url) => {
+  if (!url) return ''
+  const site = sitesList.value.find(s => s.siteId === editSiteId.value)
+  const base = site?.urls?.[0] || '{base}'
+  return url.replace('{base}', base)
+}
 
-const merged = computed(() => {
-  return (Array.isArray(sites.value)?sites.value:[]).map(s => ({
-    siteId: s.siteId,
-    names: s.names,
-    version: pagesMap.value[s.siteId]?.version || null,
-    entryCount: pagesMap.value[s.siteId]?.entryCount || 0,
-    updatedAt: pagesMap.value[s.siteId]?.updatedAt || null,
-    entriesJson: pagesMap.value[s.siteId]?.entriesJson || null,
-    versions: pagesMap.value[s.siteId]?.versions || [],
-  }))
-})
-
-const fetchAll = async () => {
-  loading.value = true
+const fetchSites = async () => {
   try {
-    const [sr, pr] = await Promise.allSettled([
-      api.raw.get('/admin/sites'),
-      api.raw.get('/admin/site-pages'),
-    ])
-    sites.value = (sr.status==='fulfilled' ? (sr.value?.data || sr.value || []) : [])
-    const pages = pr.status==='fulfilled' ? (pr.value?.data || pr.value || []) : []
-    const map = {}, verMap = {}
-    for (const p of pages) {
-      const entries = (() => { try { return JSON.parse(p.entriesJson||'[]') } catch {return []} })()
-      const v = p.version
-      if (!map[p.siteId] || v > map[p.siteId].version) {
-        map[p.siteId] = { version: v, entryCount: entries.length, updatedAt: p.updatedAt, entriesJson: p.entriesJson }
-      }
-      if (!verMap[p.siteId]) verMap[p.siteId] = new Set()
-      verMap[p.siteId].add(v)
-    }
-    for (const k in verMap) map[k].versions = [...verMap[k]].sort((a,b)=>parseInt(b)-parseInt(a))
-    pagesMap.value = map
-    // 加载默认模板
-    for (const t of ['nexusphp','mtorrent','gazelle','unit3d']) {
-      try {
-        const r = await api.raw.get('/admin/default-pages/'+t)
-        const data = r?.data || r
-        if (data?.entries) defaultMap.value[t] = data.entries
-      } catch {}
-    }
-  } finally { loading.value = false }
+    sitesList.value = (await api.raw.get('/admin/sites'))?.data || []
+    allSiteOptions.value = sitesList.value.map(s => ({label: (s.names?.join('/')||s.siteId), value: s.siteId}))
+  } catch {}
 }
 
-const loadVersion = async (row, ver) => {
-  if (!ver) return
+const loadEditor = async () => {
+  if (!editSiteId.value) return
   try {
-    const r = await api.raw.get('/admin/site-pages/'+row.siteId+'/version/'+ver)
-    editorJson.value = JSON.stringify(JSON.parse((r?.data||r)?.content||'[]'), null, 2)
-  } catch { ElMessage.error('加载版本失败') }
+    const r = await api.raw.get('/admin/site-pages/' + editSiteId.value)
+    const data = r?.data || r
+    editorJson.value = data?.entries ? JSON.stringify(data.entries, null, 2) : '[]'
+  } catch { editorJson.value = '[]' }
 }
 
-const loadDefault = (row) => {
-  editSiteId.value = row.siteId
-  const entries = defaultMap.value[row.siteType] || fallbackPages[row.siteType] || [{key:'home',label:'首页',url:'{base}',method:'GET'}]
-  editorJson.value = JSON.stringify(entries, null, 2)
-  window.scrollTo({top: document.body.scrollHeight, behavior:'smooth'})
+const addEntry = () => {
+  const arr = parsed.value
+  arr.push({key:'',label:'',url:'{base}',method:'GET'})
+  editorJson.value = JSON.stringify(arr, null, 2)
 }
 
-const editDefault = (dt) => {
-  editSiteId.value = dt.type
-  editorJson.value = JSON.stringify(dt.entries, null, 2)
-  window.scrollTo({top: document.body.scrollHeight, behavior:'smooth'})
-}
-
-const viewVisible = ref(false), viewType = ref(''), viewJson = ref('')
-
-const previewDefault = (dt) => {
-  viewType.value = dt.type
-  viewJson.value = JSON.stringify(dt.entries, null, 2)
-  viewVisible.value = true
-}
-
-const toggleEdit = (row) => {
-  if (editSiteId.value === row.siteId) { editSiteId.value = ''; return }
-  editSiteId.value = row.siteId
-  try { editorJson.value = JSON.stringify(JSON.parse(row.entriesJson||'[]'), null, 2) }
-  catch { editorJson.value = JSON.stringify([{key:'home',label:'首页',url:'{base}',method:'GET'}], null, 2) }
+const removeEntry = (idx) => {
+  const arr = parsed.value
+  arr.splice(idx, 1)
+  editorJson.value = JSON.stringify(arr, null, 2)
 }
 
 const savePages = async () => {
   saving.value = true
   try {
-    const url = editSiteId.value.startsWith('default:') 
-      ? '/admin/default-pages/'+editSiteId.value.replace('default:','')
-      : '/sites/'+editSiteId.value+'/pages'
-    await api.raw.put(url, { entries: JSON.parse(editorJson.value) })
-    ElMessage.success('已保存'); editSiteId.value = ''; fetchAll()
+    await api.raw.put('/sites/'+editSiteId.value+'/pages', { entries: parsed.value })
+    ElMessage.success('已保存')
   } catch { ElMessage.error('保存失败') }
   finally { saving.value = false }
 }
 
-onMounted(fetchAll)
+onMounted(fetchSites)
 </script>
-
-
-