等级

src/main/java/com/izouma/nineth/domain/PurchaseLevel.java

@@ -32,4 +32,7 @@ public class PurchaseLevel extends BaseEntity {
     @ApiModelProperty("颜色")
     private String colour;
 
+    @ApiModelProperty("背景")
+    private String bg;
+
 }

src/main/vue/src/views/PurchaseLevelEdit.vue

@@ -35,6 +35,9 @@
                     <el-form-item prop="colour" label="颜色">
                         <el-input v-model="formData.colour"></el-input>
                     </el-form-item>
+                    <el-form-item prop="bg" label="背景">
+                        <single-upload v-model="formData.bg"></single-upload>
+                    </el-form-item>
                     <el-form-item class="form-submit">
                         <el-button @click="onSave" :loading="saving" type="primary"> 保存 </el-button>
                         <el-button @click="onDelete" :disabled="saving" type="danger" v-if="formData.id">

src/main/vue/src/views/PurchaseLevelList.vue

@@ -52,8 +52,27 @@
             <!-- <el-table-column prop="endLevel" label="结束级别"> </el-table-column> -->
             <el-table-column prop="realm" label="境界"> </el-table-column>
             <el-table-column prop="title" label="头衔"> </el-table-column>
-            <el-table-column prop="icon" label="图标"> </el-table-column>
+            <el-table-column prop="icon" label="图标">
+                <template slot-scope="{ row }">
+                    <el-image
+                        style="width: 30px; height: 30px"
+                        :src="row.icon"
+                        fit="cover"
+                        :preview-src-list="[row.icon]"
+                    ></el-image>
+                </template>
+            </el-table-column>
             <el-table-column prop="colour" label="颜色"> </el-table-column>
+            <el-table-column prop="bg" label="背景">
+                <template slot-scope="{ row }">
+                    <el-image
+                        style="width: 30px; height: 30px"
+                        :src="row.bg"
+                        fit="cover"
+                        :preview-src-list="[row.bg]"
+                    ></el-image>
+                </template>
+            </el-table-column>
             <el-table-column label="操作" align="center" fixed="right" width="150">
                 <template slot-scope="{ row }">
                     <el-button @click="editRow(row)" type="primary" size="mini" plain>编辑</el-button>