bonus
/
nw-cqdevicemgt-ui
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

设备维保返厂维修

This commit is contained in:
hongchao 2025-08-19 09:23:38 +08:00
parent 20dc420b73
commit d1e7247422
2 changed files with 303 additions and 42 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

293
src/views/repairTest/equipmentToRepair/dialogOneForm.vue
View File

@ -11,8 +11,30 @@
@close="cancel" @close="cancel"
> >
<div class="form_box_one"> <div class="form_box_one">
<div style="font-size: 16px;margin-bottom: 10px;">总金额（元）：{{ totalPrice }}</div> <div style="font-size: 16px;margin-bottom: 10px;" v-if="dynamicValidateForm.repairType == 1">总金额（元）：{{ totalPrice }}</div>
<el-form ref="dynamicValidateForm" :model="dynamicValidateForm" class="demo-dynamic" label-width="140px" > <el-form ref="dynamicValidateForm" :model="dynamicValidateForm" class="demo-dynamic" label-width="140px" >
<el-form-item label="维修类型：" prop="repairType"
:rules="{
required: true,
validator: repairTypeValidator,
trigger: 'blur',
}">
<el-select
v-model="dynamicValidateForm.repairType"
placeholder="请选择"
size="small"
filterable
style="width: 350px"
@change="handleChangeRepairType"
>
<el-option
v-for="dict in repairTypeList"
:key="dict.value"
:label="dict.label"
:value="dict.value"
/>
</el-select>
</el-form-item>
<el-form-item label="规格型号：" prop="equipmentId" label-width="140px" <el-form-item label="规格型号：" prop="equipmentId" label-width="140px"
:rules="{ :rules="{
required: true, required: true,
@ -54,7 +76,7 @@
/> />
</el-select> </el-select>
</el-form-item> </el-form-item>
<div v-for="(domain, index) in dynamicValidateForm.premiumList" :key="domain.key" > <div v-for="(domain, index) in dynamicValidateForm.premiumList" v-if="dynamicValidateForm.repairType == 1">
<p class="form_box_title"></p> <p class="form_box_title"></p>
<div class="form_box_line"></div> <div class="form_box_line"></div>
<div > <div >
@ -277,6 +299,129 @@
> >
</div> </div>
</div> </div>
<div v-for="(domain, index) in dynamicValidateForm.premiumListTwo" :key="domain.key" class="bor_box" v-if="dynamicValidateForm.repairType == 2">
<p class="form_box_title"></p>
<div class="form_box_line"></div>
<div >
<el-form-item :prop="'premiumListTwo.' + index + '.repairRemark'" label="技术鉴定：">
<el-input
v-model="domain.repairRemark"
placeholder="请输入"
size="small"
style="width: 350px"
></el-input>
</el-form-item>
<el-form-item
:prop="'premiumListTwo.' + index + '.repairNum'"
label="维修数量："
:rules="{
required: true,
validator: numberIntegerValidator,
trigger: 'blur',
}"
>
<el-input
v-model="domain.repairNum"
placeholder="请输入"
size="small"
maxlength="10"
style="width: 350px"
:disabled="showSelect"
></el-input>
</el-form-item>
<el-form-item label="配件名称：">
<el-input
v-model="domain.partName"
placeholder="请输入"
size="small"
maxlength="50"
style="width: 350px"
></el-input>
</el-form-item>
<el-form-item
:prop="'premiumListTwo.' + index + '.partNum'"
label="配件数量："
:rules="{
required: false,
validator: numberIntegerValidatorPart,
trigger: 'blur',
}"
>
<el-input
v-model="domain.partNum"
placeholder="请输入"
size="small"
maxlength="10"
style="width: 350px"
></el-input>
</el-form-item>
<el-form-item :prop="'premiumListTwo.' + index + '.repairContentBefore'" label="维修前情况：">
<el-input
v-model="domain.repairContentBefore"
maxlength="100"
placeholder="请输入"
show-word-limit
size="small"
style="width: 350px"
type="textarea"
></el-input>
</el-form-item>
<el-form-item :prop="'premiumListTwo.' + index + '.repairContent'" label="维修处理情况：">
<el-input
v-model="domain.repairContent"
maxlength="100"
placeholder="请输入"
show-word-limit
size="small"
style="width: 350px"
type="textarea"
></el-input>
</el-form-item>
<el-form-item :prop="'premiumListTwo.' + index + '.fileList'" label="附件：">
<el-upload
ref="upload_attach"
class="upload-demo"
:action="uploadUrl"
:headers="headers"
:data="{ fileType: 'sx' }"
list-type="picture-card"
accept="image/*,application/pdf,.doc,.docx"
:multiple="false"
:limit="5"
:file-list="domain.fileList"
:before-upload="beforeUpload"
:on-exceed="handleExceed"
:on-success="(res, file, fileList) => handleSuccess(file, fileList, domain)"
style="width: 350px"
>
<i slot="default" class="el-icon-plus"></i>
<div slot="file" slot-scope="{ file }">
<img
v-if="/\.(pdf|PDF)$/i.test(file.fileName)"
class="el-upload-list__item-thumbnail"
:src="pdfImg"
alt=""
/>
<img
v-else-if="/\.(doc|docx)$/i.test(file.fileName)"
class="el-upload-list__item-thumbnail"
:src="wordImg"
alt=""
/>
<img v-else class="el-upload-list__item-thumbnail" :src="file.fileUrl" alt="" />
<span class="el-upload-list__item-actions">
<span class="el-upload-list__item-preview" @click="handlePreview(file)">
<i class="el-icon-zoom-in" />
</span>
<span class="el-upload-list__item-delete" @click="handleRemove(file, domain)">
<i class="el-icon-delete" />
</span>
</span>
</div>
</el-upload>
</el-form-item>
</div>
</div>
</el-form> </el-form>
<div slot="footer" class="dialog-footer" > <div slot="footer" class="dialog-footer" >
<el-button @click="cancel">取消</el-button> <el-button @click="cancel">取消</el-button>
@ -369,6 +514,7 @@ export default {
dynamicValidateForm: { dynamicValidateForm: {
equipmentId: null , equipmentId: null ,
maId:'', maId:'',
repairType: null,
premiumList: [ premiumList: [
{ {
selected: 'Y', selected: 'Y',
@ -385,6 +531,23 @@ export default {
repairRemark: '', // 技术鉴定 repairRemark: '', // 技术鉴定
}, },
], ],
premiumListTwo: [
{
selected: 'Y',
premium: undefined,
rate: undefined,
feeRate: undefined,
fee: undefined,
baofei1_unit: '',
shangyoufeiyonge_unit: '',
downRate: undefined,
downFee: undefined,
xiayoufeiyonge_unit: '',
fileList: [],
repairRemark: '', // 技术鉴定
repairContent: '',
},
],
}, },
deptList: [], deptList: [],
userSelectList: [], userSelectList: [],
@ -406,6 +569,7 @@ export default {
equipmentId: undefined, equipmentId: undefined,
maId: '', maId: '',
maCodeSelectList: [], maCodeSelectList: [],
repairTypeList:[{label:'内部维修',value:1},{label:'返厂维修',value:2}],
// rules: { // rules: {
// equipmentId: [ // equipmentId: [
// { required: true, message: '规格型号为必填项', trigger: 'change' } // { required: true, message: '规格型号为必填项', trigger: 'change' }
@ -507,6 +671,16 @@ export default {
} }
}, },
repairTypeValidator(rule, value, callback) {
console.log("cccccc",value)
// 直接使用传入的 value 参数
if (!value) { // 包括 null, undefined, '' 等情况
callback(new Error('维修类型不能为空'));
} else {
callback(); // 验证通过
}
},
typeCodeValidator(rule, value, callback) { typeCodeValidator(rule, value, callback) {
console.log("cccccc",this.dynamicValidateForm.maId) console.log("cccccc",this.dynamicValidateForm.maId)
// 直接使用传入的 value 参数 // 直接使用传入的 value 参数
@ -566,6 +740,9 @@ export default {
this.dynamicValidateForm.premiumList.forEach((domain) => { this.dynamicValidateForm.premiumList.forEach((domain) => {
domain.repairNum = 1 domain.repairNum = 1
}) })
this.dynamicValidateForm.premiumListTwo.forEach((domain) => {
domain.repairNum = 1
})
}) })
}else{ }else{
this.showSelect = false this.showSelect = false
@ -584,6 +761,20 @@ export default {
}); });
}, },
handleChangeRepairType(value) {
console.log("gggggggg",value)
this.$nextTick(() => {
this.$refs.dynamicValidateForm.validateField('repairType');
});
if(value==2){
this.dynamicValidateForm.premiumList = []
this.addDomainTwo()
}else if(value==1){
this.dynamicValidateForm.premiumListTwo = []
this.addDomainOne()
}
},
// 获取 设备树结构数据 // 获取 设备树结构数据
async GetDeviceTypeTree() { async GetDeviceTypeTree() {
const params = { const params = {
@ -625,13 +816,19 @@ export default {
this.dynamicValidateForm = { this.dynamicValidateForm = {
equipmentId: null, equipmentId: null,
maId: '', maId: '',
premiumList: [] repairType: null,
premiumList: [],
premiumListTwo: [],
}; };
console.log("xxxxxxxxxxxxxxx",this.rowObj) console.log("xxxxxxxxxxxxxxx",this.rowObj)
if(this.rowObj!=null && this.rowObj.id){ if(this.rowObj!=null && this.rowObj.id){
const res = await getEquipmentInfo({ id: this.rowObj.id}) const res = await getEquipmentInfo({ id: this.rowObj.id})
this.dynamicValidateForm.maId = res.data.maId
this.dynamicValidateForm.equipmentId = res.data.typeId this.dynamicValidateForm.equipmentId = res.data.typeId
this.dynamicValidateForm.maId = res.data.maId
this.dynamicValidateForm.repairType = res.data.repairType
this.maCodeSelectList = []
if(res.data.repairType==1){
// 内部维修
this.dynamicValidateForm.premiumList = res.data.partList.map((item, index) => ({ this.dynamicValidateForm.premiumList = res.data.partList.map((item, index) => ({
...item, ...item,
key: `${Date.now()}_${index}` // 生成唯一 key key: `${Date.now()}_${index}` // 生成唯一 key
@ -640,11 +837,22 @@ export default {
if (domain.partId) { if (domain.partId) {
this.handleSelectTreeEdit(domain.partId, index) this.handleSelectTreeEdit(domain.partId, index)
} }
})
if(res.data.partList.length==0){
this.dynamicValidateForm.premiumList.push({repairer:res.data.repairer,updateTime:res.data.repairTime,repairNum:res.data.repairNum})
}
}else{
// 返厂维修
this.dynamicValidateForm.premiumListTwo = res.data.partList.map((item, index) => ({
...item,
}))
if(res.data.partList.length==0){
this.dynamicValidateForm.premiumListTwo.push({repairNum:res.data.repairNum})
}
}
this.maCodeSelectList = []
console.log("cccccccccccc",this.deviceTypeTreeData)
this.selectedNodeData = this.findNodeDevice(this.deviceTypeTreeData, res.data.typeId); this.selectedNodeData = this.findNodeDevice(this.deviceTypeTreeData, res.data.typeId);
console.log("jjjjjjjjjjj",this.selectedNodeData)
if(this.selectedNodeData.manageType==0){ if(this.selectedNodeData.manageType==0){
GetMaCodeSelectApi({ GetMaCodeSelectApi({
typeId: res.data.typeId, typeId: res.data.typeId,
@ -657,12 +865,9 @@ export default {
this.showSelect = false this.showSelect = false
this.dynamicValidateForm.maId = '' this.dynamicValidateForm.maId = ''
} }
})
if(res.data.partList.length==0){
this.dynamicValidateForm.premiumList.push({repairer:res.data.repairer,updateTime:res.data.repairTime,repairNum:res.data.repairNum})
}
}else{ }else{
this.addDomainOne() // this.addDomainOne()
} }
// 获取用户信息和用户选择列表 // 获取用户信息和用户选择列表
@ -681,7 +886,9 @@ export default {
this.$refs.dynamicValidateForm.resetFields(); this.$refs.dynamicValidateForm.resetFields();
this.dialogShowFlag = false this.dialogShowFlag = false
this.dynamicValidateForm.premiumList = []; this.dynamicValidateForm.premiumList = [];
this.dynamicValidateForm.premiumListTwo = [];
this.dynamicValidateForm.maId = ''; this.dynamicValidateForm.maId = '';
this.dynamicValidateForm.repairType = null;
this.dynamicValidateForm.equipmentId = null; this.dynamicValidateForm.equipmentId = null;
this.selectedNodeData = null; this.selectedNodeData = null;
this.maCodeSelectList = []; this.maCodeSelectList = [];
@ -729,14 +936,35 @@ export default {
) )
}, },
// 返厂
addDomainTwo() {
this.dynamicValidateForm.premiumListTwo.push({
selected: 'N',
partName: '',
repairer: '',
partType: 0,
partNum: '',
partCost: '',
repairContent: '',
repairContentBefore: '',
repairNum: 1,
key: Date.now(),
repairRemark: '',
fileList: [],
})
},
submit() { submit() {
this.$refs['dynamicValidateForm'].validate((valid) => { this.$refs['dynamicValidateForm'].validate((valid) => {
if (valid) { if (valid) {
//新增 //新增
if(this.rowObj==null || this.rowObj.id==''){ if(this.rowObj==null || this.rowObj.id==''){
// 编码管理传递参数 let params = {}
console.log('this.dynamicValidateForm.premiumList1111)', this.dynamicValidateForm.premiumList) // 如果是内部维修
let params = { if(this.dynamicValidateForm.repairType==1){
params = {
repairType: this.dynamicValidateForm.repairType,
maId: this.dynamicValidateForm.maId === '' ? null : this.dynamicValidateForm.maId, maId: this.dynamicValidateForm.maId === '' ? null : this.dynamicValidateForm.maId,
typeId: this.selectedNodeData.id, typeId: this.selectedNodeData.id,
companyId: this.companyId, companyId: this.companyId,
@ -744,6 +972,17 @@ export default {
manageType: this.selectedNodeData.manageType, manageType: this.selectedNodeData.manageType,
repairNum: this.dynamicValidateForm.premiumList[0]?.repairNum ?? 1, repairNum: this.dynamicValidateForm.premiumList[0]?.repairNum ?? 1,
} }
}else if(this.dynamicValidateForm.repairType==2){
params = {
repairType: this.dynamicValidateForm.repairType,
maId: this.dynamicValidateForm.maId === '' ? null : this.dynamicValidateForm.maId,
typeId: this.selectedNodeData.id,
companyId: this.companyId,
partStrList: JSON.stringify(this.dynamicValidateForm.premiumListTwo),
manageType: this.selectedNodeData.manageType,
repairNum: this.dynamicValidateForm.premiumListTwo[0]?.repairNum ?? 1,
}
}
this.fullscreenLoading = true this.fullscreenLoading = true
submitEquipmentApiNew(params) submitEquipmentApiNew(params)
.then((res) => { .then((res) => {
@ -761,11 +1000,13 @@ export default {
this.fullscreenLoading = false this.fullscreenLoading = false
}) })
}else{ }else{
//编辑 // 编辑
// 编码管理传递参数 let params = {}
console.log('this.dynamicValidateForm.premiumList1111)', this.dynamicValidateForm.premiumList) // 如果是内部维修
let params = { if(this.dynamicValidateForm.repairType==1){
params = {
id: this.rowObj.id, id: this.rowObj.id,
repairType: this.dynamicValidateForm.repairType,
maId: this.dynamicValidateForm.maId === '' ? null : this.dynamicValidateForm.maId, maId: this.dynamicValidateForm.maId === '' ? null : this.dynamicValidateForm.maId,
typeId: this.selectedNodeData.id, typeId: this.selectedNodeData.id,
companyId: this.companyId, companyId: this.companyId,
@ -773,6 +1014,19 @@ export default {
manageType: this.selectedNodeData.manageType, manageType: this.selectedNodeData.manageType,
repairNum: this.dynamicValidateForm.premiumList[0]?.repairNum ?? 1, repairNum: this.dynamicValidateForm.premiumList[0]?.repairNum ?? 1,
} }
}else if(this.dynamicValidateForm.repairType==2){
params = {
id: this.rowObj.id,
repairType: this.dynamicValidateForm.repairType,
maId: this.dynamicValidateForm.maId === '' ? null : this.dynamicValidateForm.maId,
typeId: this.selectedNodeData.id,
companyId: this.companyId,
partStrList: JSON.stringify(this.dynamicValidateForm.premiumListTwo),
manageType: this.selectedNodeData.manageType,
repairNum: this.dynamicValidateForm.premiumListTwo[0]?.repairNum ?? 1,
}
}
this.fullscreenLoading = true this.fullscreenLoading = true
editEquipmentApiNew(params) editEquipmentApiNew(params)
.then((res) => { .then((res) => {
@ -952,6 +1206,7 @@ export default {
flex-direction: row; flex-direction: row;
justify-content: flex-start; justify-content: flex-start;
font-size: 12px; font-size: 12px;
margin-left:20px;
} }
.form_box_line { .form_box_line {

8
src/views/repairTest/equipmentToRepair/index.vue
View File

@ -95,6 +95,12 @@
<el-table-column label="维修数量" align="center" prop="repairNum" show-overflow-tooltip width="100px"/> <el-table-column label="维修数量" align="center" prop="repairNum" show-overflow-tooltip width="100px"/>
<el-table-column label="维修人" align="center" prop="repairer" show-overflow-tooltip /> <el-table-column label="维修人" align="center" prop="repairer" show-overflow-tooltip />
<el-table-column label="维修时间" align="center" prop="repairTime" show-overflow-tooltip /> <el-table-column label="维修时间" align="center" prop="repairTime" show-overflow-tooltip />
<el-table-column label="维修类型" align="center" prop="repairType" show-overflow-tooltip >
<template slot-scope="scope">
<span v-if="scope.row.repairType == 1">内部维修</span>
<span v-if="scope.row.repairType == 2">返厂维修</span>
</template>
</el-table-column>
<el-table-column label="维保状态" align="center" prop="repairStatus" show-overflow-tooltip > <el-table-column label="维保状态" align="center" prop="repairStatus" show-overflow-tooltip >
<template slot-scope="scope"> <template slot-scope="scope">
<span v-if="scope.row.repairStatus === 1"> <span v-if="scope.row.repairStatus === 1">
@ -453,7 +459,7 @@ export default {
{ {
...this.queryParams ...this.queryParams
}, },
`维报列表清单_${new Date().getTime()}.xlsx`, `维保列表清单_${new Date().getTime()}.xlsx`,
) )
}, },
}, },