歌手等级

src/views/Level/singerLevel/form.vue

@@ -20,6 +20,8 @@ const newFormInline = ref(
       image: "",
       change_value: "",
       rights_icon: "",
+      bg_image: "",
+      color: ""
     }
 );
 function getRef() {
@@ -48,8 +50,14 @@ defineExpose({ getRef });
     <el-form-item label="等级图标" prop="image">
       <uploadImage @handleSuccess="handleFileSuccess" :limit="1" :echoUrl="newFormInline.image" />
     </el-form-item>
+    <el-form-item label="等级背景" prop="bg_image">
+      <uploadImage @handleSuccess="handleBgSuccess" :limit="1" :echoUrl="newFormInline.bg_image" />
+    </el-form-item>
+    <el-form-item label="辅助色" prop="color">
+      <el-input v-model="newFormInline.color" clearable placeholder="请输入辅助色" />
+    </el-form-item>
     <el-form-item label="升级所需经验值" prop="change_value">
-      <el-input-number v-model="newFormInline.change_value" controls-position="right"></el-input-number>
+      <el-input v-model="newFormInline.change_value"></el-input>
     </el-form-item>
     <el-form-item label="等级特权图标" prop="rights_icon">
       <uploadImage @handleSuccess="handleIconSuccess" :limit="1" :echoUrl="newFormInline.rights_icon" />

src/views/Level/singerLevel/hook.tsx

@@ -114,7 +114,9 @@ export function useData() {
           name: rowData?.name ?? "",
           image: rowData?.image ?? "",
           change_value: rowData?.change_value ?? "",
-          rights_icon: rowData?.rights_icon ?? ""
+          rights_icon: rowData?.rights_icon ?? "",
+          bg_image: rowData?.bg_image ?? "",
+          color: rowData?.color ?? ""
         }
       },
       width: "40%",