<template>
<div>
<el-dialog :title="dialogConfig.title" :visible.sync="dialogConfig.isDialog" :width="dialogConfig.width" :top="dialogConfig.top">
<el-form :model="dialogModel" :inline="dialogConfig.inline">
<template v-for="(item, $index) in dialogData">
<el-form-item :label="item.label" :label-width="item.labelWidth" v-if="item.isShow">
<el-date-picker v-if="item.isType === "r"" v-model="dialogModel[item.prop]" :size="item.size" :type="item.type" :placeholder="item.placeholder" :disabled="item.disabled"></el-date-picker>
<el-input v-if="item.isType === "1"" v-model="dialogModel[item.prop]" :size="item.size" :type="item.type" :placeholder="item.placeholder" :disabled="item.disabled"></el-input>
<el-select v-if="item.isType === "isSelect"" v-model="dialogModel[item.prop]" :size="item.size" :type="item.type" :placeholder="item.placeholder" :disabled="item.disabled">
<el-option v-for="(option, $option) in item.state" :key="$option" :value="parseInt(option.state)">{{option.text}}</el-option>
</el-select>
</el-form-item>
</template>
</el-form>
<div slot="footer" class="dialog-footer">
<el-button @click="dialogConfig.isDialog = false" v-text="dialogConfig.cancel"></el-button>
<el-button type="primary" @click.sync="clickBus(dialogConfig.evenName, model)" v-text="dialogConfig.Submit"></el-button>
</div>
</el-dialog>
</div>
</template>
<script>
export default {
mixins: [],
props: ["dialogConfig", "dialogData", "dialogModel"],
data () {
return {}
},
computed: {},
updated () {},
mounted () {},
destroyed () {
},
watch: {},
methods: {
clickBus (eveName, parameters) {
this.$emit(eveName, parameters)
}
}
}
</script>
<style scoped>
</style>
