Initial commit: 网络验证平台

2026-04-27 17:22:56 +08:00
commit afe67d704e
780 changed files with 88960 additions and 0 deletions
@@ -0,0 +1,170 @@
+<script setup lang="ts">
+import { Icon } from '@iconify/vue'
+import { onMounted, ref } from 'vue'
+import { useRouter } from 'vue-router'
+import { toast } from 'vue-sonner'
+
+import { BasicPage } from '@/components/global-layout'
+
+const router = useRouter()
+const API_BASE = 'http://localhost:8080/api/v1'
+
+const saving = ref(false)
+const applications = ref<Array<{ id: number, name: string }>>([])
+
+const form = ref({
+  developer_id: '',
+  application_id: '',
+  message: '',
+})
+
+async function fetchApplications() {
+  try {
+    const token = localStorage.getItem('token')
+    const response = await fetch(`${API_BASE}/dev/applications`, {
+      headers: { Authorization: `Bearer ${token}` },
+    })
+    const data = await response.json()
+    if (data.code === 200) {
+      applications.value = data.applications || []
+    }
+  }
+  catch (error) {
+    console.error('获取应用列表失败:', error)
+  }
+}
+
+async function handleSubmit() {
+  if (!form.value.developer_id) {
+    toast.error('请输入开发者ID')
+    return
+  }
+  if (!form.value.application_id) {
+    toast.error('请选择应用')
+    return
+  }
+
+  saving.value = true
+  try {
+    const token = localStorage.getItem('token')
+    const response = await fetch(`${API_BASE}/dev/agent-apps/request`, {
+      method: 'POST',
+      headers: {
+        'Authorization': `Bearer ${token}`,
+        'Content-Type': 'application/json',
+      },
+      body: JSON.stringify({
+        developer_id: Number(form.value.developer_id),
+        application_id: Number(form.value.application_id),
+        message: form.value.message,
+      }),
+    })
+
+    const data = await response.json()
+    if (data.code === 200) {
+      toast.success('申请已提交')
+      router.push('/developer/agent-apps')
+    }
+    else {
+      toast.error(data.message || '提交申请失败')
+    }
+  }
+  catch (error) {
+    console.error('提交申请失败:', error)
+    toast.error('提交申请失败')
+  }
+  finally {
+    saving.value = false
+  }
+}
+
+function goBack() {
+  router.push('/developer/agent-apps')
+}
+
+onMounted(() => {
+  fetchApplications()
+})
+</script>
+
+<template>
+  <BasicPage
+    title="申请授权"
+    description="向开发者申请应用授权"
+  >
+    <template #actions>
+      <UiButton variant="outline" @click="goBack">
+        <Icon icon="lucide:arrow-left" class="mr-2 h-4 w-4" />
+        返回
+      </UiButton>
+    </template>
+
+    <div class="max-w-2xl">
+      <UiCard>
+        <UiCardHeader>
+          <UiCardTitle>申请信息</UiCardTitle>
+          <UiCardDescription>
+            填写以下信息向开发者申请应用授权
+          </UiCardDescription>
+        </UiCardHeader>
+        <UiCardContent class="space-y-6">
+          <div class="space-y-2">
+            <UiLabel for="developer_id">
+              开发者ID
+            </UiLabel>
+            <UiInput
+              id="developer_id"
+              v-model="form.developer_id"
+              type="number"
+              placeholder="请输入开发者ID"
+            />
+            <p class="text-xs text-muted-foreground">
+              请向开发者索取其ID
+            </p>
+          </div>
+
+          <div class="space-y-2">
+            <UiLabel for="application_id">
+              选择应用
+            </UiLabel>
+            <UiSelect v-model="form.application_id">
+              <UiSelectTrigger>
+                <UiSelectValue placeholder="请选择应用" />
+              </UiSelectTrigger>
+              <UiSelectContent>
+                <UiSelectItem
+                  v-for="app in applications"
+                  :key="app.id"
+                  :value="String(app.id)"
+                >
+                  {{ app.name }}
+                </UiSelectItem>
+              </UiSelectContent>
+            </UiSelect>
+          </div>
+
+          <div class="space-y-2">
+            <UiLabel for="message">
+              申请说明
+            </UiLabel>
+            <UiTextarea
+              id="message"
+              v-model="form.message"
+              placeholder="请输入申请说明（可选）"
+              :rows="4"
+            />
+          </div>
+        </UiCardContent>
+        <UiCardFooter class="flex justify-end gap-2">
+          <UiButton variant="outline" @click="goBack">
+            取消
+          </UiButton>
+          <UiButton :disabled="saving" @click="handleSubmit">
+            <Icon v-if="saving" icon="lucide:loader-2" class="mr-2 h-4 w-4 animate-spin" />
+            提交申请
+          </UiButton>
+        </UiCardFooter>
+      </UiCard>
+    </div>
+  </BasicPage>
+</template>