|
@ -3,7 +3,7 @@
|
|
|
|
|
|
<head>
|
|
|
<meta charset="utf-8">
|
|
|
<title>物联网智能设备首页</title>
|
|
|
<title>医疗服务大数据分析</title>
|
|
|
<meta name="keywords" content="">
|
|
|
<meta name="description" content="">
|
|
|
<meta name="viewport" content="width=device-width">
|
|
@ -13,10 +13,6 @@
|
|
|
<link href="../../../css/style.min.css" rel="stylesheet">
|
|
|
<link href="../../../css/flex.css" rel="stylesheet">
|
|
|
<link href="../css/medical.css" rel="stylesheet">
|
|
|
<style>
|
|
|
.sanjiao{position: absolute;left: 0;right: 0;top: 0;bottom:0;width: 100%;height: 100%;opacity: 0;}
|
|
|
.sanjiao:checked~img{transform: rotate(180deg)}
|
|
|
</style>
|
|
|
</head>
|
|
|
|
|
|
<body>
|
|
@ -47,7 +43,7 @@
|
|
|
<div class="menJiZhen contentBox2 flex f_x_sb mb20">
|
|
|
<div class="left">
|
|
|
<p class="mb10 tr">门诊人次</p>
|
|
|
<p class="yellow_number pl15 mb25">{{leftData1['门诊人次']}} <span class="sub">人</span></p>
|
|
|
<p class="yellow_number pl15 mb25">{{leftData1['门诊人次']}} <span class="sub">人次</span></p>
|
|
|
<p class="pl10 mb10">门诊总费用</p>
|
|
|
<p class="yellow_number pl15">{{leftData1['门诊总费用']}} <span class="sub">元</span></p>
|
|
|
</div>
|
|
@ -58,7 +54,7 @@
|
|
|
</div>
|
|
|
<div class="right">
|
|
|
<p class="mb10 tl">急诊人次</p>
|
|
|
<p class="yellow_number pr15 mb25">{{leftData1['急诊人次']}} <span class="sub">人</span></p>
|
|
|
<p class="yellow_number pr15 mb25">{{leftData1['急诊人次']}} <span class="sub">人次</span></p>
|
|
|
<p class="pr10 mb10">门急诊总费用</p>
|
|
|
<p class="yellow_number pr15">{{leftData1['急诊总费用']}} <span class="sub">元</span></p>
|
|
|
</div>
|
|
@ -67,7 +63,7 @@
|
|
|
<div class="left">
|
|
|
<p class="mb10 tr">住院总费用</p>
|
|
|
<p class="yellow_number mb25">{{leftData1['住院总费用']}} <span class="sub">元</span></p>
|
|
|
<p class="pl10 mb10">住院床日数</p>
|
|
|
<p class="pl10 mb10">住院总床日数</p>
|
|
|
<p class="yellow_number pl15">{{leftData1['住院床日数']}} <span class="sub">天</span></p>
|
|
|
</div>
|
|
|
<div class="middle flex_coloumn f_xy_c">
|
|
@ -78,7 +74,7 @@
|
|
|
<div class="right">
|
|
|
<p class="mb10 tl">住院次均费用</p>
|
|
|
<p class="yellow_number pr15 mb25">{{leftData1['住院均次费用']}} <span class="sub">元</span></p>
|
|
|
<p class="pr10 mb5">住院平均床日数</p>
|
|
|
<p class="pr10 mb5">平均床日数</p>
|
|
|
<p class="yellow_number pr15">{{leftData1['住院平均床日数']}} <span class="sub">天</span></p>
|
|
|
</div>
|
|
|
</div>
|
|
@ -101,8 +97,12 @@
|
|
|
<div class="middle flex_coloumn">
|
|
|
<!-- 地图 -->
|
|
|
<div class="map mt20">
|
|
|
<div class="set_all_city" @click="clickMap({name:'贵港市'})" title="选择全市">
|
|
|
<img src="../images/allCity.png">
|
|
|
</div>
|
|
|
<map-chart @map-click="clickMap" ref="map" :config="mapData"></map-chart>
|
|
|
<div class="dropdown Mapselect">
|
|
|
<label class="diqu-label">地区</label>
|
|
|
<div type="button" class="btn dropdown-toggle" id="dropdownMenu1" data-toggle="dropdown">{{city}}
|
|
|
<span class="caret"></span>
|
|
|
</div>
|
|
@ -119,7 +119,7 @@
|
|
|
<div class="left flex_coloumn f_x_sb">
|
|
|
<div class="flex">
|
|
|
<p class="w100">门急诊人次</p>
|
|
|
<p class="yellow_number pl15 ">{{yesterdayData['门急诊人次']}} <span class="sub">人</span></p>
|
|
|
<p class="yellow_number pl15 ">{{yesterdayData['门急诊人次']}} <span class="sub">人次</span></p>
|
|
|
</div>
|
|
|
<div class="flex ">
|
|
|
<p class="w100">门急诊总费用</p>
|
|
@ -134,13 +134,13 @@
|
|
|
|
|
|
<div class="middle flex_coloumn f_xy_c">
|
|
|
<p class="mb10 title">昨日数据</p>
|
|
|
<p class="yellow_number font44">{{yesterdayData['服务患者数']}} </p>
|
|
|
<p class="font44 red_number">{{yesterdayData['服务患者数']}} </p>
|
|
|
<p class="sub">服务患者人数</p>
|
|
|
</div>
|
|
|
<div class="right flex_coloumn f_x_sb">
|
|
|
<div class="flex">
|
|
|
<p class="w100">住院人次</p>
|
|
|
<p class="yellow_number pl15 ">{{yesterdayData['住院人次']}} <span class="sub">人</span></p>
|
|
|
<p class="yellow_number pl15 ">{{yesterdayData['住院人次']}} <span class="sub">人次</span></p>
|
|
|
</div>
|
|
|
<div class="flex">
|
|
|
<p class="w100">住院总费用</p>
|
|
@ -169,25 +169,29 @@
|
|
|
<div class="contentBox mb20 h234">
|
|
|
<table>
|
|
|
<tr>
|
|
|
<th class="w60">月份</th>
|
|
|
<th class="w193">门急诊总费用</th>
|
|
|
<th class="w188">门急诊均次费用</th>
|
|
|
<th class="w60"><div>月份</div></th>
|
|
|
<th class="w193"><div>门急诊总费用</div></th>
|
|
|
<th class="w188"><div>门急诊均次费用</div></th>
|
|
|
</tr>
|
|
|
<tr v-for="(item,index) in tableData1">
|
|
|
<td>{{(index+1)+'月'}}</td>
|
|
|
<td><div>{{(index+1)+'月'}}</div></td>
|
|
|
<td>
|
|
|
<div>
|
|
|
<span class="mr10">{{item['门急诊总费用']}}元</span>
|
|
|
<span class="mr20">环比</span>
|
|
|
<img v-if="item['门急诊总费用环比'] >1" src="../images/zengzhang.png">
|
|
|
<img v-else src="../images/xiajiang.png">
|
|
|
<span>{{item['门急诊总费用环比']}}</span>
|
|
|
<span>{{item['门急诊总费用环比']}}%</span>
|
|
|
</div>
|
|
|
</td>
|
|
|
<td>
|
|
|
<div>
|
|
|
<span class="mr10">{{item['门急诊次均费用']}}元</span>
|
|
|
<span class="mr20">环比</span>
|
|
|
<img v-if="item['门急诊次均费用环比'] >1" src="../images/zengzhang.png">
|
|
|
<img v-else src="../images/xiajiang.png">
|
|
|
<span>{{item['门急诊次均费用环比']}}</span>
|
|
|
<span>{{item['门急诊次均费用环比']}}%</span>
|
|
|
</div>
|
|
|
</td>
|
|
|
</tr>
|
|
|
</table>
|
|
@ -203,25 +207,29 @@
|
|
|
<div class="contentBox mb20 h234">
|
|
|
<table>
|
|
|
<tr>
|
|
|
<th class="w60">月份</th>
|
|
|
<th class="w193">住院总费用</th>
|
|
|
<th class="w188">住院均次费用</th>
|
|
|
<th class="w60"><div>月份</div></th>
|
|
|
<th class="w193"><div>住院总费用</div></th>
|
|
|
<th class="w188"><div>住院均次费用</div></th>
|
|
|
</tr>
|
|
|
<tr v-for="(item,index) in tableData2">
|
|
|
<td>{{(index+1)+'月'}}</td>
|
|
|
<td><div>{{(index+1)+'月'}}</div></td>
|
|
|
<td>
|
|
|
<span class="mr10">{{item['住院总费用']}}元</span>
|
|
|
<span class="mr20">环比</span>
|
|
|
<img v-if="item['住院总费用环比'] >1" src="../images/zengzhang.png">
|
|
|
<img v-else src="../images/xiajiang.png">
|
|
|
<span>{{item['住院总费用环比']}}</span>
|
|
|
<div>
|
|
|
<span class="mr10">{{parseInt(item['住院总费用'])}}元</span>
|
|
|
<span class="mr20">环比</span>
|
|
|
<img v-if="item['住院总费用环比'] >1" src="../images/zengzhang.png">
|
|
|
<img v-else src="../images/xiajiang.png">
|
|
|
<span>{{item['住院总费用环比']}}%</span>
|
|
|
</div>
|
|
|
</td>
|
|
|
<td>
|
|
|
<div>
|
|
|
<span class="mr10">{{item['住院次均费用']}}元</span>
|
|
|
<span class="mr20">环比</span>
|
|
|
<img v-if="item['住院次均费用环比'] >1" src="../images/zengzhang.png">
|
|
|
<img v-else src="../images/xiajiang.png">
|
|
|
<span>{{item['住院次均费用环比']}}</span>
|
|
|
<span>{{item['住院次均费用环比']}}%</span>
|
|
|
</div>
|
|
|
</td>
|
|
|
</tr>
|
|
|
</table>
|
|
@ -240,7 +248,6 @@
|
|
|
<script src="../../../js/vue.js"></script>
|
|
|
<script src="../../../js/jquery.min.js?v=2.1.4"></script>
|
|
|
<script src="../../../component/common/event-bus.js"></script>
|
|
|
<script src="js/slider.js"></script>
|
|
|
<script src="../../../js/plugins/echarts/echarts.js"></script>
|
|
|
<script src="../../../js/plugins/toastr/toastr.min.js"></script>
|
|
|
<script src="../../../js/bootstrap.min.js"></script>
|