|
@ -9,111 +9,109 @@
|
|
|
<link rel="stylesheet" type="text/css" href="../css/new_recover.css" />
|
|
|
<link rel="stylesheet" type="text/css" href="../css/personal-manage.css" />
|
|
|
<style>
|
|
|
.content {height: calc(100% - 14px);}
|
|
|
.content {height: 100%}
|
|
|
</style>
|
|
|
</head>
|
|
|
<body class="m0">
|
|
|
<div id="app" class="c-333" v-cloak>
|
|
|
<div class="content clearfix">
|
|
|
<div class="fl c-h100 w350 person_info c-border-r">
|
|
|
<div class="plr5 c-h100">
|
|
|
<h4 class="m0 pl15 lh40 c-border-b c-position-r"><em class="c-position-a set-blue-span"></em>个人基础信息</h4>
|
|
|
<div class="bgc-f5f5fa mt10 ptb10 plr10">
|
|
|
<div class="clearfix">
|
|
|
<div class="fl w-100-66">
|
|
|
<p class="m0 p0 mb10">
|
|
|
<span class="c-999">姓名:</span>{{recoverPatInfo.patientInfo.patientName}}
|
|
|
<span class="c-999 ml20">性别:</span>{{recoverPatInfo.patientInfo.sex == 1 ? "男" : "女"}}
|
|
|
<span class="c-999 ml20">年龄:</span>{{recoverPatInfo.patientInfo.age}}岁
|
|
|
</p>
|
|
|
<p class="m0 p0 mb10">
|
|
|
<span class="c-999">健康情况:</span>{{recoverPatInfo.patientInfo.healthyCondition}}
|
|
|
</p>
|
|
|
<p class="m0 p0 mb10">
|
|
|
<span class="c-999">联系电话:</span><span class="c-12b7f5 cur-pit" v-if="isMobile" @click="changeStatu()">点击查看</span><span v-else>{{recoverPatInfo.patientInfo.mobile}}</span>
|
|
|
</p>
|
|
|
</div>
|
|
|
<div class="fr set-photo">
|
|
|
<img :src="setPatImg(recoverPatInfo.patientInfo.photo)" alt="居民头像" />
|
|
|
</div>
|
|
|
<div class="content ui-grid">
|
|
|
<div class="ui-col-0 c-h100 w350 person_info c-border-r ui-grid ui-grid-vertical plr5">
|
|
|
<h4 class="m0 pl15 lh40 c-border-b c-position-r"><em class="c-position-a set-blue-span"></em>个人基础信息</h4>
|
|
|
<div class="bgc-f5f5fa mt10 ptb10 plr10">
|
|
|
<div class="clearfix">
|
|
|
<div class="fl w-100-66">
|
|
|
<p class="m0 p0 mb10">
|
|
|
<span class="c-999">姓名:</span>{{recoverPatInfo.patientInfo.patientName}}
|
|
|
<span class="c-999 ml20">性别:</span>{{recoverPatInfo.patientInfo.sex == 1 ? "男" : "女"}}
|
|
|
<span class="c-999 ml20">年龄:</span>{{recoverPatInfo.patientInfo.age}}岁
|
|
|
</p>
|
|
|
<p class="m0 p0 mb10">
|
|
|
<span class="c-999">健康情况:</span>{{recoverPatInfo.patientInfo.healthyCondition}}
|
|
|
</p>
|
|
|
<p class="m0 p0 mb10">
|
|
|
<span class="c-999">联系电话:</span><span class="c-12b7f5 cur-pit" v-if="isMobile" @click="changeStatu()">点击查看</span><span v-else>{{recoverPatInfo.patientInfo.mobile}}</span>
|
|
|
</p>
|
|
|
</div>
|
|
|
<p class="m0 p0 mb10">
|
|
|
<span class="c-999">签约社区:</span>{{recoverPatInfo.patientInfo.signHospitalName}}
|
|
|
</p>
|
|
|
<p class="m0 p0">
|
|
|
<span class="c-999">康复机构:</span>{{recoverPatInfo.patientInfo.rehabilitationOrg}}
|
|
|
</p>
|
|
|
</div>
|
|
|
<h4 class="m0 pl15 lh40 c-border-b c-position-r"><em class="c-position-a set-blue-span"></em>服务医生</h4>
|
|
|
<!--<div class="pt10 pb10" style="overflow: hidden; height: 190px;">-->
|
|
|
<div class="pt10 pb10" style="overflow: hidden; height: calc(100% - 271px);">
|
|
|
<ul class="p0 m0 c-h100" style="overflow: auto;">
|
|
|
<li class="clearfix plr20 ptb10 doc-li" v-for="(docInfo, index) in recoverPatInfo.serviceDoctorList" :key="index">
|
|
|
<div class="fl set-photo">
|
|
|
<img :src="setPatImg(docInfo.doctorPhoto, 1)" alt="医生头像" />
|
|
|
</div>
|
|
|
<div class="fl ml10 lh18">
|
|
|
<p class="m0 p0 c-f16">{{docInfo.doctorName}}</p>
|
|
|
<p class="m0 p0 mt10 c-999">{{docInfo.type}}</p>
|
|
|
</div>
|
|
|
<div class="fr w100 ml40 lh18">
|
|
|
<p class="m0 p0">完成项目:<span class="c-orange">{{docInfo.finishedItem}}</span></p>
|
|
|
<p class="m0 p0 mt10">服务次数:<span class="c-orange">{{docInfo.serviceCount}}</span></p>
|
|
|
</div>
|
|
|
</li>
|
|
|
</ul>
|
|
|
</div>
|
|
|
<!--<h4 class="m0 pl10 lh40 c-border-b">出院小结</h4>
|
|
|
<div class="ptb10" style="overflow: hidden; height: calc(100% - 481px);">
|
|
|
<ul class="m0 p0 c-border b-r-3 c-h100" style="overflow: auto;">
|
|
|
<li class="pt5 plr10">
|
|
|
<p class="c-999 lh40 clearfix">
|
|
|
<span class="fl">冠心病诊断</span>
|
|
|
<span class="fr">2018-08-01</span>
|
|
|
</p>
|
|
|
<div class="bgc-f5f5fa plr5 ptb10" style="line-height: 20px;">
|
|
|
  这是诊断内容这是诊断内容这是诊断内容这是诊断内容这是诊断内容这是诊断内容这是诊断内容这是诊断内容这是诊断内容这是诊断内容这是诊断内容这是诊断内容
|
|
|
</div>
|
|
|
</li>
|
|
|
</ul>
|
|
|
</div>-->
|
|
|
<div class="fr set-photo">
|
|
|
<img :src="setPatImg(recoverPatInfo.patientInfo.photo)" alt="居民头像" />
|
|
|
</div>
|
|
|
</div>
|
|
|
<p class="m0 p0 mb10">
|
|
|
<span class="c-999">签约社区:</span>{{recoverPatInfo.patientInfo.signHospitalName}}
|
|
|
</p>
|
|
|
<p class="m0 p0">
|
|
|
<span class="c-999">康复机构:</span>{{recoverPatInfo.patientInfo.rehabilitationOrg}}
|
|
|
</p>
|
|
|
</div>
|
|
|
<h4 class="m0 pl15 lh40 c-border-b c-position-r"><em class="c-position-a set-blue-span"></em>服务医生</h4>
|
|
|
<!--<div class="pt10 pb10" style="overflow: hidden; height: 190px;">-->
|
|
|
<div class="pt10 pb10 ui-col-1" style="overflow: hidden; ">
|
|
|
<ul class="p0 m0 c-h100" style="overflow: auto;">
|
|
|
<li class="clearfix plr20 ptb10 doc-li" v-for="(docInfo, index) in recoverPatInfo.serviceDoctorList" :key="index">
|
|
|
<div class="fl set-photo">
|
|
|
<img :src="setPatImg(docInfo.doctorPhoto, 1)" alt="医生头像" />
|
|
|
</div>
|
|
|
<div class="fl ml10 lh18">
|
|
|
<p class="m0 p0 c-f16">{{docInfo.doctorName}}</p>
|
|
|
<p class="m0 p0 mt10 c-999">{{docInfo.type}}</p>
|
|
|
</div>
|
|
|
<div class="fr w100 ml40 lh18">
|
|
|
<p class="m0 p0">完成项目:<span class="c-orange">{{docInfo.finishedItem}}</span></p>
|
|
|
<p class="m0 p0 mt10">服务次数:<span class="c-orange">{{docInfo.serviceCount}}</span></p>
|
|
|
</div>
|
|
|
</li>
|
|
|
</ul>
|
|
|
</div>
|
|
|
<!--<h4 class="m0 pl10 lh40 c-border-b">出院小结</h4>
|
|
|
<div class="ptb10" style="overflow: hidden; height: calc(100% - 481px);">
|
|
|
<ul class="m0 p0 c-border b-r-3 c-h100" style="overflow: auto;">
|
|
|
<li class="pt5 plr10">
|
|
|
<p class="c-999 lh40 clearfix">
|
|
|
<span class="fl">冠心病诊断</span>
|
|
|
<span class="fr">2018-08-01</span>
|
|
|
</p>
|
|
|
<div class="bgc-f5f5fa plr5 ptb10" style="line-height: 20px;">
|
|
|
  这是诊断内容这是诊断内容这是诊断内容这是诊断内容这是诊断内容这是诊断内容这是诊断内容这是诊断内容这是诊断内容这是诊断内容这是诊断内容这是诊断内容
|
|
|
</div>
|
|
|
</li>
|
|
|
</ul>
|
|
|
</div>-->
|
|
|
</div>
|
|
|
<div class="fl c-h100 w-100-350">
|
|
|
<div class="fl w-100-300 c-h100">
|
|
|
<div class="plr5">
|
|
|
<h4 class="m0 pl15 lh40 c-border-b c-position-r clearfix">
|
|
|
<div class="ui-col-1 c-h100 w-100-350 ui-grid">
|
|
|
<div class="ui-col-1 c-h100 ui-grid ui-grid-vertical">
|
|
|
<!--<div class="plr5">-->
|
|
|
<div class="m0 pl15 lh40 c-border-b c-position-r clearfix">
|
|
|
<em class="c-position-a set-blue-span"></em>
|
|
|
<span class="fl">康复计划</span>
|
|
|
<span class="fl plr20 ml20 c-f12 bgc-12b7f5 c-fff cur-pit" @click="gotoNewplan()" v-if="doctorType == 1">新建计划</span>
|
|
|
<span class="fr w80 c-333 c-f12 c-t-center">进行中:{{recoverPatInfo.planUnderway}}</span>
|
|
|
<span class="fr w80 c-333 c-f12 c-t-center">已完成:{{recoverPatInfo.planFinish}}</span>
|
|
|
</h4>
|
|
|
</div>
|
|
|
<div class="pb10" style="overflow: hidden; height: 230px;">
|
|
|
<ul class="p0 plr5 m0 c-h100" style="overflow: auto;">
|
|
|
<li class="clearfix plr5 ptb10 mt10 plan-li cur-pit c-border b-r-3" v-for="(plan, index) in recoverPatInfo.planList" :key="index" @click="jumpPlan(plan)">
|
|
|
<div class="fl w300">
|
|
|
<li class="plr5 ptb10 mt10 plan-li cur-pit c-border b-r-3 ui-grid" v-for="(plan, index) in recoverPatInfo.planList" :key="index" @click="jumpPlan(plan)">
|
|
|
<div class="ui-col-1">
|
|
|
<p class="p0 m0 lh22 clearfix">
|
|
|
<span class="fl">{{plan.planTypeName}}</span>
|
|
|
<span class="fr c-999">{{plan.time}}</span>
|
|
|
</p>
|
|
|
<div class="clearfix">
|
|
|
<p class="fl w-100-78 bgc-c1c1c1 lh22 b-r-11 c-position-r c-t-center">
|
|
|
<div class="ui-grid">
|
|
|
<p class="ui-col-1 bgc-c1c1c1 lh22 b-r-11 c-position-r c-t-center">
|
|
|
<span class="c-position-a bgc-orange lh22 b-r-11 c-t-center c-fff" :style="{width: setPercent(plan), left: 0}"></span>
|
|
|
<span class="c-position-r w-100 c-t-center">{{setPercent(plan)}}</span>
|
|
|
</p>
|
|
|
<span class="fr w60 c-999 lh22">{{plan.allFinishCount}}/{{plan.allCount}}</span>
|
|
|
<div class="ui-col-0 ml10 c-999 lh22">{{plan.allFinishCount}}/{{plan.allCount}}</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
<div class="fr c-007cd9 lh40">{{plan.statusName}}</div>
|
|
|
<div class="ui-col-0 ml15 c-007cd9 lh40">{{plan.statusName}}</div>
|
|
|
</li>
|
|
|
<li class="ptb10 c-t-center" v-if="!recoverPatInfo.planList || !recoverPatInfo.planList.length">暂无相关计划</li>
|
|
|
</ul>
|
|
|
</div>
|
|
|
</div>
|
|
|
<!--</div>-->
|
|
|
<h4 class="m0 pl15 pr5 lh40 c-border-tb clearfix c-position-r"><em class="c-position-a set-blue-span"></em>康复相关记录<span class="fr w80 c-333 c-f12 c-t-center">已完成:{{finishData.planDetailFinish}}</span></h4>
|
|
|
<div style="overflow: hidden; height: calc(100% - 323px);">
|
|
|
<ul class="p0 m0 c-h100 c-999" style="overflow: auto;">
|
|
|
<div class="ui-col-1" style="overflow: hidden; overflow-y: scroll;">
|
|
|
<ul class="p0 m0 c-h100 c-999">
|
|
|
<li class="clearfix plr10 cur-pit record-li" v-for="(plan, index) in planDetailList" :class="{'bgc-dff5fc c-12b7f5':plan.istaDay}" @click="lookProject(plan)">
|
|
|
<div class="fl w80 ptb10 c-t-right">
|
|
|
<p class="p0 m0 lh18">{{plan.executeTime}}</p>
|
|
@ -138,7 +136,7 @@
|
|
|
</ul>
|
|
|
</div>
|
|
|
</div>
|
|
|
<div class="fr w300 c-h100 c-border-l">
|
|
|
<div class="ui-col-0 w300 c-h100 c-border-l">
|
|
|
<div class="plr5 c-h100">
|
|
|
<h4 class="m0 pl15 pr5 lh40 c-border-b clearfix c-position-r"><em class="c-position-a set-blue-span"></em>就诊记录</h4>
|
|
|
<div class="lh30 c-border-b c-t-center clearfix">
|