<template>
|
<!--添加设备dialog-->
|
<el-dialog title="添加设备" :visible.sync="isShow" custom-class="custom-dialog" @close='cancelCreateDevice()'>
|
<el-form label-position="right" status-icon :model="deviceInfo" :rules="myRules" size="small" ref="addDeviceForm">
|
<el-form-item label="机床名：" prop="name">
|
<el-input auto-complete="off" v-model="deviceInfo.name"></el-input>
|
</el-form-item>
|
<el-form-item label="机床类型：" prop="type">
|
<el-input auto-complete="off" v-model="deviceInfo.type"></el-input>
|
</el-form-item>
|
<el-form-item label="机床ip：" prop="ip">
|
<el-input auto-complete="off" v-model="deviceInfo.ip"></el-input>
|
</el-form-item>
|
<!-- <el-form-item label="端口号：" prop="port">-->
|
<!-- <el-input auto-complete="off" v-model="deviceInfo.port"></el-input>-->
|
<!-- </el-form-item>-->
|
<el-form-item label="车间名：" prop="workshop">
|
<el-input auto-complete="off" v-model="deviceInfo.workshop"></el-input>
|
</el-form-item>
|
</el-form>
|
<div slot="footer" class="dialog-footer">
|
<el-button @click="cancelCreateDevice()">取 消</el-button>
|
<el-button type="primary" @click="createDevice()">确 定</el-button>
|
</div>
|
</el-dialog>
|
<!--添加用户dialog end-->
|
</template>
|
|
<script>
|
export default {
|
name: 'createDeviceDialog',
|
props: {
|
isVisible: {
|
type: Boolean,
|
default: false
|
}
|
},
|
watch: {
|
isVisible(val) {
|
this.isShow = val
|
if (!val) {
|
this.$refs.addDeficeForm.resetFields()
|
}
|
}
|
},
|
data() {
|
return {
|
isShow: this.isVisible,
|
deviceInfo: {
|
name: '', // 机床名
|
type: '', // 机床类型
|
ip: '', // 机床ip
|
port: '', // 端口号
|
workshop: '' // 车间名
|
},
|
myRules: {
|
}
|
}
|
},
|
methods: {
|
createDevice() {
|
const temp = {}
|
for (const prop in this.deviceInfo) {
|
if (this.deviceInfo.hasOwnProperty(prop)) {
|
temp[prop] = this.deviceInfo[prop]
|
}
|
}
|
// console.log(temp)
|
this.$emit('submit', { action: 'confirm', data: temp })
|
},
|
cancelCreateDevice() {
|
this.$emit('submit', { action: 'cancel' })
|
}
|
}
|
}
|
</script>
|
|
<style scoped>
|
|
</style>
|
