mirror of
https://github.com/Powerful-517/yys-editor.git
synced 2025-07-14 17:51:54 +00:00
120 lines
3.7 KiB
Vue
120 lines
3.7 KiB
Vue
<template>
|
||
<el-dialog
|
||
v-model="show"
|
||
:visable.sync="show"
|
||
title="配置属性"
|
||
@cancel="cancel"
|
||
:before-close="cancel"
|
||
>
|
||
<span>当前选择式神：{{ current.name }}</span>
|
||
<el-form :model="shikigami" label-width="120px">
|
||
<el-form-item label="等级要求">
|
||
<el-radio-group v-model="shikigami.levelRequired" class="ml-4">
|
||
<el-radio label="40" size="large">40</el-radio>
|
||
<el-radio label="0" size="large">献祭</el-radio>
|
||
</el-radio-group>
|
||
</el-form-item>
|
||
<el-form-item label="技能要求">
|
||
<el-radio-group v-model="shikigami.skillRequiredMode" class="ml-4">
|
||
<el-radio label="all" size="large">全满</el-radio>
|
||
<el-radio label="111" size="large">111</el-radio>
|
||
<el-radio label="custom" size="large">自定义</el-radio>
|
||
</el-radio-group>
|
||
<div v-if="shikigami.skillRequiredMode === 'custom'" style="display: flex; flex-direction: row; width: 100%;">
|
||
<el-select v-for="(value, key, index) in shikigami.skillRequired" :placeholder="value"
|
||
style="margin-bottom: 10px;" @change="updateSkillRequired(key, $event)">
|
||
<el-option label="*" value="*"/>
|
||
<el-option label="1" value="1"/>
|
||
<el-option label="2" value="2"/>
|
||
<el-option label="3" value="3"/>
|
||
<el-option label="4" value="4"/>
|
||
<el-option label="5" value="5"/>
|
||
</el-select>
|
||
</div>
|
||
</el-form-item>
|
||
<el-form-item label="速度">
|
||
<el-input v-model="shikigami.speed"/>
|
||
</el-form-item>
|
||
<el-form-item label="Activity form">
|
||
<el-input v-model="shikigami.desc" type="textarea"/>
|
||
</el-form-item>
|
||
<el-form-item>
|
||
<el-button type="primary" @click="confirm">Confirm</el-button>
|
||
<el-button @click="cancel">Cancel</el-button>
|
||
</el-form-item>
|
||
</el-form>
|
||
</el-dialog>
|
||
</template>
|
||
|
||
<script>
|
||
import propertyData from "../data/property.json";
|
||
import {ref} from "vue";
|
||
|
||
export default {
|
||
props: {
|
||
currentShikigami: {
|
||
type: Object,
|
||
default: {},
|
||
},
|
||
showProperty: {
|
||
type: Boolean,
|
||
},
|
||
},
|
||
|
||
data() {
|
||
return {
|
||
propertyData: propertyData,
|
||
shikigami: {
|
||
edit: false,
|
||
levelRequired: "40",
|
||
speed: "",
|
||
skillRequiredMode: "all",
|
||
skillRequired: ["技能一", "技能二", "技能三"]
|
||
},
|
||
current: {},
|
||
show: false,
|
||
};
|
||
},
|
||
watch: {
|
||
showProperty(newVal, oldVal) {
|
||
console.log("=======>>>> ", newVal, oldVal);
|
||
this.show = newVal;
|
||
},
|
||
currentShikigami(newVal, oldVal) {
|
||
console.log("confirm====" + JSON.stringify(newVal))
|
||
|
||
console.log("confirm====" + JSON.stringify(oldVal))
|
||
|
||
console.log("===item====>>>> ", newVal, oldVal);
|
||
if (newVal.properties != undefined && newVal.properties.edit == true) {
|
||
this.shikigami = newVal.properties;
|
||
}
|
||
this.current = newVal;
|
||
},
|
||
},
|
||
methods: {
|
||
cancel() {
|
||
console.log("cancel====");
|
||
this.$emit("closeProperty");
|
||
},
|
||
confirm() {
|
||
console.log("confirm====");
|
||
console.log("confirm====" + JSON.stringify(this.shikigami.edit))
|
||
// if (null == this.shikigami[this.index].properties) {
|
||
this.shikigami.edit = true
|
||
this.$emit("updateProperty", JSON.parse(JSON.stringify(this.shikigami)));
|
||
Object.assign(this.$data, this.$options.data())
|
||
console.log("confirm====" + JSON.stringify(this.shikigami.edit))
|
||
|
||
// }
|
||
},
|
||
updateSkillRequired(index, value) {
|
||
console.log(index)
|
||
console.log(value)
|
||
this.shikigami.skillRequired[index] = value;
|
||
console.log(this.shikigami.skillRequired)
|
||
},
|
||
},
|
||
};
|
||
</script>
|