pengjun
2 years ago
5 changed files with 212 additions and 774 deletions
-
2src/components/common/MedicalPackageAsbitem.vue
-
487src/components/customerOrg/ContactPersonBak.vue
-
51src/components/customerOrg/ContactPersonEdit.vue
-
2src/components/customerOrg/customerOrgGroupAsbitem.vue
-
444src/views/common-settings/medicalPackage.vue
@ -1,487 +0,0 @@ |
|||
<template> |
|||
<div> |
|||
<div style="display: flex;"> |
|||
<div :style="'width:' + (window.pageWidth - 200 - 110 - 25) + 'px;'"> |
|||
<el-table :data="customerOrg.contactPersonList" border :height="(window.pageHeight < 600 ? 100:window.pageHeight - 400)/2" |
|||
size="small" highlight-current-row @row-click="rowClick" ref="customerOrg.contactPersonList"> |
|||
<el-table-column prop="displayName" label="姓名" min-width="70" align="center"/> |
|||
<el-table-column prop="title" label="职务" min-width="70" align="center"/> |
|||
<el-table-column prop="remark" label="备注" min-width="150" align="center"/> |
|||
<el-table-column prop="creatorName" label="创建者" min-width="70" align="center" /> |
|||
<el-table-column prop="creationTime" label="创建时间" min-width="120" align="center"> |
|||
<template slot-scope="scope"> |
|||
<div v-if="scope.row.creationTime"> |
|||
{{ moment(scope.row.creationTime).format('yyyy-MM-DD HH:mm:ss') }} |
|||
</div> |
|||
</template> |
|||
</el-table-column> |
|||
<el-table-column prop="lastModifierName" label="修改者" min-width="70" align="center"/> |
|||
<el-table-column prop="lastModificationTime" label="修改时间" min-width="120" align="center"> |
|||
<template slot-scope="scope"> |
|||
<div v-if="scope.row.lastModificationTime"> |
|||
{{ moment(scope.row.lastModificationTime).format('yyyy-MM-DD HH:mm:ss') }} |
|||
</div> |
|||
</template> |
|||
</el-table-column> |
|||
</el-table> |
|||
|
|||
<el-table :data="customerOrg.contactMethodList" border :height="(window.pageHeight < 600 ? 100:window.pageHeight - 400)/2" |
|||
size="small" highlight-current-row @row-click="rowClickMethod" ref="customerOrg.contactMethodList"> |
|||
<el-table-column prop="contactMethodType" label="类型" width="60" align="center"> |
|||
<template slot-scope="scope"> |
|||
<div> |
|||
{{ scope.row.contactMethodType === "0" ? "手机" : "邮箱" }} |
|||
</div> |
|||
</template> |
|||
</el-table-column> |
|||
<el-table-column prop="contactMethodValue" label="联系方式" min-width="120" align="center"/> |
|||
<el-table-column prop="creatorName" label="创建者" min-width="70" align="center" /> |
|||
<el-table-column prop="creationTime" label="创建时间" min-width="120" align="center"> |
|||
<template slot-scope="scope"> |
|||
<div v-if="scope.row.creationTime"> |
|||
{{ moment(scope.row.creationTime).format('yyyy-MM-DD HH:mm:ss') }} |
|||
</div> |
|||
</template> |
|||
</el-table-column> |
|||
<el-table-column prop="lastModifierName" label="修改者" min-width="70" align="center"/> |
|||
<el-table-column prop="lastModificationTime" label="修改时间" min-width="120" align="center"> |
|||
<template slot-scope="scope"> |
|||
<div v-if="scope.row.lastModificationTime"> |
|||
{{ moment(scope.row.lastModificationTime).format('yyyy-MM-DD HH:mm:ss') }} |
|||
</div> |
|||
</template> |
|||
</el-table-column> |
|||
</el-table> |
|||
</div> |
|||
<div style="margin-left: 10px; margin-top: 20px"> |
|||
<div v-show="checkPagePriv(pagePriv.privs,'新增联系人')" style="margin-top: 10px"> |
|||
<el-button type="primary" @click="btnAdd" class="commonbutton">新增联系人</el-button> |
|||
</div> |
|||
<div v-show="checkPagePriv(pagePriv.privs,'编辑联系人')" style="margin-top: 10px"> |
|||
<el-button type="success" @click="btnEdit" class="commonbutton">编辑联系人</el-button> |
|||
</div> |
|||
<div v-show="checkPagePriv(pagePriv.privs,'删除联系人')" style="margin-top: 10px"> |
|||
<el-button type="danger" @click="btnDel" class="commonbutton">删除联系人</el-button> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
<!-- 联系人 --> |
|||
<el-dialog :title="formTitle" :visible.sync="dialogContactPerson" width="800px" @close="closeDialogPerson"> |
|||
<el-form :model="form" ref="form" label-width="70px" :rules="rules" style="margin-top: -30px;"> |
|||
<el-row> |
|||
<el-col :span="12"> |
|||
<el-form-item prop="displayName" label="联系人"> |
|||
<el-input v-model="form.displayName" size="small"></el-input> |
|||
</el-form-item> |
|||
</el-col> |
|||
<el-col :span="12"> |
|||
<el-form-item label="职务"> |
|||
<el-input v-model="form.title" size="small"></el-input> |
|||
</el-form-item> |
|||
</el-col> |
|||
<el-col :span="24"> |
|||
<el-form-item label="备注"> |
|||
<el-input type="textarea" v-model="form.remark" size="small" maxlength="50" show-word-limit></el-input> |
|||
</el-form-item> |
|||
</el-col> |
|||
</el-row> |
|||
<el-row> |
|||
<el-col :span="5"> |
|||
<el-form-item label="创建者"> |
|||
<el-input v-model="form.creatorName" disabled size="small"></el-input> |
|||
</el-form-item> |
|||
</el-col> |
|||
<el-col :span="7"> |
|||
<el-form-item label="创建时间" label-width="80px" style="margin-left:-10px;"> |
|||
<el-date-picker v-model="form.creationTime" type="datetime" size="small" style="width: 100%" disabled /> |
|||
</el-form-item> |
|||
</el-col> |
|||
<el-col :span="5"> |
|||
<el-form-item label="修改者" > |
|||
<el-input v-model="form.creatorName" disabled size="small"></el-input> |
|||
</el-form-item> |
|||
</el-col> |
|||
<el-col :span="7"> |
|||
<el-form-item label="修改时间" label-width="80px" style="margin-left:-10px;"> |
|||
<el-date-picker v-model="form.lastModificationTime" type="datetime" size="small" style="width: 100%" |
|||
disabled /> |
|||
</el-form-item> |
|||
</el-col> |
|||
</el-row> |
|||
<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"> |
|||
<el-select v-model="scope.row.contactMethodType" size="small"> |
|||
<el-option v-for="item in Methodtypes" :key="item.value" :label="item.label" :value="item.value" /> |
|||
</el-select> |
|||
</template> |
|||
</el-table-column> |
|||
<el-table-column prop="contactMethodValue" label="联系方式"> |
|||
<template slot-scope="scope"> |
|||
<el-input v-model="scope.row.contactMethodValue" required size="small" /> |
|||
</template> |
|||
</el-table-column> |
|||
<el-table-column fixed="right" label="操作" width="60" align="center"> |
|||
<template slot-scope="scope"> |
|||
<i class="el-icon-delete" @click="deleteRow(scope.$index)" |
|||
style="font-size: 24px;color: red;cursor:pointer;"></i> |
|||
</template> |
|||
</el-table-column> |
|||
</el-table> |
|||
</el-form> |
|||
<span slot="footer" class="dialog-footer"> |
|||
<el-button class="commonbutton" @click="dialogContactPerson = false">取 消</el-button> |
|||
<el-button type="success" class="commonbutton" @click="addMethod">新增联系方式</el-button> |
|||
<el-button type="primary" class="commonbutton" @click="submit('form')">确 定</el-button> |
|||
</span> |
|||
</el-dialog> |
|||
</div> |
|||
</template> |
|||
<script> |
|||
import moment from "moment"; |
|||
import { mapState } from "vuex"; |
|||
import { getapi, postapi, putapi, deletapi } from "@/api/api"; |
|||
import { getPagePriv,checkPagePriv,objCopy, deepCopy, arrayExistObj } from "../../utlis/proFunc"; |
|||
export default { |
|||
components: {}, |
|||
props:["customerOrgId"], |
|||
data() { |
|||
return { |
|||
pagePriv:{ |
|||
routeUrlorPageName:'customerOrg', //当前页面归属路由或归属页面权限名称 |
|||
privs:[] // 页面权限 |
|||
}, |
|||
personId: "", |
|||
form: {}, //联系人表单信息 |
|||
contactMethodListEdit:[], //联系方式（可修改） |
|||
formTitle: "新增", |
|||
dialogContactPerson: false, //联系人弹窗 显示控制 |
|||
|
|||
Methodtypes: [ |
|||
//{ value: '',label: '所有订单状态' }, |
|||
{ value: "0", label: "电话" }, |
|||
{ value: "1", label: "邮箱" }, |
|||
], |
|||
|
|||
rules: { |
|||
displayName: [ |
|||
{ required: true, message: "请输入名称", trigger: "blur" }, |
|||
], |
|||
}, |
|||
}; |
|||
}, |
|||
|
|||
created() { |
|||
//获取用户当前页面的权限 |
|||
let userPriv = window.sessionStorage.getItem('userPriv') |
|||
if(userPriv) this.pagePriv.privs = deepCopy(getPagePriv(this.pagePriv.routeUrlorPageName)) |
|||
}, |
|||
|
|||
//挂载完成 |
|||
mounted() { |
|||
this.getContactPersonList(this.dataTransOpts.tableS.customer_org.id) |
|||
}, |
|||
|
|||
computed: { |
|||
...mapState(["window", "customerOrg","dataTransOpts"]), |
|||
}, |
|||
|
|||
methods: { |
|||
moment,checkPagePriv, |
|||
|
|||
//获取联系人列表 |
|||
getContactPersonList(customerOrgId) { |
|||
if(!customerOrgId){ |
|||
this.customerOrg.contactPersonList = []; |
|||
this.customerOrg.contactMethodList = [] |
|||
return |
|||
} |
|||
getapi( |
|||
`/api/app/contact-person/in-customer-org-id/${customerOrgId}` |
|||
).then((res) => { |
|||
if(res.code != -1){ |
|||
this.customerOrg.contactPersonList = res.data; |
|||
if (res.data.length > 0) { |
|||
this.getContactMethodList(res.data[0].id); |
|||
} else { |
|||
this.customerOrg.contactMethodList = []; |
|||
} |
|||
} |
|||
}); |
|||
}, |
|||
|
|||
//获取联系方式列表 |
|||
//api/app/contact-method/in-contact-person-id?ContactPersonId=3a0c08ad-4304-138b-d9e6-a7338739dfc4' \ |
|||
getContactMethodList(ContactPersonId) { |
|||
if(!ContactPersonId){ |
|||
this.customerOrg.contactMethodList = [] |
|||
return |
|||
} |
|||
getapi("/api/app/contact-method/in-contact-person-id", { |
|||
ContactPersonId, |
|||
}).then((res) => { |
|||
//console.log('res.data',res.data) |
|||
this.customerOrg.contactMethodList = res.data; |
|||
}); |
|||
}, |
|||
|
|||
//联系人 相关操作 |
|||
btnAdd() { |
|||
//console.log("新增 addContactPerson"); |
|||
if (!this.dataTransOpts.tableS.customer_org.id) { |
|||
this.$message.warning("没有体检单位信息"); |
|||
return; |
|||
} |
|||
this.form = { customerOrgId: this.dataTransOpts.tableS.customer_org.id }; |
|||
this.dialogContactPerson = true; |
|||
this.formTitle = "新增"; |
|||
this.personId = ""; |
|||
this.customerOrg.contactMethodList = []; |
|||
this.contactMethodListEdit = []; |
|||
}, |
|||
|
|||
btnEdit() { |
|||
//console.log("编辑 editContactPerson"); |
|||
// console.log('this.customerOrgId',this.customerOrgId) |
|||
if (!this.dataTransOpts.tableS.customer_org.id) { |
|||
this.$message.warning("没有体检单位信息"); |
|||
return; |
|||
} else if (!this.personId) { |
|||
this.$message.warning("请先选择要编辑的联系人"); |
|||
return; |
|||
} |
|||
this.dialogContactPerson = true; |
|||
this.formTitle = "编辑"; |
|||
}, |
|||
|
|||
//删除联系人行 |
|||
btnDel() { |
|||
//console.log("删除 delContactPerson"); |
|||
if (!this.personId) { |
|||
this.$message.warning("请先选择要编辑的联系人"); |
|||
return; |
|||
} |
|||
|
|||
this.$confirm("此操作将永久删除该记录, 是否继续?", "提示", { |
|||
confirmButtonText: "是", |
|||
cancelButtonText: "否", |
|||
type: "warning", |
|||
}).then(() => { |
|||
//console.log('{patientRegisterIds}',{patientRegisterIds}) |
|||
return deletapi(`/api/app/contact-person/${this.personId}`); |
|||
}).then((res) => { |
|||
if(res.code != -1) { |
|||
this.personId = ""; |
|||
|
|||
this.getContactPersonList(this.customerOrg.customerOrgId); |
|||
|
|||
this.customerOrg.contactMethodList = []; |
|||
console.log("操作成功！"); |
|||
} |
|||
}).catch((err) => { |
|||
if (err == "cancel") { |
|||
this.$message.info("已取消删除"); |
|||
} |
|||
}); |
|||
}, |
|||
|
|||
//删除联系方式行 |
|||
deleteRow(index) { |
|||
this.$confirm("此操作确定后将永久删除该记录, 是否继续?", "提示", { |
|||
confirmButtonText: "是", |
|||
cancelButtonText: "否", |
|||
type: "warning", |
|||
}).then(() => { |
|||
this.contactMethodListEdit.splice(index, 1); |
|||
//this.submit('form'); |
|||
}).catch((err) => { |
|||
if(err == 'cancel'){ |
|||
this.$message.info("已取消删除"); |
|||
} |
|||
}); |
|||
|
|||
}, |
|||
|
|||
//联系人信息提交 |
|||
submit(formName) { |
|||
let body = { |
|||
customerOrgId: "", |
|||
displayName: "", |
|||
title: "", |
|||
remark: "", |
|||
}; |
|||
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') |
|||
if(res.code != -1){ |
|||
this.form.id = res.data.id; |
|||
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}`) |
|||
if(res.code != -1){ |
|||
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); |
|||
}else{ |
|||
this.dialogContactPerson = false |
|||
} |
|||
} |
|||
}) |
|||
.then((res) => { |
|||
//console.log('api/app/contact-method/many') |
|||
//this.getContactPersonList(this.customerOrgId); //改成局部刷新 |
|||
if(res.code != -1){ |
|||
|
|||
this.getContactMethodList(this.form.id) |
|||
|
|||
console.log("操作成功！"); |
|||
this.dialogContactPerson = false |
|||
} |
|||
}); |
|||
} else { |
|||
putapi(`/api/app/contact-person/${this.personId}`, body) |
|||
.then((res) => { |
|||
//console.log(`/api/app/contact-person/${this.personId}`) |
|||
if(res.code != -1){ |
|||
return deletapi(`/api/app/contact-method/many/${this.personId}`); |
|||
} |
|||
}) |
|||
.then((res) => { |
|||
console.log(`deletapi api/app/contact-method/${this.personId}`); |
|||
if(res.code != -1){ |
|||
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); |
|||
}else{ |
|||
this.dialogContactPerson = false |
|||
} |
|||
} |
|||
|
|||
}) |
|||
.then((res) => { |
|||
//console.log('api/app/contact-method/many') |
|||
//this.getContactPersonList(this.customerOrgId); //改成局部刷新 |
|||
if(res.code != -1){ |
|||
|
|||
this.getContactMethodList(this.form.id) |
|||
console.log("操作成功！"); |
|||
this.dialogContactPerson = false |
|||
} |
|||
}); |
|||
} |
|||
}) |
|||
}, |
|||
|
|||
//新增或编辑后选中记录 |
|||
closeDialogPerson(){ |
|||
let currentRow = {} |
|||
let lfind = arrayExistObj(this.customerOrg.contactPersonList,'id',this.form.id) |
|||
if(lfind > -1){ |
|||
objCopy(this.form,this.customerOrg.contactPersonList[lfind]) |
|||
currentRow = this.customerOrg.contactPersonList[lfind] |
|||
}else if(this.form.id){ |
|||
currentRow = deepCopy(this.form) |
|||
lfind = this.customerOrg.contactPersonList.length |
|||
this.customerOrg.contactPersonList.push(currentRow) |
|||
} |
|||
|
|||
if(lfind > -1){ |
|||
setTimeout(() => { |
|||
this.$refs['customerOrg.contactPersonList'].setCurrentRow(currentRow) |
|||
}, 100) |
|||
} |
|||
|
|||
}, |
|||
|
|||
//新增联系方式 |
|||
addMethod() { |
|||
this.contactMethodListEdit.push({ |
|||
contactMethodValue: "", |
|||
contactMethodType: "0", |
|||
contactPersonId: this.personId, |
|||
}); |
|||
}, |
|||
|
|||
rowClick(row) { |
|||
console.log("row", row); |
|||
// console.log("rowClick"); |
|||
this.form = deepCopy(row); |
|||
this.personId = row.id; // 用于 点增加后实际未增加时用 |
|||
this.dataTransOpts.tableS.contact_person.id = row.id |
|||
this.dataTransOpts.refresh.contact_method.M++ |
|||
// this.getContactMethodList(row.id); |
|||
}, |
|||
|
|||
rowClickMethod(row) { |
|||
//console.log("rowClickMethod"); |
|||
}, |
|||
}, |
|||
|
|||
watch: { |
|||
// 单位id未变时，强制刷新 |
|||
"dataTransOpts.refresh.contact_person.M": { |
|||
// immediate: true, |
|||
handler(newVal, oldVal) { |
|||
console.log(`watch 联系人 newVal:${newVal} oldVal:${oldVal} customerOrgId: ${this.dataTransOpts.tableS.customer_org.id}`); |
|||
this.getContactPersonList(this.dataTransOpts.tableS.customer_org.id) |
|||
} |
|||
}, |
|||
|
|||
// 单位id未变时，强制刷新 |
|||
"dataTransOpts.refresh.contact_method.M": { |
|||
// immediate: true, |
|||
handler(newVal, oldVal) { |
|||
console.log(`watch 联系方式 newVal:${newVal} oldVal:${oldVal} contactPersonId: ${this.dataTransOpts.tableS.contact_person.id}`); |
|||
// this.getContactPersonList(this.dataTransOpts.tableS.contact_person.id) |
|||
this.getContactMethodList(this.dataTransOpts.tableS.contact_person.id); |
|||
} |
|||
}, |
|||
|
|||
// 'customerOrgId' (newVal,oldVal){ |
|||
// console.log('watch customerOrgId',newVal,oldVal) |
|||
// if(newVal != oldVal){ |
|||
// this.personId = '' |
|||
// } |
|||
// } |
|||
}, |
|||
}; |
|||
</script> |
|||
<style scoped> |
|||
@import '../../assets/css/global_table.css'; |
|||
@import '../../assets/css/global_input.css'; |
|||
@import '../../assets/css/global_form.css'; |
|||
.btnClass { |
|||
width: 110px; |
|||
} |
|||
|
|||
|
|||
|
|||
</style> |
|||
Write
Preview
Loading…
Cancel
Save
Reference in new issue