feat(dms): 新增派工计划、维修记录和维修工单详情页面
- 创建派工计划详情页，支持单人和团队派工模式 - 实现维修记录详情页，包含故障、维修和验收信息 - 开发维修工单详情页，支持设备选择和工程材料管理 - 添加相关API接口文件，支持完整的CRUD操作 - 集成字典数据和用户选择功能 - 实现表单验证和数据联动逻辑master
parent
ae209ea090
commit
fc5a25ad71
@ -0,0 +1,71 @@
|
|||||||
|
import request from '@/utils/request'
|
||||||
|
|
||||||
|
// 查询派工计划列表
|
||||||
|
export function listDispatchPlan(query) {
|
||||||
|
return request({
|
||||||
|
url: '/dms/dispatchPlan/list',
|
||||||
|
method: 'get',
|
||||||
|
params: query
|
||||||
|
})
|
||||||
|
}
|
||||||
|
|
||||||
|
// 查询派工计划详细
|
||||||
|
export function getDispatchPlan(planId) {
|
||||||
|
return request({
|
||||||
|
url: '/dms/dispatchPlan/' + planId,
|
||||||
|
method: 'get'
|
||||||
|
})
|
||||||
|
}
|
||||||
|
|
||||||
|
// 新增派工计划
|
||||||
|
export function addDispatchPlan(data) {
|
||||||
|
return request({
|
||||||
|
url: '/dms/dispatchPlan',
|
||||||
|
method: 'post',
|
||||||
|
data: data
|
||||||
|
})
|
||||||
|
}
|
||||||
|
|
||||||
|
// 修改派工计划
|
||||||
|
export function updateDispatchPlan(data) {
|
||||||
|
return request({
|
||||||
|
url: '/dms/dispatchPlan',
|
||||||
|
method: 'put',
|
||||||
|
data: data
|
||||||
|
})
|
||||||
|
}
|
||||||
|
|
||||||
|
// 删除派工计划
|
||||||
|
export function delDispatchPlan(planId) {
|
||||||
|
return request({
|
||||||
|
url: '/dms/dispatchPlan/' + planId,
|
||||||
|
method: 'delete'
|
||||||
|
})
|
||||||
|
}
|
||||||
|
|
||||||
|
// 接收派工
|
||||||
|
export function receiveDispatch(data) {
|
||||||
|
return request({
|
||||||
|
url: '/dms/dispatchPlan/receive',
|
||||||
|
method: 'post',
|
||||||
|
data: data
|
||||||
|
})
|
||||||
|
}
|
||||||
|
|
||||||
|
// 拒绝派工
|
||||||
|
export function rejectDispatch(data) {
|
||||||
|
return request({
|
||||||
|
url: '/dms/dispatchPlan/reject',
|
||||||
|
method: 'post',
|
||||||
|
data: data
|
||||||
|
})
|
||||||
|
}
|
||||||
|
|
||||||
|
// 导出派工计划
|
||||||
|
export function exportDispatchPlan(query) {
|
||||||
|
return request({
|
||||||
|
url: '/dms/dispatchPlan/export',
|
||||||
|
method: 'get',
|
||||||
|
params: query
|
||||||
|
})
|
||||||
|
}
|
||||||
@ -0,0 +1,70 @@
|
|||||||
|
import request from '@/utils/request'
|
||||||
|
|
||||||
|
// 查询维修记录列表
|
||||||
|
export function listRepairRecord(query) {
|
||||||
|
return request({
|
||||||
|
url: '/dms/repairRecord/list',
|
||||||
|
method: 'get',
|
||||||
|
params: query
|
||||||
|
})
|
||||||
|
}
|
||||||
|
|
||||||
|
// 查询维修记录详细
|
||||||
|
export function getRepairRecord(recordId) {
|
||||||
|
return request({
|
||||||
|
url: '/dms/repairRecord/' + recordId,
|
||||||
|
method: 'get'
|
||||||
|
})
|
||||||
|
}
|
||||||
|
|
||||||
|
// 新增维修记录
|
||||||
|
export function addRepairRecord(data) {
|
||||||
|
return request({
|
||||||
|
url: '/dms/repairRecord',
|
||||||
|
method: 'post',
|
||||||
|
data: data
|
||||||
|
})
|
||||||
|
}
|
||||||
|
|
||||||
|
// 修改维修记录
|
||||||
|
export function updateRepairRecord(data) {
|
||||||
|
return request({
|
||||||
|
url: '/dms/repairRecord',
|
||||||
|
method: 'put',
|
||||||
|
data: data
|
||||||
|
})
|
||||||
|
}
|
||||||
|
|
||||||
|
// 删除维修记录
|
||||||
|
export function delRepairRecord(recordId) {
|
||||||
|
return request({
|
||||||
|
url: '/dms/repairRecord/' + recordId,
|
||||||
|
method: 'delete'
|
||||||
|
})
|
||||||
|
}
|
||||||
|
|
||||||
|
// 存档维修记录
|
||||||
|
export function archiveRepairRecord(data) {
|
||||||
|
return request({
|
||||||
|
url: '/dms/repairRecord/archive',
|
||||||
|
method: 'post',
|
||||||
|
data: data
|
||||||
|
})
|
||||||
|
}
|
||||||
|
|
||||||
|
// 导出维修记录
|
||||||
|
export function exportRepairRecord(query) {
|
||||||
|
return request({
|
||||||
|
url: '/dms/repairRecord/export',
|
||||||
|
method: 'get',
|
||||||
|
params: query
|
||||||
|
})
|
||||||
|
}
|
||||||
|
|
||||||
|
// 按设备查询维修历史
|
||||||
|
export function getRepairHistory(deviceId) {
|
||||||
|
return request({
|
||||||
|
url: '/dms/repairRecord/history/' + deviceId,
|
||||||
|
method: 'get'
|
||||||
|
})
|
||||||
|
}
|
||||||
@ -0,0 +1,89 @@
|
|||||||
|
import request from '@/utils/request'
|
||||||
|
|
||||||
|
// 查询维修工单列表
|
||||||
|
export function listRepairWorkOrder(query) {
|
||||||
|
return request({
|
||||||
|
url: '/dms/repairWorkOrder/list',
|
||||||
|
method: 'get',
|
||||||
|
params: query
|
||||||
|
})
|
||||||
|
}
|
||||||
|
|
||||||
|
// 查询维修工单详细
|
||||||
|
export function getRepairWorkOrder(workOrderId) {
|
||||||
|
return request({
|
||||||
|
url: '/dms/repairWorkOrder/' + workOrderId,
|
||||||
|
method: 'get'
|
||||||
|
})
|
||||||
|
}
|
||||||
|
|
||||||
|
// 新增维修工单
|
||||||
|
export function addRepairWorkOrder(data) {
|
||||||
|
return request({
|
||||||
|
url: '/dms/repairWorkOrder',
|
||||||
|
method: 'post',
|
||||||
|
data: data
|
||||||
|
})
|
||||||
|
}
|
||||||
|
|
||||||
|
// 修改维修工单
|
||||||
|
export function updateRepairWorkOrder(data) {
|
||||||
|
return request({
|
||||||
|
url: '/dms/repairWorkOrder',
|
||||||
|
method: 'put',
|
||||||
|
data: data
|
||||||
|
})
|
||||||
|
}
|
||||||
|
|
||||||
|
// 删除维修工单
|
||||||
|
export function delRepairWorkOrder(workOrderId) {
|
||||||
|
return request({
|
||||||
|
url: '/dms/repairWorkOrder/' + workOrderId,
|
||||||
|
method: 'delete'
|
||||||
|
})
|
||||||
|
}
|
||||||
|
|
||||||
|
// 派工
|
||||||
|
export function dispatchWorkOrder(data) {
|
||||||
|
return request({
|
||||||
|
url: '/dms/repairWorkOrder/dispatch',
|
||||||
|
method: 'post',
|
||||||
|
data: data
|
||||||
|
})
|
||||||
|
}
|
||||||
|
|
||||||
|
// 开始维修
|
||||||
|
export function startWorkOrder(data) {
|
||||||
|
return request({
|
||||||
|
url: '/dms/repairWorkOrder/start',
|
||||||
|
method: 'post',
|
||||||
|
data: data
|
||||||
|
})
|
||||||
|
}
|
||||||
|
|
||||||
|
// 完成维修
|
||||||
|
export function completeWorkOrder(data) {
|
||||||
|
return request({
|
||||||
|
url: '/dms/repairWorkOrder/complete',
|
||||||
|
method: 'post',
|
||||||
|
data: data
|
||||||
|
})
|
||||||
|
}
|
||||||
|
|
||||||
|
// 审批
|
||||||
|
export function approveWorkOrder(data) {
|
||||||
|
return request({
|
||||||
|
url: '/dms/repairWorkOrder/approve',
|
||||||
|
method: 'post',
|
||||||
|
data: data
|
||||||
|
})
|
||||||
|
}
|
||||||
|
|
||||||
|
// 导出维修工单
|
||||||
|
export function exportRepairWorkOrder(query) {
|
||||||
|
return request({
|
||||||
|
url: '/dms/repairWorkOrder/export',
|
||||||
|
method: 'get',
|
||||||
|
params: query
|
||||||
|
})
|
||||||
|
}
|
||||||
@ -0,0 +1,288 @@
|
|||||||
|
<template>
|
||||||
|
<div class="app-container">
|
||||||
|
<el-form ref="form" :model="form" :rules="rules" label-width="120px">
|
||||||
|
<el-card shadow="never" style="margin-bottom: 20px;">
|
||||||
|
<div slot="header" class="clearfix">
|
||||||
|
<span>工单信息</span>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<el-row :gutter="20">
|
||||||
|
<el-col :span="12">
|
||||||
|
<el-form-item label="工单编号" prop="workOrderCode">
|
||||||
|
<el-input v-model="form.workOrderCode" placeholder="请输入工单编号" disabled />
|
||||||
|
</el-form-item>
|
||||||
|
</el-col>
|
||||||
|
<el-col :span="12">
|
||||||
|
<el-form-item label="设备编号" prop="deviceCode">
|
||||||
|
<el-input v-model="form.deviceCode" placeholder="请输入设备编号" disabled />
|
||||||
|
</el-form-item>
|
||||||
|
</el-col>
|
||||||
|
</el-row>
|
||||||
|
|
||||||
|
<el-row :gutter="20">
|
||||||
|
<el-col :span="12">
|
||||||
|
<el-form-item label="设备名称" prop="deviceName">
|
||||||
|
<el-input v-model="form.deviceName" placeholder="请输入设备名称" disabled />
|
||||||
|
</el-form-item>
|
||||||
|
</el-col>
|
||||||
|
<el-col :span="12">
|
||||||
|
<el-form-item label="维修人员" prop="repairerName">
|
||||||
|
<el-input v-model="form.repairerName" placeholder="请输入维修人员" />
|
||||||
|
</el-form-item>
|
||||||
|
</el-col>
|
||||||
|
</el-row>
|
||||||
|
</el-card>
|
||||||
|
|
||||||
|
<el-card shadow="never" style="margin-bottom: 20px;">
|
||||||
|
<div slot="header" class="clearfix">
|
||||||
|
<span>故障信息</span>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<el-row :gutter="20">
|
||||||
|
<el-col :span="24">
|
||||||
|
<el-form-item label="故障现象" prop="faultPhenomenon">
|
||||||
|
<el-input v-model="form.faultPhenomenon" type="textarea" :rows="3" placeholder="请输入故障现象" />
|
||||||
|
</el-form-item>
|
||||||
|
</el-col>
|
||||||
|
</el-row>
|
||||||
|
|
||||||
|
<el-row :gutter="20">
|
||||||
|
<el-col :span="24">
|
||||||
|
<el-form-item label="故障原因" prop="faultCause">
|
||||||
|
<el-input v-model="form.faultCause" type="textarea" :rows="3" placeholder="请输入故障原因分析" />
|
||||||
|
</el-form-item>
|
||||||
|
</el-col>
|
||||||
|
</el-row>
|
||||||
|
</el-card>
|
||||||
|
|
||||||
|
<el-card shadow="never" style="margin-bottom: 20px;">
|
||||||
|
<div slot="header" class="clearfix">
|
||||||
|
<span>维修信息</span>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<el-row :gutter="20">
|
||||||
|
<el-col :span="24">
|
||||||
|
<el-form-item label="维修方法" prop="repairMethod">
|
||||||
|
<el-input v-model="form.repairMethod" type="textarea" :rows="2" placeholder="请输入维修方法" />
|
||||||
|
</el-form-item>
|
||||||
|
</el-col>
|
||||||
|
</el-row>
|
||||||
|
|
||||||
|
<el-row :gutter="20">
|
||||||
|
<el-col :span="24">
|
||||||
|
<el-form-item label="维修过程" prop="repairProcess">
|
||||||
|
<el-input v-model="form.repairProcess" type="textarea" :rows="4" placeholder="请输入详细维修过程" />
|
||||||
|
</el-form-item>
|
||||||
|
</el-col>
|
||||||
|
</el-row>
|
||||||
|
|
||||||
|
<el-row :gutter="20">
|
||||||
|
<el-col :span="24">
|
||||||
|
<el-form-item label="更换部件" prop="replacedParts">
|
||||||
|
<el-input v-model="form.replacedParts" type="textarea" :rows="2" placeholder="请输入更换的部件清单" />
|
||||||
|
</el-form-item>
|
||||||
|
</el-col>
|
||||||
|
</el-row>
|
||||||
|
|
||||||
|
<el-row :gutter="20">
|
||||||
|
<el-col :span="8">
|
||||||
|
<el-form-item label="开始时间" prop="startTime">
|
||||||
|
<el-date-picker
|
||||||
|
v-model="form.startTime"
|
||||||
|
type="datetime"
|
||||||
|
value-format="yyyy-MM-dd HH:mm:ss"
|
||||||
|
placeholder="选择开始时间"
|
||||||
|
style="width: 100%;"
|
||||||
|
/>
|
||||||
|
</el-form-item>
|
||||||
|
</el-col>
|
||||||
|
<el-col :span="8">
|
||||||
|
<el-form-item label="完成时间" prop="endTime">
|
||||||
|
<el-date-picker
|
||||||
|
v-model="form.endTime"
|
||||||
|
type="datetime"
|
||||||
|
value-format="yyyy-MM-dd HH:mm:ss"
|
||||||
|
placeholder="选择完成时间"
|
||||||
|
style="width: 100%;"
|
||||||
|
/>
|
||||||
|
</el-form-item>
|
||||||
|
</el-col>
|
||||||
|
<el-col :span="8">
|
||||||
|
<el-form-item label="维修工时" prop="repairHours">
|
||||||
|
<el-input-number v-model="form.repairHours" :min="0" :precision="1" style="width: 100%;" placeholder="小时" />
|
||||||
|
</el-form-item>
|
||||||
|
</el-col>
|
||||||
|
</el-row>
|
||||||
|
|
||||||
|
<el-row :gutter="20">
|
||||||
|
<el-col :span="8">
|
||||||
|
<el-form-item label="维修费用" prop="repairCost">
|
||||||
|
<el-input-number v-model="form.repairCost" :min="0" :precision="2" style="width: 100%;" placeholder="元" />
|
||||||
|
</el-form-item>
|
||||||
|
</el-col>
|
||||||
|
<el-col :span="8">
|
||||||
|
<el-form-item label="停机时长" prop="shutdownDuration">
|
||||||
|
<el-input-number v-model="form.shutdownDuration" :min="0" style="width: 100%;" placeholder="分钟" />
|
||||||
|
</el-form-item>
|
||||||
|
</el-col>
|
||||||
|
<el-col :span="8">
|
||||||
|
<el-form-item label="维修结果" prop="repairResult">
|
||||||
|
<el-select v-model="form.repairResult" placeholder="请选择维修结果" style="width: 100%;">
|
||||||
|
<el-option
|
||||||
|
v-for="dict in dict.type.dms_repair_result"
|
||||||
|
:key="dict.value"
|
||||||
|
:label="dict.label"
|
||||||
|
:value="dict.value"
|
||||||
|
/>
|
||||||
|
</el-select>
|
||||||
|
</el-form-item>
|
||||||
|
</el-col>
|
||||||
|
</el-row>
|
||||||
|
</el-card>
|
||||||
|
|
||||||
|
<el-card shadow="never" style="margin-bottom: 20px;">
|
||||||
|
<div slot="header" class="clearfix">
|
||||||
|
<span>验收信息</span>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<el-row :gutter="20">
|
||||||
|
<el-col :span="8">
|
||||||
|
<el-form-item label="验收人" prop="acceptor">
|
||||||
|
<el-input v-model="form.acceptor" placeholder="请输入验收人" />
|
||||||
|
</el-form-item>
|
||||||
|
</el-col>
|
||||||
|
<el-col :span="8">
|
||||||
|
<el-form-item label="验收时间" prop="acceptTime">
|
||||||
|
<el-date-picker
|
||||||
|
v-model="form.acceptTime"
|
||||||
|
type="datetime"
|
||||||
|
value-format="yyyy-MM-dd HH:mm:ss"
|
||||||
|
placeholder="选择验收时间"
|
||||||
|
style="width: 100%;"
|
||||||
|
/>
|
||||||
|
</el-form-item>
|
||||||
|
</el-col>
|
||||||
|
<el-col :span="8">
|
||||||
|
<el-form-item label="验收结果" prop="acceptResult">
|
||||||
|
<el-select v-model="form.acceptResult" placeholder="请选择验收结果" style="width: 100%;">
|
||||||
|
<el-option
|
||||||
|
v-for="dict in dict.type.dms_accept_result"
|
||||||
|
:key="dict.value"
|
||||||
|
:label="dict.label"
|
||||||
|
:value="dict.value"
|
||||||
|
/>
|
||||||
|
</el-select>
|
||||||
|
</el-form-item>
|
||||||
|
</el-col>
|
||||||
|
</el-row>
|
||||||
|
|
||||||
|
<el-row :gutter="20">
|
||||||
|
<el-col :span="24">
|
||||||
|
<el-form-item label="验收意见" prop="acceptOpinion">
|
||||||
|
<el-input v-model="form.acceptOpinion" type="textarea" :rows="3" placeholder="请输入验收意见" />
|
||||||
|
</el-form-item>
|
||||||
|
</el-col>
|
||||||
|
</el-row>
|
||||||
|
|
||||||
|
<el-row :gutter="20">
|
||||||
|
<el-col :span="24">
|
||||||
|
<el-form-item label="后续建议" prop="followupSuggestion">
|
||||||
|
<el-input v-model="form.followupSuggestion" type="textarea" :rows="3" placeholder="请输入后续维护建议" />
|
||||||
|
</el-form-item>
|
||||||
|
</el-col>
|
||||||
|
</el-row>
|
||||||
|
</el-card>
|
||||||
|
|
||||||
|
<el-form-item>
|
||||||
|
<el-button type="primary" @click="submitForm">保 存</el-button>
|
||||||
|
<el-button @click="cancel">取 消</el-button>
|
||||||
|
</el-form-item>
|
||||||
|
</el-form>
|
||||||
|
</div>
|
||||||
|
</template>
|
||||||
|
|
||||||
|
<script>
|
||||||
|
import { getRepairRecord, addRepairRecord, updateRepairRecord } from '@/api/dms/repairRecord'
|
||||||
|
|
||||||
|
export default {
|
||||||
|
name: 'RepairRecordDetail',
|
||||||
|
dicts: ['dms_repair_result', 'dms_accept_result'],
|
||||||
|
data() {
|
||||||
|
return {
|
||||||
|
form: {
|
||||||
|
recordId: null,
|
||||||
|
workOrderId: null,
|
||||||
|
workOrderCode: null,
|
||||||
|
deviceId: null,
|
||||||
|
deviceCode: null,
|
||||||
|
deviceName: null,
|
||||||
|
faultPhenomenon: null,
|
||||||
|
faultCause: null,
|
||||||
|
repairMethod: null,
|
||||||
|
repairProcess: null,
|
||||||
|
replacedParts: null,
|
||||||
|
repairResult: null,
|
||||||
|
repairerId: null,
|
||||||
|
repairerName: null,
|
||||||
|
startTime: null,
|
||||||
|
endTime: null,
|
||||||
|
repairHours: null,
|
||||||
|
repairCost: null,
|
||||||
|
shutdownDuration: null,
|
||||||
|
acceptor: null,
|
||||||
|
acceptTime: null,
|
||||||
|
acceptResult: null,
|
||||||
|
acceptOpinion: null,
|
||||||
|
followupSuggestion: null
|
||||||
|
},
|
||||||
|
rules: {
|
||||||
|
faultPhenomenon: [{ required: true, message: '请输入故障现象', trigger: 'blur' }],
|
||||||
|
repairProcess: [{ required: true, message: '请输入维修过程', trigger: 'blur' }],
|
||||||
|
startTime: [{ required: true, message: '请选择开始时间', trigger: 'change' }],
|
||||||
|
endTime: [{ required: true, message: '请选择完成时间', trigger: 'change' }],
|
||||||
|
repairResult: [{ required: true, message: '请选择维修结果', trigger: 'change' }]
|
||||||
|
}
|
||||||
|
}
|
||||||
|
},
|
||||||
|
created() {
|
||||||
|
const recordId = this.$route.params && this.$route.params.recordId
|
||||||
|
if (recordId && recordId !== 'new') {
|
||||||
|
this.loadData(recordId)
|
||||||
|
}
|
||||||
|
// 从路由参数获取工单信息
|
||||||
|
if (this.$route.query.workOrderId) {
|
||||||
|
this.form.workOrderId = this.$route.query.workOrderId
|
||||||
|
this.form.workOrderCode = this.$route.query.workOrderCode
|
||||||
|
this.form.deviceCode = this.$route.query.deviceCode
|
||||||
|
this.form.deviceName = this.$route.query.deviceName
|
||||||
|
}
|
||||||
|
},
|
||||||
|
methods: {
|
||||||
|
loadData(recordId) {
|
||||||
|
getRepairRecord(recordId).then(response => {
|
||||||
|
this.form = response.data
|
||||||
|
})
|
||||||
|
},
|
||||||
|
submitForm() {
|
||||||
|
this.$refs['form'].validate(valid => {
|
||||||
|
if (valid) {
|
||||||
|
if (this.form.recordId) {
|
||||||
|
updateRepairRecord(this.form).then(response => {
|
||||||
|
this.$modal.msgSuccess('修改成功')
|
||||||
|
this.cancel()
|
||||||
|
})
|
||||||
|
} else {
|
||||||
|
addRepairRecord(this.form).then(response => {
|
||||||
|
this.$modal.msgSuccess('新增成功')
|
||||||
|
this.cancel()
|
||||||
|
})
|
||||||
|
}
|
||||||
|
}
|
||||||
|
})
|
||||||
|
},
|
||||||
|
cancel() {
|
||||||
|
this.$router.back()
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
</script>
|
||||||
@ -0,0 +1,284 @@
|
|||||||
|
<template>
|
||||||
|
<div class="app-container">
|
||||||
|
<el-form :model="queryParams" ref="queryForm" size="small" :inline="true" v-show="showSearch" label-width="88px">
|
||||||
|
<el-form-item label="工单编号" prop="workOrderCode">
|
||||||
|
<el-input
|
||||||
|
v-model="queryParams.workOrderCode"
|
||||||
|
placeholder="请输入工单编号"
|
||||||
|
clearable
|
||||||
|
@keyup.enter.native="handleQuery"
|
||||||
|
/>
|
||||||
|
</el-form-item>
|
||||||
|
<el-form-item label="设备名称" prop="deviceName">
|
||||||
|
<el-input
|
||||||
|
v-model="queryParams.deviceName"
|
||||||
|
placeholder="请输入设备名称"
|
||||||
|
clearable
|
||||||
|
@keyup.enter.native="handleQuery"
|
||||||
|
/>
|
||||||
|
</el-form-item>
|
||||||
|
<el-form-item label="维修人员" prop="repairerName">
|
||||||
|
<el-input
|
||||||
|
v-model="queryParams.repairerName"
|
||||||
|
placeholder="请输入维修人员"
|
||||||
|
clearable
|
||||||
|
@keyup.enter.native="handleQuery"
|
||||||
|
/>
|
||||||
|
</el-form-item>
|
||||||
|
<el-form-item label="维修结果" prop="repairResult">
|
||||||
|
<el-select v-model="queryParams.repairResult" placeholder="请选择维修结果" clearable>
|
||||||
|
<el-option
|
||||||
|
v-for="dict in dict.type.dms_repair_result"
|
||||||
|
:key="dict.value"
|
||||||
|
:label="dict.label"
|
||||||
|
:value="dict.value"
|
||||||
|
/>
|
||||||
|
</el-select>
|
||||||
|
</el-form-item>
|
||||||
|
<el-form-item label="是否存档" prop="isArchived">
|
||||||
|
<el-select v-model="queryParams.isArchived" placeholder="请选择是否存档" clearable>
|
||||||
|
<el-option label="是" value="1" />
|
||||||
|
<el-option label="否" value="0" />
|
||||||
|
</el-select>
|
||||||
|
</el-form-item>
|
||||||
|
<el-form-item label="维修日期">
|
||||||
|
<el-date-picker
|
||||||
|
v-model="dateRange"
|
||||||
|
style="width: 240px"
|
||||||
|
value-format="yyyy-MM-dd"
|
||||||
|
type="daterange"
|
||||||
|
range-separator="-"
|
||||||
|
start-placeholder="开始日期"
|
||||||
|
end-placeholder="结束日期"
|
||||||
|
></el-date-picker>
|
||||||
|
</el-form-item>
|
||||||
|
<el-form-item>
|
||||||
|
<el-button type="primary" icon="el-icon-search" size="mini" @click="handleQuery">搜索</el-button>
|
||||||
|
<el-button icon="el-icon-refresh" size="mini" @click="resetQuery">重置</el-button>
|
||||||
|
</el-form-item>
|
||||||
|
</el-form>
|
||||||
|
|
||||||
|
<el-row :gutter="10" class="mb8">
|
||||||
|
<el-col :span="1.5">
|
||||||
|
<el-button
|
||||||
|
type="primary"
|
||||||
|
plain
|
||||||
|
icon="el-icon-plus"
|
||||||
|
size="mini"
|
||||||
|
@click="handleAdd"
|
||||||
|
v-hasPermi="['dms:repairRecord:add']"
|
||||||
|
>新增记录</el-button>
|
||||||
|
</el-col>
|
||||||
|
<el-col :span="1.5">
|
||||||
|
<el-button
|
||||||
|
type="success"
|
||||||
|
plain
|
||||||
|
icon="el-icon-folder"
|
||||||
|
size="mini"
|
||||||
|
:disabled="multiple"
|
||||||
|
@click="handleArchive"
|
||||||
|
v-hasPermi="['dms:repairRecord:archive']"
|
||||||
|
>存档</el-button>
|
||||||
|
</el-col>
|
||||||
|
<el-col :span="1.5">
|
||||||
|
<el-button
|
||||||
|
type="danger"
|
||||||
|
plain
|
||||||
|
icon="el-icon-delete"
|
||||||
|
size="mini"
|
||||||
|
:disabled="multiple"
|
||||||
|
@click="handleDelete"
|
||||||
|
v-hasPermi="['dms:repairRecord:remove']"
|
||||||
|
>删除</el-button>
|
||||||
|
</el-col>
|
||||||
|
<el-col :span="1.5">
|
||||||
|
<el-button
|
||||||
|
type="warning"
|
||||||
|
plain
|
||||||
|
icon="el-icon-download"
|
||||||
|
size="mini"
|
||||||
|
@click="handleExport"
|
||||||
|
v-hasPermi="['dms:repairRecord:export']"
|
||||||
|
>导出</el-button>
|
||||||
|
</el-col>
|
||||||
|
<right-toolbar :showSearch.sync="showSearch" @queryTable="getList"></right-toolbar>
|
||||||
|
</el-row>
|
||||||
|
|
||||||
|
<el-table v-loading="loading" :data="repairRecordList" @selection-change="handleSelectionChange">
|
||||||
|
<el-table-column type="selection" width="55" align="center" />
|
||||||
|
<el-table-column label="工单编号" align="center" prop="workOrderCode" width="160" />
|
||||||
|
<el-table-column label="设备名称" align="center" prop="deviceName" show-overflow-tooltip />
|
||||||
|
<el-table-column label="故障现象" align="center" prop="faultPhenomenon" show-overflow-tooltip width="200" />
|
||||||
|
<el-table-column label="维修人员" align="center" prop="repairerName" width="100" />
|
||||||
|
<el-table-column label="开始时间" align="center" prop="startTime" width="160">
|
||||||
|
<template slot-scope="scope">
|
||||||
|
<span>{{ parseTime(scope.row.startTime, '{y}-{m}-{d} {h}:{i}') }}</span>
|
||||||
|
</template>
|
||||||
|
</el-table-column>
|
||||||
|
<el-table-column label="结束时间" align="center" prop="endTime" width="160">
|
||||||
|
<template slot-scope="scope">
|
||||||
|
<span>{{ parseTime(scope.row.endTime, '{y}-{m}-{d} {h}:{i}') }}</span>
|
||||||
|
</template>
|
||||||
|
</el-table-column>
|
||||||
|
<el-table-column label="工时(h)" align="center" prop="repairHours" width="90" />
|
||||||
|
<el-table-column label="费用(元)" align="center" prop="repairCost" width="100" />
|
||||||
|
<el-table-column label="维修结果" align="center" prop="repairResult" width="100">
|
||||||
|
<template slot-scope="scope">
|
||||||
|
<dict-tag :options="dict.type.dms_repair_result" :value="scope.row.repairResult"/>
|
||||||
|
</template>
|
||||||
|
</el-table-column>
|
||||||
|
<el-table-column label="验收结果" align="center" prop="acceptResult" width="100">
|
||||||
|
<template slot-scope="scope">
|
||||||
|
<dict-tag :options="dict.type.dms_accept_result" :value="scope.row.acceptResult"/>
|
||||||
|
</template>
|
||||||
|
</el-table-column>
|
||||||
|
<el-table-column label="是否存档" align="center" prop="isArchived" width="100">
|
||||||
|
<template slot-scope="scope">
|
||||||
|
<el-tag v-if="scope.row.isArchived === '1'" type="success">已存档</el-tag>
|
||||||
|
<el-tag v-else type="info">未存档</el-tag>
|
||||||
|
</template>
|
||||||
|
</el-table-column>
|
||||||
|
<el-table-column label="操作" align="center" class-name="small-padding fixed-width" width="180">
|
||||||
|
<template slot-scope="scope">
|
||||||
|
<el-button
|
||||||
|
size="mini"
|
||||||
|
type="text"
|
||||||
|
icon="el-icon-view"
|
||||||
|
@click="handleView(scope.row)"
|
||||||
|
v-hasPermi="['dms:repairRecord:query']"
|
||||||
|
>查看</el-button>
|
||||||
|
<el-button
|
||||||
|
size="mini"
|
||||||
|
type="text"
|
||||||
|
icon="el-icon-edit"
|
||||||
|
@click="handleUpdate(scope.row)"
|
||||||
|
v-hasPermi="['dms:repairRecord:edit']"
|
||||||
|
>编辑</el-button>
|
||||||
|
<el-button
|
||||||
|
v-if="scope.row.isArchived === '0'"
|
||||||
|
size="mini"
|
||||||
|
type="text"
|
||||||
|
@click="handleArchive(scope.row)"
|
||||||
|
v-hasPermi="['dms:repairRecord:archive']"
|
||||||
|
>存档</el-button>
|
||||||
|
</template>
|
||||||
|
</el-table-column>
|
||||||
|
</el-table>
|
||||||
|
|
||||||
|
<pagination
|
||||||
|
v-show="total>0"
|
||||||
|
:total="total"
|
||||||
|
:page.sync="queryParams.pageNum"
|
||||||
|
:limit.sync="queryParams.pageSize"
|
||||||
|
@pagination="getList"
|
||||||
|
/>
|
||||||
|
</div>
|
||||||
|
</template>
|
||||||
|
|
||||||
|
<script>
|
||||||
|
import { listRepairRecord, getRepairRecord, delRepairRecord, archiveRepairRecord } from '@/api/dms/repairRecord'
|
||||||
|
|
||||||
|
export default {
|
||||||
|
name: 'RepairRecord',
|
||||||
|
dicts: ['dms_repair_result', 'dms_accept_result'],
|
||||||
|
data() {
|
||||||
|
return {
|
||||||
|
loading: true,
|
||||||
|
ids: [],
|
||||||
|
single: true,
|
||||||
|
multiple: true,
|
||||||
|
showSearch: true,
|
||||||
|
total: 0,
|
||||||
|
repairRecordList: [],
|
||||||
|
dateRange: [],
|
||||||
|
queryParams: {
|
||||||
|
pageNum: 1,
|
||||||
|
pageSize: 10,
|
||||||
|
workOrderCode: null,
|
||||||
|
deviceName: null,
|
||||||
|
repairerName: null,
|
||||||
|
repairResult: null,
|
||||||
|
isArchived: null
|
||||||
|
}
|
||||||
|
}
|
||||||
|
},
|
||||||
|
created() {
|
||||||
|
this.getList()
|
||||||
|
},
|
||||||
|
methods: {
|
||||||
|
/** 查询列表 */
|
||||||
|
getList() {
|
||||||
|
this.loading = true
|
||||||
|
this.queryParams.params = {}
|
||||||
|
if (this.dateRange != null && this.dateRange !== '') {
|
||||||
|
this.queryParams.params['beginTime'] = this.dateRange[0]
|
||||||
|
this.queryParams.params['endTime'] = this.dateRange[1]
|
||||||
|
}
|
||||||
|
listRepairRecord(this.queryParams).then(response => {
|
||||||
|
this.repairRecordList = response.rows
|
||||||
|
this.total = response.total
|
||||||
|
this.loading = false
|
||||||
|
})
|
||||||
|
},
|
||||||
|
/** 搜索按钮操作 */
|
||||||
|
handleQuery() {
|
||||||
|
this.queryParams.pageNum = 1
|
||||||
|
this.getList()
|
||||||
|
},
|
||||||
|
/** 重置按钮操作 */
|
||||||
|
resetQuery() {
|
||||||
|
this.dateRange = []
|
||||||
|
this.resetForm('queryForm')
|
||||||
|
this.handleQuery()
|
||||||
|
},
|
||||||
|
/** 多选框选中数据 */
|
||||||
|
handleSelectionChange(selection) {
|
||||||
|
this.ids = selection.map(item => item.recordId)
|
||||||
|
this.single = selection.length !== 1
|
||||||
|
this.multiple = !selection.length
|
||||||
|
},
|
||||||
|
/** 新增按钮操作 */
|
||||||
|
handleAdd() {
|
||||||
|
this.$router.push('/dms/repairRecord/detail/new')
|
||||||
|
},
|
||||||
|
/** 修改按钮操作 */
|
||||||
|
handleUpdate(row) {
|
||||||
|
const recordId = row.recordId || this.ids[0]
|
||||||
|
this.$router.push('/dms/repairRecord/detail/' + recordId)
|
||||||
|
},
|
||||||
|
/** 查看按钮操作 */
|
||||||
|
handleView(row) {
|
||||||
|
this.$router.push({
|
||||||
|
path: '/dms/repairRecord/detail/' + row.recordId,
|
||||||
|
query: { view: 'true' }
|
||||||
|
})
|
||||||
|
},
|
||||||
|
/** 存档 */
|
||||||
|
handleArchive(row) {
|
||||||
|
const recordIds = row.recordId ? [row.recordId] : this.ids
|
||||||
|
this.$modal.confirm('是否确认存档选中的维修记录？').then(() => {
|
||||||
|
return archiveRepairRecord({ recordIds: recordIds })
|
||||||
|
}).then(() => {
|
||||||
|
this.getList()
|
||||||
|
this.$modal.msgSuccess('存档成功')
|
||||||
|
}).catch(() => {})
|
||||||
|
},
|
||||||
|
/** 删除按钮操作 */
|
||||||
|
handleDelete(row) {
|
||||||
|
const recordIds = row.recordId || this.ids
|
||||||
|
this.$modal.confirm('是否确认删除选中的维修记录？').then(() => {
|
||||||
|
return delRepairRecord(recordIds)
|
||||||
|
}).then(() => {
|
||||||
|
this.getList()
|
||||||
|
this.$modal.msgSuccess('删除成功')
|
||||||
|
}).catch(() => {})
|
||||||
|
},
|
||||||
|
/** 导出按钮操作 */
|
||||||
|
handleExport() {
|
||||||
|
this.download('dms/repairRecord/export', {
|
||||||
|
...this.queryParams
|
||||||
|
}, `repairRecord_${new Date().getTime()}.xlsx`)
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
</script>
|
||||||
@ -0,0 +1,440 @@
|
|||||||
|
<template>
|
||||||
|
<div class="app-container repair-work-order-detail">
|
||||||
|
<el-card class="box-card" shadow="never">
|
||||||
|
<div slot="header" class="clearfix">
|
||||||
|
<span class="card-title">基本信息</span>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<el-form ref="form" :model="form" :rules="rules" label-width="120px">
|
||||||
|
<el-row :gutter="20">
|
||||||
|
<el-col :span="8">
|
||||||
|
<el-form-item label="工单编号" prop="workOrderCode">
|
||||||
|
<el-input v-model="form.workOrderCode" disabled placeholder="系统自动生成" />
|
||||||
|
</el-form-item>
|
||||||
|
</el-col>
|
||||||
|
<el-col :span="8">
|
||||||
|
<el-form-item label="关联故障报修">
|
||||||
|
<el-input v-model="form.faultInstanceId" placeholder="选择故障报修单" readonly @click.native="selectFaultInstance">
|
||||||
|
<el-button slot="append" icon="el-icon-search" @click="selectFaultInstance"></el-button>
|
||||||
|
</el-input>
|
||||||
|
</el-form-item>
|
||||||
|
</el-col>
|
||||||
|
<el-col :span="8">
|
||||||
|
<el-form-item label="优先级" prop="priority">
|
||||||
|
<el-select v-model="form.priority" placeholder="请选择优先级" :disabled="isView" style="width: 100%">
|
||||||
|
<el-option
|
||||||
|
v-for="dict in dict.type.dms_priority"
|
||||||
|
:key="dict.value"
|
||||||
|
:label="dict.label"
|
||||||
|
:value="dict.value"
|
||||||
|
/>
|
||||||
|
</el-select>
|
||||||
|
</el-form-item>
|
||||||
|
</el-col>
|
||||||
|
</el-row>
|
||||||
|
|
||||||
|
<el-row :gutter="20">
|
||||||
|
<el-col :span="8">
|
||||||
|
<el-form-item label="设备" prop="deviceId">
|
||||||
|
<el-select v-model="form.deviceId" placeholder="请选择设备" :disabled="isView" filterable style="width: 100%" @change="handleDeviceChange">
|
||||||
|
<el-option
|
||||||
|
v-for="item in deviceList"
|
||||||
|
:key="item.objId || item.deviceId"
|
||||||
|
:label="item.deviceName"
|
||||||
|
:value="item.objId || item.deviceId"
|
||||||
|
>
|
||||||
|
<span style="float: left">{{ item.deviceCode }}</span>
|
||||||
|
<span style="float: right; color: #8492a6; font-size: 13px">{{ item.deviceName }}</span>
|
||||||
|
</el-option>
|
||||||
|
</el-select>
|
||||||
|
</el-form-item>
|
||||||
|
</el-col>
|
||||||
|
<el-col :span="8">
|
||||||
|
<el-form-item label="故障类型" prop="faultType">
|
||||||
|
<el-select v-model="form.faultType" placeholder="请选择故障类型" :disabled="isView" style="width: 100%">
|
||||||
|
<el-option
|
||||||
|
v-for="dict in dict.type.dms_fault_type"
|
||||||
|
:key="dict.value"
|
||||||
|
:label="dict.label"
|
||||||
|
:value="dict.value"
|
||||||
|
/>
|
||||||
|
</el-select>
|
||||||
|
</el-form-item>
|
||||||
|
</el-col>
|
||||||
|
<el-col :span="8">
|
||||||
|
<el-form-item label="维修类型" prop="repairType">
|
||||||
|
<el-select v-model="form.repairType" placeholder="请选择维修类型" :disabled="isView" style="width: 100%">
|
||||||
|
<el-option
|
||||||
|
v-for="dict in dict.type.dms_repair_type"
|
||||||
|
:key="dict.value"
|
||||||
|
:label="dict.label"
|
||||||
|
:value="dict.value"
|
||||||
|
/>
|
||||||
|
</el-select>
|
||||||
|
</el-form-item>
|
||||||
|
</el-col>
|
||||||
|
</el-row>
|
||||||
|
|
||||||
|
<el-row :gutter="20">
|
||||||
|
<el-col :span="12">
|
||||||
|
<el-form-item label="故障描述" prop="faultDescription">
|
||||||
|
<el-input v-model="form.faultDescription" type="textarea" :rows="3" :disabled="isView" />
|
||||||
|
</el-form-item>
|
||||||
|
</el-col>
|
||||||
|
<el-col :span="12">
|
||||||
|
<el-form-item label="维修说明" prop="repairNotes">
|
||||||
|
<el-input v-model="form.repairNotes" type="textarea" :rows="3" :disabled="isView" />
|
||||||
|
</el-form-item>
|
||||||
|
</el-col>
|
||||||
|
</el-row>
|
||||||
|
|
||||||
|
<el-row :gutter="20">
|
||||||
|
<el-col :span="8">
|
||||||
|
<el-form-item label="计划开始时间">
|
||||||
|
<el-date-picker
|
||||||
|
v-model="form.planStartTime"
|
||||||
|
type="datetime"
|
||||||
|
placeholder="选择日期时间"
|
||||||
|
value-format="yyyy-MM-dd HH:mm:ss"
|
||||||
|
:disabled="isView"
|
||||||
|
style="width: 100%"
|
||||||
|
/>
|
||||||
|
</el-form-item>
|
||||||
|
</el-col>
|
||||||
|
<el-col :span="8">
|
||||||
|
<el-form-item label="计划完成时间">
|
||||||
|
<el-date-picker
|
||||||
|
v-model="form.planEndTime"
|
||||||
|
type="datetime"
|
||||||
|
placeholder="选择日期时间"
|
||||||
|
value-format="yyyy-MM-dd HH:mm:ss"
|
||||||
|
:disabled="isView"
|
||||||
|
style="width: 100%"
|
||||||
|
/>
|
||||||
|
</el-form-item>
|
||||||
|
</el-col>
|
||||||
|
<el-col :span="8">
|
||||||
|
<el-form-item label="是否需要停机">
|
||||||
|
<el-radio-group v-model="form.needShutdown" :disabled="isView">
|
||||||
|
<el-radio label="1">是</el-radio>
|
||||||
|
<el-radio label="0">否</el-radio>
|
||||||
|
</el-radio-group>
|
||||||
|
</el-form-item>
|
||||||
|
</el-col>
|
||||||
|
</el-row>
|
||||||
|
|
||||||
|
<el-row :gutter="20">
|
||||||
|
<el-col :span="8">
|
||||||
|
<el-form-item label="预算费用(元)">
|
||||||
|
<el-input-number v-model="form.budgetCost" :min="0" :precision="2" :disabled="isView" style="width: 100%" />
|
||||||
|
</el-form-item>
|
||||||
|
</el-col>
|
||||||
|
<el-col :span="8">
|
||||||
|
<el-form-item label="预计工时(h)">
|
||||||
|
<el-input-number v-model="form.repairHours" :min="0" :precision="1" :disabled="isView" style="width: 100%" />
|
||||||
|
</el-form-item>
|
||||||
|
</el-col>
|
||||||
|
</el-row>
|
||||||
|
</el-form>
|
||||||
|
</el-card>
|
||||||
|
|
||||||
|
<!-- 维修工程明细 -->
|
||||||
|
<el-card class="box-card" shadow="never" style="margin-top: 15px">
|
||||||
|
<div slot="header" class="clearfix">
|
||||||
|
<span class="card-title">维修工程明细</span>
|
||||||
|
<el-button v-if="!isView" style="float: right; padding: 3px 10px" type="primary" size="mini" @click="handleAddProject">
|
||||||
|
<i class="el-icon-plus"></i> 添加工程
|
||||||
|
</el-button>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<el-table :data="form.repairProjects" border>
|
||||||
|
<el-table-column label="序号" type="index" width="60" align="center" />
|
||||||
|
<el-table-column label="工程名称" align="center" prop="projectName" width="180">
|
||||||
|
<template slot-scope="scope">
|
||||||
|
<el-input v-if="!isView" v-model="scope.row.projectName" placeholder="请输入工程名称" />
|
||||||
|
<span v-else>{{ scope.row.projectName }}</span>
|
||||||
|
</template>
|
||||||
|
</el-table-column>
|
||||||
|
<el-table-column label="工程类型" align="center" prop="projectType" width="120">
|
||||||
|
<template slot-scope="scope">
|
||||||
|
<el-select v-if="!isView" v-model="scope.row.projectType" placeholder="请选择">
|
||||||
|
<el-option
|
||||||
|
v-for="dict in dict.type.dms_project_type"
|
||||||
|
:key="dict.value"
|
||||||
|
:label="dict.label"
|
||||||
|
:value="dict.value"
|
||||||
|
/>
|
||||||
|
</el-select>
|
||||||
|
<dict-tag v-else :options="dict.type.dms_project_type" :value="scope.row.projectType"/>
|
||||||
|
</template>
|
||||||
|
</el-table-column>
|
||||||
|
<el-table-column label="工程内容" align="center" prop="projectContent" show-overflow-tooltip>
|
||||||
|
<template slot-scope="scope">
|
||||||
|
<el-input v-if="!isView" v-model="scope.row.projectContent" type="textarea" :rows="2" />
|
||||||
|
<span v-else>{{ scope.row.projectContent }}</span>
|
||||||
|
</template>
|
||||||
|
</el-table-column>
|
||||||
|
<el-table-column label="技术要求" align="center" prop="technicalRequirement" show-overflow-tooltip>
|
||||||
|
<template slot-scope="scope">
|
||||||
|
<el-input v-if="!isView" v-model="scope.row.technicalRequirement" />
|
||||||
|
<span v-else>{{ scope.row.technicalRequirement }}</span>
|
||||||
|
</template>
|
||||||
|
</el-table-column>
|
||||||
|
<el-table-column label="计划工时(h)" align="center" prop="planHours" width="120">
|
||||||
|
<template slot-scope="scope">
|
||||||
|
<el-input-number v-if="!isView" v-model="scope.row.planHours" :min="0" :precision="1" style="width: 100%" />
|
||||||
|
<span v-else>{{ scope.row.planHours }}</span>
|
||||||
|
</template>
|
||||||
|
</el-table-column>
|
||||||
|
<el-table-column label="操作" align="center" width="100" v-if="!isView">
|
||||||
|
<template slot-scope="scope">
|
||||||
|
<el-button size="mini" type="text" style="color: #F56C6C" @click="handleDeleteProject(scope.$index)">删除</el-button>
|
||||||
|
</template>
|
||||||
|
</el-table-column>
|
||||||
|
</el-table>
|
||||||
|
</el-card>
|
||||||
|
|
||||||
|
<!-- 维修材料明细 -->
|
||||||
|
<el-card class="box-card" shadow="never" style="margin-top: 15px">
|
||||||
|
<div slot="header" class="clearfix">
|
||||||
|
<span class="card-title">维修材料明细</span>
|
||||||
|
<el-button v-if="!isView" style="float: right; padding: 3px 10px" type="primary" size="mini" @click="handleAddMaterial">
|
||||||
|
<i class="el-icon-plus"></i> 添加材料
|
||||||
|
</el-button>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<el-table :data="form.repairMaterials" border>
|
||||||
|
<el-table-column label="序号" type="index" width="60" align="center" />
|
||||||
|
<el-table-column label="材料编码" align="center" prop="materialCode" width="140">
|
||||||
|
<template slot-scope="scope">
|
||||||
|
<el-input v-if="!isView" v-model="scope.row.materialCode" placeholder="请输入材料编码" />
|
||||||
|
<span v-else>{{ scope.row.materialCode }}</span>
|
||||||
|
</template>
|
||||||
|
</el-table-column>
|
||||||
|
<el-table-column label="材料名称" align="center" prop="materialName" width="180">
|
||||||
|
<template slot-scope="scope">
|
||||||
|
<el-input v-if="!isView" v-model="scope.row.materialName" placeholder="请输入材料名称" />
|
||||||
|
<span v-else>{{ scope.row.materialName }}</span>
|
||||||
|
</template>
|
||||||
|
</el-table-column>
|
||||||
|
<el-table-column label="规格型号" align="center" prop="materialSpec" show-overflow-tooltip>
|
||||||
|
<template slot-scope="scope">
|
||||||
|
<el-input v-if="!isView" v-model="scope.row.materialSpec" />
|
||||||
|
<span v-else>{{ scope.row.materialSpec }}</span>
|
||||||
|
</template>
|
||||||
|
</el-table-column>
|
||||||
|
<el-table-column label="材料类型" align="center" prop="materialType" width="110">
|
||||||
|
<template slot-scope="scope">
|
||||||
|
<el-select v-if="!isView" v-model="scope.row.materialType" placeholder="请选择">
|
||||||
|
<el-option
|
||||||
|
v-for="dict in dict.type.dms_material_type"
|
||||||
|
:key="dict.value"
|
||||||
|
:label="dict.label"
|
||||||
|
:value="dict.value"
|
||||||
|
/>
|
||||||
|
</el-select>
|
||||||
|
<dict-tag v-else :options="dict.type.dms_material_type" :value="scope.row.materialType"/>
|
||||||
|
</template>
|
||||||
|
</el-table-column>
|
||||||
|
<el-table-column label="单位" align="center" prop="unit" width="80">
|
||||||
|
<template slot-scope="scope">
|
||||||
|
<el-input v-if="!isView" v-model="scope.row.unit" />
|
||||||
|
<span v-else>{{ scope.row.unit }}</span>
|
||||||
|
</template>
|
||||||
|
</el-table-column>
|
||||||
|
<el-table-column label="计划数量" align="center" prop="planQuantity" width="100">
|
||||||
|
<template slot-scope="scope">
|
||||||
|
<el-input-number v-if="!isView" v-model="scope.row.planQuantity" :min="0" :precision="2" style="width: 100%" />
|
||||||
|
<span v-else>{{ scope.row.planQuantity }}</span>
|
||||||
|
</template>
|
||||||
|
</el-table-column>
|
||||||
|
<el-table-column label="单价(元)" align="center" prop="unitPrice" width="100">
|
||||||
|
<template slot-scope="scope">
|
||||||
|
<el-input-number v-if="!isView" v-model="scope.row.unitPrice" :min="0" :precision="2" style="width: 100%" />
|
||||||
|
<span v-else>{{ scope.row.unitPrice }}</span>
|
||||||
|
</template>
|
||||||
|
</el-table-column>
|
||||||
|
<el-table-column label="总金额(元)" align="center" prop="totalAmount" width="120">
|
||||||
|
<template slot-scope="scope">
|
||||||
|
<span>{{ calculateAmount(scope.row) }}</span>
|
||||||
|
</template>
|
||||||
|
</el-table-column>
|
||||||
|
<el-table-column label="操作" align="center" width="100" v-if="!isView">
|
||||||
|
<template slot-scope="scope">
|
||||||
|
<el-button size="mini" type="text" style="color: #F56C6C" @click="handleDeleteMaterial(scope.$index)">删除</el-button>
|
||||||
|
</template>
|
||||||
|
</el-table-column>
|
||||||
|
</el-table>
|
||||||
|
</el-card>
|
||||||
|
|
||||||
|
<!-- 底部按钮 -->
|
||||||
|
<div class="footer-buttons" style="margin-top: 20px">
|
||||||
|
<el-button @click="goBack">返 回</el-button>
|
||||||
|
<el-button type="primary" @click="handleSubmit" v-if="!isView">保 存</el-button>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</template>
|
||||||
|
|
||||||
|
<script>
|
||||||
|
import { getRepairWorkOrder, addRepairWorkOrder, updateRepairWorkOrder } from '@/api/dms/repairWorkOrder'
|
||||||
|
import { getDeviceLedgerList } from '@/api/base/deviceLedger'
|
||||||
|
|
||||||
|
export default {
|
||||||
|
name: 'RepairWorkOrderDetail',
|
||||||
|
dicts: ['dms_priority', 'dms_fault_type', 'dms_repair_type', 'dms_project_type', 'dms_material_type'],
|
||||||
|
data() {
|
||||||
|
return {
|
||||||
|
isView: false,
|
||||||
|
workOrderId: null,
|
||||||
|
deviceList: [],
|
||||||
|
form: {
|
||||||
|
workOrderId: null,
|
||||||
|
workOrderCode: null,
|
||||||
|
faultInstanceId: null,
|
||||||
|
deviceId: null,
|
||||||
|
deviceCode: null,
|
||||||
|
deviceName: null,
|
||||||
|
faultType: null,
|
||||||
|
faultDescription: null,
|
||||||
|
repairType: null,
|
||||||
|
priority: '3',
|
||||||
|
planStartTime: null,
|
||||||
|
planEndTime: null,
|
||||||
|
repairNotes: null,
|
||||||
|
needShutdown: '0',
|
||||||
|
budgetCost: 0,
|
||||||
|
repairHours: 0,
|
||||||
|
repairProjects: [],
|
||||||
|
repairMaterials: []
|
||||||
|
},
|
||||||
|
rules: {
|
||||||
|
deviceId: [
|
||||||
|
{ required: true, message: '请选择设备', trigger: 'change' }
|
||||||
|
],
|
||||||
|
faultType: [
|
||||||
|
{ required: true, message: '请选择故障类型', trigger: 'change' }
|
||||||
|
],
|
||||||
|
repairType: [
|
||||||
|
{ required: true, message: '请选择维修类型', trigger: 'change' }
|
||||||
|
],
|
||||||
|
priority: [
|
||||||
|
{ required: true, message: '请选择优先级', trigger: 'change' }
|
||||||
|
]
|
||||||
|
}
|
||||||
|
}
|
||||||
|
},
|
||||||
|
created() {
|
||||||
|
const workOrderIdParam = this.$route.params && this.$route.params.workOrderId
|
||||||
|
this.workOrderId = workOrderIdParam && workOrderIdParam !== 'new' ? workOrderIdParam : null
|
||||||
|
this.isView = this.$route.query.view === 'true'
|
||||||
|
this.loadDeviceList()
|
||||||
|
if (this.workOrderId) {
|
||||||
|
this.loadData()
|
||||||
|
}
|
||||||
|
},
|
||||||
|
methods: {
|
||||||
|
/** 加载设备列表 */
|
||||||
|
loadDeviceList() {
|
||||||
|
getDeviceLedgerList({}).then(response => {
|
||||||
|
this.deviceList = response.data || response.rows || []
|
||||||
|
})
|
||||||
|
},
|
||||||
|
/** 加载数据 */
|
||||||
|
loadData() {
|
||||||
|
getRepairWorkOrder(this.workOrderId).then(response => {
|
||||||
|
Object.assign(this.form, response.data)
|
||||||
|
if (!this.form.repairProjects) this.form.repairProjects = []
|
||||||
|
if (!this.form.repairMaterials) this.form.repairMaterials = []
|
||||||
|
})
|
||||||
|
},
|
||||||
|
/** 设备改变 */
|
||||||
|
handleDeviceChange(val) {
|
||||||
|
const device = this.deviceList.find(d => (d.objId || d.deviceId) === val)
|
||||||
|
if (device) {
|
||||||
|
this.form.deviceId = device.objId || device.deviceId
|
||||||
|
this.form.deviceCode = device.deviceCode
|
||||||
|
this.form.deviceName = device.deviceName
|
||||||
|
}
|
||||||
|
},
|
||||||
|
/** 选择故障报修 */
|
||||||
|
selectFaultInstance() {
|
||||||
|
if (this.isView) return
|
||||||
|
this.$message.info('功能开发中...')
|
||||||
|
},
|
||||||
|
/** 添加工程 */
|
||||||
|
handleAddProject() {
|
||||||
|
this.form.repairProjects.push({
|
||||||
|
projectSeq: this.form.repairProjects.length + 1,
|
||||||
|
projectName: null,
|
||||||
|
projectType: null,
|
||||||
|
projectContent: null,
|
||||||
|
technicalRequirement: null,
|
||||||
|
planHours: 0,
|
||||||
|
executionStatus: '0'
|
||||||
|
})
|
||||||
|
},
|
||||||
|
/** 删除工程 */
|
||||||
|
handleDeleteProject(index) {
|
||||||
|
this.form.repairProjects.splice(index, 1)
|
||||||
|
},
|
||||||
|
/** 添加材料 */
|
||||||
|
handleAddMaterial() {
|
||||||
|
this.form.repairMaterials.push({
|
||||||
|
materialCode: null,
|
||||||
|
materialName: null,
|
||||||
|
materialSpec: null,
|
||||||
|
materialType: null,
|
||||||
|
unit: null,
|
||||||
|
planQuantity: 0,
|
||||||
|
unitPrice: 0,
|
||||||
|
totalAmount: 0,
|
||||||
|
receiveStatus: '0'
|
||||||
|
})
|
||||||
|
},
|
||||||
|
/** 删除材料 */
|
||||||
|
handleDeleteMaterial(index) {
|
||||||
|
this.form.repairMaterials.splice(index, 1)
|
||||||
|
},
|
||||||
|
/** 计算金额 */
|
||||||
|
calculateAmount(row) {
|
||||||
|
const amount = (row.planQuantity || 0) * (row.unitPrice || 0)
|
||||||
|
row.totalAmount = amount
|
||||||
|
return amount.toFixed(2)
|
||||||
|
},
|
||||||
|
/** 提交表单 */
|
||||||
|
handleSubmit() {
|
||||||
|
this.$refs.form.validate((valid) => {
|
||||||
|
if (valid) {
|
||||||
|
if (this.form.workOrderId) {
|
||||||
|
updateRepairWorkOrder(this.form).then(() => {
|
||||||
|
this.$modal.msgSuccess('修改成功')
|
||||||
|
this.goBack()
|
||||||
|
})
|
||||||
|
} else {
|
||||||
|
addRepairWorkOrder(this.form).then(() => {
|
||||||
|
this.$modal.msgSuccess('新增成功')
|
||||||
|
this.goBack()
|
||||||
|
})
|
||||||
|
}
|
||||||
|
}
|
||||||
|
})
|
||||||
|
},
|
||||||
|
/** 返回 */
|
||||||
|
goBack() {
|
||||||
|
this.$router.back()
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
</script>
|
||||||
|
|
||||||
|
<style scoped>
|
||||||
|
.repair-work-order-detail .card-title {
|
||||||
|
font-weight: bold;
|
||||||
|
font-size: 14px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.footer-buttons {
|
||||||
|
text-align: center;
|
||||||
|
padding: 20px 0;
|
||||||
|
}
|
||||||
|
</style>
|
||||||
Loading…
Reference in New Issue