Quellcode durchsuchen

新增查看住院病历功能

yht2016 vor 4 Jahren
Ursprung
Commit
1ea4d1e5bd

+ 16 - 1
app/recover/html/personal-manage.html

@ -79,7 +79,7 @@
				</ul> -->
				<h4 class="m0 pl15 lh40 c-border-b c-position-r"><em class="c-position-a set-blue-span"></em>住院病历</h4>
				<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">
							{{o&&o.admissionTime?formatter(o.admissionTime):''}}
						</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){
						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>
						<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">
									{{o&&o.admissionTime?formatter(o.admissionTime):''}}
								</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){
				return new Date(time).format('yyyy-MM-dd')
			},