From 619abaf861164d04365ddf7f7f658ea768c42a9b Mon Sep 17 00:00:00 2001
From: hanqin <qinhan@cupower.com>
Date: Tue, 21 Apr 2026 15:30:13 +0800
Subject: [PATCH] =?UTF-8?q?=E5=88=9B=E5=BB=BA=E6=80=AA=E7=89=A9=E7=9A=84?=
 =?UTF-8?q?=E6=97=B6=E5=80=99=E5=BA=94=E8=AF=A5=E9=80=89=E6=8B=A9=E5=A2=83?=
 =?UTF-8?q?=E7=95=8C=EF=BC=8C=E8=80=8C=E4=B8=8D=E6=98=AF=E6=89=8B=E5=8A=A8?=
 =?UTF-8?q?=E8=BE=93=E5=85=A5=E7=AD=89=E7=BA=A7?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../Frontend/src/views/admin/MonstersView.vue | 32 +++++++++++++++++--
 1 file changed, 29 insertions(+), 3 deletions(-)

diff --git a/Build_God_Admin_Frontend/Frontend/src/views/admin/MonstersView.vue b/Build_God_Admin_Frontend/Frontend/src/views/admin/MonstersView.vue
index 70ae5ed..bd4d9f5 100644
--- a/Build_God_Admin_Frontend/Frontend/src/views/admin/MonstersView.vue
+++ b/Build_God_Admin_Frontend/Frontend/src/views/admin/MonstersView.vue
@@ -20,6 +20,7 @@ import { GetPillList, type Pill } from '@/api/pill'
 import { GetEquipmentTemplateList, type EquipmentTemplate } from '@/api/equipment'
 import { Plus, Edit, Delete, Close } from '@element-plus/icons-vue'
 import { ICONS } from '@/constants/theme'
+import { GetLevelList, type Level } from '@/api/level'
 
 const monsters = ref<Monster[]>([])
 
@@ -27,6 +28,8 @@ const monsterTypes = ref<EnumInfoDto[]>([])
 const rewardTypes = ref<EnumInfoDto[]>([])
 const pillData = ref<Pill[]>([])
 const equipmentData = ref<EquipmentTemplate[]>([])
+//等级
+const levels = ref<Level[]>([])
 
 const currentPage = ref(1)
 const pageSize = ref(10)
@@ -89,6 +92,15 @@ const translateMonsterType = (typeId: number) => {
   return type ? type.description : '未知类型'
 }
 
+const translateLevel = (id: number) => {
+  console.log(levels)
+  var item = levels.value.find(x => x.levelId == id);
+  if (item) {
+    return item.name
+  }
+  return '未知'
+}
+
 const getMonsterTypeClass = (typeId: number) => {
   switch (typeId) {
     case 1:
@@ -321,6 +333,7 @@ onMounted(async () => {
   await refreshMonsters()
   await fetchTypes()
   await fetchRewardTypes()
+  await fetchLevels()
 })
 
 const refreshMonsters = async (page?: number) => {
@@ -355,6 +368,10 @@ const fetchRewardTypes = async () => {
   var data = await GetRewardTypes()
   rewardTypes.value = data
 }
+
+const fetchLevels = async () => {
+  levels.value = await GetLevelList()
+}
 </script>
 
 <template>
@@ -404,8 +421,14 @@ const fetchRewardTypes = async () => {
         </template>
       </el-table-column>
       <el-table-column label="名称" prop="name" width="150"></el-table-column>
-      <el-table-column label="等级" prop="levelId" width="80"></el-table-column>
-      <el-table-column label="类型">
+      <el-table-column label="等级" prop="levelId" width="80">
+        <template #default="scoped">
+          <span>
+            {{ translateLevel(scoped.row.levelId) }}
+          </span>
+        </template>
+      </el-table-column>
+      <el-table-column label="类型" width="100">
         <template #default="scoped">
           <span class="monster-type" :class="getMonsterTypeClass(scoped.row.type)">
             {{ translateMonsterType(scoped.row.type) }}
@@ -477,7 +500,10 @@ const fetchRewardTypes = async () => {
           <el-input v-model="formData.name" placeholder="怪兽名称" clearable />
         </el-form-item>
         <el-form-item label="等级">
-          <el-input-number v-model="formData.levelId" />
+          <el-select v-model="formData.levelId">
+            <el-option v-for="(value, index) in levels" :key="index" :value="value.levelId" :label="value.name">
+            </el-option>
+          </el-select>
         </el-form-item>
         <el-form-item label="类型">
           <el-select v-model="formData.type">