From ec9d00f25ae95ce9a24590b00901800f859c7110 Mon Sep 17 00:00:00 2001
From: mediabot-pt <295750538+mediabot-pt@users.noreply.github.com>
Date: Tue, 30 Jun 2026 00:57:06 +0800
Subject: [PATCH] =?UTF-8?q?feat:=20=E7=AB=99=E7=82=B9=E7=AE=A1=E7=90=86?=
 =?UTF-8?q?=E5=A2=9E=E5=8A=A0=E6=9F=A5=E7=9C=8B=E9=85=8D=E7=BD=AE=E5=8A=9F?=
 =?UTF-8?q?=E8=83=BD,=20=E6=98=BE=E7=A4=BA=E6=9C=80=E6=96=B0=E5=B7=B2?=
 =?UTF-8?q?=E5=AE=A1=E6=89=B9=E9=85=8D=E7=BD=AE=E5=86=85=E5=AE=B9?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 web/src/views/Sites.vue | 97 ++++++++++++++++++++++++++++++++++++++++-
 1 file changed, 96 insertions(+), 1 deletion(-)

diff --git a/web/src/views/Sites.vue b/web/src/views/Sites.vue
index 49bbac5..d1689ff 100644
--- a/web/src/views/Sites.vue
+++ b/web/src/views/Sites.vue
@@ -15,9 +15,10 @@
           </template>
         </el-table-column>
         <el-table-column prop="schemaVersion" label="Schema版本" width="120" />
-        <el-table-column label="操作" width="150">
+        <el-table-column label="操作" width="200">
           <template #default="scope">
             <el-button size="small" @click="handleEdit(scope.row)">编辑</el-button>
+            <el-button size="small" @click="handleViewConfig(scope.row)">配置</el-button>
           </template>
         </el-table-column>
       </el-table>
@@ -49,6 +50,17 @@
         <el-button type="primary" @click="handleSave" :loading="saving">保存</el-button>
       </template>
     </el-dialog>
+
+    <!-- 查看配置对话框 -->
+    <el-dialog v-model="configVisible" :title="'配置：' + configSiteId" width="700px" :close-on-click-modal="false">
+      <div v-if="configLoading" style="text-align:center;padding:40px">加载中...</div>
+      <div v-else-if="configError" style="color:#f56c6c;text-align:center;padding:20px">{{ configError }}</div>
+      <div v-else-if="!configContent" style="text-align:center;padding:40px;color:#909399">暂无配置</div>
+      <pre v-else class="config-json" v-html="highlightedJson"></pre>
+      <template #footer>
+        <el-button @click="configVisible = false">关闭</el-button>
+      </template>
+    </el-dialog>
   </div>
 </template>
 
@@ -71,6 +83,68 @@ const siteTypes = [
   { value: 'unknown', label: '未知' },
 ]
 
+// 配置查看
+const configVisible = ref(false)
+const configLoading = ref(false)
+const configError = ref('')
+const configContent = ref('')
+const configSiteId = ref('')
+
+const highlightedJson = computed(() => {
+  try {
+    const obj = JSON.parse(configContent.value)
+    return syntaxHighlight(JSON.stringify(obj, null, 2))
+  } catch {
+    return escapeHtml(configContent.value)
+  }
+})
+
+const handleViewConfig = async (row) => {
+  configVisible.value = true
+  configSiteId.value = row.siteId
+  configLoading.value = true
+  configError.value = ''
+  configContent.value = ''
+  try {
+    const res = await api.configs.bySite(row.siteId)
+    const configs = res.data || []
+    if (configs.length === 0) {
+      configContent.value = ''
+    } else {
+      const latest = configs[0]  // already sorted by created_at desc
+      const resp = await api.configs.content(latest.siteId, latest.version)
+      const content = resp.data
+      configContent.value = typeof content === 'string' ? content : JSON.stringify(content, null, 2)
+    }
+  } catch (e) {
+    configError.value = e.response?.data?.message || '获取配置失败'
+  } finally {
+    configLoading.value = false
+  }
+}
+
+// syntax highlighting (reused from Configs.vue)
+const syntaxHighlight = (json) => {
+  return escapeHtml(json).replace(
+    /("(\\u[a-fA-F0-9]{4}|\\[^u]|[^"\\])*"(\s*:)?|\b(true|false|null)\b|-?\d+(?:\.\d*)?(?:[eE][+\-]?\d+)?)/g,
+    (match) => {
+      let cls = 'number'
+      if (/^"/.test(match)) {
+        cls = /:$/.test(match) ? 'key' : 'string'
+      } else if (/true|false/.test(match)) {
+        cls = 'boolean'
+      } else if (/null/.test(match)) {
+        cls = 'null'
+      }
+      return `<span class="${cls}">${match}</span>`
+    }
+  )
+}
+
+const escapeHtml = (str) => {
+  return str.replace(/&/g, '&amp;').replace(/</g, '&lt;').replace(/>/g, '&gt;')
+}
+
 const fetchSites = async () => {
   loading.value = true
   try {
@@ -120,3 +194,24 @@ const handleSave = async () => {
 
 onMounted(fetchSites)
 </script>
+
+<style scoped>
+.config-json {
+  background: #1e1e1e;
+  color: #d4d4d4;
+  padding: 12px;
+  border-radius: 4px;
+  font-size: 12px;
+  line-height: 1.5;
+  margin: 0;
+  white-space: pre-wrap;
+  word-break: break-all;
+  max-height: 500px;
+  overflow: auto;
+}
+.config-json :deep(.key) { color: #9cdcfe; }
+.config-json :deep(.string) { color: #ce9178; }
+.config-json :deep(.number) { color: #b5cea8; }
+.config-json :deep(.boolean) { color: #569cd6; }
+.config-json :deep(.null) { color: #569cd6; }
+</style>