xinyilu/postdischarge-ui
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

路径审核页面

Browse Source
This commit is contained in:
辉 2024-06-24 16:52:43 +08:00
parent 43b9124dc1
commit 88411ca894
9 changed files with 338 additions and 10 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

BIN
src/assets/pathReview/blackrenwu.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 8.0 KiB

BIN
src/assets/pathReview/blackxinxi.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 7.6 KiB

BIN
src/assets/pathReview/bluerenwu.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 8.0 KiB

BIN
src/assets/pathReview/bluexinxi.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 7.5 KiB

BIN
src/assets/pathReview/ci.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 7.5 KiB

BIN
src/assets/pathReview/riqi.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 3.5 KiB

BIN
src/assets/pathReview/yaopin.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 5.6 KiB

BIN
src/assets/pathReview/zhu.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 3.7 KiB

348
src/views/manage/components/PathReview.vue
View File

@ -42,9 +42,181 @@
</div> </div>
</div> </div>
</div> </div>
<el-descriptions title="诊断信息" style="margin: 30px 0 0;" />
<div class="texts">
<div class="text">
<div slot="reference" class="reference">
<img src="../../../assets/pathReview/zhu.png" alt="">
<span>
hover 激活
</span>
</div>
</div>
<div class="text">
<div slot="reference" class="reference">
<img src="../../../assets/pathReview/ci.png" alt="">
<span>
hover 激活
</span>
</div>
</div>
<div class="text">
<div slot="reference" class="reference">
<img src="../../../assets/pathReview/ci.png" alt="">
<span>
hover 激活
</span>
</div>
</div>
<div class="text">
<div slot="reference" class="reference">
<img src="../../../assets/pathReview/ci.png" alt="">
<span>
hover 激活
</span>
</div>
</div>
<div class="text">
<div slot="reference" class="reference">
<img src="../../../assets/pathReview/ci.png" alt="">
<span>
hover 激活
</span>
</div>
</div>
</div>
<el-descriptions title="用药情况" style="margin: 30px 0 0;" />
<div class="texts">
<div class="text">
<el-popover placement="right" width="400" trigger="hover">
<el-descriptions title="用户信息" :column="2">
<el-descriptions-item label="用药频次">每日2次</el-descriptions-item>
<el-descriptions-item label="药品用法">1片</el-descriptions-item>
<el-descriptions-item label="注意事项"></el-descriptions-item>
<el-descriptions-item label="给药方式"></el-descriptions-item>
<el-descriptions-item label="用药时长"></el-descriptions-item>
<el-descriptions-item label="用药途径"></el-descriptions-item>
</el-descriptions>
<div slot="reference" class="reference">
<img src="../../../assets/pathReview/yaopin.png" alt="">
<span>
hover 激活
</span>
</div>
</el-popover>
</div>
<div class="text">
<el-popover placement="right" width="400" trigger="hover">
<el-descriptions title="用户信息" :column="2">
<el-descriptions-item label="用药频次">每日2次</el-descriptions-item>
<el-descriptions-item label="药品用法">1片</el-descriptions-item>
<el-descriptions-item label="注意事项"></el-descriptions-item>
<el-descriptions-item label="给药方式"></el-descriptions-item>
<el-descriptions-item label="用药时长"></el-descriptions-item>
<el-descriptions-item label="用药途径"></el-descriptions-item>
</el-descriptions>
<div slot="reference" class="reference">
<img src="../../../assets/pathReview/yaopin.png" alt="">
<span>
hover 激活
</span>
</div>
</el-popover>
</div>
</div>
<el-descriptions title="复诊日期及科室" style="margin: 30px 0 0;" />
<div class="texts">
<div class="text">
<div slot="reference" class="reference">
<img src="../../../assets/pathReview/riqi.png" alt="">
<span>
hover 激活
</span>
</div>
</div>
<div class="text">
<div slot="reference" class="reference">
<img src="../../../assets/pathReview/riqi.png" alt="">
<span>
hover 激活
</span>
</div>
</div>
</div>
</div> </div>
<!-- 画像编辑右侧 --> <!-- 画像编辑右侧 -->
<div class="cardright"> <div class="cardright">
<div class="topbtns">
<div class="topbutton" :class="tab == 1 ? 'blue' : ''" @click="tab = 1">
<img src="../../../assets/pathReview/blackxinxi.png" alt="" v-if="tab != 1">
<img src="../../../assets/pathReview/bluexinxi.png" alt="" v-else>
<span>路径信息</span>
</div>
<div class="topbutton" :class="tab == 2 ? 'blue' : ''" @click="tab = 2">
<img src="../../../assets/pathReview/blackrenwu.png" alt="" v-if="tab != 2">
<img src="../../../assets/pathReview/bluerenwu.png" alt="" v-else>
<span>路径任务</span>
</div>
</div>
<div v-if="tab == 1">
<div class="nodetitle">
<div>主路径:</div>
<div>病种:</div>
</div>
<el-collapse v-model="activeNames">
<el-collapse-item title="主路径" name="1">
<el-table :data="RouteList" style="width: 100%">
<el-table-column prop="" label="" width="160">
<template slot-scope="scope">
<div class="zlj" style="font-weight: bold;">
出院后{{ scope.row.routeNodeDay }}天
</div>
<div class="zlj">
{{ scope.row.executeTime }} {{ scope.row.executionTime }}
</div>
</template>
</el-table-column>
<el-table-column prop="" label="">
<template slot-scope="scope">
<div class="zljcard" v-for="(item, index) in scope.row.taskPartitionDictNames"
:key="index">
{{ item }}
</div>
</template>
</el-table-column>
</el-table>
</el-collapse-item>
</el-collapse>
<el-collapse v-model="activeNames">
<el-collapse-item title="子路径" name="2">
<div v-for="(item) in childRouteList" :key="item.id">
<div class="zljtitle">
{{ item.routeName }}
</div>
<el-table :data="item.nodeList" style="width: 100%">
<el-table-column prop="" label="" width="160">
<template slot-scope="scope">
<div class="zlj" style="font-weight: bold;">
出院后{{ scope.row.routeNodeDay }}天
</div>
<!-- <div class="zlj">
{{ scope.row.executeTime }} {{ scope.row.executionTime }}
</div> -->
</template>
</el-table-column>
<el-table-column prop="" label="">
<template slot-scope="scope">
<div class="zljcard" style="border-left:9px solid #8F68FE"
v-for="(item, index) in scope.row.taskPartitionDictNames" :key="index">
{{ item }}
</div>
</template>
</el-table-column>
</el-table>
</div>
</el-collapse-item>
</el-collapse>
</div>
</div> </div>
</div> </div>
</div> </div>
@ -61,6 +233,52 @@ export default {
return { return {
baseUrl: process.env.VUE_APP_BASE_API, baseUrl: process.env.VUE_APP_BASE_API,
list: {}, list: {},
tab: 1,
activeNames: ['2'],
RouteList: [
{
"routeNodeName": "AFTER_DISCHARGE",
"routeNodeDay": 1,
executeTime: '2024-06-24',
"executionTime": "08:00",
"taskPartitionCodes": "HEALTH_ARCHIVE,TPC202405070001",
"taskPartitionDictNames": ["健康档案", "康复宣教"]
},
{
"routeNodeName": "AFTER_DISCHARGE",
"routeNodeDay": 2,
executeTime: '2024-06-25',
"executionTime": "08:00",
"taskPartitionCodes": "TPC202403290001",
"taskPartitionDictNames": ["随访"]
}
],
childRouteList: [
{
"id": 59,
"routeName": "诊断包含123123",
"diseaseTypeId": 63,
"diseaseTypeName": "眼部疾病",
"nodeList": [
{
"routeNodeName": "AFTER_DISCHARGE",
"routeNodeDay": 3,
"executionTime": "09:30",
"executeTime": "2024-06-27",
"taskPartitionCodes": "SPORT_GUIDE",
"taskPartitionDictNames": ["运动指导"]
},
{
"routeNodeName": "AFTER_DISCHARGE",
"routeNodeDay": 4,
"executionTime": "09:00",
"executeTime": "2024-06-28",
"taskPartitionCodes": "TPC202404220002",
"taskPartitionDictNames": ["换药"]
}
]
}
]
}; };
}, },
created() { created() {
@ -77,6 +295,83 @@ export default {
}; };
</script> </script>
<style lang="scss" scoped> <style lang="scss" scoped>
.zljtitle {
font-size: 14px;
height: 38px;
line-height: 38px;
color: #92A2AB;
}
.zljcard {
display: inline-block;
height: 38px;
min-width: 100px;
line-height: 38px;
border-radius: 6px;
border: 1px solid #D3D3D3;
text-align: center;
box-shadow: 0 2px 4px 0 #D3D3D3;
margin-right: 10px;
padding: 0 15px;
border-left: 9px solid #1890ff;
}
.zlj {
text-align: center;
}
::v-deep .has-gutter {
display: none !important;
}
::v-deep .el-collapse {
width: 100%;
background-color: #fff;
padding: 0 10px;
margin-bottom: 12px;
border-radius: 6px;
}
.reference {
display: flex !important;
align-items: center !important;
padding: 0 20px !important;
img {
width: 24px;
height: 24px;
}
span {
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
-o-text-overflow: ellipsis;
padding-left: 10px;
}
}
.texts {
margin: 0 0 20px;
flex-wrap: wrap;
width: 100%;
display: flex;
font-size: 14px;
justify-content: space-between;
.text {
padding: 5px 0;
box-shadow: 0 2px 4px 0 #D3D3D3;
margin-bottom: 15px;
width: 46%;
overflow: hidden;
white-space: nowrap;
border-radius: 5px;
text-overflow: ellipsis;
-o-text-overflow: ellipsis;
}
}
.card { .card {
width: 100%; width: 100%;
display: flex; display: flex;
@ -140,21 +435,54 @@ export default {
.cardright { .cardright {
overflow: auto; overflow: auto;
background-color: #fff; background-color: rgb(241, 243, 245);
width: 62%; width: 62%;
padding: 20px; padding: 10px;
font-size: 14px; font-size: 14px;
.textarea { .nodetitle {
font-size: 14px; border-radius: 6px;
font-weight: 400; padding: 0 10px;
margin-bottom: 10px; height: 50px;
width: 100%;
}
.text {
font-size: 16px; font-size: 16px;
font-weight: bold; font-weight: bold;
width: 100%;
background-color: #fff;
margin: 12px 0;
display: flex;
div {
height: 100%;
line-height: 50px;
width: 50%;
}
}
.topbtns {
width: 100%;
display: flex;
.topbutton {
background-color: #DDE0E9;
width: 100px;
height: 34px;
display: flex;
align-items: center;
justify-content: space-evenly;
border-radius: 6px;
margin-right: 20px;
img {
width: 18px;
height: 18px;
}
}
.blue {
color: #1890ff;
box-shadow: 0 2px 4px 0 #D3D3D3;
background-color: #fff;
}
} }
} }
} }