pengjun
2 weeks ago
3 changed files with 565 additions and 106 deletions
-
547src/components/common/HcAsbitem.vue
-
2src/components/patientRegister/PatientRegisterItem.vue
-
120src/views/fee-settings/Asbitem.vue
@ -0,0 +1,547 @@ |
|||
<template> |
|||
<div> |
|||
<div :style="'display: flex;width:' + (window.pageWidth - 45 - 110) + 'px;'"> |
|||
<!--未选组合项目--> |
|||
<div style="display: block; width:260px;"> |
|||
<div> |
|||
<span style="padding: 5px;font-size: 14px;font-weight: 400;color: #232748;font-family: NotoSansSC-Regular;margin-bottom: 10px;">项目类别</span> |
|||
<el-cascader :options="dict.itemTypeTree" v-model="itemTypeIds" |
|||
:props="{ checkStrictly: true, expandTrigger: 'hover', ...customerOrg.treeprops, }" popper-class="example" @change="getAsbItemByItemType" size="small" ref="itemTypeIds"> |
|||
</el-cascader> |
|||
</div> |
|||
<div class="box"> |
|||
<el-table :data="dict.asbItem" size="small" highlight-current-row |
|||
:height="window.pageHeight < 600 ? 190:Math.floor((window.pageHeight - 230) / 2)" |
|||
@row-dblclick="dbClickChoosedAsb" row-key="id" border |
|||
@selection-change="selectLeft" |
|||
@row-click="chooseAsbItem"> |
|||
<!-- |
|||
<el-table-column type="selection" align="center" ></el-table-column> |
|||
--> |
|||
<el-table-column type="index" align="center" min-width="40" label="序号"/> |
|||
<el-table-column |
|||
label="未选组合项目" min-width="170" |
|||
prop="displayName" align="center" |
|||
></el-table-column> |
|||
</el-table> |
|||
</div> |
|||
</div> |
|||
|
|||
<!--中间操作按钮--> |
|||
<div style="display: flex;margin: 0px 10px 0px;flex-direction: column;justify-content: center;"> |
|||
<div> |
|||
<el-button class="commonbutton" @click="addAbs(asbItemChoosed,'choosed')" >添加 <i class="el-icon-arrow-right"></i></el-button> |
|||
</div> |
|||
<div style="margin-top: 10px"> |
|||
<el-button class="difference" @click="addAbs(asbItemChoosed,'all')">全部添加</el-button> |
|||
</div> |
|||
<div style="margin-top: 10px"> |
|||
<el-button class="commonbutton" |
|||
@click="delAbs(medicalPackageAsbitemsChoosed,'choosed')">移除 <i class="el-icon-arrow-left"></i |
|||
></el-button> |
|||
</div> |
|||
<div style="margin-top: 10px"> |
|||
<el-button class="difference" @click="delAbs(medicalPackageAsbitemsChoosed,'all')">全部移除</el-button> |
|||
</div> |
|||
</div> |
|||
|
|||
<!--已选组合项目--> |
|||
<div :style="'display: block; width:' + (window.pageWidth - 310 - 280 - 120 - 45 - 110) + 'px;'"> |
|||
<div style="height:32px;"> |
|||
<span style="padding: 5px;font-size: 14px;font-weight: 400;color: #232748;font-family: NotoSansSC-Regular;margin-bottom: 10px;">快速选择</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"> |
|||
<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" size="small" border |
|||
@selection-change="selectRight" highlight-current-row |
|||
:height="window.pageHeight < 600 ? 190:Math.floor((window.pageHeight - 230) / 2)" |
|||
@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" label="序号"/> |
|||
<el-table-column |
|||
label="已选组合项目" |
|||
min-width="120" |
|||
prop="displayName" |
|||
></el-table-column> |
|||
</el-table> |
|||
</div> |
|||
</div> |
|||
|
|||
<!--批量操作按钮（复制套餐与分组）--> |
|||
<div style="margin: 190px 0 0 10px;"> |
|||
<el-button class="commonbutton" @click="btnSave">确定</el-button> |
|||
</div> |
|||
|
|||
</div> |
|||
|
|||
</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:['asbitemId'], |
|||
data() { |
|||
return { |
|||
packagePrice:0, //分组总价 |
|||
medicalPackageAsbitems:[], //分组包含组合项目 |
|||
medicalPackageAsbitemsChoosed:[], //分组包含组合项目(选中的) |
|||
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); |
|||
} |
|||
}); |
|||
|
|||
//获取所有组合项目 |
|||
postapi("/api/app/asbitem/GetBasicList",{isFilterActive:'Y'}).then((res) => { |
|||
if (res.code != -1) { |
|||
this.dict.asbItemAll = res.data; |
|||
this.dict.asbItemAll.forEach(e => { |
|||
e.choosed = false |
|||
}) |
|||
this.dict.asbItem = deepCopy(this.dict.asbItemAll); |
|||
this.dict.asbItemQuick = deepCopy(res.data); |
|||
this.quickAsb = deepCopy(res.data); |
|||
} |
|||
}); |
|||
|
|||
//套餐 |
|||
postapi("/api/app/medicalpackage/getmedicalpackagelist",{}).then((res) => { |
|||
if (res.code != -1) { |
|||
this.dict.medicalPackage = res.data; |
|||
} |
|||
}); |
|||
|
|||
}, |
|||
|
|||
|
|||
|
|||
//项目类别过滤 组合项目，未过滤已选择的组合项目 |
|||
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(e) { |
|||
this.getAsbItemByItemTypeAll() |
|||
//刷新显示 未选组合项目 |
|||
arrayReduce(this.dict.asbItem, [...this.medicalPackageAsbitems], "id=id"); |
|||
arrayReduce(this.dict.asbItemQuick, [...this.medicalPackageAsbitems], "id=id"); |
|||
this.quickAsb = Object.assign(this.dict.asbItemQuick) |
|||
if(e){ |
|||
this.$refs.itemTypeIds.toggleDropDownVisible(); |
|||
} |
|||
}, |
|||
|
|||
//快速选择组合项目时，调整可按拼间简码及简称查找 |
|||
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.medicalPackage',this.medicalPackage) |
|||
// console.log('asbItemChoosed', asbItemChoosed) |
|||
if(!this.asbitemId){ |
|||
this.$message.warning({ showClose: true, message: "请先选中组合项目"}) |
|||
return |
|||
} |
|||
|
|||
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({ showClose: true, message: "请选择要添加的组合项目"}) |
|||
return |
|||
} |
|||
|
|||
// 去掉重复的项目 |
|||
arrayReduce(asbItemChoosed, this.medicalPackageAsbitems, "id=asbitemId") |
|||
|
|||
|
|||
for (let i = 0; i < asbItemChoosed.length; i++) { |
|||
let pojo = { |
|||
asbitemId: asbItemChoosed[i].id, |
|||
displayName:asbItemChoosed[i].displayName |
|||
} |
|||
|
|||
|
|||
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.asbitemId){ |
|||
this.$message.warning({ showClose: true, message: "请先选中组合项目"}) |
|||
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({ showClose: true, message: "请选择要移除的组合项目"}) |
|||
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; |
|||
|
|||
}, |
|||
|
|||
|
|||
|
|||
|
|||
|
|||
|
|||
//保存按钮 |
|||
btnSave() { |
|||
if(!this.asbitemId){ |
|||
this.$message.warning({ showClose: true, message: "请先选中组合项目"}) |
|||
return |
|||
} |
|||
|
|||
let body = { |
|||
asbitemId:this.asbitemId, |
|||
mutualExclusionAsbitemIds:[] |
|||
} |
|||
|
|||
this.medicalPackageAsbitems.forEach(e =>{ |
|||
body.mutualExclusionAsbitemIds.push(e.asbitemId) |
|||
}) |
|||
|
|||
|
|||
// /api/app/medical-package-detail/many |
|||
postapi('/api/app/AsbitemMutualExclusion/UpdateAsbitemMutualExclusion',body |
|||
).then(res => { |
|||
if(res.code > -1){ |
|||
this.$message.success({showClose:true,message:'操作成功！'}) |
|||
} |
|||
}) |
|||
|
|||
}, |
|||
|
|||
|
|||
//右侧勾选按钮 |
|||
selectRight(val) { |
|||
this.medicalPackageAsbitemsChoosed = val; |
|||
}, |
|||
|
|||
|
|||
// 左侧勾选 |
|||
selectLeft(val) { |
|||
this.asbItemChoosed = val; |
|||
}, |
|||
|
|||
|
|||
//获取当前列列表数据 |
|||
getHcAsbitems(asbitemId) { |
|||
if(asbitemId){ |
|||
postapi('/api/app/AsbitemMutualExclusion/GetAsbitemMutualExclusionByAsbitemId',{asbitemId}).then((res) => { |
|||
if(res.code != -1){ |
|||
//this.medicalPackageAsbitems = res.data; |
|||
this.getAsbItemByItemType() |
|||
} |
|||
}); |
|||
}else{ |
|||
this.medicalPackageAsbitems = [] |
|||
this.getAsbItemByItemType() |
|||
} |
|||
}, |
|||
|
|||
}, |
|||
|
|||
//监听事件 |
|||
watch: { |
|||
// |
|||
"asbitemId"(newVal, oldVal) { |
|||
console.log("asbitemId ",newVal,oldVal); |
|||
if (newVal != oldVal) { |
|||
this.getHcAsbitems(newVal); |
|||
} |
|||
}, |
|||
}, |
|||
}; |
|||
</script> |
|||
<style scoped> |
|||
|
|||
.box { |
|||
margin-top: 5px; |
|||
} |
|||
|
|||
|
|||
</style> |
|||
Write
Preview
Loading…
Cancel
Save
Reference in new issue