<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="分类:关联report_sheet_category" prop="category"> <el-input v-model="dataForm.category" placeholder="分类:关联report_sheet_category"></el-input> </el-form-item> <el-form-item label="编码" prop="code"> <el-input v-model="dataForm.code" placeholder="编码"></el-input> </el-form-item> <el-form-item label="名称" prop="name"> <el-input v-model="dataForm.name" 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="url"> <el-input v-model="dataForm.url" placeholder="链接地址"></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="content"> <el-input v-model="dataForm.content" 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, category: '', code: '', name: '', fileName: '', url: '', description: '', enabled: '', remark: '', valid: '', creatorId: '', creatorName: '', createTime: '', updaterId: '', updaterName: '', updateTime: '', version: '', content: '' }, dataRule: { category: [{ required: true, message: '分类:关联report_sheet_category不能为空', trigger: 'blur' }], code: [{ required: true, message: '编码不能为空', trigger: 'blur' }], name: [{ required: true, message: '名称不能为空', trigger: 'blur' }], fileName: [{ required: true, message: '文件名称不能为空', trigger: 'blur' }], url: [{ required: true, message: '链接地址不能为空', 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' }], content: [{ 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/reportSheet/${this.dataForm.id}`), method: 'get', params: this.$http.adornParams() }).then(({ data }) => { if (data && data.code === 0) { this.dataForm.category = data.reporsheet.category this.dataForm.code = data.reporsheet.code this.dataForm.name = data.reporsheet.name this.dataForm.fileName = data.reporsheet.fileName this.dataForm.url = data.reporsheet.url this.dataForm.description = data.reporsheet.description this.dataForm.enabled = data.reporsheet.enabled this.dataForm.remark = data.reporsheet.remark this.dataForm.valid = data.reporsheet.valid this.dataForm.creatorId = data.reporsheet.creatorId this.dataForm.creatorName = data.reporsheet.creatorName this.dataForm.createTime = data.reporsheet.createTime this.dataForm.updaterId = data.reporsheet.updaterId this.dataForm.updaterName = data.reporsheet.updaterName this.dataForm.updateTime = data.reporsheet.updateTime this.dataForm.version = data.reporsheet.version this.dataForm.content = data.reporsheet.content } }) } }) }, // 表单提交 dataFormSubmit() { this.$refs['dataForm'].validate(valid => { if (valid) { this.$http({ url: this.$http.adornUrl(`/monitoring/reportSheet/${!this.dataForm.id ? 'save' : 'update'}`), method: 'post', data: this.$http.adornData({ id: this.dataForm.id || undefined, category: this.dataForm.category, code: this.dataForm.code, name: this.dataForm.name, fileName: this.dataForm.fileName, url: this.dataForm.url, 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, content: this.dataForm.content }) }).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>