元宇宙相关接口

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

@@ -8,6 +8,8 @@ import lombok.Data;
 import lombok.NoArgsConstructor;
 
 import javax.persistence.Entity;
+import javax.persistence.EnumType;
+import javax.persistence.Enumerated;
 
 @Data
 @AllArgsConstructor
@@ -20,5 +22,6 @@ public class MetaBonusScene extends BaseEntity {
     private Long userId;
 
     @ApiModelProperty("彩蛋类型")
+    @Enumerated(EnumType.STRING)
     private MetaBonusSceneEnum type;
 }

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

@@ -7,6 +7,8 @@ import lombok.AllArgsConstructor;
 import lombok.Data;
 import lombok.NoArgsConstructor;
 
+import java.util.List;
+
 @Data
 @AllArgsConstructor
 @NoArgsConstructor
@@ -22,7 +24,7 @@ public class MetaPlayerInfo {
     @ApiModelProperty("勋章等级")
     private int level;
 
-//    @ApiModelProperty("服饰")
-//    private MetaClothes metaClothes;
+    @ApiModelProperty("玩家上次离线的服饰信息")
+    private List<MetaPlayerWear> metaPlayerWearList;
 
 }

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

@@ -0,0 +1,29 @@
+package com.izouma.nineth.domain;
+
+import com.izouma.nineth.converter.LongArrayConverter;
+import io.swagger.annotations.ApiModel;
+import io.swagger.annotations.ApiModelProperty;
+import lombok.AllArgsConstructor;
+import lombok.Data;
+import lombok.NoArgsConstructor;
+
+import javax.persistence.Column;
+import javax.persistence.Convert;
+import javax.persistence.Entity;
+import java.util.List;
+
+@Data
+@AllArgsConstructor
+@NoArgsConstructor
+@Entity
+@ApiModel("元宇宙玩家离线信息")
+public class MetaPlayerOfflineInfo extends BaseEntity {
+
+    private Long userId;
+
+    @Column(columnDefinition = "TEXT")
+    @Convert(converter = LongArrayConverter.class)
+    @ApiModelProperty("离线时服饰id集合")
+    private List<Long> clothesId;
+
+}

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

@@ -0,0 +1,32 @@
+package com.izouma.nineth.domain;
+
+import com.izouma.nineth.converter.FileObjectConverter;
+import com.izouma.nineth.enums.MetaPlayerWearEnum;
+import io.swagger.annotations.ApiModel;
+import io.swagger.annotations.ApiModelProperty;
+import lombok.AllArgsConstructor;
+import lombok.Data;
+import lombok.NoArgsConstructor;
+
+import javax.persistence.*;
+
+@Data
+@AllArgsConstructor
+@NoArgsConstructor
+@Entity
+@ApiModel("元宇宙玩家服饰")
+public class MetaPlayerWear extends BaseEntity {
+
+    @ApiModelProperty("用户id")
+    private Long userId;
+
+    @ApiModelProperty("模型")
+    @Column(columnDefinition = "TEXT")
+    @Convert(converter = FileObjectConverter.class)
+    private FileObject model;
+
+    @ApiModelProperty("类型")
+    @Enumerated(EnumType.STRING)
+    private MetaPlayerWearEnum type;
+
+}

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

@@ -0,0 +1,37 @@
+package com.izouma.nineth.domain;
+
+import io.swagger.annotations.ApiModel;
+import io.swagger.annotations.ApiModelProperty;
+import lombok.AllArgsConstructor;
+import lombok.Data;
+import lombok.NoArgsConstructor;
+
+import java.util.List;
+
+@Data
+@AllArgsConstructor
+@NoArgsConstructor
+@ApiModel("元宇宙服饰相关")
+public class MetaPlayerWearCount {
+
+    @ApiModelProperty("用户id")
+    private Long userId;
+
+    @ApiModelProperty("头饰")
+    private List<MetaPlayerWear> headdressList;
+
+    @ApiModelProperty("衣服")
+    private List<MetaPlayerWear> clothesList;
+
+    @ApiModelProperty("裤子")
+    private List<MetaPlayerWear> trousersList;
+
+    @ApiModelProperty("鞋子")
+    private List<MetaPlayerWear> shoesList;
+
+    @ApiModelProperty("动作")
+    private List<MetaPlayerWear> actionList;
+
+    @ApiModelProperty("皮肤")
+    private List<MetaPlayerWear> skinList;
+}

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

@@ -11,6 +11,8 @@ import lombok.NoArgsConstructor;
 
 import javax.persistence.Convert;
 import javax.persistence.Entity;
+import javax.persistence.EnumType;
+import javax.persistence.Enumerated;
 
 @Data
 @AllArgsConstructor
@@ -20,6 +22,7 @@ import javax.persistence.Entity;
 public class MetaSpatialInfo extends BaseEntity {
 
     @ApiModelProperty("所属区域")
+    @Enumerated(EnumType.STRING)
     private MetaRegionEnum region;
 
     @ApiModelProperty("目前状态：true在售/false未售")

src/main/java/com/izouma/nineth/dto/BuildingPosDTO.java

@@ -24,5 +24,5 @@ public class BuildingPosDTO {
     private CoordinateDTO coordinate;
 
     @ApiModelProperty("旋转值")
-    private String rotateCount;
+    private int rotateCount;
 }

src/main/java/com/izouma/nineth/enums/MetaPlayerWearEnum.java

@@ -0,0 +1,22 @@
+package com.izouma.nineth.enums;
+
+
+public enum MetaPlayerWearEnum {
+
+    HEADDRESS("头饰"),
+    CLOTHES("衣服"),
+    TROUSERS("裤子"),
+    SHOES("鞋子"),
+    ACTION("动作"),
+    SKIN("皮肤");
+
+    private final String description;
+
+    MetaPlayerWearEnum(String description) {
+        this.description = description;
+    }
+
+    public String getDescription() {
+        return description;
+    }
+}

src/main/java/com/izouma/nineth/repo/MetaPlayerOfflineInfoRepo.java

@@ -0,0 +1,10 @@
+package com.izouma.nineth.repo;
+
+import com.izouma.nineth.domain.MetaPlayerOfflineInfo;
+import org.springframework.data.jpa.repository.JpaRepository;
+import org.springframework.data.jpa.repository.JpaSpecificationExecutor;
+
+public interface MetaPlayerOfflineInfoRepo extends JpaRepository<MetaPlayerOfflineInfo, Long>, JpaSpecificationExecutor<MetaPlayerOfflineInfo> {
+
+    MetaPlayerOfflineInfo findLastByUserId(Long userId);
+}

src/main/java/com/izouma/nineth/repo/MetaPlayerWearRepo.java

@@ -0,0 +1,22 @@
+package com.izouma.nineth.repo;
+
+import com.izouma.nineth.domain.MetaPlayerWear;
+import com.izouma.nineth.enums.MetaPlayerWearEnum;
+import org.springframework.data.jpa.repository.JpaRepository;
+import org.springframework.data.jpa.repository.JpaSpecificationExecutor;
+import org.springframework.data.jpa.repository.Modifying;
+import org.springframework.data.jpa.repository.Query;
+
+import javax.transaction.Transactional;
+import java.util.List;
+
+public interface MetaPlayerWearRepo extends JpaRepository<MetaPlayerWear, Long>, JpaSpecificationExecutor<MetaPlayerWear> {
+    @Query("update MetaPlayerWear t set t.del = true where t.id = ?1")
+    @Modifying
+    @Transactional
+    void softDelete(Long id);
+
+    List<MetaPlayerWear> findAllByUserIdAndType(Long userId, MetaPlayerWearEnum type);
+
+    List<MetaPlayerWear> findAllByIdIn(List<Long> ids);
+}

src/main/java/com/izouma/nineth/security/WebSecurityConfig.java

@@ -145,6 +145,7 @@ public class WebSecurityConfig extends WebSecurityConfigurerAdapter {
                 .antMatchers("/metaSpatialInfo/**").permitAll()
                 .antMatchers("/onOff/**").permitAll()
                 .antMatchers("/metaBonusScene/**").permitAll()
+                .antMatchers("/metaPlayerWear/**").permitAll()
                 // all other requests need to be authenticated
                 .anyRequest().authenticated().and()
                 // make sure we use stateless session; session won't be used to

src/main/java/com/izouma/nineth/service/MetaPlayerWearService.java

@@ -0,0 +1,20 @@
+package com.izouma.nineth.service;
+
+import com.izouma.nineth.domain.MetaPlayerWear;
+import com.izouma.nineth.dto.PageQuery;
+import com.izouma.nineth.repo.MetaPlayerWearRepo;
+import com.izouma.nineth.utils.JpaUtils;
+import lombok.AllArgsConstructor;
+import org.springframework.data.domain.Page;
+import org.springframework.stereotype.Service;
+
+@Service
+@AllArgsConstructor
+public class MetaPlayerWearService {
+
+    private MetaPlayerWearRepo metaPlayerWearRepo;
+
+    public Page<MetaPlayerWear> all(PageQuery pageQuery) {
+        return metaPlayerWearRepo.findAll(JpaUtils.toSpecification(pageQuery, MetaPlayerWear.class), JpaUtils.toPageRequest(pageQuery));
+    }
+}

src/main/java/com/izouma/nineth/web/MetaPlayerInfoController.java

@@ -1,14 +1,16 @@
 package com.izouma.nineth.web;
 
-import com.izouma.nineth.domain.MetaPlayerInfo;
-import com.izouma.nineth.domain.SpaceObjectsInfo;
-import com.izouma.nineth.domain.User;
+import cn.hutool.core.collection.CollectionUtil;
+import com.izouma.nineth.domain.*;
 import com.izouma.nineth.dto.MetaRestResult;
+import com.izouma.nineth.repo.MetaPlayerOfflineInfoRepo;
+import com.izouma.nineth.repo.MetaPlayerWearRepo;
 import com.izouma.nineth.repo.UserRepo;
 import com.izouma.nineth.service.MetaPlayerInfoService;
 import lombok.AllArgsConstructor;
 import org.springframework.web.bind.annotation.*;
 
+import java.util.List;
 import java.util.Objects;
 
 @RestController
@@ -18,10 +20,12 @@ public class MetaPlayerInfoController {
 
     private UserRepo userRepo;
 
-//    private MetaClothesRepo metaClothesRepo;
-
     private MetaPlayerInfoService metaPlayerInfoService;
 
+    private MetaPlayerOfflineInfoRepo metaPlayerOfflineInfoRepo;
+
+    private MetaPlayerWearRepo metaPlayerWearRepo;
+
     @GetMapping("/{userId}/detail")
     public MetaRestResult<MetaPlayerInfo> findMetaPlayerInfo(@PathVariable Long userId) {
         User user = userRepo.findById(userId).orElse(null);
@@ -32,10 +36,16 @@ public class MetaPlayerInfoController {
         metaPlayerInfo.setAvatar(user.getAvatar());
         metaPlayerInfo.setLevel(user.getLevel());
         metaPlayerInfo.setNickname(user.getNickname());
-//        MetaClothes metaClothes = metaClothesRepo.findByUserIdAndOfflineAndDel(userId, true, false);
-//        if (Objects.nonNull(metaClothes)) {
-//            metaPlayerInfo.setMetaClothes(metaClothes);
-//        }
+        MetaPlayerOfflineInfo metaPlayerOfflineInfo = metaPlayerOfflineInfoRepo.findLastByUserId(userId);
+        if (Objects.isNull(metaPlayerOfflineInfo)) {
+            return MetaRestResult.returnSuccess(metaPlayerInfo);
+        }
+        List<Long> clothesId = metaPlayerOfflineInfo.getClothesId();
+        if (CollectionUtil.isEmpty(clothesId)) {
+            return MetaRestResult.returnSuccess(metaPlayerInfo);
+        }
+        List<MetaPlayerWear> metaPlayerWears = metaPlayerWearRepo.findAllByIdIn(clothesId);
+        metaPlayerInfo.setMetaPlayerWearList(metaPlayerWears);
         return MetaRestResult.returnSuccess(metaPlayerInfo);
     }
 
@@ -48,4 +58,13 @@ public class MetaPlayerInfoController {
     public MetaRestResult<SpaceObjectsInfo> updateMetaPersonalSpace(@RequestBody SpaceObjectsInfo spaceObjectsInfo) {
         return metaPlayerInfoService.updateMetaPersonalSpace(spaceObjectsInfo);
     }
+
+    @PostMapping("/saveOffline")
+    public MetaRestResult<MetaPlayerOfflineInfo> saveOffline(@RequestBody MetaPlayerOfflineInfo metaPlayerOfflineInfo) {
+        if (Objects.isNull(metaPlayerOfflineInfo.getUserId())) {
+            return MetaRestResult.returnError("参数错误，缺少用户id");
+        }
+        MetaPlayerOfflineInfo save = metaPlayerOfflineInfoRepo.save(metaPlayerOfflineInfo);
+        return MetaRestResult.returnSuccess(save);
+    }
 }

src/main/java/com/izouma/nineth/web/MetaPlayerWearController.java

@@ -0,0 +1,100 @@
+package com.izouma.nineth.web;
+
+import com.izouma.nineth.domain.MetaPlayerWear;
+import com.izouma.nineth.domain.MetaPlayerWearCount;
+import com.izouma.nineth.dto.MetaRestResult;
+import com.izouma.nineth.dto.PageQuery;
+import com.izouma.nineth.enums.MetaPlayerWearEnum;
+import com.izouma.nineth.exception.BusinessException;
+import com.izouma.nineth.repo.MetaPlayerWearRepo;
+import com.izouma.nineth.service.MetaPlayerWearService;
+import com.izouma.nineth.utils.ObjUtils;
+import com.izouma.nineth.utils.excel.ExcelUtils;
+import lombok.AllArgsConstructor;
+import org.springframework.data.domain.Page;
+import org.springframework.web.bind.annotation.*;
+
+import javax.servlet.http.HttpServletResponse;
+import java.io.IOException;
+import java.util.Arrays;
+import java.util.List;
+
+@RestController
+@RequestMapping("/metaPlayerWear")
+@AllArgsConstructor
+public class MetaPlayerWearController extends BaseController {
+    private MetaPlayerWearService metaPlayerWearService;
+    private MetaPlayerWearRepo metaPlayerWearRepo;
+
+    //@PreAuthorize("hasRole('ADMIN')")
+    @PostMapping("/save")
+    public MetaPlayerWear save(@RequestBody MetaPlayerWear record) {
+        if (record.getId() != null) {
+            MetaPlayerWear orig = metaPlayerWearRepo.findById(record.getId()).orElseThrow(new BusinessException("无记录"));
+            ObjUtils.merge(orig, record);
+            return metaPlayerWearRepo.save(orig);
+        }
+        return metaPlayerWearRepo.save(record);
+    }
+
+
+    //@PreAuthorize("hasRole('ADMIN')")
+    @PostMapping("/all")
+    public Page<MetaPlayerWear> all(@RequestBody PageQuery pageQuery) {
+        return metaPlayerWearService.all(pageQuery);
+    }
+
+    @GetMapping("/get/{id}")
+    public MetaPlayerWear get(@PathVariable Long id) {
+        return metaPlayerWearRepo.findById(id).orElseThrow(new BusinessException("无记录"));
+    }
+
+    @PostMapping("/del/{id}")
+    public void del(@PathVariable Long id) {
+        metaPlayerWearRepo.softDelete(id);
+    }
+
+    @GetMapping("/excel")
+    @ResponseBody
+    public void excel(HttpServletResponse response, PageQuery pageQuery) throws IOException {
+        List<MetaPlayerWear> data = all(pageQuery).getContent();
+        ExcelUtils.export(response, data);
+    }
+
+    @GetMapping("/{userId}/allWears")
+    public MetaRestResult<MetaPlayerWearCount> allWears(@PathVariable Long userId) {
+        MetaPlayerWearCount metaPlayerWearCount = new MetaPlayerWearCount();
+        metaPlayerWearCount.setUserId(userId);
+        try {
+            Arrays.stream(MetaPlayerWearEnum.values()).forEach(metaPlayerWearEnum -> {
+                List<MetaPlayerWear> metaPlayerWears = metaPlayerWearRepo.findAllByUserIdAndType(userId, metaPlayerWearEnum);
+                switch (metaPlayerWearEnum) {
+                    case SKIN:
+                        metaPlayerWearCount.setSkinList(metaPlayerWears);
+                        break;
+                    case HEADDRESS:
+                        metaPlayerWearCount.setHeaddressList(metaPlayerWears);
+                        break;
+                    case CLOTHES:
+                        metaPlayerWearCount.setClothesList(metaPlayerWears);
+                        break;
+                    case TROUSERS:
+                        metaPlayerWearCount.setTrousersList(metaPlayerWears);
+                        break;
+                    case SHOES:
+                        metaPlayerWearCount.setShoesList(metaPlayerWears);
+                        break;
+                    case ACTION:
+                        metaPlayerWearCount.setActionList(metaPlayerWears);
+                        break;
+                    default:
+                        throw new BusinessException("不支持的服饰类型");
+                }
+            });
+        } catch (Exception e) {
+            return MetaRestResult.returnError(e.getMessage());
+        }
+        return MetaRestResult.returnSuccess(metaPlayerWearCount);
+    }
+}
+

src/main/resources/genjson/MetaPlayerWear.json

@@ -0,0 +1 @@
+{"tableName":"MetaPlayerWear","className":"MetaPlayerWear","remark":"元宇宙服饰","genTable":true,"genClass":true,"genList":true,"genForm":true,"genRouter":true,"javaPath":"/Users/xiaohuoban/IdeaProjects/raex_back/src/main/java/com/izouma/nineth","viewPath":"/Users/xiaohuoban/IdeaProjects/raex_back/src/main/vue/src/views","routerPath":"/Users/xiaohuoban/IdeaProjects/raex_back/src/main/vue/src","resourcesPath":"/Users/xiaohuoban/IdeaProjects/raex_back/src/main/resources","dataBaseType":"Mysql","fields":[{"name":"userId","modelName":"userId","remark":"用户id","showInList":true,"showInForm":true,"formType":"number","required":true},{"name":"action","modelName":"action","remark":"模型","showInList":true,"showInForm":true,"formType":"singleLineText","required":true},{"name":"type","modelName":"type","remark":"类型","showInList":true,"showInForm":true,"formType":"select","required":true,"apiFlag":"1","optionsValue":"[{\"label\":\"头饰\",\"value\":\"HEADDRESS\"},{\"label\":\"衣服\",\"value\":\"CLOTHES\"},{\"label\":\"裤子\",\"value\":\"TROUSERS\"},{\"label\":\"鞋子\",\"value\":\"SHOES\"},{\"label\":\"动作\",\"value\":\"ACTION\"},{\"label\":\"皮肤\",\"value\":\"SKIN\"}]"},{"name":"offline","modelName":"offline","remark":"离线时保存","showInList":false,"showInForm":false,"formType":"singleLineText"}],"readTable":false,"dataSourceCode":"dataSource","genJson":"","subtables":[],"update":false,"basePackage":"com.izouma.nineth","tablePackage":"com.izouma.nineth.domain.MetaPlayerWear"}

src/main/vue/src/router.js

@@ -995,6 +995,22 @@ const router = new Router({
                     meta: {
                        title: '元宇宙空间信息',
                     },
+               },
+                {
+                    path: '/metaPlayerWearEdit',
+                    name: 'MetaPlayerWearEdit',
+                    component: () => import(/* webpackChunkName: "metaPlayerWearEdit" */ '@/views/MetaPlayerWearEdit.vue'),
+                    meta: {
+                       title: '元宇宙服饰编辑',
+                    },
+                },
+                {
+                    path: '/metaPlayerWearList',
+                    name: 'MetaPlayerWearList',
+                    component: () => import(/* webpackChunkName: "metaPlayerWearList" */ '@/views/MetaPlayerWearList.vue'),
+                    meta: {
+                       title: '元宇宙服饰',
+                    },
                }
                 /**INSERT_LOCATION**/
             ]

src/main/vue/src/views/MetaPlayerWearEdit.vue

@@ -0,0 +1,179 @@
+<template>
+	<div class="edit-view">
+		<page-title>
+			<el-button @click="$router.go(-1)" :disabled="saving"> 取消 </el-button>
+			<el-button @click="onDelete" :disabled="saving" type="danger" v-if="formData.id"> 删除 </el-button>
+			<el-button @click="onSave" :loading="saving" type="primary"> 保存 </el-button>
+		</page-title>
+		<div class="edit-view__content-wrapper">
+			<div class="edit-view__content-section">
+				<el-form
+					:model="formData"
+					:rules="rules"
+					ref="form"
+					label-width="94px"
+					label-position="right"
+					size="small"
+					style="max-width: 500px"
+				>
+					<el-form-item prop="userId" label="用户id">
+						<el-input-number type="number" v-model="formData.userId"> </el-input-number>
+					</el-form-item>
+                    <el-form-item prop="model" label="模型">
+						<model-upload
+							:limit="1"
+							v-model="formData.model"
+							:customUrl="customUrl"
+							accept="application/zip"
+							format="json"
+							single
+						>
+						</model-upload>
+						<div class="tip">请将FBX文件与贴图打包成zip压缩包上传</div>
+					</el-form-item>
+					<el-form-item label="相机距离" v-if="formData.model">
+						<el-input-number v-model="scale" :min="0.1" :step="0.1"> </el-input-number>
+					</el-form-item>
+					<el-form-item label="Y轴偏移" v-if="formData.model">
+						<el-input-number v-model="yOffset"> </el-input-number>
+					</el-form-item>
+					<el-form-item prop="type" label="类型">
+						<el-select v-model="formData.type" clearable filterable placeholder="请选择">
+							<el-option
+								v-for="item in typeOptions"
+								:key="item.value"
+								:label="item.label"
+								:value="item.value"
+							>
+							</el-option>
+						</el-select>
+					</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">
+							删除
+						</el-button>
+						<el-button @click="$router.go(-1)" :disabled="saving"> 取消 </el-button>
+					</el-form-item>
+				</el-form>
+			</div>
+		</div>
+	</div>
+</template>
+<script>
+import resolveUrl from 'resolve-url';
+import ModelUpload from '../components/ModelUpload.vue';
+import SingleUpload from '../components/SingleUpload.vue';
+import TagSelect from '../components/TagSelect.vue';
+export default {
+	name: 'MetaPlayerWearEdit',
+    components: { ModelUpload, SingleUpload, TagSelect },
+	created() {
+		if (this.$route.query.id) {
+			this.$http
+				.get('metaPlayerWear/get/' + this.$route.query.id)
+				.then(res => {
+                    if (res.model) {
+                        let url = new URL(res.model.url);
+                        this.scale = Number(url.searchParams.get('scale')) || 1;
+                        this.yOffset = Number(url.searchParams.get('yOffset')) || 0;
+                        res.model.url = url.origin + url.pathname;
+                    }
+					this.formData = res;
+				})
+				.catch(e => {
+					console.log(e);
+					this.$message.error(e.error);
+				});
+		}
+	},
+	data() {
+		return {
+			saving: false,
+            scale: 1,
+			yOffset: 0,
+            customUrl: resolveUrl(this.$baseUrl, 'upload/3dModel'),
+			formData: {},
+			rules: {
+				userId: [
+					{
+						required: true,
+						message: '请输入用户id',
+						trigger: 'blur'
+					}
+				],
+				model: [
+					{
+						required: true,
+						message: '请上传模型',
+						trigger: 'blur'
+					}
+				],
+				type: [
+					{
+						required: true,
+						message: '请输入类型',
+						trigger: 'blur'
+					}
+				]
+			},
+			typeOptions: [
+				{ label: '头饰', value: 'HEADDRESS' },
+				{ label: '衣服', value: 'CLOTHES' },
+				{ label: '裤子', value: 'TROUSERS' },
+				{ label: '鞋子', value: 'SHOES' },
+				{ label: '动作', value: 'ACTION' },
+				{ label: '皮肤', value: 'SKIN' }
+			]
+		};
+	},
+	methods: {
+		onSave() {
+			this.$refs.form.validate(valid => {
+				if (valid) {
+					this.submit();
+				} else {
+					return false;
+				}
+			});
+		},
+		submit() {
+			let data = { ...this.formData };
+            if (data.model) {
+                data.model.url = data.model.url + '?scale=' + this.scale + '&yOffset=' + this.yOffset;
+            }
+			this.saving = true;
+			this.$http
+				.post('/metaPlayerWear/save', data, { body: 'json' })
+				.then(res => {
+					this.saving = false;
+					this.$message.success('成功');
+					this.$router.go(-1);
+				})
+				.catch(e => {
+					console.log(e);
+					this.saving = false;
+					this.$message.error(e.error);
+				});
+		},
+		onDelete() {
+			this.$confirm('删除将无法恢复，确认要删除么？', '警告', { type: 'error' })
+				.then(() => {
+					return this.$http.post(`/metaPlayerWear/del/${this.formData.id}`);
+				})
+				.then(() => {
+					this.$message.success('删除成功');
+					this.$router.go(-1);
+				})
+				.catch(e => {
+					if (e !== 'cancel') {
+						console.log(e);
+						this.$message.error((e || {}).error || '删除失败');
+					}
+				});
+		}
+	}
+};
+</script>
+<style lang="less" scoped>
+</style>

src/main/vue/src/views/MetaPlayerWearList.vue

@@ -0,0 +1,193 @@
+<template>
+	<div class="list-view">
+		<page-title>
+			<el-button
+				@click="addRow"
+				type="primary"
+				icon="el-icon-plus"
+				:disabled="fetchingData || downloading"
+				class="filter-item"
+			>
+				新增
+			</el-button>
+			<el-button
+				@click="download"
+				icon="el-icon-upload2"
+				:loading="downloading"
+				:disabled="fetchingData"
+				class="filter-item"
+			>
+				导出
+			</el-button>
+		</page-title>
+		<div class="filters-container">
+			<el-input
+				placeholder="搜索..."
+				v-model="search"
+				clearable
+				class="filter-item search"
+				@keyup.enter.native="getData"
+			>
+				<el-button @click="getData" slot="append" icon="el-icon-search"> </el-button>
+			</el-input>
+		</div>
+		<el-table
+			:data="tableData"
+			row-key="id"
+			ref="table"
+			header-row-class-name="table-header-row"
+			header-cell-class-name="table-header-cell"
+			row-class-name="table-row"
+			cell-class-name="table-cell"
+			:height="tableHeight"
+			v-loading="fetchingData"
+		>
+			<el-table-column v-if="multipleMode" align="center" type="selection" width="50"> </el-table-column>
+			<el-table-column prop="id" label="ID" width="100"> </el-table-column>
+			<el-table-column prop="userId" label="用户id"> </el-table-column>
+			<el-table-column prop="model.name" label="模型"> </el-table-column>
+			<el-table-column prop="type" label="类型" :formatter="typeFormatter"> </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>
+					<el-button @click="deleteRow(row)" type="danger" size="mini" plain> 删除 </el-button>
+				</template>
+			</el-table-column>
+		</el-table>
+		<div class="pagination-wrapper">
+			<!-- <div class="multiple-mode-wrapper">
+                <el-button v-if="!multipleMode" @click="toggleMultipleMode(true)"> 批量编辑 </el-button>
+                <el-button-group v-else>
+                    <el-button @click="operation1"> 批量操作1 </el-button>
+                    <el-button @click="operation2"> 批量操作2 </el-button>
+                    <el-button @click="toggleMultipleMode(false)"> 取消 </el-button>
+                </el-button-group>
+            </div> -->
+			<el-pagination
+				background
+				@size-change="onSizeChange"
+				@current-change="onCurrentChange"
+				:current-page="page"
+				:page-sizes="[10, 20, 30, 40, 50]"
+				:page-size="pageSize"
+				layout="total, sizes, prev, pager, next, jumper"
+				:total="totalElements"
+			>
+			</el-pagination>
+		</div>
+	</div>
+</template>
+<script>
+import { mapState } from 'vuex';
+import pageableTable from '@/mixins/pageableTable';
+
+export default {
+	name: 'MetaPlayerWearList',
+	mixins: [pageableTable],
+	data() {
+		return {
+			multipleMode: false,
+			search: '',
+			url: '/metaPlayerWear/all',
+			downloading: false,
+			typeOptions: [
+				{ label: '头饰', value: 'HEADDRESS' },
+				{ label: '衣服', value: 'CLOTHES' },
+				{ label: '裤子', value: 'TROUSERS' },
+				{ label: '鞋子', value: 'SHOES' },
+				{ label: '动作', value: 'ACTION' },
+				{ label: '皮肤', value: 'SKIN' }
+			]
+		};
+	},
+	computed: {
+		selection() {
+			return this.$refs.table.selection.map(i => i.id);
+		}
+	},
+	methods: {
+		typeFormatter(row, column, cellValue, index) {
+			let selectedOption = this.typeOptions.find(i => i.value === cellValue);
+			if (selectedOption) {
+				return selectedOption.label;
+			}
+			return '';
+		},
+		beforeGetData() {
+			return { search: this.search, query: { del: false } };
+		},
+		toggleMultipleMode(multipleMode) {
+			this.multipleMode = multipleMode;
+			if (!multipleMode) {
+				this.$refs.table.clearSelection();
+			}
+		},
+		addRow() {
+			this.$router.push({
+				path: '/metaPlayerWearEdit',
+				query: {
+					...this.$route.query
+				}
+			});
+		},
+		editRow(row) {
+			this.$router.push({
+				path: '/metaPlayerWearEdit',
+				query: {
+					id: row.id
+				}
+			});
+		},
+		download() {
+			this.downloading = true;
+			this.$axios
+				.get('/metaPlayerWear/excel', {
+					responseType: 'blob',
+					params: { size: 10000 }
+				})
+				.then(res => {
+					console.log(res);
+					this.downloading = false;
+					const downloadUrl = window.URL.createObjectURL(new Blob([res.data]));
+					const link = document.createElement('a');
+					link.href = downloadUrl;
+					link.setAttribute('download', res.headers['content-disposition'].split('filename=')[1]);
+					document.body.appendChild(link);
+					link.click();
+					link.remove();
+				})
+				.catch(e => {
+					console.log(e);
+					this.downloading = false;
+					this.$message.error(e.error);
+				});
+		},
+		operation1() {
+			this.$notify({
+				title: '提示',
+				message: this.selection
+			});
+		},
+		operation2() {
+			this.$message('操作2');
+		},
+		deleteRow(row) {
+			this.$alert('删除将无法恢复，确认要删除么？', '警告', { type: 'error' })
+				.then(() => {
+					return this.$http.post(`/metaPlayerWear/del/${row.id}`);
+				})
+				.then(() => {
+					this.$message.success('删除成功');
+					this.getData();
+				})
+				.catch(e => {
+					if (e !== 'cancel') {
+						this.$message.error(e.error);
+					}
+				});
+		}
+	}
+};
+</script>
+<style lang="less" scoped>
+</style>