56 lines
1.8 KiB
Vue
56 lines
1.8 KiB
Vue
|
<template>
|
|||
|
|
<el-dialog title="磁盘配置" :visible.sync="dialog.visible" width="600px" append-to-body>
|
|||
|
|
<basic-form :model="configs" label-suffix="：" label-width="140px">
|
|||
|
|
<basic-form-item label="系统盘（GB）"> <el-input-number v-model="configs.sysDisk.disk" :min="configs.templateDisk" :max="1024"> </el-input-number> </basic-form-item>
|
|||
|
|
<basic-form-item label="数据盘（GB）">
|
|||
|
|
<div v-for="(item, index) in configs.addDiskList" :key="index" class="m-b">
|
|||
|
|
<el-input-number v-model="item.disk" :min="item.templateDisk || 10" :max="65536" class="m-r"> </el-input-number>
|
|||
|
|
<span class="tip" v-if="!!item.templateDisk">浪潮云模板磁盘，最小{{ item.templateDisk }}GB，不可删除</span>
|
|||
|
|
<el-button v-else type="text" @click="handleSub(index)">删除</el-button>
|
|||
|
|
</div>
|
|||
|
|
<el-button type="text" @click="handleAdd">增加</el-button>
|
|||
|
|
</basic-form-item>
|
|||
|
|
</basic-form>
|
|||
|
|
<div slot="footer" class="dialog-footer">
|
|||
|
|
<el-button @click.native="dialog.visible = false">取消</el-button>
|
|||
|
|
<el-button type="primary" @click.native="handleSubmit">确定</el-button>
|
|||
|
|
</div>
|
|||
|
|
</el-dialog>
|
|||
|
|
</template>
|
|||
|
|
|
|||
|
|
<script>
|
|||
|
|
export default {
|
|||
|
|
name: 'EFCDataDisk',
|
|||
|
|
props: {
|
|||
|
|
dialog: {
|
|||
|
|
type: Object,
|
|||
|
|
default: () => ({
|
|||
|
|
visible: false,
|
|||
|
|
index: '',
|
|||
|
|
row: {}
|
|||
|
|
})
|
|||
|
|
}
|
|||
|
|
},
|
|||
|
|
computed: {
|
|||
|
|
configs() {
|
|||
|
|
return this.dialog.row.configs
|
|||
|
|
}
|
|||
|
|
},
|
|||
|
|
data() {
|
|||
|
|
return {}
|
|||
|
|
},
|
|||
|
|
methods: {
|
|||
|
|
handleAdd() {
|
|||
|
|
this.configs.addDiskList.push({ disk: 50 })
|
|||
|
|
},
|
|||
|
|
handleSub(index) {
|
|||
|
|
this.configs.addDiskList.splice(index, 1)
|
|||
|
|
},
|
|||
|
|
handleSubmit() {
|
|||
|
|
this.$emit('success', this.dialog.index)
|
|||
|
|
this.dialog.visible = false
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
</script>
|