<template>
|
<div>
|
<el-dialog
|
:title="!dataForm.id ? '新建' : '编辑'"
|
:close-on-click-modal="false"
|
width="80%"
|
:visible.sync="addVisible">
|
<!-- 添加内容-->
|
<el-form :model="dataForm" label-width="100px" ref="dataForm">
|
<el-row :gutter="20">
|
<el-col :xs="24":sm="6":md="6":lg="6":xl="6">
|
<el-form-item label="机床名" prop="machineName">
|
<el-input v-model="dataForm.machineName" placeholder="机床名称" clearable></el-input>
|
</el-form-item>
|
</el-col>
|
<!--
|
<el-col :xs="24":sm="6":md="6":lg="6":xl="6">
|
<el-form-item label="机床ip" prop="machineIp">
|
<el-input v-model="dataForm.machineIp" placeholder="机床ip" clearable></el-input>
|
</el-form-item>
|
</el-col>
|
<el-col :xs="24":sm="6":md="6":lg="6":xl="6">
|
<el-form-item label="车间名" prop="workshop">
|
<el-select v-model="dataForm.workshop" placeholder="请选择" clearable @change="workshopchange">
|
<el-option
|
v-for="item in workshoplist"
|
:key="item.value"
|
:label="item.label"
|
:value="item.value">
|
</el-option>
|
</el-select>
|
</el-form-item>
|
</el-col>
|
<el-col :xs="24":sm="6":md="6":lg="6":xl="6">
|
<el-form-item label="工段名" prop="section">
|
<el-select v-model="dataForm.section" placeholder="请选择" clearable>
|
<el-option
|
v-for="item in sectionlist"
|
:key="item.value"
|
:label="item.label"
|
:value="item.value">
|
</el-option>
|
</el-select>
|
</el-form-item>
|
</el-col> -->
|
|
<!-- <el-col :xs="24":sm="6":md="6":lg="6":xl="6">
|
<el-form-item label="用户名" prop="userName">
|
<el-select filterable v-model="dataForm.userName">
|
<el-option
|
v-for="item in userNamelist"
|
:key="item.value"
|
:label="item.label"
|
:value="item.value">
|
</el-option>
|
</el-select>
|
</el-form-item>
|
</el-col> -->
|
<el-col :xs="24":sm="6":md="6":lg="6":xl="6">
|
<el-form-item label="统一编码" prop="uuid">
|
<el-input v-model="dataForm.uuid" placeholder="统一编码" clearable></el-input>
|
</el-form-item>
|
</el-col>
|
|
|
<el-col :xs="24":sm="6":md="6":lg="6":xl="6">
|
<el-form-item label="设备规格" prop="specification">
|
<el-input v-model="dataForm.specification" placeholder="设备规格" clearable></el-input>
|
</el-form-item>
|
</el-col>
|
<el-col :xs="24":sm="6":md="6":lg="6":xl="6">
|
<el-form-item label="设备型号" prop="type">
|
<el-input v-model="dataForm.type" placeholder="设备型号" clearable></el-input>
|
</el-form-item>
|
</el-col>
|
<el-col :xs="24":sm="6":md="6":lg="6":xl="6">
|
<el-form-item label="加工类型" prop="category">
|
<el-select v-model="dataForm.category" placeholder="---请选择---">
|
<el-option
|
v-for="item in deviceType"
|
:key="item.value"
|
:label="item.label"
|
:value="item.value">
|
</el-option>
|
</el-select>
|
</el-form-item>
|
</el-col>
|
|
<el-col :xs="24":sm="6":md="6":lg="6":xl="6">
|
<el-form-item label="账务属性" prop="accountingAttribute">
|
<el-select v-model="dataForm.accountingAttribute" placeholder="---请选择---">
|
<el-option
|
v-for="item in financePro"
|
:key="item.value"
|
:label="item.label"
|
:value="item.value">
|
</el-option>
|
</el-select>
|
</el-form-item>
|
</el-col>
|
<!-- <el-col :xs="24":sm="6":md="6":lg="6":xl="6">
|
<el-form-item label="安装地址" prop="location">
|
<el-input v-model="dataForm.location" placeholder="安装地址" clearable></el-input>
|
</el-form-item>
|
</el-col> -->
|
<el-col :xs="24":sm="6":md="6":lg="6":xl="6">
|
<el-form-item label="使用部门" prop="department">
|
<el-select v-model="dataForm.department">
|
<el-option
|
v-for="item in departmentlist"
|
:key="item.value"
|
:label="item.label"
|
:value="item.value">
|
</el-option>
|
</el-select>
|
</el-form-item>
|
</el-col>
|
<!-- <el-col :xs="24":sm="6":md="6":lg="6":xl="6">
|
<el-form-item label="设备状态" prop="state">
|
<el-select v-model="dataForm.state" placeholder="---请选择---">
|
<el-option
|
v-for="item in deviceStatus"
|
:key="item.value"
|
:label="item.label"
|
:value="item.value">
|
</el-option>
|
</el-select>
|
</el-form-item>
|
</el-col> -->
|
|
<!-- <el-col :xs="24":sm="6":md="6":lg="6":xl="6">
|
<el-form-item label="是否关键设备" prop="isCritical">
|
<el-select v-model="dataForm.isCritical">
|
<el-option
|
v-for="item in isselectlist"
|
:key="item.value"
|
:label="item.label"
|
:value="item.value">
|
</el-option>
|
</el-select>
|
</el-form-item>
|
</el-col>
|
<el-col :xs="24":sm="6":md="6":lg="6":xl="6">
|
<el-form-item label="是否精密设备" prop="isPrecision">
|
<el-select v-model="dataForm.isPrecision">
|
<el-option
|
v-for="item in isselectlist"
|
:key="item.value"
|
:label="item.label"
|
:value="item.value">
|
</el-option>
|
</el-select>
|
</el-form-item>
|
</el-col> -->
|
<el-col :xs="24":sm="6":md="6":lg="6":xl="6">
|
<el-form-item label="电气复杂系数" prop="elecCompFactor">
|
<el-input v-model="dataForm.elecCompFactor" placeholder="电气复杂系数" clearable></el-input>
|
</el-form-item>
|
</el-col>
|
<el-col :xs="24":sm="6":md="6":lg="6":xl="6">
|
<el-form-item label="机械复杂系数" prop="mechCompFactor">
|
<el-input v-model="dataForm.mechCompFactor" placeholder="机械复杂系数" clearable></el-input>
|
</el-form-item>
|
</el-col>
|
|
<el-col :xs="24":sm="6":md="6":lg="6":xl="6">
|
<el-form-item label="国别" prop="country">
|
<el-input v-model="dataForm.country" placeholder="国别" clearable></el-input>
|
</el-form-item>
|
</el-col>
|
<el-col :xs="24":sm="6":md="6":lg="6":xl="6">
|
<el-form-item label="设备管理分类" prop="manageType">
|
<el-select v-model="dataForm.manageType" placeholder="---请选择---">
|
<el-option value="A">A</el-option>
|
<el-option value="B">B</el-option>
|
<el-option value="C">C</el-option>
|
</el-select>
|
</el-form-item>
|
</el-col>
|
<!--
|
<el-col :xs="24":sm="6":md="6":lg="6":xl="6">
|
<el-form-item label="班次" prop="classes">
|
<el-select v-model="dataForm.classes" placeholder="---请选择---">
|
<el-option value="一班">一班</el-option>
|
<el-option value="二班">二班</el-option>
|
<el-option value="三班">三班</el-option>
|
</el-select>
|
</el-form-item>
|
</el-col>
|
-->
|
<el-col :xs="24":sm="6":md="6":lg="6":xl="6">
|
<el-form-item label="生产厂家" prop="manufacturer">
|
<el-input v-model="dataForm.manufacturer" placeholder="生产厂家" clearable></el-input>
|
</el-form-item>
|
</el-col>
|
<el-col :xs="24":sm="6":md="6":lg="6":xl="6">
|
<el-form-item label="投产日期" prop="productionDate">
|
<el-date-picker format="yyyy-MM-dd" value-format="yyyy-MM-dd" v-model="dataForm.productionDate" type="date" clearable placeholder="选择日期"></el-date-picker>
|
</el-form-item>
|
</el-col>
|
<el-col :xs="24":sm="6":md="6":lg="6":xl="6">
|
<el-form-item label="设备原值" prop="originalValue">
|
<el-input v-model="dataForm.originalValue" placeholder="设备原值" clearable></el-input>
|
</el-form-item>
|
</el-col>
|
|
<el-col :xs="24":sm="6":md="6":lg="6":xl="6">
|
<el-form-item label="设备净现值" prop="presentValue">
|
<el-input v-model="dataForm.presentValue" placeholder="设备净现值" clearable></el-input>
|
</el-form-item>
|
</el-col>
|
<el-col :xs="24":sm="6":md="6":lg="6":xl="6">
|
<el-form-item label="设备重量" prop="weight">
|
<el-input v-model="dataForm.weight" placeholder="设备重量" clearable></el-input>
|
</el-form-item>
|
</el-col>
|
<el-col :xs="24":sm="6":md="6":lg="6":xl="6">
|
<el-form-item label="备注" prop="remark">
|
<el-input v-model="dataForm.remark" placeholder="备注" clearable></el-input>
|
</el-form-item>
|
</el-col>
|
</el-row>
|
<!-- 上传 -->
|
<!-- <el-row :gutter="20">
|
<el-col :xs="24":sm="12":md="12":lg="12":xl="12">
|
<el-form-item label="上传照片" prop="">
|
<el-upload
|
class="avatar-uploader"
|
action="https://jsonplaceholder.typicode.com/posts/"
|
:show-file-list="false"
|
:on-success="handleAvatarSuccess"
|
:before-upload="beforeAvatarUpload">
|
<img v-if="imageUrl" :src="imageUrl" class="avatar">
|
<i v-else class="el-icon-plus avatar-uploader-icon"></i>
|
</el-upload>
|
</el-form-item>
|
</el-col>
|
<el-col :xs="24":sm="12":md="12":lg="12":xl="12">
|
<el-form-item label="相关文档" prop="">
|
<el-upload
|
class="upload-demo"
|
action="https://jsonplaceholder.typicode.com/posts/"
|
:on-preview="handlePreview"
|
:on-remove="handleRemove"
|
:before-remove="beforeRemove"
|
multiple
|
:limit="9"
|
:on-exceed="handleExceed"
|
:file-list="fileList">
|
<el-button size="small" type="primary">点击上传</el-button>
|
</el-upload>
|
</el-form-item>
|
</el-col> -->
|
</el-row>
|
|
</el-form>
|
<!-- 按钮 -->
|
<span slot="footer" class="dialog-footer">
|
<el-button size="mini" @click="cancel">取消</el-button>
|
<el-button size="mini" type="primary" style="background-color: #409EFF;" @click="dataFormSubmit()">保存</el-button>
|
</span>
|
</el-dialog>
|
</div>
|
</template>
|
|
<script>
|
import { accountUpdate,accountCreate } from '@/api/Api'
|
export default {
|
props: ['addVisible','deviceType','departmentlist','row','isselectlist','deviceStatus','financePro'],
|
data() {
|
return {
|
visible: false,
|
dataForm: {
|
id: '', // title显示新增还是修改
|
machineName: '', // 机床名
|
machineIp: '', // 机床ip
|
workshop: '', // 车间名
|
section: '', // 工段名
|
userName: '', // 用户名
|
uuid: '', // 统一编码
|
specification: '', // 设备规格
|
type: '', // 设备型号
|
category: '', // 设备类别
|
accountingAttribute: '', // 财务属性
|
location: '', // 安装地址
|
department: '', // 使用部门
|
state: '', // 设备状态
|
isCritical: '1', // 是否关键设备
|
isPrecision: '1', // 是否精密设备
|
elecCompFactor: '', // 电气复杂系数
|
mechCompFactor: '', // 机械复杂系数
|
country: '', // 国别
|
classes: '', // 班次
|
manufacturer: '', // 生产厂家
|
productionDate: '', // 投产日期
|
originalValue: '', // 设备原值
|
presentValue: '', // 设备净现值
|
weight: '', // 设备重量
|
remark: ''// 备注
|
},
|
machineNamelist: [], // 机床下拉
|
workshoplist: [], // 车间list
|
oldworkshoplist: [],
|
sectionlist: [], // 工段
|
userNamelist: [], // 用户list
|
imageUrl: '', // 图片
|
fileList: []// 文档上传list
|
}
|
},
|
watch: {
|
addVisible: {
|
handler (val) {
|
if (val) {
|
this.init()
|
}
|
},
|
immediate: true
|
}
|
},
|
created () {
|
this.init(this.row)
|
},
|
methods: {
|
init(row) {
|
if (this.$refs['dataForm']) {
|
this.$refs['dataForm'].resetFields()
|
}
|
if (row !== undefined) {
|
this.dataForm.id = row.id
|
this.dataForm.machineName = row.machineName
|
this.dataForm.machineIp = row.machineIp
|
this.dataForm.workshop = row.workshop
|
this.dataForm.section = row.section
|
this.dataForm.userName = row.userName
|
this.dataForm.uuid = row.uuid
|
this.dataForm.specification = row.specification
|
this.dataForm.type = row.type
|
this.dataForm.category = row.category
|
this.dataForm.accountingAttribute = row.accountingAttribute
|
this.dataForm.location = row.location
|
this.dataForm.department = row.department
|
this.dataForm.state = row.state
|
this.dataForm.isCritical = row.isCritical
|
this.dataForm.isPrecision = row.isPrecision
|
this.dataForm.elecCompFactor = row.elecCompFactor
|
this.dataForm.mechCompFactor = row.mechCompFactor
|
this.dataForm.country = row.country
|
this.dataForm.manufacturer = row.manufacturer
|
this.dataForm.productionDate = row.productionDate
|
this.dataForm.originalValue = row.originalValue
|
this.dataForm.presentValue = row.presentValue
|
this.dataForm.weight = row.weight
|
this.dataForm.remark = row.remark
|
this.dataForm.managType = row.managType
|
this.dataForm.classes = row.classes
|
} else { this.dataForm.id = '' }
|
},
|
/* 查询使用部门*/
|
cancel () {
|
this.$emit('close')
|
},
|
/* 提交*/
|
dataFormSubmit() {
|
if (!this.dataForm.id) { // 新增
|
accountCreate(this.dataForm).then(res => {
|
this.$message({
|
message: '新增成功',
|
type: 'success',
|
duration: 1500,
|
onClose: () => {
|
this.$emit('confirm')
|
this.visible = false
|
}
|
})
|
})
|
} else {
|
accountUpdate(this.dataForm).then(res => {
|
this.$message({
|
message: '修改成功',
|
type: 'success',
|
duration: 1500,
|
onClose: () => {
|
this.$emit('confirm')
|
this.visible = false
|
}
|
})
|
})
|
}
|
}
|
}
|
}
|
</script>
|
|
<style lang="scss">
|
.el-form-item__content {
|
.el-select,.el-input {
|
width: 100%;
|
}
|
}
|
.el-dialog__body {
|
overflow: hidden;
|
}
|
.avatar-uploader .el-upload {
|
border: 1px dashed #d9d9d9;
|
border-radius: 6px;
|
cursor: pointer;
|
position: relative;
|
overflow: hidden;
|
}
|
.avatar-uploader .el-upload:hover {
|
border-color: #409EFF;
|
}
|
.avatar-uploader-icon {
|
font-size: 28px;
|
color: #8c939d;
|
width: 178px;
|
height: 178px;
|
line-height: 178px;
|
text-align: center;
|
}
|
.avatar {
|
width: 178px;
|
height: 178px;
|
display: block;
|
}
|
</style>
|
