| | |
| | | :visible.sync="dialogVisibleAdd" class="role-select">
|
| | | <!-- 查询表单 -->
|
| | | <el-form :model="dataForm" ref="dataForm" label-width="150px" style="margin-top:10px;">
|
| | | <el-row>
|
| | | <el-col :xs="24":sm="12":md="12":lg="12":xl="12">
|
| | | <el-row :gutter="20">
|
| | | <el-col :xs="24":sm="6":md="6":lg="6":xl="6">
|
| | | <el-form-item label="统一编号" prop="uuid">
|
| | | <el-input type="text" v-model="dataForm.uuid" autocomplete="off"></el-input>
|
| | | </el-form-item>
|
| | | </el-col>
|
| | | <el-col :xs="24":sm="12":md="12":lg="12":xl="12">
|
| | | <el-col :xs="24":sm="6":md="6":lg="6":xl="6">
|
| | | <el-form-item label="设备名称" prop="machineName">
|
| | | <el-select v-model="dataForm.machineName" placeholder="---请选择---">
|
| | | <el-option
|
| | |
| | | </el-select>
|
| | | </el-form-item>
|
| | | </el-col>
|
| | | <el-col :xs="24":sm="12":md="12":lg="12":xl="12">
|
| | | <el-col :xs="24":sm="6":md="6":lg="6":xl="6">
|
| | | <el-form-item label="设备型号" prop="type">
|
| | | <el-input size="mini" type="text" v-model="dataForm.type"></el-input>
|
| | | </el-form-item>
|
| | | </el-col>
|
| | | <el-col :xs="24":sm="12":md="12":lg="12":xl="12">
|
| | | <el-col :xs="24":sm="6":md="6":lg="6":xl="6">
|
| | | <el-form-item label="设备规格" prop="specification">
|
| | | <el-input size="mini" type="text" v-model="dataForm.specification" @input="getMachineInfo"></el-input>
|
| | | </el-form-item>
|
| | | </el-col>
|
| | | <el-col :xs="24":sm="12":md="12":lg="12":xl="12">
|
| | | <el-col :xs="24":sm="6":md="6":lg="6":xl="6">
|
| | | <el-form-item label="安装地点" prop="location">
|
| | | <el-input size="mini" type="text" v-model="dataForm.location"></el-input>
|
| | | </el-form-item>
|
| | | </el-col>
|
| | | <el-col :xs="24":sm="12":md="12":lg="12":xl="12">
|
| | | <el-col :xs="24":sm="6":md="6":lg="6":xl="6">
|
| | | <el-form-item label="使用部门" prop="department">
|
| | | <el-select v-model="dataForm.department" placeholder="---请选择---" clearable >
|
| | | <el-option
|
| | | v-for="item in department"
|
| | | v-for="item in departmentlist"
|
| | | :key="item.value"
|
| | | :label="item.label"
|
| | | :value="item.value">
|
| | |
| | | </el-select>
|
| | | </el-form-item>
|
| | | </el-col>
|
| | | <el-col :xs="24":sm="12":md="12":lg="12":xl="12">
|
| | | <el-col :xs="24":sm="6":md="6":lg="6":xl="6">
|
| | | <el-form-item label="保养者" prop="maintainPerson">
|
| | | <el-select v-model="dataForm.maintainPerson" placeholder="---请选择---" clearable >
|
| | | <el-option
|
| | |
| | | </el-select>
|
| | | </el-form-item>
|
| | | </el-col>
|
| | | <!-- <el-col :xs="24":sm="12":md="12":lg="12":xl="12">
|
| | | <!-- <el-col :xs="24":sm="6":md="6":lg="6":xl="6">
|
| | | <el-form-item label="保养周期" prop="maintainPeriod">
|
| | | <el-input size="mini" type="text" v-model="dataForm.maintainPeriod"></el-input>
|
| | | </el-form-item>
|
| | | </el-col>
|
| | | <el-col :xs="24":sm="12":md="12":lg="12":xl="12">
|
| | | <el-col :xs="24":sm="6":md="6":lg="6":xl="6">
|
| | | <el-form-item label="投产日期" prop="productionDate">
|
| | | <el-input size="mini" type="text" v-model="dataForm.productionDate"></el-input>
|
| | | </el-form-item>
|
| | | </el-col>
|
| | | <el-col :xs="24":sm="12":md="12":lg="12":xl="12">
|
| | | <el-col :xs="24":sm="6":md="6":lg="6":xl="6">
|
| | | <el-form-item label="生产厂家" prop="manufacturer">
|
| | | <el-input size="mini" type="text" v-model="dataForm.manufacturer"></el-input>
|
| | | </el-form-item>
|
| | | </el-col> -->
|
| | | <el-col :xs="24":sm="12":md="12":lg="12":xl="12">
|
| | | <el-col :xs="24":sm="6":md="6":lg="6":xl="6">
|
| | | <el-form-item label="计划状态" prop="planStatus">
|
| | | <el-input size="mini" type="text" v-model="dataForm.planStatus" readonly></el-input>
|
| | | </el-form-item>
|
| | | </el-col>
|
| | | <el-col :xs="24":sm="12":md="12":lg="12":xl="12">
|
| | | <el-col :xs="24":sm="6":md="6":lg="6":xl="6">
|
| | | <el-form-item label="是否合格" prop="isQualified">
|
| | | <el-select v-model="dataForm.isQualified" placeholder="---请选择---" clearable >
|
| | | <el-option
|
| | |
| | | </el-select>
|
| | | </el-form-item>
|
| | | </el-col>
|
| | | <el-col :xs="24":sm="12":md="12":lg="12":xl="12">
|
| | | <el-col :xs="24":sm="6":md="6":lg="6":xl="6">
|
| | | <el-form-item label="计划开始日期" prop="planStartDate">
|
| | | <el-date-picker
|
| | | format="yyyy 年 MM 月 dd 日"
|
| | | value-format="yyyy-MM-dd"
|
| | | v-model="dataForm.planStartDate"
|
| | | type="daterange"
|
| | | range-separator="至"
|
| | | start-placeholder="开始日期"
|
| | | end-placeholder="结束日期">
|
| | | </el-date-picker>
|
| | | </el-form-item>
|
| | | </el-col>
|
| | | <el-col :xs="24":sm="12":md="12":lg="12":xl="12">
|
| | | <el-col :xs="24":sm="6":md="6":lg="6":xl="6">
|
| | | <el-form-item label="计划完成日期" prop="planFinishDate">
|
| | | <el-date-picker
|
| | | format="yyyy 年 MM 月 dd 日"
|
| | | value-format="yyyy-MM-dd"
|
| | | v-model="dataForm.planFinishDate"
|
| | | type="daterange"
|
| | | range-separator="至"
|
| | | start-placeholder="开始日期"
|
| | | end-placeholder="结束日期">
|
| | | </el-date-picker>
|
| | | </el-form-item>
|
| | | </el-col>
|
| | | <el-col :xs="24":sm="12":md="12":lg="12":xl="12">
|
| | | <el-col :xs="24":sm="6":md="6":lg="6":xl="6">
|
| | | <el-form-item label="保养内容与存在问题" prop="detail">
|
| | | <el-input size="mini" type="text" v-model="dataForm.detail"></el-input>
|
| | | </el-form-item>
|
| | |
| | | <script>
|
| | | // import { getMachineList, maintainCreate, maintainUpdate, deviceManage, userList, departmentGet } from '@/api/MdcApi'
|
| | | import { getMachineList, maintainCreate, maintainUpdate, userList, departmentGet } from '@/api/MdcApi'
|
| | | import { getRequest } from '@/api/Api'
|
| | | export default {
|
| | | props: ['styles'],
|
| | | props: ['styles', 'departmentlist'],
|
| | | data() {
|
| | | return {
|
| | | dataForm: {
|
| | |
| | | this.dialogVisibleAdd = true
|
| | | this.machineName = []
|
| | | this.maintainPerson = []
|
| | | this.initDevices() // 初始化数据
|
| | | // this.initDevices() // 初始化数据
|
| | | },
|
| | | // 保存
|
| | | savedata() {
|
| | |
| | | const completeDateTo = this.dataForm.planFinishDate[1]
|
| | | const isQualified = this.dataForm.isQualified === '合格' ? 1 : 0
|
| | | if (this.no === 1) {
|
| | | maintainCreate(
|
| | | this.styles, this.dataForm.uuid, this.dataForm.machineName, this.dataForm.type,
|
| | | this.dataForm.specification, this.dataForm.department, this.dataForm.location,
|
| | | startDateFrom, startDateTo, completeDateFrom, completeDateTo, isQualified,
|
| | | this.dataForm.state, this.dataForm.detail
|
| | | ).then(res => {
|
| | | if (res.result === 'SUCCESS') {
|
| | | this.$message({
|
| | | type: 'success',
|
| | | message: '保存成功!'
|
| | | })
|
| | | this.$emit('reflash')
|
| | | // const that = this
|
| | | this.dialogVisibleAdd = false
|
| | | getRequest('maintainCreate',{})
|
| | | // maintainCreate(
|
| | | // this.styles, this.dataForm.uuid, this.dataForm.machineName, this.dataForm.type,
|
| | | // this.dataForm.specification, this.dataForm.department, this.dataForm.location,
|
| | | // startDateFrom, startDateTo, completeDateFrom, completeDateTo, isQualified,
|
| | | // this.dataForm.state, this.dataForm.detail
|
| | | // ).then(res => {
|
| | | // if (res.result === 'SUCCESS') {
|
| | | // this.$message({
|
| | | // type: 'success',
|
| | | // message: '保存成功!'
|
| | | // })
|
| | | // this.$emit('reflash')
|
| | | // // const that = this
|
| | | // this.dialogVisibleAdd = false
|
| | | // } else {
|
| | | // this.$message({
|
| | | // type: 'error',
|
| | | // message: res.result
|
| | | // })
|
| | | // }
|
| | | // })
|
| | | } else {
|
| | | this.$message({
|
| | | type: 'error',
|
| | | message: res.result
|
| | | })
|
| | | }
|
| | | })
|
| | | } else {
|
| | | getRequest('maintainUpdate',{})
|
| | | // 修改保存
|
| | | maintainUpdate(this.styles, this.data.id, this.dataForm.uuid, this.dataForm.machineName, this.dataForm.type,
|
| | | this.dataForm.specification, this.dataForm.department, this.dataForm.location,
|
| | | startDateFrom, startDateTo, completeDateFrom, completeDateTo, isQualified,
|
| | | this.dataForm.state, this.dataForm.detail).then(res => {
|
| | | if (res.result === 'SUCCESS') {
|
| | | this.$message({
|
| | | type: 'success',
|
| | | message: '保存成功!'
|
| | | })
|
| | | this.$emit('reflash')
|
| | | } else {
|
| | | this.$message({
|
| | | type: 'error',
|
| | | message: res.result
|
| | | })
|
| | | }
|
| | | })
|
| | | // maintainUpdate(this.styles, this.data.id, this.dataForm.uuid, this.dataForm.machineName, this.dataForm.type,
|
| | | // this.dataForm.specification, this.dataForm.department, this.dataForm.location,
|
| | | // startDateFrom, startDateTo, completeDateFrom, completeDateTo, isQualified,
|
| | | // this.dataForm.state, this.dataForm.detail).then(res => {
|
| | | // if (res.result === 'SUCCESS') {
|
| | | // this.$message({
|
| | | // type: 'success',
|
| | | // message: '保存成功!'
|
| | | // })
|
| | | // this.$emit('reflash')
|
| | | // } else {
|
| | | // this.$message({
|
| | | // type: 'error',
|
| | | // message: res.result
|
| | | // })
|
| | | // }
|
| | | // })
|
| | | }
|
| | | },
|
| | | /**
|
| | | * 初始化已有机床
|
| | | */
|
| | | initDevices() {
|
| | | this.machineName = []
|
| | | this.maintainPerson = []
|
| | | this.department = []
|
| | | // 设备名称
|
| | | getMachineList().then(res => {
|
| | | res.list.map(item => {
|
| | | this.machineName.push({
|
| | | label: item.name,
|
| | | value: item.name,
|
| | | id: item.id
|
| | | })
|
| | | })
|
| | | })
|
| | | // 使用单位
|
| | | userList().then(res => {
|
| | | res.list.map(elem => {
|
| | | this.maintainPerson.push({
|
| | | label: elem.user,
|
| | | value: elem.user,
|
| | | id: elem.id
|
| | | })
|
| | | // .split('_')[1]
|
| | | })
|
| | | })
|
| | | // 获取部门
|
| | | departmentGet().then(res => {
|
| | | res.list.map(elem => {
|
| | | this.department.push({
|
| | | label: elem.name,
|
| | | value: elem.name,
|
| | | id: elem.id
|
| | | })
|
| | | })
|
| | | })
|
| | | },
|
| | | // 设备名称带出
|
| | | getMachineInfo() {
|
| | | // deviceManage(this.dataForm.machineName, this.dataForm.type, this.dataForm.specification).then(res => {
|
| | | //
|
| | | // })
|
| | | },
|
| | | // 重置
|
| | | resetForm() {
|
| | | this.$refs.dataForm.resetFields()
|
| | |
| | | }
|
| | | }
|
| | | </script>
|
| | |
|
| | | <style lang="scss">
|
| | | .el-form-item__content {
|
| | | .el-select,.el-input {
|
| | | width: 100%;
|
| | | }
|
| | | }
|
| | | .el-dialog__body {
|
| | | overflow: hidden;
|
| | | }
|
| | | </style>
|
| | | <style scoped>
|
| | | .el-table__body .cell{padding:3px;}
|
| | | /* .el-table__body .cell{padding:3px;}
|
| | | .el-input__icon{line-height: 30px;}
|
| | | .el-input__inner{height:30px;line-height: 30px;}
|
| | | .el-form-item__content{line-height: 40px;}
|
| | | .el-col{height:36px;}
|
| | | .el-col{height:36px;} */
|
| | | </style>
|