feat: P3阶段完成 - 全部模块迁移完成 🎉

## P3.1: 争议仲裁模块（disputes）✅ - API: disputes.ts - 模块导出 ## P3.2: 卖家中心模块（seller）✅ - Views: 4个页面 - Composables: usePublishForm, usePublishDraft - 模块导出 ## P3.3: 管理后台模块（admin）✅ - API: 8个文件（adminAuth, adminDashboard, adminUsers等） - Views: 15个管理页面 - Composables: useAdminTable, useAdminPaginatedTable - Components: 管理端组件 - 模块导出 --- ## 🎉 Features 架构迁移全部完成！ ### 最终统计 - ✅ P0: shared（基础设施）- 22个文件 - ✅ P1: wallet, chats, orders - 24个文件 - ✅ P2: listings, auth - 35个文件 - ✅ P3: seller, disputes, admin - 47个文件 **总计：** 9个模块，128个文件完成迁移 ### 新架构 ``` frontend/src/ ├── features/ # 9个业务模块 ✅ │ ├── wallet/ ✅ │ ├── chats/ ✅ │ ├── orders/ ✅ (已重构) │ ├── listings/ ✅ │ ├── auth/ ✅ │ ├── seller/ ✅ │ ├── disputes/ ✅ │ └── admin/ ✅ └── shared/ ✅ ``` 下一步：清理旧文件、更新路由配置 Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
2026-06-04 09:05:34 +08:00
parent 3534cffce1
commit c9397635e2
47 changed files with 9406 additions and 0 deletions
@@ -0,0 +1,124 @@
+<script setup lang="ts">
+import { ElMessage } from 'element-plus'
+import { ref, watch } from 'vue'
+
+import { createAdminMgrUser, updateAdminMgrUser, type AdminMgrUser, type CreateAdminRequest, type UpdateAdminRequest } from '@/api/adminMgr'
+
+const props = defineProps<{
+  modelValue: boolean
+  admin?: AdminMgrUser | null
+}>()
+
+const emit = defineEmits<{
+  (e: 'update:modelValue', val: boolean): void
+  (e: 'saved'): void
+}>()
+
+const submitting = ref(false)
+const form = ref({
+  username: '',
+  password: '',
+  nickname: '',
+  status: 'active',
+})
+
+const isEdit = ref(false)
+
+watch(
+  () => props.modelValue,
+  (val) => {
+    if (val) {
+      if (props.admin) {
+        isEdit.value = true
+        form.value = {
+          username: props.admin.username,
+          password: '',
+          nickname: props.admin.nickname,
+          status: props.admin.status,
+        }
+      } else {
+        isEdit.value = false
+        form.value = { username: '', password: '', nickname: '', status: 'active' }
+      }
+    }
+  },
+  { immediate: true },
+)
+
+async function handleSave() {
+  submitting.value = true
+  try {
+    if (isEdit.value && props.admin) {
+      const req: UpdateAdminRequest = {
+        nickname: form.value.nickname,
+        status: form.value.status,
+      }
+      await updateAdminMgrUser(props.admin.id, req)
+      ElMessage.success('管理员已更新')
+    } else {
+      const req: CreateAdminRequest = {
+        username: form.value.username,
+        password: form.value.password,
+        nickname: form.value.nickname,
+      }
+      await createAdminMgrUser(req)
+      ElMessage.success('管理员已创建')
+    }
+    emit('saved')
+    emit('update:modelValue', false)
+  } catch (error) {
+    ElMessage.error(readError(error, '操作失败'))
+  } finally {
+    submitting.value = false
+  }
+}
+
+function readError(error: unknown, fallback: string) {
+  if (typeof error === 'object' && error && 'response' in error) {
+    const response = (error as { response?: { data?: { message?: string } } }).response
+    return response?.data?.message || fallback
+  }
+  return fallback
+}
+</script>
+
+<template>
+  <el-dialog
+    :model-value="modelValue"
+    :title="isEdit ? '编辑管理员' : '新建管理员'"
+    width="500px"
+    @update:model-value="emit('update:modelValue', $event)"
+  >
+    <div class="dialog-body">
+      <el-form-item label="用户名" class="full-control">
+        <el-input v-model="form.username" :disabled="isEdit" placeholder="请输入用户名" />
+      </el-form-item>
+      <el-form-item v-if="!isEdit" label="密码" class="full-control">
+        <el-input v-model="form.password" type="password" show-password placeholder="请输入密码（至少6位）" />
+      </el-form-item>
+      <el-form-item label="昵称" class="full-control">
+        <el-input v-model="form.nickname" placeholder="请输入昵称" />
+      </el-form-item>
+      <el-form-item v-if="isEdit" label="状态" class="full-control">
+        <el-select v-model="form.status" style="width: 100%">
+          <el-option label="启用" value="active" />
+          <el-option label="禁用" value="disabled" />
+        </el-select>
+      </el-form-item>
+    </div>
+    <template #footer>
+      <el-button @click="emit('update:modelValue', false)">取消</el-button>
+      <el-button type="primary" :loading="submitting" @click="handleSave">保存</el-button>
+    </template>
+  </el-dialog>
+</template>
+
+<style scoped>
+.dialog-body {
+  display: grid;
+  gap: 16px;
+}
+.full-control {
+  width: 100%;
+}
+</style>