|
|
|
@ -1,28 +1,61 @@ |
|
|
|
<template> |
|
|
|
<div> |
|
|
|
<!-- :row-class-name="tableRowClassName" --> |
|
|
|
<el-table :data="doctorCheck.RegisterCheckList" style="width: 100%;" |
|
|
|
:height="window.pageHeight < 600 ? 400 : window.pageHeight - 200" border highlight-current-row |
|
|
|
ref='doctorCheck_RegisterCheckList' @row-click="rowClick" :row-style="{ height: '28px' }"> |
|
|
|
<el-table-column prop="asbitemName" label="组合项目" width="198"> |
|
|
|
<template slot-scope="scope"> |
|
|
|
<div :style="`padding: 0 5px;color: ${setColor(scope.row.completeFlag)};`"> |
|
|
|
<!-- |
|
|
|
<el-tooltip class="item" effect="dark" content="未检" placement="left"> |
|
|
|
<i v-show="scope.row.completeFlag == '0'" class="el-icon-circle-plus" style="font-size: 18px;color: red;"></i> |
|
|
|
</el-tooltip> |
|
|
|
<el-tooltip class="item" effect="dark" content="已检" placement="left"> |
|
|
|
<i v-show="scope.row.completeFlag == '1'" class="el-icon-success" style="font-size: 18px;color: green;"></i> |
|
|
|
</el-tooltip> |
|
|
|
<el-tooltip class="item" effect="dark" content="弃检" placement="left"> |
|
|
|
<i v-show="scope.row.completeFlag == '2'" class="el-icon-remove" style="font-size: 18px;"></i> |
|
|
|
</el-tooltip> |
|
|
|
--> |
|
|
|
{{ scope.row.asbitemName }} |
|
|
|
</div> |
|
|
|
</template> |
|
|
|
</el-table-column> |
|
|
|
</el-table> |
|
|
|
<div> |
|
|
|
<div :style="`overflow-y: scroll;height: ${tableHeight}px;`"> |
|
|
|
<el-collapse v-model="activeNames"> |
|
|
|
<el-collapse-item v-if="registerCheckList0.length > 0" title="普通检查" name="0"> |
|
|
|
<el-table :data="registerCheckList0" style="width: 100%;" border |
|
|
|
highlight-current-row @row-click="rowClick" :show-header="false" |
|
|
|
:row-style="{ height: '28px' }"> |
|
|
|
<el-table-column prop="asbitemName" label="组合项目" width="184"> |
|
|
|
<template slot-scope="scope"> |
|
|
|
<div :style="`padding: 0 5px;color: ${setColor(scope.row.completeFlag)};`"> |
|
|
|
{{ scope.row.asbitemName }} |
|
|
|
</div> |
|
|
|
</template> |
|
|
|
</el-table-column> |
|
|
|
</el-table> |
|
|
|
</el-collapse-item> |
|
|
|
<el-collapse-item v-if="registerCheckList1.length > 0" title="检验" name="1"> |
|
|
|
<el-table :data="registerCheckList1" style="width: 100%;" border |
|
|
|
highlight-current-row @row-click="rowClick" :show-header="false" |
|
|
|
:row-style="{ height: '28px' }"> |
|
|
|
<el-table-column prop="asbitemName" label="组合项目" width="184"> |
|
|
|
<template slot-scope="scope"> |
|
|
|
<div :style="`padding: 0 5px;color: ${setColor(scope.row.completeFlag)};`"> |
|
|
|
{{ scope.row.asbitemName }} |
|
|
|
</div> |
|
|
|
</template> |
|
|
|
</el-table-column> |
|
|
|
</el-table> |
|
|
|
</el-collapse-item> |
|
|
|
<el-collapse-item v-if="registerCheckList2.length > 0" title="特检" name="2"> |
|
|
|
<el-table :data="registerCheckList2" style="width: 100%;" border |
|
|
|
highlight-current-row @row-click="rowClick" :show-header="false" |
|
|
|
:row-style="{ height: '28px' }"> |
|
|
|
<el-table-column prop="asbitemName" label="组合项目" width="184"> |
|
|
|
<template slot-scope="scope"> |
|
|
|
<div :style="`padding: 0 5px;color: ${setColor(scope.row.completeFlag)};`"> |
|
|
|
{{ scope.row.asbitemName }} |
|
|
|
</div> |
|
|
|
</template> |
|
|
|
</el-table-column> |
|
|
|
</el-table> |
|
|
|
</el-collapse-item> |
|
|
|
<el-collapse-item v-if="registerCheckList3.length > 0" title="放射" name="3"> |
|
|
|
<el-table :data="registerCheckList3" style="width: 100%;" border |
|
|
|
highlight-current-row @row-click="rowClick" :show-header="false" |
|
|
|
:row-style="{ height: '28px' }"> |
|
|
|
<el-table-column prop="asbitemName" label="组合项目" width="184"> |
|
|
|
<template slot-scope="scope"> |
|
|
|
<div :style="`padding: 0 5px;color: ${setColor(scope.row.completeFlag)};`"> |
|
|
|
{{ scope.row.asbitemName }} |
|
|
|
</div> |
|
|
|
</template> |
|
|
|
</el-table-column> |
|
|
|
</el-table> |
|
|
|
</el-collapse-item> |
|
|
|
</el-collapse> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
</template> |
|
|
|
<script> |
|
|
|
@ -34,7 +67,11 @@ export default { |
|
|
|
components: {}, |
|
|
|
data() { |
|
|
|
return { |
|
|
|
|
|
|
|
activeNames:['0','1','2','3'], |
|
|
|
registerCheckList0:[], |
|
|
|
registerCheckList1:[], |
|
|
|
registerCheckList2:[], |
|
|
|
registerCheckList3:[], |
|
|
|
}; |
|
|
|
}, |
|
|
|
|
|
|
|
@ -47,6 +84,10 @@ export default { |
|
|
|
|
|
|
|
computed: { |
|
|
|
...mapState(['window', 'dataTransOpts', 'dict', 'doctorCheck']), |
|
|
|
|
|
|
|
tableHeight() { |
|
|
|
return this.window.pageHeight < 600 ? 400 : this.window.pageHeight - 200 |
|
|
|
} |
|
|
|
}, |
|
|
|
|
|
|
|
methods: { |
|
|
|
@ -83,10 +124,10 @@ export default { |
|
|
|
console.log('rowClick') |
|
|
|
this.doctorCheck.RegisterCheckId = row.id |
|
|
|
this.dataTransOpts.tableS.register_check.id = row.id |
|
|
|
|
|
|
|
|
|
|
|
this.dataTransOpts.refresh.register_check.S++ |
|
|
|
this.dataTransOpts.refresh.register_check_item.M++ |
|
|
|
|
|
|
|
|
|
|
|
}, |
|
|
|
|
|
|
|
//获取检查组合项目 |
|
|
|
@ -95,18 +136,17 @@ export default { |
|
|
|
this.doctorCheck.RegisterCheckList = [] |
|
|
|
this.doctorCheck.RegisterCheckId = '' |
|
|
|
this.dataTransOpts.tableS.register_check.id = '' |
|
|
|
|
|
|
|
|
|
|
|
this.dataTransOpts.refresh.register_check.S++ |
|
|
|
this.dataTransOpts.refresh.register_check_item.M++ |
|
|
|
this.dataTransOpts.refresh.register_check_item.M++ |
|
|
|
return |
|
|
|
} |
|
|
|
} |
|
|
|
postapi('/api/app/RegisterCheck/GetRegisterCheckWithAsbitems', { patientRegisterId }) |
|
|
|
.then((res) => { |
|
|
|
console.log("registerCheckList res.data", res.data); |
|
|
|
if (res.code != -1) { |
|
|
|
// this.doctorCheck.RegisterCheckList = res.data; |
|
|
|
this.doctorCheck.RegisterCheckList = listOrderBy(res.data,[{ colName: 'checkTypeFlag', sortType: 'A' },{ colName: 'itemTypeDisplayOrder', sortType: 'A' },{ colName: 'asbitemDisplayOrder', sortType: 'A' }]) |
|
|
|
console.log("this.doctorCheck.RegisterCheckList", this.doctorCheck.RegisterCheckList); |
|
|
|
// console.log("registerCheckList res.data", res.data); |
|
|
|
if (res.code != -1) { |
|
|
|
// 数据 排序，分组 处理 |
|
|
|
this.handleRegisterCheckList(res.data) |
|
|
|
|
|
|
|
//查询出来 默认显示第1条记录明细、小结等 |
|
|
|
if (res.data.length > 0) { |
|
|
|
@ -114,24 +154,30 @@ export default { |
|
|
|
this.dataTransOpts.tableS.register_check.id = res.data[0].id |
|
|
|
// this.doctorCheck.RegisterCheckEdit = res.data[0] |
|
|
|
|
|
|
|
this.$refs['doctorCheck_RegisterCheckList'].setCurrentRow(res.data[0]) |
|
|
|
// this.$refs['doctorCheck_RegisterCheckList'].setCurrentRow(res.data[0]) |
|
|
|
|
|
|
|
} else { |
|
|
|
this.dataTransOpts.tableS.register_check.id = '' |
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
this.dataTransOpts.refresh.register_check.S++ //刷新检查医生 |
|
|
|
this.dataTransOpts.refresh.register_check_item.M++ //刷新检查明细 |
|
|
|
|
|
|
|
|
|
|
|
} |
|
|
|
}) |
|
|
|
.catch((err) => { |
|
|
|
this.$message.error({ showClose: true, message: `操作失败，原因：${err}` }); |
|
|
|
}); |
|
|
|
}, |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
handleRegisterCheckList(registerCheckList){ |
|
|
|
this.doctorCheck.RegisterCheckList = listOrderBy(registerCheckList, [{ colName: 'checkTypeFlag', sortType: 'A' }, { colName: 'itemTypeDisplayOrder', sortType: 'A' }, { colName: 'asbitemDisplayOrder', sortType: 'A' }]) |
|
|
|
this.registerCheckList0 = this.doctorCheck.RegisterCheckList.filter(e => { return e.checkTypeFlag == '0'}) |
|
|
|
this.registerCheckList1 = this.doctorCheck.RegisterCheckList.filter(e => { return e.checkTypeFlag == '1'}) |
|
|
|
this.registerCheckList2 = this.doctorCheck.RegisterCheckList.filter(e => { return e.checkTypeFlag == '2'}) |
|
|
|
this.registerCheckList3 = this.doctorCheck.RegisterCheckList.filter(e => { return e.checkTypeFlag == '3'}) |
|
|
|
} |
|
|
|
}, |
|
|
|
|
|
|
|
|
|
|
|
@ -148,5 +194,17 @@ export default { |
|
|
|
} |
|
|
|
}; |
|
|
|
</script> |
|
|
|
<style scoped></style> |
|
|
|
<style scoped> |
|
|
|
::v-deep .el-collapse-item__header { |
|
|
|
height: 32px; |
|
|
|
line-height: 32px; |
|
|
|
background-color: #f4f8ff; |
|
|
|
color: #303133; |
|
|
|
cursor: pointer; |
|
|
|
font-size: 14px; |
|
|
|
font-weight: 700; |
|
|
|
text-align: center; |
|
|
|
padding: 0 0 0 50px; |
|
|
|
} |
|
|
|
</style> |
|
|
|
|
pengjun
2 years ago