<!-- 日常保养计划 -->
|
<template>
|
<div>
|
<!-- 查询表单 -->
|
<el-form :model="dataForm" status-icon ref="dataForm" label-width="100px" style="margin-top:10px;">
|
<el-row>
|
<el-col :xs="24":sm="12":md="12":lg="12":xl="12">
|
<el-form-item label="统一编号" prop="uuid">
|
<el-input type="text" v-model="dataForm.uuid"></el-input>
|
</el-form-item>
|
</el-col>
|
<el-col :xs="24":sm="12":md="12":lg="12":xl="12">
|
<el-form-item label="设备名称" prop="machineName">
|
<el-select v-model="dataForm.machineName" placeholder="---请选择---" clearable>
|
<el-option
|
v-for="item in machineName"
|
:key="item.id"
|
:label="item.label"
|
:value="item.value">
|
</el-option>
|
</el-select>
|
</el-form-item>
|
</el-col>
|
<el-col :xs="24":sm="12":md="12":lg="12":xl="12">
|
<el-form-item label="设备型号" prop="type">
|
<el-input 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-form-item label="设备规格" prop="specification">
|
<el-input type="text" v-model="dataForm.specification"></el-input>
|
</el-form-item>
|
</el-col>
|
<el-col :xs="24":sm="12":md="12":lg="12":xl="12">
|
<el-form-item label="使用部门" prop="department">
|
<el-select v-model="dataForm.department" placeholder="---请选择---" clearable >
|
<el-option
|
v-for="item in department"
|
:key="item.value"
|
:label="item.label"
|
:value="item.value">
|
</el-option>
|
</el-select>
|
</el-form-item>
|
</el-col>
|
<el-col :xs="24":sm="12":md="12":lg="12":xl="12">
|
<el-form-item label="安装位置" prop="location">
|
<el-input type="text" v-model="dataForm.location" autocomplete="off"></el-input>
|
</el-form-item>
|
</el-col>
|
<el-col :xs="24":sm="12":md="12":lg="12":xl="12">
|
<el-form-item label="计划开始日期" prop="planStartDate">
|
<el-date-picker
|
clearable
|
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-form-item label="计划完成日期" prop="planFinishDate">
|
<el-date-picker
|
clearable
|
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-row>
|
</el-form>
|
|
<div style="display: flex;justify-content: center;align-items: center;margin-top:15px;">
|
<el-button size="mini" type="primary" @click="submitForm()" plain>查询</el-button>
|
<el-button size="mini" type="warning" @click="resetForm()" plain>重置</el-button>
|
</div>
|
|
<div style="margin: 20px 5px">
|
<el-button size="mini" @click="addDevice(1)" type="info" plain>添加</el-button>
|
<el-button size="mini" @click="deleteHandle(1)" type="danger" plain :disabled="multipleSelection.length < 1">批量删除</el-button>
|
</div>
|
<!-- 表格 -->
|
<el-table
|
ref="tableData"
|
:data="tableData"
|
v-loading.table="listLoading"
|
element-loading-text="Loading"
|
fit bclass="mdc-table"
|
style="width: 99%"
|
border
|
@selection-change="handleSelectionChange">
|
<el-table-column
|
type="selection"
|
align="center"
|
width="55">
|
</el-table-column>
|
<el-table-column
|
align="center"
|
label="统一编号"
|
prop="uuid">
|
</el-table-column>
|
<el-table-column
|
align="center"
|
label="设备名称"
|
width="150"
|
:show-overflow-tooltip="true"
|
prop="machineName">
|
</el-table-column>
|
<el-table-column
|
align="center"
|
label="设备型号"
|
prop="type">
|
</el-table-column>
|
<el-table-column
|
align="center"
|
label="设备规格"
|
prop="specification">
|
</el-table-column>
|
<el-table-column
|
align="center"
|
label="使用单位"
|
prop="department">
|
</el-table-column>
|
<el-table-column
|
align="center"
|
label="保养者"
|
prop="userName">
|
</el-table-column>
|
<el-table-column
|
align="center"
|
label="保养周期"
|
prop="period">
|
</el-table-column>
|
<el-table-column
|
align="center"
|
label="保养类型"
|
prop="style">
|
<template slot-scope="scope">
|
<span>{{scope.row.style === "1" ? "日常保养" : scope.row.style === "2" ? "一级保养" :
|
scope.row.style === "3" ? "二级保养" : "三级保养" }}</span>
|
</template>
|
</el-table-column>
|
<el-table-column
|
align="center"
|
width="110"
|
label="是否合格"
|
prop="isQualified">
|
<template slot-scope="scope">
|
<span>{{scope.row.isQualified === "1"? "合格" : "不合格"}}</span>
|
</template>
|
</el-table-column>
|
<el-table-column
|
align="center"
|
width="120"
|
:show-overflow-tooltip="true"
|
label="计划开始时间">
|
<template slot-scope="scope">
|
<span v-if="scope.row.startDateFrom">{{scope.row.startDateFrom+ '~' +scope.row.startDateTo}}</span>
|
<span v-else></span>
|
</template>
|
</el-table-column>
|
<el-table-column
|
align="center"
|
width="120"
|
:show-overflow-tooltip="true"
|
label="计划完成时间">
|
<template slot-scope="scope">
|
<span v-if="scope.row.completeDateFrom">{{scope.row.completeDateFrom+ '~' +scope.row.completeDateTo}}</span>
|
<span v-else></span>
|
</template>
|
</el-table-column>
|
<el-table-column
|
align="center"
|
width="150"
|
:show-overflow-tooltip="true"
|
label="保养内容与存在问题"
|
prop="detail">
|
</el-table-column>
|
<el-table-column
|
align="center"
|
label="编辑"
|
prop="editor">
|
<template slot-scope="scope">
|
<el-button size="mini" type="text" @click="addDevice(2,scope.row,$event)">编辑</el-button>
|
<el-button size="mini" type="text" @click="deleteHandle(2,scope.row)">删除</el-button>
|
</template>
|
</el-table-column>
|
</el-table>
|
|
<dailyMAdd ref="dailyMAddD" @reflash="submitForm" v-bind:styles="style"></dailyMAdd>
|
</div>
|
</template>
|
<script>
|
import { secondMaintain, getMachineList, maintainDelete, userList, departmentGet } from '@/api/MdcApi'
|
import dailyMAdd from './dialog/dailyMAdd'
|
export default {
|
components: {
|
dailyMAdd
|
},
|
data() {
|
return {
|
dataForm: {
|
uuid: '', // 统一编号
|
machineName: '', // 设备名称
|
type: '', // 设备型号
|
specification: '', // 设备规格
|
department: '', // 使用部门
|
location: '', // 安装位置
|
planStartDate: '', // 计划开始日期
|
planFinishDate: '' // 计划完成日期
|
},
|
tableData: [],
|
multipleSelection: [], // 多选
|
style: '1',
|
state: 1,
|
// 下拉框
|
machineName: [], // 设备名称
|
// department: [], // 使用部门
|
maintainPerson: [], // 保养人
|
department: [{ value: '使用部门', label: '使用部门' }],
|
tableLoading: false,
|
listLoading: false,
|
routes: this.$route.path
|
}
|
},
|
methods: {
|
// 查询
|
submitForm() {
|
this.listLoading = true
|
const startDateFrom = this.dataForm.planStartDate[0] ? this.dataForm.planStartDate[0] : ''
|
const startDateTo = this.dataForm.planStartDate[1] ? this.dataForm.planStartDate[0] : ''
|
const completeDateFrom = this.dataForm.planFinishDate[0] ? this.dataForm.planFinishDate[0] : ''
|
const completeDateTo = this.dataForm.planFinishDate[1] ? this.dataForm.planFinishDate[0] : ''
|
const isQualified = ''
|
// styles, name, uuid, specification, type, department, location, startDateFrom, startDateTo, completeDateFrom, completeDateTo, isQualified, state
|
this.$refs.dataForm.validate((valid) => {
|
if (valid) {
|
secondMaintain(this.style, this.dataForm.machineName, this.dataForm.uuid, this.dataForm.specification, this.dataForm.type,
|
this.dataForm.department, this.dataForm.location, startDateFrom, startDateTo, completeDateFrom, completeDateTo, isQualified, this.state
|
).then(res => {
|
this.listLoading = false
|
if (res.result === 'SUCCESS') {
|
this.tableData = res.list
|
} else {
|
this.$message({
|
type: 'error',
|
message: res.result
|
})
|
}
|
})
|
}
|
})
|
},
|
// 添加
|
addDevice(n, row, event) {
|
if (n === 1) {
|
this.$nextTick(() => {
|
this.$refs.dailyMAddD.init(n)
|
})
|
} else {
|
this.$nextTick(() => {
|
this.$refs.dailyMAddD.init(n, row)
|
})
|
}
|
},
|
// 删除
|
deleteHandle(n, row) {
|
let ids = []
|
if (n === 1) {
|
this.multipleSelection.map(item => {
|
ids.push(item.id)
|
})
|
} else {
|
ids.push(row.id)
|
}
|
ids = ids.join(',')
|
this.$confirm('确定要永久删除此项?', '提示', {
|
confirmButtonText: '确定',
|
cancelButtonText: '取消',
|
type: 'warning'
|
}).then(() => {
|
maintainDelete(this.style, ids).then(res => {
|
// if(res.result == ""){}
|
this.$message({
|
type: 'success',
|
message: '删除成功！'
|
})
|
this.submitForm()
|
})
|
}).catch(() => {
|
this.$message({
|
type: 'info',
|
message: '已取消删除'
|
})
|
})
|
},
|
/**
|
* 初始化已有机床
|
*/
|
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
|
})
|
})
|
// .split('_')[1]
|
})
|
// 使用单位
|
userList().then(res => {
|
res.list.map(elem => {
|
this.maintainPerson.push({
|
label: elem.user,
|
value: elem.user,
|
id: elem.id
|
})
|
})
|
})
|
// 获取部门
|
departmentGet().then(res => {
|
res.list.map(elem => {
|
this.department.push({
|
label: elem.name,
|
value: elem.name,
|
id: elem.id
|
})
|
})
|
})
|
},
|
// 重置
|
resetForm() {
|
this.$refs.dataForm.resetFields()
|
},
|
// 多选
|
handleSelectionChange(val) {
|
this.multipleSelection = val
|
}
|
},
|
mounted() {
|
this.initDevices()
|
this.submitForm()
|
},
|
watch: {
|
$route(val, from) {
|
if (val.fullPath.indexOf('dailymaintain') >= 0) {
|
this.style = '1'
|
} else if (val.fullPath.indexOf('firstmaintain') >= 0) {
|
this.style = '2'
|
} else if (val.fullPath.indexOf('maintainTwo') >= 0) {
|
this.style = '3'
|
} else if (val.fullPath.indexOf('maintainThree') >= 0) {
|
this.style = '4'
|
} else {
|
this.style = '1'
|
}
|
this.submitForm() // 查询
|
this.initDevices()
|
}
|
}
|
}
|
</script>
|
|
<style>
|
.el-form-item__label{font-weight:normal;line-height: 30px;}
|
.el-input__inner{height:30px;line-height: 30px;}
|
.el-select{width:100%;}
|
.el-form-item{margin-bottom:8px;}
|
.el-date-editor .el-range-separator{width:10%;}
|
.el-table td{white-space: nowrap;}
|
.duojiTable td{white-space: nowrap !important;}
|
.el-table td, .el-table th {padding: 2px 0;}
|
|
.el-date-editor .el-range__icon{line-height: 0;}
|
.el-date-editor .el-range-separator{width:10%;line-height: 25px;}
|
.el-date-editor{width: 100%!important;}
|
.el-form-item__content{line-height: 30px;}
|
</style>
|
|
