mt-yd-ui/src/views/modules/monitoring/factory-add-or-update.vue
2022-08-05 09:35:05 +08:00

178 lines
7.1 KiB
Vue
Raw Blame History

This file contains ambiguous Unicode characters

This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.

<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="工厂编码" 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="address">
<el-input v-model="dataForm.address" 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="externalCode">
<el-input v-model="dataForm.externalCode" 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,
code: '',
name: '',
address: '',
description: '',
enabled: '',
remark: '',
valid: '',
creatorId: '',
creatorName: '',
createTime: '',
updaterId: '',
updaterName: '',
updateTime: '',
version: '',
externalCode: ''
},
dataRule: {
code: [{ required: true, message: '工厂编码不能为空', trigger: 'blur' }],
name: [{ required: true, message: '工厂名称不能为空', trigger: 'blur' }],
address: [{ 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' }],
externalCode: [{ 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/factory/{this.dataForm.id}`),
method: 'get',
params: this.$http.adornParams()
}).then(({ data }) => {
if (data && data.code === 0) {
this.dataForm.code = data.factory.code
this.dataForm.name = data.factory.name
this.dataForm.address = data.factory.address
this.dataForm.description = data.factory.description
this.dataForm.enabled = data.factory.enabled
this.dataForm.remark = data.factory.remark
this.dataForm.valid = data.factory.valid
this.dataForm.creatorId = data.factory.creatorId
this.dataForm.creatorName = data.factory.creatorName
this.dataForm.createTime = data.factory.createTime
this.dataForm.updaterId = data.factory.updaterId
this.dataForm.updaterName = data.factory.updaterName
this.dataForm.updateTime = data.factory.updateTime
this.dataForm.version = data.factory.version
this.dataForm.externalCode = data.factory.externalCode
}
})
}
})
},
// 表单提交
dataFormSubmit() {
this.$refs['dataForm'].validate(valid => {
if (valid) {
this.$http({
url: this.$http.adornUrl(`/monitoring/factory/${!this.dataForm.id ? '' : this.dataForm.id}`),
method: this.dataForm.id ? 'put' : 'post',
data: this.$http.adornData({
id: this.dataForm.id || undefined,
code: this.dataForm.code,
name: this.dataForm.name,
address: this.dataForm.address,
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,
externalCode: this.dataForm.externalCode
})
}).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>