pengjun
2 years ago
10 changed files with 1877 additions and 55 deletions
-
86package-lock.json
-
3package.json
-
BINpublic/files/单位体检人员名单导入模板.xlsx
-
839src/components/common/MedicalPackageAsbitem.vue
-
13src/router/index.js
-
4src/views/Home.vue
-
633src/views/common-settings/medicalPackage.vue
-
2src/views/customerOrg/customerOrgGroup.vue
-
350src/views/customerOrg/patientRegisterImport.vue
-
2src/views/doctorCheck/personnelBatch.vue
@ -0,0 +1,839 @@ |
|||
<template> |
|||
<div style="display: flex;"> |
|||
<div :style="'display: flex;width:' + (window.pageWidth - 45 - 110) + 'px;'"> |
|||
<!--未选组合项目--> |
|||
<div style="display: block; width:230px;"> |
|||
<div> |
|||
<span>项目类别</span> |
|||
<el-cascader :options="dict.itemTypeTree" v-model="itemTypeIds" style="margin-left: 3px;width:160px;" |
|||
:props="{ checkStrictly: true, expandTrigger: 'hover', ...customerOrg.treeprops, }" :show-all-levels="false" |
|||
clearable filterable @change="getAsbItemByItemType" size="small"> |
|||
</el-cascader> |
|||
</div> |
|||
<div class="box"> |
|||
<el-table :data="dict.asbItem" border size="small" highlight-current-row |
|||
:height="window.pageHeight < 635 ? 200:(window.pageHeight - 110 - 325)" |
|||
@row-dblclick="dbClickChoosedAsb" row-key="id" |
|||
@selection-change="handleSelectionChange" :row-class-name="handleRowClassName" |
|||
@row-click="chooseAsbItem"> |
|||
<!-- |
|||
<el-table-column type="selection" align="center" ></el-table-column> |
|||
--> |
|||
<el-table-column type="index" align="center" min-width="40"/> |
|||
<el-table-column |
|||
label="未选组合项目" min-width="170" |
|||
prop="displayName" align="center" |
|||
></el-table-column> |
|||
</el-table> |
|||
</div> |
|||
</div> |
|||
|
|||
<!--中间操作按钮--> |
|||
<div style="display: block;margin: 40px 10px 0 10px;"> |
|||
<div> |
|||
<el-button class="btnClass" @click="addAbs(asbItemChoosed,'choosed')" >添加 <i class="el-icon-arrow-right"></i></el-button> |
|||
</div> |
|||
<div> |
|||
<el-button class="btnClass" @click="addAbs(asbItemChoosed,'all')">全部添加</el-button> |
|||
</div> |
|||
<div> |
|||
<el-button class="btnClass" |
|||
@click="delAbs(patientRegisterAbsChoosed,'choosed')">移除 <i class="el-icon-arrow-left"></i |
|||
></el-button> |
|||
</div> |
|||
<div> |
|||
<el-button class="btnClass" @click="delAbs(patientRegisterAbsChoosed,'all')">全部移除</el-button> |
|||
</div> |
|||
</div> |
|||
|
|||
<!--已选组合项目--> |
|||
<div :style="'display: block; width:' + (window.pageWidth - 230 - 120 - 45 - 110) + 'px;'"> |
|||
<div style="height:32px;"> |
|||
<span>快速选择</span> |
|||
<el-select v-model="asbItemId" placeholder="快速选择组合项目" size="small" |
|||
filterable default-first-option :filter-method="filterMethod" |
|||
clearable @clear="quickAsb = deepCopy(dict.asbItemQuick)" |
|||
@change="quickChoosedAsb" ref="quickAsbOCX" |
|||
style="margin-left: 3px;width:160px;"> |
|||
<el-option v-for="item in quickAsb" :key="item.id" :value="item.id" :label="item.displayName" /> |
|||
</el-select> |
|||
</div> |
|||
<div class="box"> |
|||
<el-table :data="medicalPackageAsbitems" border size="small" |
|||
@selection-change="selecteditems" highlight-current-row |
|||
:height="window.pageHeight < 635 ? 200:(window.pageHeight - 110 - 325)" |
|||
:summary-method="getSummaries" show-summary |
|||
:row-class-name="handleRowClassName" @row-dblclick="removeAbs" |
|||
@row-click="removeAsbItem" ref="tablemedicalPackageAsbitems"> |
|||
<!-- |
|||
<el-table-column type="selection"></el-table-column> |
|||
--> |
|||
<el-table-column type="index" min-width="40" align="center"/> |
|||
<el-table-column |
|||
label="已选组合项目" |
|||
min-width="120" |
|||
prop="displayName" |
|||
></el-table-column> |
|||
<el-table-column label="标准价格" prop="price" min-width="60" align="center"/> |
|||
<el-table-column label="折扣" min-width="60" align="center"> |
|||
<template slot-scope="scope"> |
|||
<el-input |
|||
@input="changeDiscount(scope.$index)" |
|||
type="number" size="small" |
|||
v-model="scope.row.discount" |
|||
/> |
|||
</template> |
|||
</el-table-column> |
|||
<el-table-column label="应收价格" prop="customerOrgGroupDetailPrice" min-width="60" align="center"> |
|||
<template slot-scope="scope"> |
|||
<el-input |
|||
@input="changePrices(scope.$index)" |
|||
type="number" size="small" |
|||
v-model="scope.row.customerOrgGroupDetailPrice" |
|||
/> |
|||
</template> |
|||
</el-table-column> |
|||
<el-table-column label="数量" prop="customerOrgGroupDetailAmount" min-width="40" align="center"> |
|||
<template slot-scope="scope"> |
|||
<el-input |
|||
@input="changePrices(scope.$index)" |
|||
type="number" size="small" |
|||
v-model="scope.row.customerOrgGroupDetailAmount" |
|||
/> |
|||
</template> |
|||
</el-table-column> |
|||
<el-table-column label="标准金额" prop="asbitemMoney" min-width="60" align="center"> |
|||
</el-table-column> |
|||
<el-table-column label="应收金额" prop="customerOrgGroupDetailMoney" min-width="60" align="center"> |
|||
</el-table-column> |
|||
</el-table> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
<!--批量操作按钮（复制套餐与分组）--> |
|||
<div style="display: block;margin-left: 10px;"> |
|||
<div style="margin-top: 50px;"> |
|||
<el-button class="btnClass" @click="btnCopyMedicalPackage">复制套餐</el-button> |
|||
</div> |
|||
<div> |
|||
<el-button class="btnClass" @click="btnSave">保存</el-button> |
|||
</div> |
|||
</div> |
|||
|
|||
<!--复制套餐--> |
|||
<el-dialog title="体检套餐" :visible.sync="medicalPackageVisble" width="600px" height="400" |
|||
:show-close="false" :close-on-click-modal="false" :append-to-body="true"> |
|||
<el-table :data="dict.medicalPackage" border height="350" row-key="id" size="small" |
|||
highlight-current-row @row-click="packageRowClick" @row-dblclick="rowDblclick" ref="patientList" > |
|||
|
|||
<!-- "displayName": "健康体检套餐", |
|||
"price": 20.00, |
|||
"forSexId": "0", |
|||
"isActive": "Y", |
|||
"remark": "2", |
|||
"displayOrder": 1, |
|||
"simpleCode": "JKTJTC", |
|||
"creatorName": "admin", |
|||
"lastModifierName": "users", |
|||
"lastModificationTime": "2023-08-04T16:34:02.94408", |
|||
"lastModifierId": "3a0ca83b-3116-da05-3916-dfd4c0c548cb", |
|||
"creationTime": "2023-07-10T19:53:30.210553", |
|||
"creatorId": "3a0c4180-107c-0c89-b25b-0bd34666dcec", |
|||
"id": "3a0c51d3-2345-38df-ba0b-1862a3c3606f" --> |
|||
<el-table-column type="index" width="50" /> |
|||
<el-table-column prop="displayName" label="套餐名称" width="180"/> |
|||
<el-table-column prop="price" label="价格" width="80"/> |
|||
<el-table-column prop="forSexId" label="适用性别" width="80"> |
|||
<template slot-scope="scope"> |
|||
<div> |
|||
{{ dddw(dict.forSex, "id", scope.row.forSexId, "displayName") }} |
|||
</div> |
|||
</template> |
|||
</el-table-column> |
|||
<el-table-column prop="remark" label="备注" width="100"/> |
|||
<el-table-column prop="creatorName" label="创建人员" width="80"/> |
|||
<el-table-column prop="creationTime" label="创建日期" width="100"> |
|||
<template slot-scope="scope"> |
|||
<div v-if="scope.row.creationTime"> |
|||
{{ moment(scope.row.creationTime).format("yyyy-MM-DD") }} |
|||
</div> |
|||
</template> |
|||
</el-table-column> |
|||
<el-table-column prop="lastModifierName" label="修改人员" width="80"/> |
|||
<el-table-column prop="lastModificationTime" label="修改日期" width="100"> |
|||
<template slot-scope="scope"> |
|||
<div v-if="scope.row.lastModificationTime"> |
|||
{{ moment(scope.row.lastModificationTime).format("yyyy-MM-DD") }} |
|||
</div> |
|||
</template> |
|||
</el-table-column> |
|||
</el-table> |
|||
<span slot="footer" class="dialog-footer"> |
|||
<el-button @click="medicalPackageVisble = false" style="width:90px;">取消</el-button> |
|||
<el-button type="primary" @click="copyMedicalPackage" style="width:90px;">确定</el-button> |
|||
</span> |
|||
</el-dialog> |
|||
|
|||
|
|||
</div> |
|||
</template> |
|||
<script> |
|||
import moment from 'moment'; |
|||
import { mapState } from "vuex"; |
|||
import { getapi, postapi, putapi } from "@/api/api"; |
|||
import { arrayExistObj, tcdate, arrayFilter, arrayReduce, deepCopy,dddw } from "../../utlis/proFunc"; |
|||
|
|||
|
|||
export default { |
|||
props:['formData','refreshMoney'], |
|||
data() { |
|||
return { |
|||
packagePrice:0, //分组总价 |
|||
medicalPackageAsbitems:[], //分组包含组合项目 |
|||
itemTypeIds:[], //项目类别 |
|||
asbItemId:'', //当前快速选到的给合项目ID |
|||
quickAsb:[], //过滤显示的组合项目 |
|||
|
|||
asbItemChoosed: [], //勾选的 未选组合项目 |
|||
startPoint:-1, |
|||
PstartPoint:-1, |
|||
|
|||
medicalPackageVisble:false, //复制套餐 |
|||
curPackageId:'', //当前选中套餐ID |
|||
packageAsbitems:[], //套餐中包含的组合项目 |
|||
|
|||
|
|||
selecteddata: [], //已选数据 |
|||
unselecteddata: [], //未选数据 |
|||
rightselctedata: [], //右侧已选 |
|||
options: [], |
|||
value: "", |
|||
dialogVisible: false, |
|||
copyGroupdialogVisible: false, |
|||
packagelist: [], |
|||
tabledata: [], |
|||
temporaryselection: [], //已选组合项目table |
|||
copegroupdata: [], //复制分组 |
|||
addrulst: [], //添加保存的Id |
|||
price: "", //价格 |
|||
title: 1, |
|||
}; |
|||
}, |
|||
computed: { |
|||
...mapState(["window","dict","customerOrg"]), |
|||
}, |
|||
|
|||
created() { |
|||
this.dictInit() |
|||
}, |
|||
|
|||
updated () { |
|||
this.refreshTable('tablemedicalPackageAsbitems') |
|||
}, |
|||
methods: { |
|||
moment,dddw,deepCopy, |
|||
//表格强制刷新 |
|||
refreshTable(tableRef){ |
|||
this.$nextTick(() => { |
|||
this.$refs[tableRef].doLayout() |
|||
}) |
|||
}, |
|||
|
|||
//初始数据 |
|||
dictInit(){ |
|||
//体检类别 树结构 |
|||
getapi("/api/app/item-type/by-code-all").then((res) => { |
|||
if (res.code != -1) { |
|||
this.dict.itemTypeTree = res.data; |
|||
tcdate(this.dict.itemTypeTree); |
|||
} |
|||
}); |
|||
|
|||
//获取所有组合项目 |
|||
getapi("/api/app/asbitem/in-filter?Filter").then((res) => { |
|||
if (res.code != -1) { |
|||
this.dict.asbItemAll = res.data.items; |
|||
this.dict.asbItemAll.forEach(e => { |
|||
e.choosed = false |
|||
}) |
|||
this.dict.asbItem = deepCopy(this.dict.asbItemAll); |
|||
this.dict.asbItemQuick = deepCopy(res.data.items); |
|||
this.quickAsb = deepCopy(res.data.items); |
|||
} |
|||
}); |
|||
|
|||
//套餐 |
|||
getapi("/api/app/medical-package/in-filter").then((res) => { |
|||
if (res.code != -1) { |
|||
this.dict.medicalPackage = res.data.items; |
|||
} |
|||
}); |
|||
|
|||
}, |
|||
|
|||
handleRowClassName({ row, rowIndex }) { |
|||
// highLightBg 为 'selected'的高亮 |
|||
//console.log(rowIndex, row) |
|||
//return row.highLightBg == 'selected' ? 'high-light-bg' : ''; |
|||
if (row.choosed) { |
|||
return 'current-row'; |
|||
} else { |
|||
return ''; |
|||
} |
|||
|
|||
}, |
|||
|
|||
//项目类别过滤 组合项目，未过滤已选择的组合项目 |
|||
getAsbItemByItemTypeAll() { |
|||
//console.log('getAsbItemByItemType', typeof this.itemTypeIds, this.itemTypeIds) |
|||
let lv = ""; |
|||
if (typeof this.itemTypeIds === "object") { |
|||
lv = this.itemTypeIds[this.itemTypeIds.length - 1]; |
|||
} |
|||
|
|||
if (lv) { |
|||
this.dict.asbItem = arrayFilter(this.dict.asbItemAll, "itemTypeId", lv); |
|||
} else { |
|||
this.dict.asbItem = deepCopy(this.dict.asbItemAll); |
|||
} |
|||
//console.log('lv,this.dict.asbItem', lv, this.dict.asbItem) |
|||
this.dict.asbItemQuick = deepCopy(this.dict.asbItemAll); |
|||
|
|||
}, |
|||
|
|||
//按项目类别显示组合项目，并过滤已选择的组合项目 |
|||
getAsbItemByItemType() { |
|||
this.getAsbItemByItemTypeAll() |
|||
//刷新显示 未选组合项目 |
|||
arrayReduce(this.dict.asbItem, [...this.medicalPackageAsbitems], "id=asbitemId"); |
|||
arrayReduce(this.dict.asbItemQuick, [...this.medicalPackageAsbitems], "id=asbitemId"); |
|||
}, |
|||
|
|||
//快速选择组合项目时，调整可按拼间简码及简称查找 |
|||
filterMethod(keyWords) { |
|||
//console.log('filterMethod',this.dict.asbItemQuick) |
|||
if (keyWords) { |
|||
this.quickAsb = []; |
|||
this.dict.asbItemQuick.forEach(item => { |
|||
if (item.displayName.toLowerCase().indexOf(keyWords.toLowerCase()) > - 1 |
|||
|| item.simpleCode.toLowerCase().indexOf(keyWords.toLowerCase()) > - 1 |
|||
|| item.shortName.toLowerCase().indexOf(keyWords.toLowerCase()) > - 1) { |
|||
this.quickAsb.push(item); |
|||
} |
|||
}); |
|||
} else { |
|||
this.quickAsb = deepCopy(this.dict.asbItemQuick); |
|||
} |
|||
}, |
|||
|
|||
// 添加组合项目 |
|||
///api/app/register-asbitem/many/3fa85f64-5717-4562-b3fc-2c963f66afa6' |
|||
async addAbs(asbItemChoosed,oprType) { |
|||
// console.log('this.customerOrgGroup',this.customerOrgGroup) |
|||
// console.log('asbItemChoosed', asbItemChoosed) |
|||
if(!this.formData.id){ |
|||
this.$message.warning("请先选中单位分组") |
|||
return |
|||
} |
|||
if(this.formData.isComplete && this.formData.isComplete.toUpperCase() == 'Y'){ |
|||
this.$message.warning("体检次数已完成，不允许操作") |
|||
return |
|||
} |
|||
let message = [] |
|||
let checked = true |
|||
let lfind = -1 |
|||
|
|||
//oprType 不传值时，兼容勾选方式 |
|||
//勾选时不需要此操作 start |
|||
if(oprType && oprType == 'all'){ |
|||
asbItemChoosed = deepCopy(this.dict.asbItem) |
|||
}else if(oprType && oprType == 'choosed'){ |
|||
asbItemChoosed = [] |
|||
this.dict.asbItem.forEach(e =>{ |
|||
if(e.choosed){ |
|||
asbItemChoosed.push(e) |
|||
e.choosed = false |
|||
} |
|||
}) |
|||
} |
|||
//勾选时不需要此操作 end |
|||
|
|||
if (asbItemChoosed.length < 1) { |
|||
this.$message.warning("请选择要添加的组合项目") |
|||
return |
|||
} |
|||
|
|||
//性别、年龄判断 |
|||
// "displayName": "身高体重", |
|||
// "shortName": "哈f哈", |
|||
// "forSexId": "F", |
|||
// "itemTypeId": "3a0b16de-75b9-c910-c61b-844709a88940", |
|||
// "price": 0, |
|||
|
|||
// for (let i = 0; i < asbItemChoosed.length; i++) { |
|||
// if (this.formData.forSexId == 'A') break //未选性别时，无需判断组合项目性别限制 |
|||
// if (asbItemChoosed[i].forSexId == 'A' || asbItemChoosed[i].forSexId == 'U') continue |
|||
// if (asbItemChoosed[i].forSexId != this.formData.sexId) { |
|||
// this.$message.warning(`所选项目：${asbItemChoosed[i].displayName}，不适合当前人员性别`) |
|||
// checked = false |
|||
// break |
|||
// } |
|||
// } |
|||
// //console.log(222,checked) |
|||
// if (!checked) return |
|||
|
|||
// 去掉重复的项目 |
|||
arrayReduce(asbItemChoosed, this.medicalPackageAsbitems, "id=asbitemId") |
|||
|
|||
for (let i = asbItemChoosed.length - 1; i > - 1; i--) { |
|||
if (this.formData.forSexId == 'A') break //未选性别时，无需判断组合项目性别限制 |
|||
if (asbItemChoosed[i].forSexId == 'A' || asbItemChoosed[i].forSexId == 'U') continue |
|||
if (asbItemChoosed[i].forSexId != this.formData.forSexId) { |
|||
message.push(asbItemChoosed[i].displayName) //.warning(`所选项目：${asbItemChoosed[i].displayName}，不适合当前人员性别`) |
|||
checked = false |
|||
asbItemChoosed.splice(i,1) |
|||
} |
|||
} |
|||
//console.log(222,checked) |
|||
if (!checked) this.$message.warning(`所选项目【${JSON.stringify(message)}】不适合当前人员性别`) |
|||
|
|||
for (let i = 0; i < asbItemChoosed.length; i++) { |
|||
let pojo = { |
|||
asbitemId: asbItemChoosed[i].id, |
|||
displayName:asbItemChoosed[i].displayName, |
|||
discount:100, |
|||
customerOrgGroupDetailAmount:1, |
|||
price:asbItemChoosed[i].price, |
|||
customerOrgGroupDetailPrice:asbItemChoosed[i].price, |
|||
customerOrgGroupDetailMoney: asbItemChoosed[i].price, |
|||
asbitemMoney: asbItemChoosed[i].price, |
|||
} |
|||
|
|||
|
|||
this.medicalPackageAsbitems.push(pojo) |
|||
//this.medicalPackageAsbitems.push({ ...pojo, asbitemName: asbItemChoosed[i].displayName }) |
|||
|
|||
lfind = arrayExistObj(this.dict.asbItem, 'id', asbItemChoosed[i].id) |
|||
if (lfind > -1) this.dict.asbItem.splice(lfind, 1) |
|||
|
|||
lfind = arrayExistObj(this.dict.asbItemQuick, 'id', asbItemChoosed[i].id) |
|||
if (lfind > -1) this.dict.asbItemQuick.splice(lfind, 1) |
|||
|
|||
} |
|||
|
|||
|
|||
}, |
|||
|
|||
//双击选择组合项目 |
|||
dbClickChoosedAsb(row) { |
|||
this.addAbs([row]); |
|||
}, |
|||
//快速选择组合项目 |
|||
quickChoosedAsb(v) { |
|||
//远程查询时，设置了 value-key 也不管用，只能取到value console.log('quickChoosedAsb',v) |
|||
let lfind = -1 |
|||
if (v) { |
|||
lfind = arrayExistObj(this.dict.asbItemQuick, 'id', v) |
|||
if (lfind > -1) { |
|||
this.addAbs([this.dict.asbItemQuick[lfind]]) |
|||
} |
|||
} |
|||
|
|||
this.$nextTick(() => { |
|||
this.$refs['quickAsbOCX'].blur(); //total asbItemId |
|||
this.asbItemId = '' |
|||
this.quickAsb = deepCopy(this.dict.asbItemQuick) |
|||
this.$refs['quickAsbOCX'].focus(); //total asbItemId |
|||
}); |
|||
|
|||
}, |
|||
|
|||
//选择 未选的组合项目 |
|||
chooseAsbItem(row){ |
|||
this.dict.asbItem.forEach((e,index) => { |
|||
e.index = index; |
|||
return e |
|||
}); |
|||
// 按住了shift键 |
|||
if (this.window.shift) { |
|||
//清除所有选择 |
|||
this.dict.asbItem.forEach(e => { |
|||
e.choosed = false; |
|||
return e |
|||
}); |
|||
|
|||
if (this.startPoint == - 1) { |
|||
this.dict.asbItem[row.index].choosed = true; |
|||
this.startPoint = row.index; |
|||
return |
|||
} |
|||
|
|||
if (this.startPoint > row.index) { |
|||
for (let i = row.index; i <= this.startPoint; i++) { |
|||
this.dict.asbItem[i].choosed = true |
|||
} |
|||
} else if (this.startPoint <= row.index) { |
|||
for (let i = this.startPoint; i <= row.index; i++) { |
|||
this.dict.asbItem[i].choosed = true |
|||
} |
|||
} |
|||
return |
|||
} |
|||
|
|||
// 按住了ctrl 键 |
|||
if (this.window.ctrl) { |
|||
console.log('this.window.ctrl',this.window.ctrl,this.dict.asbItem) |
|||
this.dict.asbItem[row.index].choosed = true; |
|||
this.startPoint = row.index; |
|||
return |
|||
} |
|||
|
|||
// 未按住了ctrl 、shift 键 |
|||
//清除所有选择 |
|||
//console.log('清除所有选择') |
|||
this.dict.asbItem.forEach(e => { |
|||
e.choosed = false; |
|||
return e |
|||
}); |
|||
this.dict.asbItem[row.index].choosed = true; |
|||
this.startPoint = row.index; |
|||
|
|||
}, |
|||
|
|||
//删除 人员已选中的组合项目 |
|||
///api/app/register-asbitem/many?RegisterAsbitemIds=3fa85f64-5717-4562-b3fc-2c963f66afa6 |
|||
delAbs(absForDel,oprType) { |
|||
if(!this.formData.id){ |
|||
this.$message.warning("请先选中单位分组") |
|||
return |
|||
} |
|||
if(this.formData.isComplete && this.formData.isComplete.toUpperCase() == 'Y'){ |
|||
this.$message.warning("体检次数已完成，不允许操作") |
|||
return |
|||
} |
|||
|
|||
|
|||
let lfind = -1 |
|||
|
|||
//勾选时不需要此操作 start |
|||
if(oprType && oprType == 'all'){ |
|||
absForDel = deepCopy(this.medicalPackageAsbitems) |
|||
}else if(oprType && oprType == 'choosed'){ |
|||
absForDel = [] |
|||
this.medicalPackageAsbitems.forEach(e =>{ |
|||
if(e.choosed){ |
|||
absForDel.push(deepCopy(e)) |
|||
e.choosed = false |
|||
} |
|||
}) |
|||
} |
|||
//勾选时不需要此操作 end |
|||
|
|||
if (absForDel.length < 1) { |
|||
this.$message.warning("请选择要移除的组合项目") |
|||
return |
|||
} |
|||
|
|||
for (let i = 0; i < absForDel.length; i++) { |
|||
|
|||
lfind = arrayExistObj(this.medicalPackageAsbitems, 'asbitemId', absForDel[i].asbitemId) |
|||
if (lfind > -1) this.medicalPackageAsbitems.splice(lfind, 1) |
|||
|
|||
absForDel.splice(i, 1) |
|||
i-- |
|||
continue |
|||
|
|||
} |
|||
|
|||
//刷新 |
|||
this.getAsbItemByItemType() |
|||
|
|||
}, |
|||
|
|||
//双击删除已选项目 |
|||
removeAbs(row) { |
|||
this.delAbs([row]); |
|||
}, |
|||
|
|||
//选择 已选的组合项目 |
|||
removeAsbItem(row){ |
|||
this.medicalPackageAsbitems.forEach((e,index) => { |
|||
e.index = index; |
|||
return e |
|||
}); |
|||
// 按住了shift键 |
|||
if (this.window.shift) { |
|||
//清除所有选择 |
|||
this.medicalPackageAsbitems.forEach(e => { |
|||
e.choosed = false; |
|||
return e |
|||
}); |
|||
|
|||
if (this.PstartPoint == - 1) { |
|||
this.medicalPackageAsbitems[row.index].choosed = true; |
|||
this.PstartPoint = row.index; |
|||
return |
|||
} |
|||
|
|||
if (this.PstartPoint > row.index) { |
|||
for (let i = row.index; i <= this.PstartPoint; i++) { |
|||
this.medicalPackageAsbitems[i].choosed = true |
|||
} |
|||
} else if (this.PstartPoint <= row.index) { |
|||
for (let i = this.PstartPoint; i <= row.index; i++) { |
|||
this.medicalPackageAsbitems[i].choosed = true |
|||
} |
|||
} |
|||
return |
|||
} |
|||
|
|||
// 按住了ctrl 键 |
|||
if (this.window.ctrl) { |
|||
console.log('this.window.ctrl',this.window.ctrl,this.medicalPackageAsbitems) |
|||
this.medicalPackageAsbitems[row.index].choosed = true; |
|||
this.PstartPoint = row.index; |
|||
return |
|||
} |
|||
|
|||
// 未按住了ctrl 、shift 键 |
|||
//清除所有选择 |
|||
//console.log('清除所有选择') |
|||
this.medicalPackageAsbitems.forEach(e => { |
|||
e.choosed = false; |
|||
return e |
|||
}); |
|||
this.medicalPackageAsbitems[row.index].choosed = true; |
|||
this.PstartPoint = row.index; |
|||
|
|||
}, |
|||
|
|||
changeDiscount(index){ |
|||
|
|||
this.medicalPackageAsbitems[index].customerOrgGroupDetailPrice = |
|||
(this.medicalPackageAsbitems[index].discount * this.medicalPackageAsbitems[index].price/100).toFixed(2) |
|||
|
|||
|
|||
this.medicalPackageAsbitems[index].customerOrgGroupDetailMoney = |
|||
(this.medicalPackageAsbitems[index].customerOrgGroupDetailPrice * this.medicalPackageAsbitems[index].customerOrgGroupDetailAmount).toFixed(2) |
|||
|
|||
//this.getSummaries() |
|||
|
|||
}, |
|||
|
|||
//修改价格或数量 |
|||
changePrices(index){ |
|||
this.medicalPackageAsbitems[index].customerOrgGroupDetailMoney = |
|||
(this.medicalPackageAsbitems[index].customerOrgGroupDetailPrice * this.medicalPackageAsbitems[index].customerOrgGroupDetailAmount).toFixed(2) |
|||
|
|||
this.medicalPackageAsbitems[index].asbitemMoney = |
|||
(this.medicalPackageAsbitems[index].price * this.medicalPackageAsbitems[index].customerOrgGroupDetailAmount).toFixed(2) |
|||
|
|||
this.medicalPackageAsbitems[index].discount = (this.medicalPackageAsbitems[index].customerOrgGroupDetailPrice * 100 / this.medicalPackageAsbitems[index].price).toFixed(2) |
|||
//this.getSummaries() |
|||
}, |
|||
|
|||
|
|||
//合计 |
|||
getSummaries(param) { |
|||
console.log('getSummaries param',param) |
|||
// if(!param){ |
|||
// param = { |
|||
// columns:[{}, {}, {}, {}, {}, {}, {property: 'asbitemMoney'},{property: 'customerOrgGroupDetailMoney'}], |
|||
// data:this.medicalPackageAsbitems |
|||
// } |
|||
// } |
|||
|
|||
const { columns, data } = param; |
|||
const sumCol = [6, 7] //需合计的列 |
|||
const sums = []; |
|||
columns.forEach((column, index) => { |
|||
//console.log('column, index,data',column, index,data) |
|||
//显示合计列 |
|||
if (index === 1) { |
|||
sums[index] = '合计'; |
|||
return; |
|||
} |
|||
|
|||
//不合计的列 |
|||
if (sumCol.indexOf(index) == -1) { |
|||
sums[index] = ''; |
|||
return; |
|||
} |
|||
|
|||
sums[index] = 0 |
|||
data.forEach(e => { |
|||
if (!isNaN(e[column.property])) sums[index] += Number(e[column.property])// * e['amount'] |
|||
}) |
|||
sums[index] = sums[index].toFixed(2) //+ ' 元'; |
|||
|
|||
}); |
|||
this.packagePrice = sums[7]; |
|||
// console.log('getSummaries',sums) |
|||
// if (!this.totalFoucs) this.total = sums[5]; |
|||
// if (!this.discountFoucs) this.discount = Number(this.total * 100 / this.totalStand).toFixed(2); |
|||
return sums; |
|||
}, |
|||
|
|||
|
|||
//复制套餐 |
|||
btnCopyMedicalPackage(){ |
|||
if(!this.formData.id){ |
|||
this.$message.warning("请先选中单位分组") |
|||
return |
|||
} |
|||
if(this.formData.isComplete && this.formData.isComplete.toUpperCase() == 'Y'){ |
|||
this.$message.warning("体检次数已完成，不允许操作") |
|||
return |
|||
} |
|||
this.medicalPackageVisble = true |
|||
}, |
|||
|
|||
//选中套餐 |
|||
async packageRowClick(row){ |
|||
this.curPackageId = row.id |
|||
this.packageAsbitems = [] |
|||
try { |
|||
let res = await getapi(`/api/app/medical-package-detail/medical-package-in-asbitem?MedicalPackageId=${row.id}`) |
|||
this.packageAsbitems = res.data |
|||
} catch (error) { |
|||
console.log(error) |
|||
} |
|||
}, |
|||
|
|||
//双击选套餐，并确认复制 |
|||
async rowDblclick(row){ |
|||
await this.packageRowClick(row) |
|||
this.copyMedicalPackage() |
|||
}, |
|||
|
|||
//复制套餐(确认选中套餐) |
|||
copyMedicalPackage(){ |
|||
if(!this.curPackageId){ |
|||
this.$message.warning("请先选择要复制的套餐！") |
|||
return |
|||
} |
|||
console.log('this.packageAsbitems',this.packageAsbitems) |
|||
this.addAbs(deepCopy(this.packageAsbitems)) |
|||
this.medicalPackageVisble = false |
|||
}, |
|||
|
|||
|
|||
|
|||
|
|||
|
|||
//保存按钮 |
|||
btnSave() { |
|||
if(!this.formData.id){ |
|||
this.$message.warning("请先选中单位分组") |
|||
return |
|||
} |
|||
if(this.formData.isComplete && this.formData.isComplete.toUpperCase() == 'Y'){ |
|||
this.$message.warning("体检次数已完成，不允许操作") |
|||
return |
|||
} |
|||
let body = { |
|||
customerOrgGroupId:this.formData.id, |
|||
details:[] |
|||
} |
|||
// { |
|||
// "customerOrgGroupId": "3fa85f64-5717-4562-b3fc-2c963f66afa6", |
|||
// "details": [ |
|||
// { |
|||
// "customerOrgGroupId": "3fa85f64-5717-4562-b3fc-2c963f66afa6", |
|||
// "asbitemId": "3fa85f64-5717-4562-b3fc-2c963f66afa6", |
|||
// "price": 0, |
|||
// "amount": 0 |
|||
// } |
|||
// ] |
|||
// } |
|||
this.medicalPackageAsbitems.forEach(e =>{ |
|||
body.details.push({ |
|||
customerOrgGroupId:this.formData.id, |
|||
asbitemId:e.asbitemId, |
|||
price:e.customerOrgGroupDetailPrice, |
|||
amount:e.customerOrgGroupDetailAmount |
|||
}) |
|||
}) |
|||
|
|||
let group = deepCopy(this.customerOrgGroup); |
|||
postapi('/api/app/customerorggroupdetail/createcustomerorggroupdetailmany',body |
|||
).then(res => { |
|||
if(res.code != -1){ |
|||
delete group.id; |
|||
delete group.customerOrgId; |
|||
delete group.isComplete; |
|||
group.price = this.packagePrice |
|||
// console.log('this.customerOrgGroup',this.customerOrgGroup) |
|||
// console.log('group',group) |
|||
return putapi(`/api/app/customer-org-group/${this.formData.id}`, group) |
|||
} |
|||
}).then(res =>{ |
|||
if(res.code != -1){ |
|||
this.$message.success("操作成功"); |
|||
group.id = this.formData.id |
|||
this.refreshMoney(group) |
|||
} |
|||
}) |
|||
|
|||
}, |
|||
|
|||
|
|||
//右侧勾选按钮 |
|||
selecteditems(val) { |
|||
this.rightselctedata = val; |
|||
console.log(this.rightselctedata); |
|||
}, |
|||
|
|||
|
|||
// 左侧未选 |
|||
handleSelectionChange(val) { |
|||
// this.selecteddata = val; |
|||
this.unselecteddata = val; |
|||
console.log(this.unselecteddata); |
|||
}, |
|||
|
|||
|
|||
//获取当前列列表数据 |
|||
getmedicalPackageAsbitems(customerOrgGroupId) { |
|||
if(customerOrgGroupId){ |
|||
getapi( |
|||
`/api/app/customerorggroupdetail/getcustomerorggroupdetailinasbitem?CustomerOrgGroupId=${customerOrgGroupId}` |
|||
).then((res) => { |
|||
if(res.code != -1){ |
|||
this.medicalPackageAsbitems = res.data; |
|||
this.getAsbItemByItemType() |
|||
} |
|||
}); |
|||
}else{ |
|||
this.medicalPackageAsbitems = [] |
|||
this.getAsbItemByItemType() |
|||
} |
|||
}, |
|||
|
|||
}, |
|||
|
|||
//监听事件 |
|||
watch: { |
|||
// |
|||
"formData.id"(newVal, oldVal) { |
|||
console.log("formData.id ",newVal,oldVal); |
|||
if (newVal != oldVal) { |
|||
this.getmedicalPackageAsbitems(newVal); |
|||
} |
|||
}, |
|||
}, |
|||
}; |
|||
</script> |
|||
<style scoped> |
|||
|
|||
.box { |
|||
margin-top: 5px; |
|||
border: 1px solid #000; |
|||
} |
|||
|
|||
.btnClass { |
|||
width:100px; |
|||
margin-bottom: 5px |
|||
} |
|||
|
|||
</style> |
|||
@ -0,0 +1,633 @@ |
|||
<template> |
|||
<div> |
|||
<el-card> |
|||
<div slot="header">套餐设置</div> |
|||
<!--套餐信息--> |
|||
<div style="display: flex;"> |
|||
<div :style="'display: block;width:' + (window.pageWidth - 45 - 110) + 'px;'"> |
|||
<div> |
|||
<el-table |
|||
:data="medicalPackages" ref="medicalPackages" |
|||
row-key="id" |
|||
border |
|||
height="240px" |
|||
size="small" |
|||
highlight-current-row :row-class-name="handleRowClassName" |
|||
@row-click="rowClick" |
|||
> |
|||
<el-table-column |
|||
type="index" |
|||
label="序号" |
|||
min-width="50" |
|||
align="center" |
|||
/> |
|||
<el-table-column prop="displayName" label="名称" min-width="150" /> |
|||
<el-table-column |
|||
prop="price" |
|||
label="价格" |
|||
min-width="60" |
|||
align="center" |
|||
/> |
|||
<el-table-column |
|||
prop="forSexId" |
|||
label="适用性别" |
|||
min-width="60" |
|||
align="center" |
|||
> |
|||
<template slot-scope="scope"> |
|||
{{ dddw(dict.forSex, "id", scope.row.forSexId, "displayName") }} |
|||
</template> |
|||
</el-table-column> |
|||
<!-- |
|||
<el-table-column |
|||
prop="maritalStatusId" |
|||
label="适用婚姻状况" |
|||
min-width="80" |
|||
align="center" |
|||
> |
|||
<template slot-scope="scope"> |
|||
{{ |
|||
dddw( |
|||
dict.forMaritalStatus, |
|||
"id", |
|||
scope.row.maritalStatusId, |
|||
"displayName" |
|||
) |
|||
}} |
|||
</template> |
|||
</el-table-column> |
|||
--> |
|||
<el-table-column |
|||
prop="isActive" |
|||
label="启用" |
|||
min-width="60" |
|||
align="center" |
|||
> |
|||
<template slot-scope="scope"> |
|||
{{ scope.row.isActive == 'Y' ? '是':'否' }} |
|||
</template> |
|||
</el-table-column> |
|||
|
|||
<el-table-column |
|||
prop="creatorName" |
|||
label="创建者" |
|||
min-width="60" |
|||
align="center" |
|||
/> |
|||
<el-table-column label="创建时间" min-width="150" align="center"> |
|||
<template slot-scope="scope"> |
|||
{{ |
|||
scope.row.creationTime |
|||
? moment(scope.row.creationTime).format("yyyy-MM-DD HH:mm:ss") |
|||
: "" |
|||
}} |
|||
</template> |
|||
</el-table-column> |
|||
<el-table-column label="操作" width="40"> |
|||
<template> |
|||
<el-tag |
|||
class="move" |
|||
style="cursor: move;" |
|||
draggable="true" |
|||
> |
|||
<i class="el-icon-d-caret" style="font-size:14px;"></i> |
|||
</el-tag> |
|||
</template> |
|||
</el-table-column> |
|||
</el-table> |
|||
</div> |
|||
</div> |
|||
<!--按钮--> |
|||
<div style="display: block;margin-left: 10px;"> |
|||
<div> |
|||
<el-button class="btnClass" @click="btnAdd">新增</el-button> |
|||
</div> |
|||
<div> |
|||
<el-button class="btnClass" @click="btnEdit" >编辑</el-button> |
|||
</div> |
|||
<div> |
|||
<el-button class="btnClass" @click="btnDel" >删除</el-button> |
|||
</div> |
|||
<div> |
|||
<el-button class="btnClass" @click="btnSetTop" >置顶</el-button> |
|||
</div> |
|||
<div> |
|||
<el-button class="btnClass" @click="btnSetBottom" >置低</el-button> |
|||
</div> |
|||
<div> |
|||
<el-button class="btnClass" @click="btnSort" :disabled="!isDrag" >保存排序</el-button> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
|
|||
<!--套餐项目信息--> |
|||
<div> |
|||
<MedicalPackageAsbitem :formData="form" :refreshMoney="refreshMoney"/> |
|||
</div> |
|||
|
|||
</el-card> |
|||
|
|||
<!-- 新增或者编辑弹框 --> |
|||
<el-dialog |
|||
:title="form.id ? '编辑' : '新增'" |
|||
:close-on-click-modal="false" |
|||
:visible.sync="dialogVisible" |
|||
width="800px" |
|||
> |
|||
<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="启用" prop="isActive"> |
|||
<el-radio v-model="form.isActive" label="Y">是</el-radio> |
|||
<el-radio v-model="form.isActive" label="N">否</el-radio> |
|||
</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> |
|||
<span slot="footer" class="dialog-footer"> |
|||
<el-button @click="dialogVisible = false">取消</el-button> |
|||
<el-button type="success" @click="computePrice">同比折算套餐项目价格</el-button> |
|||
<el-button type="primary" @click="onSubmit('form')">确定</el-button> |
|||
</span> |
|||
</el-dialog> |
|||
<!-- --> |
|||
</div> |
|||
</template> |
|||
<script> |
|||
import moment from "moment"; |
|||
import Sortable from "sortablejs"; |
|||
import { getapi, postapi, putapi, deletapi } from "@/api/api"; |
|||
import { mapState } from "vuex"; |
|||
import { dddw, deepCopy, objCopy, arrayExistObj } from "../../utlis/proFunc"; |
|||
|
|||
import MedicalPackageAsbitem from "../../components/common/MedicalPackageAsbitem.vue"; |
|||
|
|||
export default { |
|||
components: { |
|||
MedicalPackageAsbitem, |
|||
}, |
|||
data() { |
|||
return { |
|||
medicalPackages: [{id:''}], //套餐 |
|||
medicalPackageId: "", //当前选中的体检单位id |
|||
customerOrgRegisterList: [], //体检次数列表 |
|||
customerOrgRegister: {}, //体检次数 |
|||
|
|||
isDrag: false, |
|||
form: { |
|||
//体检单位套餐 |
|||
medicalPackageId:'', //复制套餐时用到(预留查历次套餐) |
|||
isComplete:'N', //体检次数是否完成，如完成不允许调整套餐项目 |
|||
id: "", |
|||
displayName: "", |
|||
price: 0, |
|||
forSexId: "A", |
|||
maritalStatusId: "A", |
|||
isActive:'Y', |
|||
remark: "", |
|||
}, |
|||
formInit: {}, |
|||
rules: { |
|||
displayName: [ |
|||
{ required: true, message: "请填写套餐名称", trigger: "blur" }, |
|||
], |
|||
}, |
|||
|
|||
dialogVisible: false, |
|||
|
|||
}; |
|||
}, |
|||
computed: { |
|||
...mapState(["personnelUnit", "window", "dict"]), |
|||
}, |
|||
created() { |
|||
this.rowDrop(); |
|||
this.formInit = deepCopy(this.form); |
|||
}, |
|||
mounted() { |
|||
//获取初始数据（单位、适用性别） |
|||
this.dictInit(); |
|||
}, |
|||
methods: { |
|||
moment, |
|||
dddw,deepCopy, |
|||
|
|||
//刷新套餐价格（供子组件调用） |
|||
refreshMoney(formData){ |
|||
//console.log('this is parent') |
|||
let lfind = arrayExistObj(this.medicalPackages,'id',formData.id) |
|||
if(lfind > -1) this.medicalPackages[lfind].price = formData.price |
|||
}, |
|||
|
|||
//确定排序 |
|||
btnSort() { |
|||
const result = []; |
|||
this.medicalPackages.forEach((item, index) => { |
|||
result.push({ id: item.id, displayOrder: index }); |
|||
}); |
|||
putapi("/api/app/medicalpackage/updatesortmany", { |
|||
itemList: result, |
|||
}).then((res) => { |
|||
this.$message.success("操作成功"); |
|||
this.isDrag = false; |
|||
}); |
|||
}, |
|||
|
|||
//初始化Sortable组件 |
|||
rowDrop() { |
|||
this.$nextTick(() => { |
|||
const el = document.querySelector(".el-table__body-wrapper tbody"); |
|||
//console.log('el0',el) |
|||
const that = this; |
|||
Sortable.create(el, { |
|||
handle: ".move", |
|||
animation: 300, |
|||
//拖拽结束 |
|||
onEnd({ newIndex, oldIndex }) { |
|||
that.isDrag = true; |
|||
const currRow = that.medicalPackages.splice(oldIndex, 1)[0]; |
|||
that.medicalPackages.splice(newIndex, 0, currRow); |
|||
console.log('el',el) |
|||
}, |
|||
}); |
|||
}); |
|||
}, |
|||
|
|||
|
|||
//置底 |
|||
btnSetBottom() { |
|||
if (!this.form.id) { |
|||
this.$message.warning("请选择操作的数据"); |
|||
return |
|||
} |
|||
let lfind = arrayExistObj(this.medicalPackages,'id',this.form.id) |
|||
let currentRow = {} |
|||
|
|||
putapi( |
|||
`/api/app/medicalpackage/updatemanysort?id=${this.form.id}&SortType=2` |
|||
).then((res) => { |
|||
this.$message.success("操作成功"); |
|||
currentRow = this.medicalPackages.splice(lfind,1)[0] //删除并赋值 |
|||
this.medicalPackages.push(currentRow) |
|||
this.$refs['medicalPackages'].setCurrentRow(currentRow); |
|||
}); |
|||
|
|||
}, |
|||
|
|||
//置顶 |
|||
btnSetTop() { |
|||
if (!this.form.id) { |
|||
this.$message.warning("请选择操作的数据"); |
|||
return |
|||
} |
|||
|
|||
let lfind = arrayExistObj(this.medicalPackages,'id',this.form.id) |
|||
let currentRow = {} |
|||
|
|||
putapi( |
|||
`/api/app/medicalpackage/updatemanysort?id=${this.form.id}&SortType=1` |
|||
).then((res) => { |
|||
this.$message.success("操作成功"); |
|||
currentRow = this.medicalPackages.splice(lfind,1)[0] |
|||
this.medicalPackages.unshift(currentRow) |
|||
this.$refs['medicalPackages'].setCurrentRow(currentRow); |
|||
}); |
|||
|
|||
}, |
|||
|
|||
//选中颜色 |
|||
handleRowClassName({ row, rowIndex }) { |
|||
// highLightBg 为 'selected'的高亮 |
|||
//console.log(rowIndex, row) |
|||
//return row.highLightBg == 'selected' ? 'high-light-bg' : ''; |
|||
if (row.choosed) { |
|||
return 'current-row'; |
|||
} else { |
|||
return ''; |
|||
} |
|||
|
|||
}, |
|||
|
|||
//获取初始数据 |
|||
dictInit() { |
|||
|
|||
//获取适用性别 |
|||
getapi("/api/app/for-sex").then((res) => { |
|||
if (res.code != -1) { |
|||
this.dict.forSex = res.data; |
|||
} |
|||
}); |
|||
this.getPackages() |
|||
}, |
|||
|
|||
getPackages(){ |
|||
// /api/app/medical-package/in-filter?MaxResultCount=1000 |
|||
getapi("/api/app/medical-package/in-filter?MaxResultCount=1000").then(res => { |
|||
if(res.code != -1){ |
|||
this.medicalPackages = res.data.items |
|||
} |
|||
}) |
|||
}, |
|||
|
|||
|
|||
|
|||
//选择单位 |
|||
changeCustomerOrg(v) { |
|||
getapi( |
|||
`/api/app/customerorgregister/getlistinmedicalPackageId?medicalPackageId=${v}` |
|||
).then((res) => { |
|||
if (res.code != -1) { |
|||
this.customerOrgRegisterList = res.data; |
|||
if (res.data.length > 0) { |
|||
this.customerOrgRegister = res.data[res.data.length - 1]; |
|||
this.getCustomerOrgGroup(this.customerOrgRegister.id); |
|||
} else { |
|||
this.customerOrgRegister = {}; |
|||
this.medicalPackages = []; |
|||
this.isDrag = false |
|||
} |
|||
objCopy(this.formInit,this.form) |
|||
} |
|||
}); |
|||
}, |
|||
|
|||
//选择体检次数 |
|||
changeTimes(v) { |
|||
this.getCustomerOrgGroup(v.id); |
|||
}, |
|||
|
|||
|
|||
//点击套餐 |
|||
rowClick(row) { |
|||
objCopy(row, this.form); |
|||
}, |
|||
|
|||
//新增弹框 |
|||
btnAdd() { |
|||
if (!this.customerOrgRegister.id) { |
|||
this.$message.warning("请选择体检次数"); |
|||
return; |
|||
} |
|||
if(this.customerOrgRegister.isComplete.toUpperCase() == 'Y'){ |
|||
this.$message.warning("该单位体检次数已完成，不允许新增套餐"); |
|||
return; |
|||
} |
|||
|
|||
if (this.customerOrgRegister.isComplete.toUpperCase() == "Y") { |
|||
this.$message.warning("该单位的该次体检次数已完成，不能再添加套餐！"); |
|||
return; |
|||
} |
|||
|
|||
this.form = deepCopy(this.formInit); |
|||
this.form.customerOrgRegisterId = this.customerOrgRegister.id; |
|||
this.form.medicalPackageId = this.medicalPackageId; |
|||
this.dialogVisible = true; |
|||
}, |
|||
|
|||
//编辑弹框 |
|||
btnEdit() { |
|||
if (!this.form.id) { |
|||
this.$message.warning("请选择需要操作的数据"); |
|||
return; |
|||
} |
|||
this.dialogVisible = true; |
|||
}, |
|||
|
|||
//删除 |
|||
btnDel() { |
|||
if (!this.form.id) { |
|||
this.$message.warning("请选择需要操作的数据"); |
|||
return; |
|||
} |
|||
if(this.customerOrgRegister.isComplete.toUpperCase() == 'Y'){ |
|||
this.$message.warning("该单位体检次数已完成，不允许删除套餐"); |
|||
return; |
|||
} |
|||
|
|||
this.$confirm("此操作将永久删除该记录, 是否继续?", "提示", { |
|||
confirmButtonText: "是", |
|||
cancelButtonText: " 否 ", |
|||
type: "warning", |
|||
}) |
|||
.then(() => { |
|||
return deletapi(`/api/app/customer-org-group/${this.form.id}`); |
|||
}) |
|||
.then((res) => { |
|||
if (res.code != -1) { |
|||
this.$message.success("删除成功"); |
|||
let lfind = arrayExistObj( |
|||
this.medicalPackages, |
|||
"id", |
|||
this.form.id |
|||
); |
|||
if (lfind > -1) this.medicalPackages.splice(lfind, 1); |
|||
objCopy(this.formInit,this.form) |
|||
this.isDrag = false |
|||
} |
|||
}) |
|||
.catch((err) => { |
|||
if (err == "cancel") { |
|||
this.$message.info("已取消删除"); |
|||
} |
|||
}); |
|||
}, |
|||
|
|||
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.customerOrgRegisterId) { |
|||
this.$message.warning("请选择单位体检次数！"); |
|||
return false; |
|||
} |
|||
|
|||
let body = deepCopy(this.form); |
|||
delete body.id; |
|||
delete body.medicalPackageId; |
|||
delete body.isComplete; |
|||
|
|||
if (this.form.id) { |
|||
//编辑 |
|||
putapi(`/api/app/customer-org-group/${this.form.id}`, body).then( |
|||
(res) => { |
|||
if (res.code != -1) { |
|||
this.$message.success("操作成功！"); |
|||
let lfind = arrayExistObj( |
|||
this.medicalPackages, |
|||
"id", |
|||
this.form.id |
|||
); |
|||
if (lfind > -1) |
|||
objCopy(this.form, this.medicalPackages[lfind]); |
|||
this.dialogVisible = false; |
|||
} |
|||
} |
|||
); |
|||
} else { |
|||
//新增 |
|||
postapi( |
|||
"/api/customerorggroup/createcustomerorggroupincustomerorgregister", |
|||
body |
|||
).then((res) => { |
|||
if (res.code != -1) { |
|||
this.$message.success("操作成功！"); |
|||
this.form.id = res.data.id; |
|||
this.medicalPackages.push(deepCopy(res.data)); |
|||
this.$refs['medicalPackages'].setCurrentRow(this.medicalPackages[this.medicalPackages.length - 1]); |
|||
this.dialogVisible = 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){ |
|||
//this.$message.success("操作成功"); |
|||
//触发套餐明细刷新 |
|||
this.form.id = '' |
|||
//要做延时处理，否则不会触发监听 |
|||
setTimeout(() => { |
|||
this.form.id = customerOrgGroupId; |
|||
this.onSubmit('form') |
|||
}, 100) |
|||
|
|||
} |
|||
}) |
|||
|
|||
}, |
|||
|
|||
madeNewGroupAsbitems(oldGroupAsbitems,newTotal){ |
|||
newTotal = Number(newTotal).toFixed(2) |
|||
let newGroupAsbitems = [] |
|||
let oldTotal = Number(0) |
|||
oldGroupAsbitems.forEach(e =>{ |
|||
oldTotal += Number(e.asbitemMoney) //customerOrgGroupDetailMoney |
|||
}) |
|||
oldTotal = Number(oldTotal).toFixed(2) |
|||
|
|||
let discount = 0 |
|||
if(oldTotal != 0) discount = (newTotal * 100 /oldTotal).toFixed(2) |
|||
|
|||
oldTotal = Number(0) |
|||
oldGroupAsbitems.forEach(e =>{ |
|||
e.customerOrgGroupDetailPrice = (e.price * discount/100).toFixed(2) |
|||
e.customerOrgGroupDetailMoney = (e.customerOrgGroupDetailPrice * e.customerOrgGroupDetailAmount).toFixed(2) |
|||
oldTotal += Number(e.customerOrgGroupDetailMoney) |
|||
}) |
|||
oldTotal = Number(oldTotal).toFixed(2) |
|||
|
|||
//console.log('discount,oldTotal',discount,oldTotal) |
|||
|
|||
let didTotal = Number(newTotal - oldTotal).toFixed(2) |
|||
if(didTotal != 0){ |
|||
for(let i = 0;i<oldGroupAsbitems.length;i++){ |
|||
if(oldGroupAsbitems[i].customerOrgGroupDetailAmount == 1){ |
|||
oldGroupAsbitems[i].customerOrgGroupDetailPrice = (Number(oldGroupAsbitems[i].customerOrgGroupDetailPrice) + Number(didTotal)).toFixed(2) |
|||
break |
|||
} |
|||
} |
|||
} |
|||
|
|||
oldGroupAsbitems.forEach(e =>{ |
|||
newGroupAsbitems.push({ |
|||
customerOrgGroupId:e.customerOrgGroupId, |
|||
asbitemId:e.asbitemId, |
|||
price:e.customerOrgGroupDetailPrice, |
|||
amount:e.customerOrgGroupDetailAmount |
|||
}) |
|||
}) |
|||
|
|||
return newGroupAsbitems |
|||
}, |
|||
|
|||
}, |
|||
}; |
|||
</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