Home Explore Help
Register Sign In
raolu
/
PC-application
Watch 0
Star 0
Fork 1
Files Issues 0 Pull Requests 0 Wiki
Tree: d2ce814e01
Branches Tags
PC-application
/
app
/
statistics
/
html
/
special-analysis.html

special-analysis.html 15 KB
History Raw

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239 
  1. <!DOCTYPE html>
    2. 

  2. <html>
    3. 

  3. 

  4. <head>
    5. 

  5.     <meta charset="UTF-8">
    6. 

  6.     <title>疾病筛查分析</title>
    7. 

  7.     <meta name="author" content="yihu.com" />
    8. 

  8.     <meta name="format-detection" content="telephone=no" />
    9. 

  9.     <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=0"
    10. 

  10.     />
    11. 

  11.     <meta name="apple-mobile-web-app-capable" content="yes" />
    12. 

  12.     <meta name="apple-mobile-web-app-status-bar-style" content="black" />
    13. 

  13.     <link rel="stylesheet" type="text/css" href="../../../css/font-awesome.min.css" />
    14. 

  14.     <link rel="stylesheet" type="text/css" href="../../../css/style.min.css" />
    15. 

  15.     <link rel="stylesheet" type="text/css" href="../../../css/cross.css" />
    16. 

  16.     <link rel="stylesheet" type="text/css" href="../../../css/flex.css" />
    17. 

  17.     <link rel="stylesheet" type="text/css" href="../../../css/element-ui.css" />
    18. 

  18.     <link href="../../../plugins/toastr/toastr.min.css" rel="stylesheet">
    19. 

  19.     <link rel="stylesheet" type="text/css" href="../css/common.css" />
    20. 

  20. </head>
    21. 

  21. <style>
    22. 

  22. .el-radio-button:first-child .el-radio-button__inner{
    23. 

  23. 	border-radius: 15px 0 0 15px;
    24. 

  24. }
    25. 

  25. .el-radio-button:last-child .el-radio-button__inner{
    26. 

  26. 	border-radius:  0 15px 15px 0;
    27. 

  27. }
    28. 

  28. .el-tabs__header{
    29. 

  29. 	margin: 0;
    30. 

  30. }
    31. 

  31. </style>
    32. 

  32. 

  33. <body style="margin: 0;overflow-x: auto;">
    34. 

  34.     <div id="main" class="c-hide"  v-cloak v-loading.fullscreen.lock="isloading">
    35. 

  35.         <header-tab appname="专病分析" isback="true" isrefresh="true" :isfilter="true" ></header-tab>
    36. 

  36.         <header-prompt></header-prompt>
    37. 

  37.         <div class="pt20 plr20">        
    38. 

  38. 	        <div class="ui-grid">
    39. 

  39. 	        	<div class="ui-col-1 pr40">
    40. 

  40. 	        		<el-select v-model="valueName" placeholder="请选择" @change="seleName" style="width:100%;">
    41. 

  41.                         <el-option v-for="item in optionsName" :key="item.code" :label="item.name" :value="item.code">
    42. 

  42.                         </el-option>
    43. 

  43.                    </el-select>
    44. 

  44. 			    	<div class="c-t-center plr15">
    45. 

  45. 			    		<div class="ui-grid ptb20">
    46. 

  46. 				    		<div class="ui-col-0 c-33 c-border-r">
    47. 

  47. 				    			<div class="c-f24 c-12b7f5">{{pageData.specialistHospital||0}}家</div>
    48. 

  48. 	            				<div class="c-f14 c-666">医院</div>
    49. 

  49. 				    		</div>
    50. 

  50. 				    		<div class="ui-col-0 c-33 c-border-r">
    51. 

  51. 				    			<div class="c-f24 c-12b7f5">{{pageData.specialist||0}}人</div>
    52. 

  52. 	            				<div class="c-f14 c-666">专科医生</div>
    53. 

  53. 				    		</div>
    54. 

  54. 				    		<div class="ui-col-1">
    55. 

  55. 				    			<div class="c-f24 c-12b7f5">{{pageData.communityHospital||0}}家</div>
    56. 

  56. 	            				<div class="c-f14 c-666">基层医疗机构</div>
    57. 

  57. 				    		</div>
    58. 

  58. 			    		</div>
    59. 

  59. 			    	</div>
    60. 

  60.                     <div class="flex f_x_s">
    61. 

  61.                     	<div class="c-border c-20 c-border-r-5 ptb30 c-t-center">
    62. 

  62.                     		<img src="../../../images/zongfuwurenshu_icon.png" width="100" height="100"/>
    63. 

  63.                     		<div class="c-f14 pt10 c-666">总服务人数/人次</div>
    64. 

  64.             				<div class="c-f24 c-333 mt5"><span class="c-17b3ec">{{pageData1.totalServiceNum||'0'}}</span>/{{pageData1.totalServiceTimes||'0'}}</div>
    65. 

  65.                     	</div>
    66. 

  66.                     	<div class="c-border c-20 c-border-r-5 ptb30 c-t-center">
    67. 

  67.                     		<img src="../../../images/gongguanhuanzheshu_icon.png" width="100" height="100"/>
    68. 

  68.                     		<div class="c-f14 pt10 c-666">共管患者人数</div>
    69. 

  69.             				<div class="c-f24 c-333 mt5"><span class="c-17b3ec">{{pageData1.coManagementNum||'0'}}</div>
    70. 

  70.                     	</div>
    71. 

  71.                     	<div class="c-border c-20 c-border-r-5 ptb30 c-t-center">
    72. 

  72.                     		<img src="../../../images/zhuanzhenrenshu_icon.png" width="100" height="100"/>
    73. 

  73.                     		<div class="c-f14 pt10 c-666">转诊人数/人次</div>
    74. 

  74.             				<div class="c-f24 c-333 mt5"><span class="c-17b3ec">{{pageData1.referralNum||'0'}}</span>/{{pageData1.referralTimes||'0'}}</div>
    75. 

  75.                     	</div>
    76. 

  76.                     	<div class="c-border c-20 c-border-r-5 ptb30 c-t-center">
    77. 

  77.                     		<img src="../../../images/xiazhuanrenshu_icon.png" width="100" height="100"/>
    78. 

  78.                     		<div class="c-f14 pt10 c-666">下转人数/人次</div>
    79. 

  79.             				<div class="c-f24 c-333 mt5"><span class="c-17b3ec">{{pageData1.rehabilitationNum||'0'}}</span>/{{pageData1.rehabilitationTimes||'0'}}</div>
    80. 

  80.                     	</div>
    81. 

  81.                     </div>
    82. 

  82. 	        	</div>
    83. 

  83. 	        	<div class="ui-col-0 pr5 plr20 c-border-r-5 c-border" style="width:600px;">
    84. 

  84. 	        		<div class="c-f16 c-333333 ptb8 left-17B3EC c-border-b c-position-r">
    85. 

  85. 			    		<span class="pl15">疾病类型分析</span>
    86. 

  86. 			    		<div class="c-position-a" style="right: 15px;top: 2px;">
    87. 

  87. 	            			<el-radio-group v-model="ptab" size="small" @change="showTab">
    88. 

  88. 							    <el-radio-button label="1">转诊趋势</el-radio-button>
    89. 

  89. 							    <el-radio-button label="2">服务人数</el-radio-button>
    90. 

  90. 						    </el-radio-group>
    91. 

  91. 	            		</div>
    92. 

  92. 			    	</div>
    93. 

  93. 	            	<!-- 折线图 -->
    94. 

  94.         			<line-chart v-show="ptab==1"  lineid="lineChart1"></line-chart>
    95. 

  95.         			<line-chart v-show="ptab==2"  lineid="lineChart2"></line-chart>
    96. 

  96. 	        	</div>
    97. 

  97. 	        </div>
    98. 

  98. 	        <div class="mt20 c-border c-border-r-5 plr20 c-position-r">
    99. 

  99. 	        	<div class="c-f16 c-333333 ptb8 mb20 left-17B3EC c-border-b">
    100. 

  100. 		    		<span class="pl15">疾病类型分析</span>
    101. 

  101. 		    		<div class="legend-icon flex f_wrap">
    102. 

  102. 				  		<div class="legend-17B3EC">下转人数</div><div class="legend-20D7AD">下转人次</div>
    103. 

  103. 				  	</div>
    104. 

  104. 		    	</div>
    105. 

  105. 		    	<div class="line-chart" id="barChart" style="height: 240px; width: 100%;"></div>
    106. 

  106. 		    	<div class="mb10 c-t-center" v-if="initlevel>2">
    107. 

  107. 	        		<div class="c-border-17b3ec c-border-r-5 c-17b3ec c-f16 c-t-center c-cursor-p" style="line-height: 38px;width:800px;margin: 0 auto;" @click="hopitalListShow">
    108. 

  108. 	        			医院服务情况
    109. 

  109. 	        		</div>
    110. 

  110. 	        	</div>
    111. 

  111. 	        </div>	        
    112. 

  112. 	        <div class="mt20 c-border c-border-r-5 plr20 c-position-r">
    113. 

  113. 	        	<div class="c-f16 c-333333 ptb8 left-17B3EC c-border-b">
    114. 

  114. 		    		<span class="pl15">具体服务分析</span>
    115. 

  115. 		    	</div>
    116. 

  116. 		    	<div class="ui-grid">
    117. 

  117. 		    		<div class="ui-col-0 c-25 c-border c-border-r-5 mt20 mr40">
    118. 

  118. 			    		<div class="c-f14 c-333" style="line-height: 38px;">
    119. 

  119. 			    			<span class="bgc-f2f3f4 pl15 pr30" style="border-bottom-right-radius: 38px;border-top-left-radius: 5px;padding-top: 11px;padding-bottom: 12px;">1.诊前-日常健康服务</span>
    120. 

  120. 			    		</div>
    121. 

  121. 			    		<div class="ptb20 pl40">
    122. 

  122. 				    		<div class="c-333333 c-f16 ptb8">
    123. 

  123. 				    			<span class="c-999999 ">疾病筛查　</span><span class="c-17b3ec">{{pageData2.screeningReferralNum||0}}</span><span>人</span> /  高危病人<span class="c-17b3ec">{{pageData2.highRiskNum||0}}</span><span c>人</span>
    124. 

  124. 				    		</div>
    125. 

  125. 				    		<div class="c-333333 c-f16 ptb8">
    126. 

  126. 				    			<span class="c-999999">健康教育　</span><span class="c-17b3ec">{{pageData2.healthEducationTimes||0}}</span><span>人次</span>
    127. 

  127. 				    		</div>
    128. 

  128. 			    		</div>
    129. 

  129. 			    	</div>
    130. 

  130. 			    	<div class="ui-col-1 c-border c-border-r-5 mt20">
    131. 

  131. 			    		<div class="c-f14 c-333" style="line-height: 38px;">
    132. 

  132. 			    			<span class="bgc-f2f3f4 pl15 pr30" style="border-bottom-right-radius: 38px;border-top-left-radius: 5px;padding-top: 11px;padding-bottom: 12px;">2.就诊-在线诊疗情况</span>
    133. 

  133. 			    		</div>
    134. 

  134. 				    	<div class="ui-grid ptb20 clearfix">
    135. 

  135. 				    		<div class="ui-col-0 c-20 c-border-r pl40">
    136. 

  136. 				    			<div class="c-f16 ptb8 c-t-left" >
    137. 

  137. 		                            <div class="c-999999">预约挂号    <span class="pl15 c-17b3ec">{{pageData3.appointmentTimes||0}}</span><span class="c-333">人</span></div>
    138. 

  138. 		                        </div>
    139. 

  139. 					    		<div class="c-f14 ptb10 c-t-left">
    140. 

  140. 		                            <div class="c-999999">本周新增    <span class="pl15 c-FF5E6C">+{{pageData3.appointmentTimesAdd||0}}</span></div>
    141. 

  141. 		                        </div>
    142. 

  142. 				    		</div>
    143. 

  143. 				    		<div class="ui-col-0 c-20 c-border-r pl40">
    144. 

  144. 				    			<div class="c-f16 ptb8 c-t-left">
    145. 

  145. 		                            <div class="c-999999">专家咨询    <span class="pl15 c-17b3ec">{{pageData3.specialistConsultTimes||0}}</span><span class="c-333">人</span></div>
    146. 

  146. 		                        </div>
    147. 

  147. 					    		<div class="c-f14 ptb10 c-t-left">
    148. 

  148. 		                            <div class="c-999999">本周新增    <span class="pl15 c-FF5E6C">+{{pageData3.specialistConsultTimesAdd||0}}</span></div>
    149. 

  149. 		                        </div>
    150. 

  150. 				    		</div>
    151. 

  151. 				    		<div class="ui-col-0 c-20 c-border-r pl40">
    152. 

  152. 				    			<div class="c-f16 ptb8 c-t-left">
    153. 

  153. 		                            <div class="c-999999">在线复诊    <span class="pl15 c-17b3ec">{{pageData3.onlineReferralTimes||0}}</span><span class="c-333">人</span></div>
    154. 

  154. 		                        </div>
    155. 

  155. 					    		<div class="c-f14 ptb10 c-t-left">
    156. 

  156. 		                            <div class="c-999999">本周新增    <span class="pl15 c-FF5E6C">+{{pageData3.onlineReferralTimesAdd||0}}</span></div>
    157. 

  157. 		                        </div>
    158. 

  158. 				    		</div>
    159. 

  159. 				    		<div class="ui-col-0 c-20 c-border-r pl40">
    160. 

  160. 				    			<div class="c-f16 ptb8 c-t-left">
    161. 

  161. 		                            <div class="c-999999">远程协诊    <span class="pl15 c-17b3ec">{{pageData3.remoteDiagnosisTimes||0}}</span><span class="c-333">人</span></div>
    162. 

  162. 		                        </div>
    163. 

  163. 					    		<div class="c-f14 ptb10 c-t-left">
    164. 

  164. 		                            <div class="c-999999">本周新增    <span class="pl15 c-FF5E6C">+{{pageData3.remoteDiagnosisTimesAdd||0}}</span></div>
    165. 

  165. 		                        </div>
    166. 

  166. 				    		</div>
    167. 

  167. 				    		<div class="ui-col-0 c-20 pl40">
    168. 

  168. 				    			<div class="c-f16 ptb8 c-t-left">
    169. 

  169. 		                            <div class="c-999999">上门看诊    <span class="pl15 c-17b3ec">{{pageData3.visitTimes||0}}</span><span class="c-333">人</span></div>
    170. 

  170. 		                        </div>
    171. 

  171. 					    		<div class="c-f14 ptb10 c-t-left">
    172. 

  172. 		                            <div class="c-999999">本周新增    <span class="pl15 c-FF5E6C">+{{pageData3.visitTimesAdd||0}}</span></div>
    173. 

  173. 		                        </div>
    174. 

  174. 				    		</div>
    175. 

  175. 			    		</div>
    176. 

  176. 				    </div>
    177. 

  177. 		    	</div>
    178. 

  178. 		    	<div class="mtb20 c-border c-border-r-5">
    179. 

  179. 		    		<div class="c-f14 c-333" style="line-height: 38px;width: 100%;">
    180. 

  180. 		    			<span class="bgc-f2f3f4 pl15 pr30" style="border-bottom-right-radius: 38px;border-top-left-radius: 5px;padding-top: 11px;padding-bottom: 12px;">3.诊后康复共管情况</span>
    181. 

  181. 		    		</div>
    182. 

  182. 		    		<div class="ui-grid c-f16 pl40 ptb20 clearfix">
    183. 

  183. 		    			<div class="c-999999">电话/短信关怀率　</div>
    184. 

  184. 		    			<div class="c-17b3ec pl15">{{pageData4.rehabilitationPhoneTimes||0}}<span class="c-333">/{{pageData4.rehabilitationTimes||0}}（{{pageData4.rate||0}}）</span></div>
    185. 

  185. 		    		</div>
    186. 

  186. 		    		<div class="c-t-center pb20 c-border-b">
    187. 

  187. 			    		<el-radio-group v-model="ttab" size="small" @change="showtTab">
    188. 

  188. 						    <el-radio-button :label="1">等级医院</el-radio-button>
    189. 

  189. 						    <el-radio-button :label="2">社区医院</el-radio-button>
    190. 

  190. 					    </el-radio-group>
    191. 

  191. 		    		</div>
    192. 

  192. 		    		<table-panel v-show="ttab==1" ref="tableRef_1" :tabledata="tabledata1" @getnewdata="getnewdata1" :reqlength="reqListLength8" @backtobefore="backClick0" :hastopbar="hastopbar1"></table-panel>
    193. 

  193. 		    		<table-panel v-show="ttab==2" ref="tableRef_2" :tabledata="tabledata2" @getnewdata="getnewdata2" :reqlength="reqListLength9" @backtobefore="backClick1" :hastopbar="hastopbar2"></table-panel>
    194. 

  194. 		    	</div>
    195. 

  195. 	        </div>
    196. 

  196. 	        <div class="mt20 c-border c-border-r-5 plr20 c-position-r">
    197. 

  197. 	        	<div class="c-f16 c-333333 ptb8 left-17B3EC c-border-b">
    198. 

  198. 		    		<span class="pl15">医院总体服务情况</span>
    199. 

  199. 		    	</div>
    200. 

  200. 	    		<div class="c-t-center ptb20 c-border-b" v-if="initlevel>2">
    201. 

  201. 		    		<el-radio-group v-model="tbtab" size="small" @change="showtbTab">
    202. 

  202. 					    <el-radio-button :label="1">等级医院</el-radio-button>
    203. 

  203. 					    <el-radio-button :label="2">社区医院</el-radio-button>
    204. 

  204. 				    </el-radio-group>
    205. 

  205. 	    		</div>
    206. 

  206. 	    		<table-panel v-show="tbtab==1" ref="tableRef_01" :tabledata="tabledata01" @getnewdata="getnewdata01" :reqlength="reqListLength10" @backtobefore="backClick2"></table-panel>
    207. 

  207. 	    		<table-panel v-show="tbtab==2" ref="tableRef_02" :tabledata="tabledata02" @getnewdata="getnewdata02" :reqlength="reqListLength11" @backtobefore="backClick3"></table-panel>
    208. 

  208.         	</div>
    209. 

  209.         </div>
    210. 

  210.         <!--模态框组件-->
    211. 

  211.         <vuedals></vuedals>
    212. 

  212.     </div>
    213. 

  213. 

  214.     <script src="../../../js/vue.js" type="text/javascript" charset="utf-8"></script>
    215. 

  215.     <script src="../../../js/jquery-2.2.4.js" type="text/javascript" charset="utf-8"></script>
    216. 

  216.     <script src="../../../js/element-ui.js" type="text/javascript" charset="utf-8"></script>
    217. 

  217.     <script src="../../../plugins/toastr/toastr.min.js"></script>
    218. 

  218.     <script src="../../../js/es6-promise.js" type="text/javascript" charset="utf-8"></script>
    219. 

  219.     <script src="../../../js/underscore.js" type="text/javascript" charset="utf-8"></script>
    220. 

  220.     <script src="../../../js/util.js" type="text/javascript" charset="utf-8"></script>
    221. 

  221.     <!--<script src="../../../plugins/echarts/3.8.5/echarts.min.js" type="text/javascript" charset="utf-8"></script>-->
    222. 

  222.     <script src="../js/echarts.min.js" type="text/javascript" charset="utf-8"></script>
    223. 

  223.     <script src="../../../api/http-request.js" type="text/javascript" charset="utf-8"></script>
    224. 

  224.     <script src="../../../api/jbsc-api.js" type="text/javascript" charset="utf-8"></script>
    225. 

  225.     <script src="../../../api/statistics-api.js" type="text/javascript" charset="utf-8"></script>
    226. 

  226.     <script src="../../../component/common/event-bus.js"></script>
    227. 

  227.     <script src="../../../component/common/vuedals.js" type="text/javascript" charset="utf-8"></script>
    228. 

  228.     <script src="../../../component/statistics/header-tab.js" type="text/javascript" charset="utf-8"></script>
    229. 

  229.     <script src="../../../component/statistics/header-prompt.js" type="text/javascript" charset="utf-8"></script>
    230. 

  230.     <script src="../../../component/statistics/line-chart-single.js" type="text/javascript" charset="utf-8"></script>
    231. 

  231.     <script src="../../../component/statistics/table-panel.js" type="text/javascript" charset="utf-8"></script>
    232. 

  232.     <script src="../../../component/statistics/team-info.js" type="text/javascript" charset="utf-8"></script>
    233. 

  233.     <script src="../../../component/statistics/special-filter.js" type="text/javascript" charset="utf-8"></script>
    234. 

  234.     <script src="../../../component/statistics/hospital-filter.js" type="text/javascript" charset="utf-8"></script>
    235. 

  235.     <script src="../js/common.js" type="text/javascript" charset="utf-8"></script>
    236. 

  236.     <script src="../js/special-analysis.js" type="text/javascript" charset="utf-8"></script>
    237. 

  237. </body>
    238. 

  238. 

  239. </html>
    240.