首页 发现 帮助
注册 登录
chenyue
/
PC-application
派生自 raolu/PC-application
关注 0
点赞 0
派生 0
文件
浏览代码

新增查看住院病历功能

yht2016 5 年之前
父节点
84762767e0
当前提交
1ea4d1e5bd
共有 4 个文件被更改，包括 137 次插入 和 2 次删除
合并视图 显示文件统计
  1. 16 1
      app/recover/html/personal-manage.html
  2. 105 0
      app/rehabilitation/html/medical-records-detail.html
  3. 1 1
      app/rehabilitation/html/rehabilitation_management.html
  4. 15 0
      app/rehabilitation/js/rehabilitation_management.js

+ 16 - 1
app/recover/html/personal-manage.html
查看文件 

@ -79,7 +79,7 @@
 
				</ul> -->
 
				</ul> -->
 
				<h4 class="m0 pl15 lh40 c-border-b c-position-r"><em class="c-position-a set-blue-span"></em>住院病历</h4>
 
				<h4 class="m0 pl15 lh40 c-border-b c-position-r"><em class="c-position-a set-blue-span"></em>住院病历</h4>
 
				<div>
 
				<div>
 
					<div v-for="(o, i) in medicalRecordsList" class="flex vc c-f14 c-border plr10 ptb5 link-control mt10">
 
					<div v-for="(o, i) in medicalRecordsList" class="flex vc c-f14 c-border plr10 ptb5 link-control mt10" @click="viewMedicalDetail(o)">
 
						<span class="c-666 mr15">
 
						<span class="c-666 mr15">
 
							{{o&&o.admissionTime?formatter(o.admissionTime):''}}
 
							{{o&&o.admissionTime?formatter(o.admissionTime):''}}
 
						</span>
 
						</span>
 
@ -467,6 +467,21 @@
 
							}
 
							}
 
						})
 
						})
 
					},
 
					},
 
					// 查看住院病历详情
 
					viewMedicalDetail: function(o){
 
						layer.open({
 
							type: 2,
 
							area: ['600px', '600px'],
 
							shade: 0.5,
 
							title: '住院病历详情',
 
							fixed: true, //不固定
 
							maxmin: true,
 
							closeBtn:1,
 
							shift: 5,
 
							shadeClose: false, //点击遮罩关闭层
 
							content: '../../rehabilitation/html/medical-records-detail.html?medicalRecordsCode='+ o.code,
 
						});
 
					},
 
					formatter: function(time){
 
					formatter: function(time){
 
						return new Date(time).format('yyyy-MM-dd')
 
						return new Date(time).format('yyyy-MM-dd')
 
					},
 
					},

+ 105 - 0
app/rehabilitation/html/medical-records-detail.html
查看文件 

@ -0,0 +1,105 @@
 
<!DOCTYPE html>
 
<html>
 
	<head>
 
		<meta charset="UTF-8">
 
		<title>住院病历</title>
 
		<link rel="stylesheet" href="../../../css/bootstrap.min.css" />
 
	    <link rel="stylesheet" type="text/css" href="../../../css/style.min.css"/>
 
	    <link rel="stylesheet" type="text/css" href="../../../css/cross.css"/>
 
	    <link rel="stylesheet" href="../../../plugins/toastr/toastr.min.css">
 
        <link rel="stylesheet" href="../css/common.css" />
 
	</head>
 
	<body>
 
		<div id="app" v-cloak>
 
            <div class="p15">
 
                <div class="flex ptb15">
 
                    <span class="c-666 c-f15 mr10" style="width: 90px;">姓&emsp;&emsp;名：</span>
 
                    <div class="flex1 c-333 c-f15">
 
                        {{model.patientName}}
 
                    </div>
 
                </div>
 
                <div class="flex ptb15">
 
                    <span class="c-666 c-f15 mr10" style="width: 90px;">入院时间：</span>
 
                    <div class="flex1 c-333 c-f15">
 
                        {{model.admissionTime}}
 
                    </div>
 
                </div>
 
                <div class="flex ptb15">
 
                    <span class="c-666 c-f15 mr10" style="width: 90px;">入院诊断：</span>
 
                    <div class="flex1 c-333 c-f15">
 
                        {{model.admittingDiagnosisName}}
 
                    </div>
 
                </div>
 
                <div class="flex ptb15">
 
                    <span class="c-666 c-f15 mr10" style="width: 90px;">出院时间：</span>
 
                    <div class="flex1 c-333 c-f15">
 
                        {{model.dischargeTime}}
 
                    </div>
 
                </div>
 
                <div class="flex ptb15">
 
                    <span class="c-666 c-f15 mr10" style="width: 90px;">出院诊断：</span>
 
                    <div class="flex1 c-333 c-f15">
 
                        {{model.dischargeDiagnosisName}}
 
                    </div>
 
                </div>
 
                <div class="flex ptb15">
 
                    <span class="c-666 c-f15 mr10" style="width: 90px;">医嘱小结：</span>
 
                    <div class="flex1 c-333 c-f15">
 
                        {{model.advice}}
 
                    </div>
 
                </div>
 
                <div class="flex ptb15">
 
                    <span class="c-666 c-f15 mr10" style="width: 90px;">病历图片：</span>
 
                    <div v-if="model.imgList.length>0" class="flex1 c-333 c-f15">
 
                        <img :src="item" v-for="item in model.imgList" width="85px" height="85px" class="mr10 mb10"/>
 
                    </div>
 
                    <div v-else  class="flex1 c-999 c-f15">
 
                        暂无图片
 
                    </div>
 
                </div>
 
            </div>
 
		</div>
 
		<script type="text/javascript" src="../../../js/vue.js"></script>
 
		<script type="text/javascript" src="../../../js/jquery-2.2.4.js" ></script>
 
		<script type="text/javascript" src="../../../js/es6-promise.js" charset="utf-8"></script>
 
		<script type="text/javascript" src="../../../plugins/toastr/toastr.min.js"></script>
 
		<script type="text/javascript" src="../../../api/http-request.js"></script>
 
		<script type="text/javascript" src="../../../api/rehabilitation-api.js"></script>
 
		<script type="text/javascript" src="../../../js/util.js" charset="utf-8"></script>
 
		<script type="text/javascript" src="../../../plugins/layer/layer.min.js" ></script>
 
        <script>
 
            var httpData = GetRequest()
 
            new Vue({
 
                el:"#app",
 
                data: {
 
                    medicalRecordsCode: httpData['medicalRecordsCode'],
 
                    model: undefined
 
                },
 
                mounted: function() {
 
                    this.selectByMedicalCode(this.medicalRecordsCode)
 
                },
 
                methods: {
 
                    // 获取住院病历
 
                    selectByMedicalCode: function(medicalRecordsCode){
 
                        var vm = this;
 
                        var  params = {
 
                            medical: medicalRecordsCode
 
                        };
 
                        rehaAPI.selectByMedicalCode(params).then(function(res){
 
                            if(res.status==200){
 
                                vm.model = res.data[0]
 
                                var arr = vm.model.images || vm.model.images !='' ? vm.model.images.split(','):[]
 
                                $.each(arr, function(index, item){
 
                                    item = httpRequest.getImgUrl(item)
 
                                })
 
                                vm.model.imgList = arr
 
                            }else {
 
                                showErrorMessage(res.msg);
 
                            }
 
                        })
 
                    },
 
                }
 
            })
 
        </script>
 
	</body>
 
</html>

+ 1 - 1
app/rehabilitation/html/rehabilitation_management.html
查看文件 

@ -149,7 +149,7 @@
 
							<div class="ui-col-1 c-f16 c-333">住院病历</div>
 
							<div class="ui-col-1 c-f16 c-333">住院病历</div>
 
						</div>
 
						</div>
 
						<div>
 
						<div>
 
							<div v-for="(o, i) in medicalRecordsList" class="w-row flex vc c-f14 c-border plr10 ptb5 link-control mt10">
 
							<div v-for="(o, i) in medicalRecordsList" class="w-row flex vc c-f14 c-border plr10 ptb5 link-control mt10" @click="viewMedicalDetail(o)">
 
								<span class="c-666 mr15">
 
								<span class="c-666 mr15">
 
									{{o&&o.admissionTime?formatter(o.admissionTime):''}}
 
									{{o&&o.admissionTime?formatter(o.admissionTime):''}}
 
								</span>
 
								</span>

+ 15 - 0
app/rehabilitation/js/rehabilitation_management.js
查看文件 

@ -140,6 +140,21 @@
 
					}
 
					}
 
				})
 
				})
 
			},
 
			},
 
			// 查看住院病历详情
 
			viewMedicalDetail: function(o){
 
				layer.open({
 
					type: 2,
 
					area: ['600px', '600px'],
 
					shade: 0.5,
 
					title: '住院病历详情',
 
					fixed: true, //不固定
 
					maxmin: true,
 
					closeBtn:1,
 
					shift: 5,
 
					shadeClose: false, //点击遮罩关闭层
 
					content: '../../rehabilitation/html/medical-records-detail.html?medicalRecordsCode='+ o.code,
 
				});
 
			},
 
			formatter: function(time){
 
			formatter: function(time){
 
				return new Date(time).format('yyyy-MM-dd')
 
				return new Date(time).format('yyyy-MM-dd')
 
			},
 
			},