feat: scaffold mediai admin

2026-06-03 15:21:07 +08:00
parent 7da12b0c07
commit 875bf1f098
665 changed files with 4345 additions and 73920 deletions
@@ -0,0 +1,76 @@
+<template>
+  <div class="page-stack">
+    <section class="page-toolbar">
+      <div>
+        <h1>病例中心</h1>
+        <p>维护 AI 问诊病例、难度、科室和发布状态。</p>
+      </div>
+      <div class="toolbar-actions">
+        <el-button :icon="Upload">批量导入</el-button>
+        <el-button :icon="Plus" type="primary">新建病例</el-button>
+      </div>
+    </section>
+
+    <section class="filter-bar">
+      <el-input v-model="keyword" :prefix-icon="Search" clearable placeholder="搜索病例名称/编号" />
+      <el-select v-model="department" clearable placeholder="科室">
+        <el-option label="心内科" value="心内科" />
+        <el-option label="儿科" value="儿科" />
+        <el-option label="内分泌科" value="内分泌科" />
+        <el-option label="神经内科" value="神经内科" />
+      </el-select>
+      <el-select v-model="status" clearable placeholder="状态">
+        <el-option label="已发布" value="已发布" />
+        <el-option label="审核中" value="审核中" />
+        <el-option label="草稿" value="草稿" />
+      </el-select>
+      <el-button :icon="Refresh">重置</el-button>
+    </section>
+
+    <section class="data-section">
+      <el-table :data="filteredRows" row-key="id">
+        <el-table-column prop="id" label="病例编号" width="140" />
+        <el-table-column prop="name" label="病例名称" min-width="200" />
+        <el-table-column prop="department" label="科室" width="120" />
+        <el-table-column prop="difficulty" label="难度" width="90">
+          <template #default="{ row }">
+            <el-tag :type="row.difficulty === '高' ? 'danger' : row.difficulty === '中' ? 'warning' : 'success'">{{ row.difficulty }}</el-tag>
+          </template>
+        </el-table-column>
+        <el-table-column prop="usage" label="训练次数" width="120" sortable />
+        <el-table-column prop="updatedAt" label="更新时间" width="130" />
+        <el-table-column prop="status" label="状态" width="110">
+          <template #default="{ row }">
+            <el-tag :type="row.status === '已发布' ? 'success' : row.status === '审核中' ? 'warning' : 'info'">{{ row.status }}</el-tag>
+          </template>
+        </el-table-column>
+        <el-table-column label="操作" width="190" fixed="right">
+          <template #default>
+            <el-button link type="primary">编辑</el-button>
+            <el-button link type="primary">预览</el-button>
+            <el-button link type="danger">下架</el-button>
+          </template>
+        </el-table-column>
+      </el-table>
+    </section>
+  </div>
+</template>
+
+<script setup lang="ts">
+import { computed, ref } from 'vue'
+import { Plus, Refresh, Search, Upload } from '@element-plus/icons-vue'
+import { caseRows } from '@/mock/dashboard'
+
+const keyword = ref('')
+const department = ref('')
+const status = ref('')
+
+const filteredRows = computed(() =>
+  caseRows.filter(item => {
+    const matchKeyword = !keyword.value || item.name.includes(keyword.value) || item.id.includes(keyword.value)
+    const matchDepartment = !department.value || item.department === department.value
+    const matchStatus = !status.value || item.status === status.value
+    return matchKeyword && matchDepartment && matchStatus
+  })
+)
+</script>