|
|
|
@ -108,7 +108,7 @@ |
|
|
|
</el-form-item> |
|
|
|
</el-col> |
|
|
|
</el-row> |
|
|
|
<el-table :data="customerOrg.contactMethodList" border height="300" row-key="id" size="small" |
|
|
|
<el-table :data="contactMethodListEdit" border height="300" row-key="id" size="small" |
|
|
|
highlight-current-row ref="contactMethod" style="margin-top: 20px;"> |
|
|
|
<el-table-column prop="contactMethodType" label="类型" width="200"> |
|
|
|
<template slot-scope="scope"> |
|
|
|
@ -142,7 +142,7 @@ |
|
|
|
import moment from "moment"; |
|
|
|
import { mapState } from "vuex"; |
|
|
|
import { getapi, postapi, putapi, deletapi } from "@/api/api"; |
|
|
|
import { objCopy } from "../../utlis/proFunc"; |
|
|
|
import { objCopy, deepCopy, arrayExistObj } from "../../utlis/proFunc"; |
|
|
|
export default { |
|
|
|
components: {}, |
|
|
|
props:["customerOrgId"], |
|
|
|
@ -150,6 +150,7 @@ export default { |
|
|
|
return { |
|
|
|
personId: "", |
|
|
|
form: {}, //联系人表单信息 |
|
|
|
contactMethodListEdit:[], //联系方式（可修改） |
|
|
|
formTitle: "新增", |
|
|
|
dialogContactPerson: false, //联系人弹窗 显示控制 |
|
|
|
|
|
|
|
@ -196,6 +197,7 @@ export default { |
|
|
|
}).then((res) => { |
|
|
|
//console.log('res.data',res.data) |
|
|
|
this.customerOrg.contactMethodList = res.data; |
|
|
|
this.contactMethodListEdit = deepCopy(res.data); |
|
|
|
}); |
|
|
|
}, |
|
|
|
|
|
|
|
@ -245,30 +247,32 @@ export default { |
|
|
|
}).then((res) => { |
|
|
|
if(res.code != -1) { |
|
|
|
this.personId = ""; |
|
|
|
|
|
|
|
this.getContactPersonList(this.customerOrg.customerOrgId); |
|
|
|
|
|
|
|
this.customerOrg.contactMethodList = []; |
|
|
|
this.$message.success("操作成功！"); |
|
|
|
} |
|
|
|
}).catch((err) => { |
|
|
|
console.log(`deletapi:/api/app/contact-person/${this.personId}`,err); |
|
|
|
if (err == "cancel") { |
|
|
|
this.$message.info("已取消删除"); |
|
|
|
} |
|
|
|
}); |
|
|
|
}, |
|
|
|
|
|
|
|
//删除联系方式行 |
|
|
|
deleteRow(index) { |
|
|
|
this.$confirm("此操作将永久删除该记录, 是否继续?", "提示", { |
|
|
|
this.$confirm("此操作确定后将永久删除该记录, 是否继续?", "提示", { |
|
|
|
confirmButtonText: "是", |
|
|
|
cancelButtonText: "否", |
|
|
|
type: "warning", |
|
|
|
}).then(() => { |
|
|
|
this.customerOrg.contactMethodList.splice(index, 1); |
|
|
|
this.submit('form'); |
|
|
|
this.contactMethodListEdit.splice(index, 1); |
|
|
|
//this.submit('form'); |
|
|
|
}).catch((err) => { |
|
|
|
if(err == 'cancel'){ |
|
|
|
this.$message.info("已取消删除"); |
|
|
|
}else{ |
|
|
|
this.$message.error("操作失败，原因：" + err); |
|
|
|
} |
|
|
|
} |
|
|
|
}); |
|
|
|
|
|
|
|
}, |
|
|
|
@ -281,72 +285,78 @@ export default { |
|
|
|
title: "", |
|
|
|
remark: "", |
|
|
|
}; |
|
|
|
this.$refs[formName].validate((valid, failField) => { |
|
|
|
if (valid) { |
|
|
|
objCopy(this.form, body); |
|
|
|
console.log("body", body); |
|
|
|
if (this.formTitle === "新增") { |
|
|
|
postapi("/api/app/contact-person", body) |
|
|
|
.then((res) => { |
|
|
|
//console.log('api/app/contact-person') |
|
|
|
this.personId = res.data.id; |
|
|
|
this.formTitle = "编辑"; |
|
|
|
return deletapi(`/api/app/contact-method/many/${this.personId}`); |
|
|
|
}) |
|
|
|
.then((res) => { |
|
|
|
//console.log(`deletapi api/app/contact-method/${this.personId}`) |
|
|
|
let contactMethod = []; //联系方式form表单数据 |
|
|
|
this.customerOrg.contactMethodList.forEach((item, index) => { |
|
|
|
contactMethod.push({ |
|
|
|
contactMethodValue: item.contactMethodValue, |
|
|
|
contactMethodType: item.contactMethodType, |
|
|
|
contactPersonId: this.personId, |
|
|
|
}); |
|
|
|
this.$refs[formName].validate((valid, fields) => { |
|
|
|
if (!valid){ |
|
|
|
this.$message.warning(fields[Object.keys(fields)[0]][0].message); |
|
|
|
return false; |
|
|
|
} |
|
|
|
|
|
|
|
objCopy(this.form, body); |
|
|
|
console.log("body", body); |
|
|
|
if (this.formTitle == "新增") { |
|
|
|
postapi("/api/app/contact-person", body) |
|
|
|
.then((res) => { |
|
|
|
//console.log('api/app/contact-person') |
|
|
|
this.personId = res.data.id; |
|
|
|
this.formTitle = "编辑"; |
|
|
|
return deletapi(`/api/app/contact-method/many/${this.personId}`); |
|
|
|
}) |
|
|
|
.then((res) => { |
|
|
|
//console.log(`deletapi api/app/contact-method/${this.personId}`) |
|
|
|
let contactMethod = []; //联系方式form表单数据 |
|
|
|
this.contactMethodListEdit.forEach( item => { |
|
|
|
contactMethod.push({ |
|
|
|
contactMethodValue: item.contactMethodValue, |
|
|
|
contactMethodType: item.contactMethodType, |
|
|
|
contactPersonId: this.personId, |
|
|
|
}); |
|
|
|
if(contactMethod.length > 0) return postapi("/api/app/contact-method/many", contactMethod); |
|
|
|
}) |
|
|
|
.then((res) => { |
|
|
|
//console.log('api/app/contact-method/many') |
|
|
|
this.getContactPersonList(this.customerOrg.customerOrgId); |
|
|
|
this.$message.success("操作成功！"); |
|
|
|
this.dialogContactPerson = false |
|
|
|
}); |
|
|
|
} else { |
|
|
|
putapi(`/api/app/contact-person/${this.personId}`, body) |
|
|
|
.then((res) => { |
|
|
|
//console.log(`/api/app/contact-person/${this.personId}`) |
|
|
|
return deletapi(`/api/app/contact-method/many/${this.personId}`); |
|
|
|
}) |
|
|
|
.then((res) => { |
|
|
|
console.log(`deletapi api/app/contact-method/${this.personId}`); |
|
|
|
let contactMethod = []; //联系方式form表单数据 |
|
|
|
this.customerOrg.contactMethodList.forEach((item, index) => { |
|
|
|
contactMethod.push({ |
|
|
|
contactMethodValue: item.contactMethodValue, |
|
|
|
contactMethodType: item.contactMethodType, |
|
|
|
contactPersonId: this.personId, |
|
|
|
}); |
|
|
|
if(contactMethod.length > 0) return postapi("/api/app/contact-method/many", contactMethod); |
|
|
|
}) |
|
|
|
.then((res) => { |
|
|
|
//console.log('api/app/contact-method/many') |
|
|
|
//this.getContactPersonList(this.customerOrgId); //改成局部刷新 |
|
|
|
this.customerOrg.contactPersonList.push(res.data) |
|
|
|
this.getContactMethodList(res.data.id) |
|
|
|
|
|
|
|
this.$message.success("操作成功！"); |
|
|
|
this.dialogContactPerson = false |
|
|
|
}); |
|
|
|
} else { |
|
|
|
putapi(`/api/app/contact-person/${this.personId}`, body) |
|
|
|
.then((res) => { |
|
|
|
//console.log(`/api/app/contact-person/${this.personId}`) |
|
|
|
return deletapi(`/api/app/contact-method/many/${this.personId}`); |
|
|
|
}) |
|
|
|
.then((res) => { |
|
|
|
console.log(`deletapi api/app/contact-method/${this.personId}`); |
|
|
|
let contactMethod = []; //联系方式form表单数据 |
|
|
|
this.contactMethodListEdit.forEach((item, index) => { |
|
|
|
contactMethod.push({ |
|
|
|
contactMethodValue: item.contactMethodValue, |
|
|
|
contactMethodType: item.contactMethodType, |
|
|
|
contactPersonId: this.personId, |
|
|
|
}); |
|
|
|
if(contactMethod.length > 0) return postapi("/api/app/contact-method/many", contactMethod); |
|
|
|
}) |
|
|
|
.then((res) => { |
|
|
|
//console.log('api/app/contact-method/many') |
|
|
|
this.getContactPersonList(this.customerOrg.customerOrgId); |
|
|
|
this.$message.success("操作成功！"); |
|
|
|
this.dialogContactPerson = false |
|
|
|
}); |
|
|
|
} |
|
|
|
} else { |
|
|
|
//console.log('failField',failField) |
|
|
|
this.$message.warning("未通过数据校验！"); |
|
|
|
return false; |
|
|
|
} |
|
|
|
if(contactMethod.length > 0) return postapi("/api/app/contact-method/many", contactMethod); |
|
|
|
}) |
|
|
|
.then((res) => { |
|
|
|
//console.log('api/app/contact-method/many') |
|
|
|
//this.getContactPersonList(this.customerOrgId); //改成局部刷新 |
|
|
|
let lfind = arrayExistObj(this.customerOrg.contactPersonList, 'id', this.personId) |
|
|
|
if(lfind > - 1) objCopy(body,this.customerOrg.contactPersonList[lfind]) |
|
|
|
this.getContactMethodList(this.personId) |
|
|
|
|
|
|
|
this.$message.success("操作成功！"); |
|
|
|
this.dialogContactPerson = false |
|
|
|
}); |
|
|
|
} |
|
|
|
}) |
|
|
|
}, |
|
|
|
|
|
|
|
//新增联系方式 |
|
|
|
addMethod() { |
|
|
|
this.customerOrg.contactMethodList.push({ |
|
|
|
this.contactMethodListEdit.push({ |
|
|
|
contactMethodValue: "", |
|
|
|
contactMethodType: "0", |
|
|
|
contactPersonId: this.personId, |
|
|
|
@ -356,7 +366,7 @@ export default { |
|
|
|
rowClick(row) { |
|
|
|
console.log("row", row); |
|
|
|
// this.$message.success("rowClick"); |
|
|
|
this.form = row; |
|
|
|
this.form = deepCopy(row); |
|
|
|
this.personId = row.id; |
|
|
|
this.getContactMethodList(row.id); |
|
|
|
}, |
|
|
|
|
pengjun
2 years ago