<template> <el-dialog :title="!dataForm.id ? '新增' : '修改'" :close-on-click-modal="false" :visible.sync="visible"> <el-form :model="dataForm" :rules="dataRule" ref="dataForm" @keyup.enter.native="dataFormSubmit()" label-width="80px"> <el-form-item label="设备ID" prop="equipmentId"> <el-input v-model="dataForm.equipmentId" placeholder="设备ID"></el-input> </el-form-item> <el-form-item label="文件ID" prop="fileId"> <el-input v-model="dataForm.fileId" placeholder="文件ID"></el-input> </el-form-item> <el-form-item label="描述" prop="description"> <el-input v-model="dataForm.description" placeholder="描述"></el-input> </el-form-item> <el-form-item label="启用状态:0 、停用,1、启用" prop="enabled"> <el-input v-model="dataForm.enabled" placeholder="启用状态:0 、停用,1、启用"></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="创建人" prop="creatorId"> <el-input v-model="dataForm.creatorId" placeholder="创建人"></el-input> </el-form-item> <el-form-item label="创建人姓名" prop="creatorName"> <el-input v-model="dataForm.creatorName" placeholder="创建人姓名"></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="更新人" prop="updaterId"> <el-input v-model="dataForm.updaterId" placeholder="更新人"></el-input> </el-form-item> <el-form-item label="更新人姓名" prop="updaterName"> <el-input v-model="dataForm.updaterName" placeholder="更新人姓名"></el-input> </el-form-item> <el-form-item label="更新时间" prop="updateTime"> <el-input v-model="dataForm.updateTime" placeholder="更新时间"></el-input> </el-form-item> <el-form-item label="版本号" prop="version"> <el-input v-model="dataForm.version" placeholder="版本号"></el-input> </el-form-item> <el-form-item label="文件类型编号" prop="typeCode"> <el-input v-model="dataForm.typeCode" placeholder="文件类型编号"></el-input> </el-form-item> <el-form-item label="文件名字" prop="fileName"> <el-input v-model="dataForm.fileName" placeholder="文件名字"></el-input> </el-form-item> <el-form-item label="下载地址" prop="fileUrl"> <el-input v-model="dataForm.fileUrl" placeholder="下载地址"></el-input> </el-form-item> </el-form> <span slot="footer" class="dialog-footer"> <el-button @click="visible = false">取消</el-button> <el-button type="primary" @click="dataFormSubmit()">确定</el-button> </span> </el-dialog> </template> <script> export default { data() { return { visible: false, dataForm: { id: 0, equipmentId: '', fileId: '', description: '', enabled: '', remark: '', valid: '', creatorId: '', creatorName: '', createTime: '', updaterId: '', updaterName: '', updateTime: '', version: '', typeCode: '', fileName: '', fileUrl: '' }, dataRule: { equipmentId: [{ required: true, message: '设备ID不能为空', trigger: 'blur' }], fileId: [{ required: true, message: '文件ID不能为空', trigger: 'blur' }], description: [{ required: true, message: '描述不能为空', trigger: 'blur' }], enabled: [{ required: true, message: '启用状态:0 、停用,1、启用不能为空', 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' }], typeCode: [{ required: true, message: '文件类型编号不能为空', trigger: 'blur' }], fileName: [{ required: true, message: '文件名字不能为空', trigger: 'blur' }], fileUrl: [{ 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/equipmentFile/${this.dataForm.id}`), method: 'get', params: this.$http.adornParams() }).then(({ data }) => { if (data && data.code === 0) { this.dataForm.equipmentId = data.equipmenfile.equipmentId this.dataForm.fileId = data.equipmenfile.fileId this.dataForm.description = data.equipmenfile.description this.dataForm.enabled = data.equipmenfile.enabled this.dataForm.remark = data.equipmenfile.remark this.dataForm.valid = data.equipmenfile.valid this.dataForm.creatorId = data.equipmenfile.creatorId this.dataForm.creatorName = data.equipmenfile.creatorName this.dataForm.createTime = data.equipmenfile.createTime this.dataForm.updaterId = data.equipmenfile.updaterId this.dataForm.updaterName = data.equipmenfile.updaterName this.dataForm.updateTime = data.equipmenfile.updateTime this.dataForm.version = data.equipmenfile.version this.dataForm.typeCode = data.equipmenfile.typeCode this.dataForm.fileName = data.equipmenfile.fileName this.dataForm.fileUrl = data.equipmenfile.fileUrl } }) } }) }, // 表单提交 dataFormSubmit() { this.$refs['dataForm'].validate(valid => { if (valid) { this.$http({ url: this.$http.adornUrl(`/monitoring/equipmentFile/${!this.dataForm.id ? 'save' : 'update'}`), method: 'post', data: this.$http.adornData({ id: this.dataForm.id || undefined, equipmentId: this.dataForm.equipmentId, fileId: this.dataForm.fileId, description: this.dataForm.description, enabled: this.dataForm.enabled, 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, typeCode: this.dataForm.typeCode, fileName: this.dataForm.fileName, fileUrl: this.dataForm.fileUrl }) }).then(({ data }) => { if (data && data.code === 0) { this.$message({ message: '操作成功', type: 'success', duration: 1500, onClose: () => { this.visible = false this.$emit('refreshDataList') } }) } else { this.$message.error(data.msg) } }) } }) } } } </script>