123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110 |
- <!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" style="padding-left: 50px;">
- <div class="flex vc ptb15">
- <span class="c-666 c-f15 mr10" style="width: 90px;">姓  名:</span>
- <div class="flex1 c-333 c-f15">
- {{model.patientName}}
- </div>
- </div>
- <div class="flex vc ptb15" v-if="model.admissionTime">
- <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 vc ptb15" v-if="model.admittingDiagnosisName">
- <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 vc ptb15" v-if="model.dischargeTime">
- <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 vc ptb15" v-if="model.dischargeDiagnosisName">
- <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 vc ptb15" v-if="model.advice">
- <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" v-if="model.imgList&&model.imgList.length">
- <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]
- if(vm.model.images){
- var arr = vm.model.images || vm.model.images !='' ? vm.model.images.split(','):[]
- var arr1 = []
- $.each(arr, function(index, item){
- item = httpRequest.getImgUrl(item)
- arr1.push(item)
- return item
- })
- vm.model.imgList = arr1
- }
- }else {
- showErrorMessage(res.msg);
- }
- })
- },
- }
- })
- </script>
- </body>
- </html>
|