feat: 本部门保修单、报修单大厅、我的报修单、我的维修单
chenhc
11 months ago
parent
5fc6e1cb3d
commit
9963ba9943
@ -0,0 +1,285 @@
|
|||||||
|
import {getLoading, copyProperties} from "@/utils"
|
||||||
|
import {
|
||||||
|
deviceRepairApplyHallPage,
|
||||||
|
deviceRepairApplyConfirmByUserPage,
|
||||||
|
confirmDeviceRepairApply
|
||||||
|
} from "@/api/dev/deviceRepairApplyApi";
|
||||||
|
import {deviceRepairApplyDetailStatus, deviceRepairApplyStatus} from "@/utils/enum";
|
||||||
|
import {deviceRepairApplyDetailDiagnosis, deviceRepairApplyDetailPage} from "@/api/dev/deviceRepairApplyDetailApi";
|
||||||
|
import {deviceRepairInfo} from "@/api/dev/deviceRepairApi";
|
||||||
|
import {filterListByDeptCode} from "@/api/system/deptUser";
|
||||||
|
|
||||||
|
let query = {
|
||||||
|
page: 1,
|
||||||
|
limit: 10,
|
||||||
|
applyId: null,
|
||||||
|
status: null,
|
||||||
|
applyDeptCode: null,
|
||||||
|
}
|
||||||
|
|
||||||
|
let detailQuery = {
|
||||||
|
page: 1,
|
||||||
|
limit: 10,
|
||||||
|
applyId: null,
|
||||||
|
}
|
||||||
|
|
||||||
|
let diagnosisData = {
|
||||||
|
applyId: null,
|
||||||
|
deviceCode: null,
|
||||||
|
repairFlag: true,
|
||||||
|
innerFlag: true,
|
||||||
|
repairDeptCode: null,
|
||||||
|
repairUserName: '',
|
||||||
|
repairUserPhone: '',
|
||||||
|
diagnosisInfo: '',
|
||||||
|
}
|
||||||
|
|
||||||
|
export default {
|
||||||
|
name: "deviceRepairApply",
|
||||||
|
computed: {
|
||||||
|
deviceRepairApplyDetailStatus() {
|
||||||
|
return deviceRepairApplyDetailStatus
|
||||||
|
},
|
||||||
|
deviceRepairApplyStatus() {
|
||||||
|
return deviceRepairApplyStatus
|
||||||
|
}
|
||||||
|
},
|
||||||
|
data() {
|
||||||
|
return {
|
||||||
|
tabActive: 2,
|
||||||
|
showSearch: true,
|
||||||
|
loading: false,
|
||||||
|
total: 0,
|
||||||
|
list: [],
|
||||||
|
userlist: [],
|
||||||
|
query: {...query},
|
||||||
|
user: null,
|
||||||
|
chooseDeviceFlag: false,
|
||||||
|
//========detail===============================
|
||||||
|
clickRow: null,
|
||||||
|
detailQuery: _.cloneDeep(detailQuery),
|
||||||
|
detailLoading: false,
|
||||||
|
detailList: [],
|
||||||
|
detailTotal: 0,
|
||||||
|
//========detail--end===============================
|
||||||
|
repairId: null,
|
||||||
|
//========detailDialog===============================
|
||||||
|
detailFlag: false,
|
||||||
|
detailData: null,
|
||||||
|
diagnosisData: _.cloneDeep(diagnosisData),
|
||||||
|
detailRules: {
|
||||||
|
repairFlag: [{required: true, message: "请选择是否维修", trigger: ["change", "blur"]}],
|
||||||
|
innerFlag: [{
|
||||||
|
required: true,
|
||||||
|
validator: this.innerFlagValid,
|
||||||
|
message: "请选择维修方式",
|
||||||
|
trigger: ["change", "blur"]
|
||||||
|
}],
|
||||||
|
repairDeptCode: [{
|
||||||
|
required: true,
|
||||||
|
validator: this.repairDeptCodeValid,
|
||||||
|
message: "维修部门不能为空",
|
||||||
|
trigger: ["change", "blur"]
|
||||||
|
}],
|
||||||
|
repairUserName: [{
|
||||||
|
required: true,
|
||||||
|
validator: this.repairUserNameValid,
|
||||||
|
message: "维修人姓名不能为空",
|
||||||
|
trigger: ["change", "blur"]
|
||||||
|
}],
|
||||||
|
repairUserPhone: [{
|
||||||
|
required: true,
|
||||||
|
validator: this.repairUserPhoneValid,
|
||||||
|
message: "维修人电话不能为空",
|
||||||
|
trigger: ["change", "blur"]
|
||||||
|
}],
|
||||||
|
diagnosisInfo: [{required: true, message: "诊断信息不能为空", trigger: ["change", "blur"]}],
|
||||||
|
},
|
||||||
|
//========detailDialog--end===============================
|
||||||
|
}
|
||||||
|
}
|
||||||
|
,
|
||||||
|
watch: {
|
||||||
|
'diagnosisData.repairDeptCode': {
|
||||||
|
handler (newV, oldV) {
|
||||||
|
this.getUerList()
|
||||||
|
},
|
||||||
|
// deep: true,
|
||||||
|
// immediate: true,
|
||||||
|
}
|
||||||
|
},
|
||||||
|
created() {
|
||||||
|
this.user = this.$store.getters.user
|
||||||
|
this.getList()
|
||||||
|
},
|
||||||
|
methods: {
|
||||||
|
repairInfo(row) {
|
||||||
|
this.repairId = row.repairId
|
||||||
|
},
|
||||||
|
commitFunc() {
|
||||||
|
this.$refs.saveForm.validate(b => {
|
||||||
|
if (!b) {
|
||||||
|
return
|
||||||
|
}
|
||||||
|
deviceRepairApplyDetailDiagnosis(this.diagnosisData).then(res => {
|
||||||
|
if (res.code != 20000) {
|
||||||
|
this.$message.error(res.message)
|
||||||
|
return
|
||||||
|
}
|
||||||
|
this.$message.success(res.message)
|
||||||
|
this.detailFlag = false
|
||||||
|
this.getList()
|
||||||
|
})
|
||||||
|
})
|
||||||
|
},
|
||||||
|
repairUserPhoneValid(rule, value, callback) {
|
||||||
|
if (this.diagnosisData?.repairFlag) {
|
||||||
|
if (!this.diagnosisData.repairUserPhone) {
|
||||||
|
callback(new Error("维修人电话不能为空"))
|
||||||
|
}
|
||||||
|
}
|
||||||
|
callback()
|
||||||
|
},
|
||||||
|
repairUserNameValid(rule, value, callback) {
|
||||||
|
if (this.diagnosisData?.repairFlag) {
|
||||||
|
if (!this.diagnosisData.repairUserName) {
|
||||||
|
callback(new Error("维修人姓名不能为空"))
|
||||||
|
}
|
||||||
|
}
|
||||||
|
callback()
|
||||||
|
},
|
||||||
|
repairDeptCodeValid(rule, value, callback) {
|
||||||
|
if (this.diagnosisData?.repairFlag) {
|
||||||
|
if (!this.diagnosisData.repairDeptCode) {
|
||||||
|
callback(new Error("维修部门不能为空"))
|
||||||
|
}
|
||||||
|
}
|
||||||
|
callback()
|
||||||
|
},
|
||||||
|
innerFlagValid(rule, value, callback) {
|
||||||
|
if (this.diagnosisData?.repairFlag) {
|
||||||
|
if (this.diagnosisData.innerFlag == null) {
|
||||||
|
callback(new Error("请选择维修方式"))
|
||||||
|
}
|
||||||
|
}
|
||||||
|
callback()
|
||||||
|
},
|
||||||
|
openDiagnosisDialog(row) {
|
||||||
|
this.detailFlag = true
|
||||||
|
this.detailData = _.cloneDeep(row)
|
||||||
|
this.diagnosisData = _.cloneDeep({...diagnosisData, applyId: row.applyId, deviceCode: row.deviceCode})
|
||||||
|
},
|
||||||
|
confirm(row) {
|
||||||
|
this.$prompt("请输入受理人电话", "提示", {
|
||||||
|
closeOnClickModal: false,
|
||||||
|
confirmButtonText: '确定',
|
||||||
|
cancelButtonText: '取消',
|
||||||
|
inputType: String,
|
||||||
|
inputPlaceholder: '请输入受理人电话',
|
||||||
|
}).then(({value}) => {
|
||||||
|
let data = {
|
||||||
|
applyId: row.id,
|
||||||
|
confirmUserPhone: value
|
||||||
|
}
|
||||||
|
confirmDeviceRepairApply(data).then(res => {
|
||||||
|
if (res.code != 20000) {
|
||||||
|
this.$message.error(res.message)
|
||||||
|
return
|
||||||
|
}
|
||||||
|
this.$message.success(res.message)
|
||||||
|
this.getList()
|
||||||
|
})
|
||||||
|
})
|
||||||
|
},
|
||||||
|
tabClick(v, ov) {
|
||||||
|
if (v == ov) {
|
||||||
|
return
|
||||||
|
}
|
||||||
|
this.tabActive = v
|
||||||
|
this.query = _.cloneDeep(query)
|
||||||
|
this.getList()
|
||||||
|
},
|
||||||
|
rowClick(row) {
|
||||||
|
this.clickRow = row
|
||||||
|
this.detailQuery = _.cloneDeep({...detailQuery, applyId: row.id})
|
||||||
|
this.getDetailList()
|
||||||
|
},
|
||||||
|
getDetailList() {
|
||||||
|
this.detailLoading = true
|
||||||
|
deviceRepairApplyDetailPage(this.detailQuery).then(res => {
|
||||||
|
this.detailLoading = false
|
||||||
|
if (res.code != 20000) {
|
||||||
|
this.$message.error(res.message)
|
||||||
|
return
|
||||||
|
}
|
||||||
|
this.detailList = res.data.list || []
|
||||||
|
this.detailTotal = res.data.total || 0
|
||||||
|
}).catch(e => {
|
||||||
|
this.detailLoading = false
|
||||||
|
})
|
||||||
|
},
|
||||||
|
search() {
|
||||||
|
this.query.page = 1
|
||||||
|
this.getList()
|
||||||
|
},
|
||||||
|
onReset() {
|
||||||
|
this.query = {...query}
|
||||||
|
this.getList()
|
||||||
|
},
|
||||||
|
getList() {
|
||||||
|
this.loading = true
|
||||||
|
this.clickRow = null
|
||||||
|
this.detailList = []
|
||||||
|
this.detailTotal = 0
|
||||||
|
if (this.tabActive == 1) {
|
||||||
|
deviceRepairApplyHallPage(this.query).then(res => {
|
||||||
|
this.loading = false
|
||||||
|
if (res.code != 20000) {
|
||||||
|
this.$message.error(res.message)
|
||||||
|
return
|
||||||
|
}
|
||||||
|
this.list = res.data.list || []
|
||||||
|
this.total = res.data.total || 0
|
||||||
|
|
||||||
|
}).catch(e => {
|
||||||
|
this.loading = false
|
||||||
|
this.list = res.data.list || []
|
||||||
|
this.total = res.data.total || 0
|
||||||
|
})
|
||||||
|
} else {
|
||||||
|
deviceRepairApplyConfirmByUserPage(this.query).then(res => {
|
||||||
|
this.loading = false
|
||||||
|
if (res.code != 20000) {
|
||||||
|
this.$message.error(res.message)
|
||||||
|
return
|
||||||
|
}
|
||||||
|
this.list = res.data.list || []
|
||||||
|
this.total = res.data.total || 0
|
||||||
|
|
||||||
|
}).catch(e => {
|
||||||
|
this.loading = false
|
||||||
|
this.list = res.data.list || []
|
||||||
|
this.total = res.data.total || 0
|
||||||
|
})
|
||||||
|
}
|
||||||
|
},
|
||||||
|
getUerList() {
|
||||||
|
if (this.diagnosisData.repairDeptCode != null){
|
||||||
|
let userQuery = {
|
||||||
|
deptCode: this.diagnosisData.repairDeptCode,
|
||||||
|
}
|
||||||
|
filterListByDeptCode(userQuery).then((response) => {
|
||||||
|
// this.loading = false;
|
||||||
|
this.userlist = response.data.list || [];
|
||||||
|
// this.userTotal = response.data.total;
|
||||||
|
})
|
||||||
|
.catch(() => {
|
||||||
|
// this.loading = false;
|
||||||
|
this.userlist = [];
|
||||||
|
// this.userTotal = 0;
|
||||||
|
});
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
}
|
||||||
|
}
|
||||||
Loading…
Reference in New Issue