|
|
@@ -1,25 +1,29 @@
|
|
|
<template>
|
|
|
<div class="caseQualityBox">
|
|
|
+ <div class="score-box">
|
|
|
+ 84分
|
|
|
+ <span class="level">甲</span>
|
|
|
+ </div>
|
|
|
<el-table
|
|
|
:data="tableData"
|
|
|
+ default-expand-all
|
|
|
style="width: 100%">
|
|
|
<el-table-column type="expand">
|
|
|
<template slot-scope="props">
|
|
|
<el-card v-for="(item, index) of props.row.children" :key="index" class="box-card" shadow="hover">
|
|
|
<el-row>
|
|
|
<el-col :span="24">
|
|
|
- <el-descriptions title="" :column="1">
|
|
|
+ <el-descriptions title="" :column="1" direction="vertical">
|
|
|
<el-descriptions-item label="质控项目">
|
|
|
- <el-tag type="danger">{{ item.error_field }}</el-tag>
|
|
|
+ <el-tag>{{ item.error_field }}</el-tag>
|
|
|
+ <span class="koufen">-{{ item.score }}分</span>
|
|
|
</el-descriptions-item>
|
|
|
<el-descriptions-item label="错误描述">{{ item.notice }}</el-descriptions-item>
|
|
|
<el-descriptions-item label="质控依据">
|
|
|
<div v-for="(yItem, yIndex) of item.basis" :key="yIndex" style="margin-bottom: 10px;">
|
|
|
- <span>{{ yIndex+1 }}、</span>
|
|
|
<div v-for="(cItem, cIndex) of yItem" :key="cIndex">{{ cItem }}</div>
|
|
|
</div>
|
|
|
</el-descriptions-item>
|
|
|
- <el-descriptions-item label="分值">-{{ item.score }}</el-descriptions-item>
|
|
|
</el-descriptions>
|
|
|
</el-col>
|
|
|
</el-row>
|
|
|
@@ -44,58 +48,6 @@
|
|
|
}
|
|
|
}
|
|
|
},
|
|
|
- data() {
|
|
|
- return {
|
|
|
- // data: {
|
|
|
- // "病程类": [{
|
|
|
- // "id": 8,
|
|
|
- // "BLBH": 0,
|
|
|
- // "rule_id": 110,
|
|
|
- // "notice": "有化疗药****，没有病程记录",
|
|
|
- // "created_at": "2023-05-20 18:17:33",
|
|
|
- // "code": "hly",
|
|
|
- // "error_field": "病程记录",
|
|
|
- // "JZHM": "723957",
|
|
|
- // "BRBH": "",
|
|
|
- // "basis": [
|
|
|
- // ["化疗药名称【奥沙利铂注射液(齐敖)(国)】", "开嘱时间【2022-04-28 01:19:30】", "病程记录时间【无】"]
|
|
|
- // ],
|
|
|
- // "score": 10,
|
|
|
- // "category": "病程类"
|
|
|
- // },{
|
|
|
- // "id": 8,
|
|
|
- // "BLBH": 0,
|
|
|
- // "rule_id": 110,
|
|
|
- // "notice": "有化疗药****，没有病程记录",
|
|
|
- // "created_at": "2023-05-20 18:17:33",
|
|
|
- // "code": "hly",
|
|
|
- // "error_field": "病程记录",
|
|
|
- // "JZHM": "723957",
|
|
|
- // "BRBH": "",
|
|
|
- // "basis": [
|
|
|
- // ["化疗药名称【奥沙利铂注射液(齐敖)(国)】", "开嘱时间【2022-04-28 01:19:30】", "病程记录时间【无】"]
|
|
|
- // ],
|
|
|
- // "score": 10,
|
|
|
- // "category": "病程类"
|
|
|
- // },{
|
|
|
- // "id": 8,
|
|
|
- // "BLBH": 0,
|
|
|
- // "rule_id": 110,
|
|
|
- // "notice": "有化疗药****，没有病程记录",
|
|
|
- // "created_at": "2023-05-20 18:17:33",
|
|
|
- // "code": "hly",
|
|
|
- // "error_field": "病程记录",
|
|
|
- // "JZHM": "723957",
|
|
|
- // "BRBH": "",
|
|
|
- // "basis": [
|
|
|
- // ["化疗药名称【奥沙利铂注射液(齐敖)(国)】", "开嘱时间【2022-04-28 01:19:30】", "病程记录时间【无】"]
|
|
|
- // ],
|
|
|
- // "score": 10,
|
|
|
- // "category": "病程类"
|
|
|
- // }]
|
|
|
- // },
|
|
|
- }
|
|
|
- },
|
|
|
computed: {
|
|
|
tableData() {
|
|
|
let arr = []
|
|
|
@@ -116,25 +68,64 @@
|
|
|
<style lang="scss" scoped>
|
|
|
.caseQualityBox {
|
|
|
width: 340px;
|
|
|
- min-height: 650px;
|
|
|
height: 820px;
|
|
|
overflow-x: hidden;
|
|
|
overflow-y: scroll;
|
|
|
background: #ffffff;
|
|
|
border: 1px solid #e2e2e2;
|
|
|
box-sizing: border-box;
|
|
|
- padding: 0 20px;
|
|
|
+ padding: 20px;
|
|
|
::v-deep .el-descriptions-item__container .el-descriptions-item__content {
|
|
|
display: block;
|
|
|
}
|
|
|
::v-deep .el-descriptions-item__label:not(.is-bordered-label) {
|
|
|
font-weight: 600;
|
|
|
- width: 65px;
|
|
|
- text-align: right;
|
|
|
display: inline-table;
|
|
|
}
|
|
|
+ ::v-deep .el-descriptions-item__content {
|
|
|
+ padding-top: 12px;
|
|
|
+ }
|
|
|
.box-card {
|
|
|
margin-bottom: 10px;
|
|
|
}
|
|
|
+ .score-box {
|
|
|
+ width: 100%;
|
|
|
+ height: 120px;
|
|
|
+ line-height: 120px;
|
|
|
+ font-size: 32px;
|
|
|
+ font-weight: bold;
|
|
|
+ text-align: center;
|
|
|
+ border-radius: 5px;
|
|
|
+ border: 1px solid #dddddd;
|
|
|
+ position: relative;
|
|
|
+ overflow: hidden;
|
|
|
+ &::before {
|
|
|
+ content: "";
|
|
|
+ position: absolute;
|
|
|
+ width: 200px;
|
|
|
+ height: 200px;
|
|
|
+ top: -120px;
|
|
|
+ right: -160px;
|
|
|
+ z-index: 1;
|
|
|
+ background-color: red;
|
|
|
+ transform: rotate(45deg);
|
|
|
+ }
|
|
|
+ .level {
|
|
|
+ position: absolute;
|
|
|
+ top: 5px;
|
|
|
+ right: 10px;
|
|
|
+ z-index: 2;
|
|
|
+ line-height: 30px;
|
|
|
+ color: #ffffff;
|
|
|
+ font-size: 16px;
|
|
|
+ }
|
|
|
+ }
|
|
|
+}
|
|
|
+.koufen {
|
|
|
+ color: red;
|
|
|
+ float: right;
|
|
|
+ line-height: 32px;
|
|
|
+ font-size: 16px;
|
|
|
+ font-weight: bold;
|
|
|
}
|
|
|
</style>
|
yuwandanmian