pengjun
2 years ago
4 changed files with 458 additions and 203 deletions
-
14src/components/customerOrg/customerOrgGroupAsbitem.vue
-
1src/store/index.js
-
376src/views/customerOrg/CustomerOrgGroupEdit.vue
-
270src/views/customerOrg/customerOrgGroup.vue
@ -0,0 +1,376 @@ |
|||||
|
<template> |
||||
|
<div> |
||||
|
<el-form :model="form" label-width="80px" :rules="rules" ref="form"> |
||||
|
<el-row> |
||||
|
<el-col :span="8"> |
||||
|
<el-form-item prop="displayName" label="分组名称"> |
||||
|
<el-input v-model="form.displayName" size="small" /> |
||||
|
</el-form-item> |
||||
|
</el-col> |
||||
|
<el-col :span="8"> |
||||
|
<el-form-item label="金额"> |
||||
|
<el-input v-model="form.price" type="number" size="small" /> |
||||
|
</el-form-item> |
||||
|
</el-col> |
||||
|
<el-col :span="8"> |
||||
|
<el-form-item label="适用性别"> |
||||
|
<el-select v-model="form.forSexId" placeholder="请选择" size="small"> |
||||
|
<el-option v-for="item in dict.forSex" :key="item.id" :label="item.displayName" :value="item.id"> |
||||
|
</el-option> |
||||
|
</el-select> |
||||
|
</el-form-item> |
||||
|
</el-col> |
||||
|
<el-col :span="8"> |
||||
|
<el-form-item label="婚姻状况"> |
||||
|
<el-select v-model="form.maritalStatusId" placeholder="请选择" style="width: 100%" size="small"> |
||||
|
<el-option v-for="item in dict.forMaritalStatus" :key="item.id" :label="item.displayName" :value="item.id"> |
||||
|
</el-option> |
||||
|
</el-select> |
||||
|
</el-form-item> |
||||
|
</el-col> |
||||
|
<el-col :span="8"> |
||||
|
<el-form-item label="年龄下限"> |
||||
|
<el-input v-model="form.ageLowerLimit" type="number" min="1" max="200" size="small" /> |
||||
|
</el-form-item> |
||||
|
</el-col> |
||||
|
<el-col :span="8"> |
||||
|
<el-form-item label="年龄上限"> |
||||
|
<el-input v-model="form.ageUpperLimit" type="number" min="1" max="200" size="small" /> |
||||
|
</el-form-item> |
||||
|
</el-col> |
||||
|
<el-col :span="8"> |
||||
|
<el-form-item label="适用职务"> |
||||
|
<el-input v-model="form.jobPost" size="small" /> |
||||
|
</el-form-item> |
||||
|
</el-col> |
||||
|
<el-col :span="8"> |
||||
|
<el-form-item label="适用职称"> |
||||
|
<el-input v-model="form.jobTitle" size="small" /> |
||||
|
</el-form-item> |
||||
|
</el-col> |
||||
|
<el-col :span="8"> |
||||
|
<el-form-item label="备注"> |
||||
|
<el-input v-model="form.remark" size="small" /> |
||||
|
</el-form-item> |
||||
|
</el-col> |
||||
|
</el-row> |
||||
|
</el-form> |
||||
|
<div style="display: flex;margin-top: 5px;justify-content:space-between;"> |
||||
|
<div></div> |
||||
|
<div style="display: flex;"> |
||||
|
<el-button class="commonbutton" @click="dialogWin.CustomerOrgGroupEdit = false">关闭</el-button> |
||||
|
<!-- |
||||
|
<el-button type="success" @click="computePrice">同比折算组合项目价格</el-button> |
||||
|
--> |
||||
|
<el-button class="commonbutton" type="primary" @click="onSubmit('form')">确定</el-button> |
||||
|
</div> |
||||
|
</div> |
||||
|
</div> |
||||
|
</template> |
||||
|
<script> |
||||
|
import moment from "moment"; |
||||
|
|
||||
|
import { getapi, postapi, putapi, deletapi } from "@/api/api"; |
||||
|
import { mapState } from "vuex"; |
||||
|
import { |
||||
|
dddw, |
||||
|
deepCopy, |
||||
|
objCopy, |
||||
|
arrayExistObj, |
||||
|
} from "../../utlis/proFunc"; |
||||
|
|
||||
|
import CustomerOrgGroupAsbitem from "../../components/customerOrg/customerOrgGroupAsbitem.vue"; |
||||
|
|
||||
|
export default { |
||||
|
components: { |
||||
|
CustomerOrgGroupAsbitem, |
||||
|
}, |
||||
|
props: ["params"], |
||||
|
data() { |
||||
|
return { |
||||
|
form: { |
||||
|
//体检单位分组 |
||||
|
customerOrgId: "", //复制分组时用到(预留查历次分组) |
||||
|
isComplete: "N", //体检次数是否完成，如完成不允许调整分组项目 |
||||
|
id: "", |
||||
|
customerOrgRegisterId: null, //所属体检次数 |
||||
|
displayName: "", |
||||
|
price: 0, |
||||
|
forSexId: "A", |
||||
|
maritalStatusId: "A", |
||||
|
ageLowerLimit: 0, |
||||
|
ageUpperLimit: 200, |
||||
|
jobPost: "", |
||||
|
jobTitle: "", |
||||
|
remark: "", |
||||
|
isMaxMedicalTimes: "N", |
||||
|
}, |
||||
|
formOri: {}, //用于对比分析哪些信息更改了（主要是价格） |
||||
|
formInit: {}, //表单初始值 |
||||
|
rules: { |
||||
|
displayName: [{ required: true, message: "请填写分组名称", trigger: "blur" }], |
||||
|
}, |
||||
|
}; |
||||
|
}, |
||||
|
computed: { |
||||
|
...mapState(["dict", "dialogWin", "dataTransOpts"]), |
||||
|
}, |
||||
|
created() { |
||||
|
this.formInit = deepCopy(this.form); |
||||
|
this.form.customerOrgId = this.params.customerOrgId |
||||
|
this.form.customerOrgRegisterId = this.params.customerOrgRegisterId |
||||
|
}, |
||||
|
mounted() { |
||||
|
// 获取初始数据（单位、适用性别） |
||||
|
this.dictInit(); |
||||
|
this.getFormData(this.dataTransOpts.tableS.customer_org_group.id); |
||||
|
}, |
||||
|
methods: { |
||||
|
moment, dddw, deepCopy, |
||||
|
|
||||
|
// 获取初始数据 |
||||
|
dictInit() { |
||||
|
//获取单位列表 |
||||
|
getapi("/api/app/customer-org/parent-all").then((res) => { |
||||
|
if (res.code != -1) { |
||||
|
this.customerOrgAll = res.data; |
||||
|
let lfind = arrayExistObj(this.customerOrgAll, "id", this.dict.personOrgId); |
||||
|
if (lfind > -1) this.customerOrgAll.splice(lfind, 1); |
||||
|
this.customerOrg = deepCopy(this.customerOrgAll); |
||||
|
} |
||||
|
}); |
||||
|
|
||||
|
//获取适用性别 |
||||
|
getapi("/api/app/for-sex").then((res) => { |
||||
|
if (res.code != -1) { |
||||
|
this.dict.forSex = res.data; |
||||
|
} |
||||
|
}); |
||||
|
}, |
||||
|
|
||||
|
// 生成表单数据 |
||||
|
getFormData(id) { |
||||
|
if (id) { |
||||
|
getapi(`/api/app/customer-org-group/${id}`) |
||||
|
.then(res => { |
||||
|
if (res.code != -1) { |
||||
|
this.formOri = deepCopy(res.data) |
||||
|
this.form = deepCopy(res.data) |
||||
|
} |
||||
|
}) |
||||
|
} else { |
||||
|
console.log('this.formInit',this.formInit) |
||||
|
this.form = deepCopy(this.formInit) |
||||
|
this.form.customerOrgId = this.params.customerOrgId |
||||
|
this.form.customerOrgRegisterId = this.params.customerOrgRegisterId |
||||
|
} |
||||
|
}, |
||||
|
|
||||
|
|
||||
|
onSubmit(formName) { |
||||
|
this.$refs[formName].validate((valid, fields) => { |
||||
|
if (!valid) { |
||||
|
this.$message.warning(fields[Object.keys(fields)[0]][0].message); |
||||
|
return false; |
||||
|
} |
||||
|
|
||||
|
if (!this.form.id && !this.form.customerOrgRegisterId) { |
||||
|
this.$message.warning("请选择单位体检次数！"); |
||||
|
return false; |
||||
|
} |
||||
|
|
||||
|
let body = deepCopy(this.form); |
||||
|
delete body.id; |
||||
|
delete body.customerOrgId; |
||||
|
delete body.isComplete; |
||||
|
|
||||
|
if (this.form.id) { |
||||
|
let customerOrgGroupId = this.form.id; |
||||
|
let customerOrgGroupAsbitems = []; //分组包含的套餐 |
||||
|
|
||||
|
//编辑 |
||||
|
putapi(`/api/app/customer-org-group/${this.form.id}`, body) |
||||
|
.then((res) => { |
||||
|
// console.log(res) |
||||
|
if (res.code != -1) { |
||||
|
console.log("保存分组成功！"); |
||||
|
// 价格是否有调整 |
||||
|
if (this.formOri.price != this.form.price) { |
||||
|
return getapi(`/api/app/customerorggroupdetail/getcustomerorggroupdetailinasbitem?CustomerOrgGroupId=${customerOrgGroupId}`); |
||||
|
} else { |
||||
|
this.dialogWin.CustomerOrgGroupEdit = false; |
||||
|
} |
||||
|
} |
||||
|
}) |
||||
|
.then((res) => { |
||||
|
if (res && res.code != -1) { |
||||
|
customerOrgGroupAsbitems = res.data; |
||||
|
if (customerOrgGroupAsbitems.length < 1) { |
||||
|
console.log("该分组暂没有组合项目！"); |
||||
|
this.dialogWin.CustomerOrgGroupEdit = false; |
||||
|
} else { |
||||
|
let detailsBody = { |
||||
|
customerOrgGroupId, |
||||
|
details: this.madeNewGroupAsbitems(customerOrgGroupAsbitems, this.form.price), |
||||
|
}; |
||||
|
return postapi("/api/app/customerorggroupdetail/createcustomerorggroupdetailmany", detailsBody); |
||||
|
} |
||||
|
} |
||||
|
}) |
||||
|
.then((res) => { |
||||
|
if (res && res.code != -1) { |
||||
|
console.log("操作成功！并自动按总价同比折算组合项目价格！"); |
||||
|
this.dialogWin.CustomerOrgGroupEdit = false; |
||||
|
// 刷新明细 |
||||
|
let id = this.form.id; |
||||
|
this.form.id = ""; |
||||
|
setTimeout(() => { |
||||
|
this.form.id = id; |
||||
|
}, 100); |
||||
|
} |
||||
|
}); |
||||
|
} else { |
||||
|
//新增 |
||||
|
postapi("/api/customerorggroup/createcustomerorggroupincustomerorgregister", body) |
||||
|
.then(res => { |
||||
|
if (res.code != -1) { |
||||
|
console.log("操作成功！"); |
||||
|
this.dataTransOpts.tableS.customer_org_group.id = res.data.id |
||||
|
this.dialogWin.CustomerOrgGroupEdit = false; |
||||
|
} |
||||
|
}); |
||||
|
} |
||||
|
}); |
||||
|
}, |
||||
|
|
||||
|
// |
||||
|
computePrice() { |
||||
|
if (!this.form.id) { |
||||
|
this.$message.warning("尚未保存信息，不可执行此操作！"); |
||||
|
return; |
||||
|
} |
||||
|
let customerOrgGroupId = this.form.id; |
||||
|
let customerOrgGroupAsbitems = []; //分组包含的套餐 |
||||
|
|
||||
|
getapi(`/api/app/customerorggroupdetail/getcustomerorggroupdetailinasbitem?CustomerOrgGroupId=${customerOrgGroupId}`) |
||||
|
.then((res) => { |
||||
|
if (res.code != -1) { |
||||
|
customerOrgGroupAsbitems = res.data; |
||||
|
|
||||
|
if (customerOrgGroupAsbitems.length < 1) { |
||||
|
this.$message.warning("当前分组尚未设置组合项目，不可执行此操作！"); |
||||
|
} else { |
||||
|
let body = { |
||||
|
customerOrgGroupId, |
||||
|
details: this.madeNewGroupAsbitems( |
||||
|
customerOrgGroupAsbitems, |
||||
|
this.form.price |
||||
|
), |
||||
|
}; |
||||
|
console.log("body", body); |
||||
|
return postapi("/api/app/customerorggroupdetail/createcustomerorggroupdetailmany", body); |
||||
|
} |
||||
|
} |
||||
|
}) |
||||
|
.then((res) => { |
||||
|
if (res.code != -1) { |
||||
|
//console.log("操作成功"); |
||||
|
//触发分组明细刷新 |
||||
|
this.form.id = ""; |
||||
|
//要做延时处理，否则不会触发监听 |
||||
|
setTimeout(() => { |
||||
|
this.form.id = customerOrgGroupId; |
||||
|
this.onSubmit("form"); |
||||
|
}, 100); |
||||
|
} |
||||
|
}); |
||||
|
}, |
||||
|
|
||||
|
madeNewGroupAsbitems(oldGroupAsbitems, newTotal) { |
||||
|
newTotal = Math.round(Number(newTotal) * 100) / 100; |
||||
|
let newGroupAsbitems = []; |
||||
|
let oldTotal = Number(0); |
||||
|
oldGroupAsbitems.forEach((e) => { |
||||
|
oldTotal += Number(e.asbitemMoney); //customerOrgGroupDetailMoney |
||||
|
}); |
||||
|
oldTotal = Math.round(Number(oldTotal) * 100) / 100; |
||||
|
|
||||
|
let discount = 0; |
||||
|
if (oldTotal != 0) discount = Math.round((newTotal * 10000) / oldTotal) / 100; |
||||
|
|
||||
|
oldTotal = Number(0); |
||||
|
oldGroupAsbitems.forEach((e) => { |
||||
|
e.customerOrgGroupDetailPrice = Math.round(e.price * discount) / 100; |
||||
|
e.customerOrgGroupDetailMoney = |
||||
|
Math.round( |
||||
|
e.customerOrgGroupDetailPrice * e.customerOrgGroupDetailAmount * 100 |
||||
|
) / 100; |
||||
|
oldTotal += Number(e.customerOrgGroupDetailMoney); |
||||
|
}); |
||||
|
oldTotal = Math.round(Number(oldTotal) * 100) / 100; |
||||
|
|
||||
|
//console.log('discount,oldTotal',discount,oldTotal) |
||||
|
|
||||
|
let didTotal = Math.round(Number(newTotal - oldTotal) * 100) / 100; |
||||
|
if (didTotal != 0) { |
||||
|
for (let i = 0; i < oldGroupAsbitems.length; i++) { |
||||
|
if (oldGroupAsbitems[i].customerOrgGroupDetailAmount == 1) { |
||||
|
oldGroupAsbitems[i].customerOrgGroupDetailPrice = |
||||
|
Math.round( |
||||
|
(Number(oldGroupAsbitems[i].customerOrgGroupDetailPrice) + |
||||
|
Number(didTotal)) * |
||||
|
100 |
||||
|
) / 100; |
||||
|
break; |
||||
|
} |
||||
|
} |
||||
|
} |
||||
|
|
||||
|
oldGroupAsbitems.forEach((e) => { |
||||
|
newGroupAsbitems.push({ |
||||
|
customerOrgGroupId: e.customerOrgGroupId, |
||||
|
asbitemId: e.asbitemId, |
||||
|
price: e.customerOrgGroupDetailPrice, |
||||
|
amount: e.customerOrgGroupDetailAmount, |
||||
|
}); |
||||
|
}); |
||||
|
|
||||
|
return newGroupAsbitems; |
||||
|
}, |
||||
|
|
||||
|
|
||||
|
}, |
||||
|
//监听事件 |
||||
|
watch: { |
||||
|
// |
||||
|
// "customerOrgGroup.id"(newVal, oldVal) { |
||||
|
// console.log("customerOrgGroup.id ",newVal,oldVal); |
||||
|
// if (newVal != oldVal) { |
||||
|
// this.getCustomerOrgGroupAsbitems(newVal); |
||||
|
// } |
||||
|
// }, |
||||
|
|
||||
|
// 体检分组ID未切换换时 也可以强制刷新数据 |
||||
|
"dataTransOpts.refresh.customer_org_group.S": { |
||||
|
// immediate: true, |
||||
|
handler(newVal, oldVal) { |
||||
|
console.log(`watch 体检分组 newVal:${newVal} oldVal:${oldVal} customerOrgGroupId: ${this.dataTransOpts.tableS.customer_org_group.id}`); |
||||
|
this.getFormData(this.dataTransOpts.tableS.customer_org_group.id); |
||||
|
} |
||||
|
}, |
||||
|
}, |
||||
|
}; |
||||
|
</script> |
||||
|
<style scoped> |
||||
|
@import "../../assets/css/global_button.css"; |
||||
|
@import "../../assets/css/global_dialog.css"; |
||||
|
@import "../../assets/css/global_table.css"; |
||||
|
@import "../../assets/css/global_form.css"; |
||||
|
@import "../../assets/css/global_input.css"; |
||||
|
@import "../../assets/css/global.css"; |
||||
|
|
||||
|
.btnClass { |
||||
|
width: 100px; |
||||
|
margin-bottom: 5px; |
||||
|
} |
||||
|
</style> |
||||
Write
Preview
Loading…
Cancel
Save
Reference in new issue