路径审核页面
This commit is contained in:
辉
parent
43b9124dc1
commit
88411ca894
BIN
src/assets/pathReview/blackrenwu.png
Normal file
BIN
src/assets/pathReview/blackrenwu.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 8.0 KiB |
BIN
src/assets/pathReview/blackxinxi.png
Normal file
BIN
src/assets/pathReview/blackxinxi.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 7.6 KiB |
BIN
src/assets/pathReview/bluerenwu.png
Normal file
BIN
src/assets/pathReview/bluerenwu.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 8.0 KiB |
BIN
src/assets/pathReview/bluexinxi.png
Normal file
BIN
src/assets/pathReview/bluexinxi.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 7.5 KiB |
BIN
src/assets/pathReview/ci.png
Normal file
BIN
src/assets/pathReview/ci.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 7.5 KiB |
BIN
src/assets/pathReview/riqi.png
Normal file
BIN
src/assets/pathReview/riqi.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 3.5 KiB |
BIN
src/assets/pathReview/yaopin.png
Normal file
BIN
src/assets/pathReview/yaopin.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 5.6 KiB |
BIN
src/assets/pathReview/zhu.png
Normal file
BIN
src/assets/pathReview/zhu.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 3.7 KiB |
@ -42,9 +42,181 @@
|
||||
</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 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>
|
||||
@ -61,6 +233,52 @@ export default {
|
||||
return {
|
||||
baseUrl: process.env.VUE_APP_BASE_API,
|
||||
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() {
|
||||
@ -77,6 +295,83 @@ export default {
|
||||
};
|
||||
</script>
|
||||
<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 {
|
||||
width: 100%;
|
||||
display: flex;
|
||||
@ -140,21 +435,54 @@ export default {
|
||||
|
||||
.cardright {
|
||||
overflow: auto;
|
||||
background-color: #fff;
|
||||
background-color: rgb(241, 243, 245);
|
||||
width: 62%;
|
||||
padding: 20px;
|
||||
padding: 10px;
|
||||
font-size: 14px;
|
||||
|
||||
.textarea {
|
||||
font-size: 14px;
|
||||
font-weight: 400;
|
||||
margin-bottom: 10px;
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.text {
|
||||
.nodetitle {
|
||||
border-radius: 6px;
|
||||
padding: 0 10px;
|
||||
height: 50px;
|
||||
font-size: 16px;
|
||||
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;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
Loading…
Reference in New Issue
Block a user