mch
2 years ago
8 changed files with 940 additions and 550 deletions
-
392src/components/patientRegister/ContactPerson.vue
-
576src/components/patientRegister/PatientRegisterEdit.vue
-
403src/components/patientRegister/PatientRegisterItem.vue
-
5src/components/patientRegister/PatientRegisterList.vue
-
52src/components/patientRegister/customerOrgTreeAll.vue
-
25src/store/index.js
-
30src/utlis/proFunc.js
-
7src/views/customerOrg/patientRegister.vue
@ -1,138 +1,321 @@ |
|||
<template> |
|||
<div> |
|||
<div style="margin-left: 10px;"> |
|||
<div> |
|||
<span>项目类别</span> |
|||
<el-select |
|||
v-model="value" |
|||
placeholder="请选择" |
|||
style="margin-left: 20px" |
|||
@change="getAsbItemByItemType" |
|||
clearable |
|||
> |
|||
<el-option |
|||
v-for="item in itemType" |
|||
:key="item.id" |
|||
:label="item.displayName" |
|||
:value="item.id" |
|||
> |
|||
</el-option> |
|||
</el-select> |
|||
</div> |
|||
|
|||
<div class="mainareaBox"> |
|||
<el-table |
|||
:header-cell-style="{ background: '#eef1f6' }" |
|||
:data="asbItem" height="350" |
|||
@selection-change="handleSelectionChange" |
|||
> |
|||
<el-table-column type="selection"></el-table-column> |
|||
<el-table-column label="未选组合项目" prop="displayName"></el-table-column> |
|||
</el-table> |
|||
</div> |
|||
|
|||
|
|||
<div class="mainbutton"> |
|||
<div style="margin-left: 10px;"> |
|||
<el-button type="primary" @click="removedata" |
|||
>添加 <i class="el-icon-bottom"></i> |
|||
</el-button> |
|||
</div> |
|||
<div style="margin-left: 10px;"> |
|||
<el-button |
|||
type="primary" |
|||
@click="addselecteditems" |
|||
>移除 <i class="el-icon-top"></i> |
|||
</el-button> |
|||
</div> |
|||
<div style="margin-left: 10px;"> |
|||
<el-button type="success" |
|||
@click="Onsubmit" |
|||
>保存 <i class="el-icon-check"></i> |
|||
</el-button> |
|||
</div> |
|||
</div> |
|||
|
|||
|
|||
<div class="mainareaBox"> |
|||
<el-table |
|||
:header-cell-style="{ background: '#eef1f6' }" |
|||
:data="patientRegisterAbs" height="350" |
|||
@selection-change="selecteditems" |
|||
> |
|||
<!-- temporaryselection personnelUnit.nogroupselected--> |
|||
<el-table-column type="selection"></el-table-column> |
|||
<el-table-column label="已选组合项目" width="110" prop="asbitemName"/> |
|||
<el-table-column label="标准价格" prop="standardPrice"/> |
|||
<el-table-column label="折扣" prop="amount"/> |
|||
<el-table-column label="实收价格" prop="chargePrice"/> |
|||
<el-table-column label="支付方式" prop="payTypeFlag"/> |
|||
<el-table-column label="是否收费" prop="isCharge"/> |
|||
</el-table> |
|||
</div> |
|||
|
|||
</div> |
|||
</template> |
|||
<script> |
|||
|
|||
import { mapState } from "vuex"; |
|||
import { getapi, postapi, putapi, deletapi } from "@/api/api"; |
|||
|
|||
import { arrayFilter, arrayReduce } from '../../utlis/proFunc' |
|||
export default { |
|||
|
|||
props:['patientRegisterForm'], |
|||
data() { |
|||
return { |
|||
data:{ |
|||
contactPerson:[] |
|||
}, |
|||
form: { |
|||
displayName: "", |
|||
englishShortName: "", |
|||
itemTypeId: "", |
|||
price: "", |
|||
priceItemId: "", |
|||
unitId: "", |
|||
defaultResult: "", |
|||
referenceRangeTypeFlag: "", |
|||
isProduceSummary: "", |
|||
isNameIntoSummary: "", |
|||
isDiagnosisFunction: "", |
|||
diagnosisFunction: "", |
|||
isCalculationItem: "", |
|||
calculationFunction: "", |
|||
isContinueProcess: "", |
|||
resultTemplateTypeFlag: "", |
|||
inputCheck: "", |
|||
isActive: "", |
|||
}, |
|||
|
|||
|
|||
dialogContactPerson: false, //联系人弹窗 显示控制 |
|||
dialogContactMethod: false, //联系方式弹窗 显示控制 |
|||
return { |
|||
itemType: [], //项目类别 |
|||
|
|||
asbItemAll: [], //所有的组合项目 |
|||
asbItem: [], //显示的 未选组合项目 |
|||
asbItemChoosed: [], //勾选的 未选组合项目 |
|||
|
|||
formContactPerson: { |
|||
|
|||
}, //联系人form表单数据 |
|||
|
|||
formContactMethod: { |
|||
|
|||
}, //联系方式form表单数据 |
|||
|
|||
rules: { |
|||
displayName: [ |
|||
{ required: true, message: "请输入名称", trigger: "blur" }, |
|||
], |
|||
englishShortName: [ |
|||
{ required: true, message: "请输入英文缩写", trigger: "blur" }, |
|||
], |
|||
itemTypeId: [ |
|||
{ required: true, message: "请输入项目类别", trigger: "blur" }, |
|||
], |
|||
price: [{ required: true, message: "请输入价格", trigger: "blur" }], |
|||
priceItemId: [ |
|||
{ required: true, message: "请输入价表项目编码", trigger: "blur" }, |
|||
], |
|||
unitId: [{ required: true, message: "请输入单位", trigger: "blur" }], |
|||
defaultResult: [ |
|||
{ required: true, message: "请输入默认结果", trigger: "blur" }, |
|||
], |
|||
referenceRangeTypeFlag: [ |
|||
{ required: true, message: "请输入参考范围类别", trigger: "blur" }, |
|||
], |
|||
isProduceSummary: [ |
|||
{ required: true, message: "请选择是生成小结", trigger: "blur" }, |
|||
], |
|||
isNameIntoSummary: [ |
|||
{ required: true, message: "请输择称进入小结", trigger: "blur" }, |
|||
], |
|||
isDiagnosisFunction: [ |
|||
{ required: true, message: "请选择启用诊断函数", trigger: "blur" }, |
|||
], |
|||
diagnosisFunction: [ |
|||
{ required: true, message: "请输入诊断函数", trigger: "blur" }, |
|||
], |
|||
isCalculationItem: [ |
|||
{ required: true, message: "请选择计算项目", trigger: "blur" }, |
|||
], |
|||
calculationFunction: [ |
|||
{ required: true, message: "请输入计算函数", trigger: "blur" }, |
|||
], |
|||
isContinueProcess: [ |
|||
{ required: true, message: "请选择继续处理", trigger: "blur" }, |
|||
], |
|||
resultTemplateTypeFlag: [ |
|||
{ |
|||
required: true, |
|||
message: "请输入结果模板类别标志", |
|||
trigger: "blur", |
|||
}, |
|||
], |
|||
inputCheck: [ |
|||
{ required: true, message: "请选择结果校验公式", trigger: "blur" }, |
|||
], |
|||
isActive: [{ required: true, message: "请选择启用", trigger: "blur" }], |
|||
}, |
|||
|
|||
isshow: false, |
|||
patientRegisterAbs:[], //体检人员所选组合项目 |
|||
patientRegisterAbsChoosed:[], //勾选的 体检人员所选组合项目 |
|||
|
|||
patientRegisterAbsRd:{ |
|||
|
|||
}, //单个添加的组合项目 |
|||
|
|||
}; |
|||
}, |
|||
|
|||
created() { |
|||
computed: { |
|||
...mapState(['dict', 'patientRegister','personnelUnit']), |
|||
}, |
|||
|
|||
//挂载完成 |
|||
mounted() { |
|||
|
|||
created() { |
|||
this.getItemType(); |
|||
this.getAbsItemAll(); |
|||
}, |
|||
|
|||
mounted(){ |
|||
|
|||
}, |
|||
|
|||
methods: { |
|||
//保存按钮 |
|||
Onsubmit() { |
|||
if (!this.personnelUnit.customerOrgGroupId) { |
|||
alert("请先选择单位分组"); |
|||
return; |
|||
} else { |
|||
postapi("/api/app/customer-org-group-detail/many", this.addrulst).then( |
|||
(res) => { |
|||
this.$message.success("操作成功"); |
|||
console.log(this.addrulst); |
|||
} |
|||
); |
|||
} |
|||
|
|||
}, |
|||
//移除按钮 |
|||
addselecteditems() { |
|||
//personnelUnit.nogroupselected |
|||
if (this.rightselctedata.length == 0) { |
|||
this.$message.warning("已选数据为空无法移动"); |
|||
} else { |
|||
let count = this.rightselctedata.length - 1; |
|||
for (var i = count; i >= 0; i--) { |
|||
// this.personnelUnit.nogroupselected.splice(i, 1); |
|||
if ( |
|||
// !this.rightselctedata.includes(this.rightselctedata[i].displayName) |
|||
[...new Set(this.rightselctedata)] |
|||
) { |
|||
this.asbItem.push(this.rightselctedata[i]); |
|||
this.personnelUnit.nogroupselected.splice(i, 1); |
|||
|
|||
} |
|||
// this.asbItem.push(this.rightselctedata[i]); |
|||
} |
|||
// this. |
|||
this.rightselctedata.forEach((item) => { |
|||
this.addrulst.push({ |
|||
asbitemId: item.id, |
|||
price: item.price, |
|||
customerOrgGroupId: this.personnelUnit.customerOrgGroupId, |
|||
}); |
|||
}); |
|||
} |
|||
}, |
|||
//右侧勾选按钮 |
|||
selecteditems(val) { |
|||
this.rightselctedata = val; |
|||
// this.personnelUnit.nogroupselected = val; |
|||
console.log(this.rightselctedata); |
|||
}, |
|||
// 添加按钮 |
|||
removedata() { |
|||
if (this.asbItemChoosed.length == 0) { |
|||
this.$message.warning("未选数据为空无法移动"); |
|||
} else { |
|||
this.saveornot = false; |
|||
let count = this.asbItemChoosed.length - 1; |
|||
for (var i = count; i >= 0; i--) { |
|||
// this.asbItem.splice(i, 1); |
|||
// this.personnelUnit.nogroupselected.push(this.asbItemChoosed[i]); |
|||
if ([...new Set(this.asbItemChoosed)]) { |
|||
this.asbItem.splice(i, 1); |
|||
this.personnelUnit.nogroupselected.push(this.asbItemChoosed[i]); |
|||
} |
|||
} |
|||
|
|||
this.asbItemChoosed.forEach((item) => { |
|||
this.addrulst.push({ |
|||
asbitemId: item.id, |
|||
price: item.price, |
|||
customerOrgGroupId: this.personnelUnit.customerOrgGroupId, |
|||
}); |
|||
}); |
|||
|
|||
} |
|||
}, |
|||
|
|||
// 左侧未选 |
|||
handleSelectionChange(val) { |
|||
// this.selecteddata = val; |
|||
this.asbItemChoosed = val; |
|||
console.log(this.asbItemChoosed); |
|||
}, |
|||
|
|||
//获取所有组合项目 |
|||
getAbsItemAll() { |
|||
getapi("/api/app/asbitem/in-filter?Filter").then((res) => { |
|||
this.asbItemAll = res.data.items; |
|||
}); |
|||
}, |
|||
|
|||
|
|||
//项目类别过滤 组合项目 |
|||
getAsbItemByItemType(v) { |
|||
if(v){ |
|||
this.asbItem = [...this.asbItemAll] |
|||
}else{ |
|||
this.asbItem = arrayFilter(this.asbItemAll,'itemTypeId',v) |
|||
} |
|||
|
|||
//刷新显示 未选组合项目 |
|||
arrayReduce(this.asbItem,[...this.patientRegisterAbs],'id=asbitemId') |
|||
}, |
|||
|
|||
//获取所有项目类别 |
|||
getItemType() { |
|||
getapi("/api/app/item-type/by-code-all").then((res) => { |
|||
this.itemType = res.data; |
|||
}); |
|||
}, |
|||
|
|||
//联系人 相关操作 |
|||
addContactPerson() { |
|||
this.$message.success("新增 addContactPerson"); |
|||
//获取当前列表数据 |
|||
listeninglist() { |
|||
getapi( |
|||
`/api/app/customer-org-group/${this.personnelUnit.customerOrgGroupId}` |
|||
).then((res) => { |
|||
this.personnelUnit.form = res.data; |
|||
console.log(res); |
|||
}); |
|||
|
|||
}, |
|||
editContactPerson() { |
|||
this.$message.success("编辑 editContactPerson"); |
|||
|
|||
//获取分组所包含的组合项目 |
|||
getCustomerOrgGroupAsb(){ |
|||
console.log('getCustomerOrgGroupAsb'); |
|||
if(!this.patientRegisterForm.customerOrgGroupId || this.patientRegisterForm.customerOrgGroupId == this.dict.personOrgId ){ |
|||
return |
|||
} |
|||
getapi(`/api/app/customer-org-group-detail/customer-org-group-detail-in-asbitem?CustomerOrgGroupId=${this.patientRegisterForm.customerOrgGroupId}`) |
|||
.then((res) => { |
|||
console.log('getCustomerOrgGroupAsb',res); |
|||
if(res.code == 1){ |
|||
this.patientRegister.customerOrgGroupAsb = res.data |
|||
} |
|||
}) |
|||
}, |
|||
delContactPerson() { |
|||
this.$message.success("删除 delContactPerson"); |
|||
|
|||
//获取套餐所包含的组合项目 |
|||
getMedicalPackageAsb(){ |
|||
if(!this.patientRegisterForm.medicalPackageId || this.patientRegisterForm.medicalPackageId == this.dict.personOrgId ){ |
|||
return |
|||
} |
|||
getapi(`/api/app/medical-package-detail/medical-package-in-asbitem?MedicalPackageId=${this.patientRegisterForm.medicalPackageId}`) |
|||
.then((res) => { |
|||
console.log('medicalPackageAsb',res); |
|||
if(res.code == 1){ |
|||
this.patientRegister.medicalPackageAsb = res.data |
|||
} |
|||
}) |
|||
}, |
|||
|
|||
rowickContactPerson(){ |
|||
this.$message.success("rowickContactPerson"); |
|||
//获取体检登记的组合项目 api/app/register-asbitem/in-patient-register-id/3a0c3094-6f37-f5cc-9811-2bc249c081ce |
|||
getPatientRegisterAbs(patientRegisterId){ |
|||
getapi(`/api/app/register-asbitem/in-patient-register-id/${patientRegisterId}`) |
|||
.then((res) => { |
|||
console.log('patientRegisterAbs',res); |
|||
if(res.code == 1){ |
|||
this.patientRegisterAbs = res.data |
|||
} |
|||
}) |
|||
}, |
|||
|
|||
//体检登记的组合项目创建 |
|||
registerAsbitem(body){ |
|||
postapi(`api/app/register-asbitem?CustomerOrgId=${this.patientRegisterForm.customerOrgId}`,body) |
|||
.then((res) => { |
|||
console.log('medicalPackageAsb',res); |
|||
if(res.code == 1){ |
|||
//未选项目中移除，已选项中添加 |
|||
} |
|||
}) |
|||
} |
|||
|
|||
}, |
|||
|
|||
//监听事件 |
|||
watch: { |
|||
|
|||
//新增触发 |
|||
'patientRegister.addTimes'(newVal, oldVal) { |
|||
//console.log('patientRegister.addTimes newVal：',newVal,' oldVal：',oldVal) |
|||
if (newVal != oldVal) { |
|||
this.patientRegisterAbs = [] |
|||
} |
|||
}, |
|||
|
|||
//编辑触发 |
|||
'patientRegister.patientRegisterRd.id'(newVal, oldVal) { |
|||
console.log('patientRegister.patientRegisterRd.id newVal：',newVal,' oldVal：',oldVal) |
|||
if (newVal != oldVal) { |
|||
this.getPatientRegisterAbs(newVal); |
|||
} |
|||
}, |
|||
|
|||
}, |
|||
}; |
|||
</script> |
|||
<style scoped> |
|||
.mainareaBox { |
|||
border: 1px solid #000; |
|||
height: 350px; |
|||
margin-top: 10px; |
|||
} |
|||
.mainbutton { |
|||
display: flex; |
|||
margin-left: 20px; |
|||
padding: 5px 10px; |
|||
margin-top: 10px; |
|||
} |
|||
</style> |
|||
Write
Preview
Loading…
Cancel
Save
Reference in new issue