<template> <el-dialog :title="!dataForm.id ? i18n.t('add') : i18n.t('update')" :close-on-click-modal="false" :visible.sync="visible"> <el-form :model="dataForm" :rules="dataRule" ref="dataForm" @keyup.enter.native="dataFormSubmit()" label-width="170px"> <el-form-item label="设备外部代码" prop="externalCode"> <el-input v-model="dataForm.externalCode" placeholder="设备外部代码"></el-input> </el-form-item> <el-form-item label="plc id" prop="plcId"> <el-input v-model="dataForm.plcId" placeholder="plc id"></el-input> </el-form-item> <el-form-item label="plc" prop="plc"> <el-input v-model="dataForm.plc" placeholder="plc"></el-input> </el-form-item> <el-form-item label="设备id" prop="equipmentId"> <el-input v-model="dataForm.equipmentId" placeholder="设备id"></el-input> </el-form-item> <el-form-item label="设备名称" prop="equipmentName"> <el-input v-model="dataForm.equipmentName" placeholder="设备名称"></el-input> </el-form-item> <el-form-item label="状态,0正常 1计划停机 2故障" prop="status"> <el-input v-model="dataForm.status" placeholder="状态,0正常 1计划停机 2故障"></el-input> </el-form-item> <el-form-item label="记录时间" prop="logTime"> <el-input v-model="dataForm.logTime" placeholder="记录时间"></el-input> </el-form-item> <el-form-item label="备注" prop="remark"> <el-input v-model="dataForm.remark" placeholder="备注"></el-input> </el-form-item> <el-form-item label="删除标志,是否有效:1 可用 0不可用" prop="valid"> <el-input v-model="dataForm.valid" placeholder="删除标志,是否有效:1 可用 0不可用"></el-input> </el-form-item> <el-form-item :label="$t('creator')" prop="creatorId"> <el-input v-model="dataForm.creatorId" :placeholder="$t('creator')"></el-input> </el-form-item> <el-form-item :label="$t('creatorName')" prop="creatorName"> <el-input v-model="dataForm.creatorName" :placeholder="$t('creatorName')"></el-input> </el-form-item> <el-form-item label="创建时间" prop="createTime"> <el-input v-model="dataForm.createTime" placeholder="创建时间"></el-input> </el-form-item> <el-form-item :label="$t('updator')" prop="updaterId"> <el-input v-model="dataForm.updaterId" :placeholder="$t('updator')"></el-input> </el-form-item> <el-form-item :label="$t('updatorName')" prop="updaterName"> <el-input v-model="dataForm.updaterName" :placeholder="$t('updatorName')"></el-input> </el-form-item> <el-form-item :label="$t('updateTime')" prop="updateTime"> <el-input v-model="dataForm.updateTime" :placeholder="$t('updateTime')"></el-input> </el-form-item> <el-form-item :label="$t('version')" prop="version"> <el-input v-model="dataForm.version" :placeholder="$t('version')"></el-input> </el-form-item> </el-form> <span slot="footer" class="dialog-footer"> <el-button @click="visible = false">{{ $t('cancel') }}</el-button> <el-button type="primary" @click="dataFormSubmit()">{{ $t('confirm') }}</el-button> </span> </el-dialog> </template> <script> export default { data() { return { visible: false, dataForm: { id: 0, externalCode: '', plcId: '', plc: '', equipmentId: '', equipmentName: '', status: '', logTime: '', remark: '', valid: '', creatorId: '', creatorName: '', createTime: '', updaterId: '', updaterName: '', updateTime: '', version: '' }, dataRule: { externalCode: [{ required: true, message: '设备外部代码不能为空', trigger: 'blur' }], plcId: [{ required: true, message: 'plc id不能为空', trigger: 'blur' }], plc: [{ required: true, message: 'plc不能为空', trigger: 'blur' }], equipmentId: [{ required: true, message: '设备id不能为空', trigger: 'blur' }], equipmentName: [{ required: true, message: '设备名称不能为空', trigger: 'blur' }], status: [{ required: true, message: '状态,0正常 1计划停机 2故障不能为空', trigger: 'blur' }], logTime: [{ required: true, message: '记录时间不能为空', trigger: 'blur' }], remark: [{ required: true, message: '备注不能为空', trigger: 'blur' }], valid: [{ required: true, message: '删除标志,是否有效:1 可用 0不可用不能为空', trigger: 'blur' }], creatorId: [{ required: true, message: '创建人不能为空', trigger: 'blur' }], creatorName: [{ required: true, message: '创建人姓名不能为空', trigger: 'blur' }], createTime: [{ required: true, message: '创建时间不能为空', trigger: 'blur' }], updaterId: [{ required: true, message: '更新人不能为空', trigger: 'blur' }], updaterName: [{ required: true, message: '更新人姓名不能为空', trigger: 'blur' }], updateTime: [{ required: true, message: '更新时间不能为空', trigger: 'blur' }], version: [{ required: true, message: '版本号不能为空', trigger: 'blur' }] } } }, methods: { init(id) { this.dataForm.id = id || 0 this.visible = true this.$nextTick(() => { this.$refs['dataForm'].resetFields() if (this.dataForm.id) { this.$http({ url: this.$http.adornUrl(`/monitoring/equipmentStatusLog/${this.dataForm.id}`), method: 'get', params: this.$http.adornParams() }).then(({ data }) => { if (data && data.code === 0) { this.dataForm.externalCode = data.equipmenstatusLog.externalCode this.dataForm.plcId = data.equipmenstatusLog.plcId this.dataForm.plc = data.equipmenstatusLog.plc this.dataForm.equipmentId = data.equipmenstatusLog.equipmentId this.dataForm.equipmentName = data.equipmenstatusLog.equipmentName this.dataForm.status = data.equipmenstatusLog.status this.dataForm.logTime = data.equipmenstatusLog.logTime this.dataForm.remark = data.equipmenstatusLog.remark this.dataForm.valid = data.equipmenstatusLog.valid this.dataForm.creatorId = data.equipmenstatusLog.creatorId this.dataForm.creatorName = data.equipmenstatusLog.creatorName this.dataForm.createTime = data.equipmenstatusLog.createTime this.dataForm.updaterId = data.equipmenstatusLog.updaterId this.dataForm.updaterName = data.equipmenstatusLog.updaterName this.dataForm.updateTime = data.equipmenstatusLog.updateTime this.dataForm.version = data.equipmenstatusLog.version } }) } }) }, // 表单提交 dataFormSubmit() { this.$refs['dataForm'].validate(valid => { if (valid) { this.$http({ url: this.$http.adornUrl(`/monitoring/equipmentStatusLog/${!this.dataForm.id ? '' : this.dataForm.id}`), method: this.dataForm.id ? 'put' : 'post', data: this.$http.adornData({ id: this.dataForm.id || undefined, externalCode: this.dataForm.externalCode, plcId: this.dataForm.plcId, plc: this.dataForm.plc, equipmentId: this.dataForm.equipmentId, equipmentName: this.dataForm.equipmentName, status: this.dataForm.status, logTime: this.dataForm.logTime, remark: this.dataForm.remark, valid: this.dataForm.valid, creatorId: this.dataForm.creatorId, creatorName: this.dataForm.creatorName, createTime: this.dataForm.createTime, updaterId: this.dataForm.updaterId, updaterName: this.dataForm.updaterName, updateTime: this.dataForm.updateTime, version: this.dataForm.version }) }).then(({ data }) => { if (data && data.code === 0) { this.$message({ message: i18n.t('prompt.success'), type: 'success', duration: 1500, onClose: () => { this.visible = false this.$emit('refreshDataList') } }) } else { this.$message.error(data.msg) } }) } }) } } } </script>