You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
119 lines
3.7 KiB
119 lines
3.7 KiB
<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>
|
|
|