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

终止专科服务账单详情

linehang 7 年之前
父节点
0698b86809
当前提交
83624616c4
共有 4 个文件被更改，包括 198 次插入 和 2 次删除
分列视图 显示文件统计
  1. 4 2
      api/rehabilitation-api.js
  2. 27 0
      app/rehabilitation/css/stop_special_service.css
  3. 84 0
      app/rehabilitation/html/stop_special_service.html
  4. 83 0
      app/rehabilitation/js/stop_special_service.js

+ 4 - 2
api/rehabilitation-api.js
查看文件 

@ -57,8 +57,10 @@
 
		selectByIds:function(data){
 
			return httpRequest.get("doctor/specialist/hospitalServiceItem/selectByIds",{data:data})
 
		},
 
		
		
		// 终止专科计划详情
 
		getServiceItemsAfterStop: function(data) {
 
			return httpRequest.get("doctor/specialist/rehabilitation/getServiceItemsAfterStop", {data: data})
 
		}
 
		
		
	}

+ 27 - 0
app/rehabilitation/css/stop_special_service.css
查看文件 

@ -0,0 +1,27 @@
 
body {
 
	font-family: "microsoft yahei";
 
	color: #333333;
 
}
 
.w180 {width: 180px;}
 
.w820 {width: 820px;}
 
.c-m-auto {margin: 0 auto;}
 
.c-f30 {font-size: 30px;}
 
.plr60 {padding-left: 60px; padding-right: 60px;}
 
.c-w100 {width: 100%;}
 
.bgc-f5f5fa {background-color: #f5f5fa;}
 
.row-right, .row-left {
 
	top: 5px;
 
	width: 10px;
 
	height: 10px;
 
	border-radius: 50%;
 
	background-color: #999999;
 
}
 
.row-right {right: 0;}
 
.row-left {left: 0;}
 
.c-border-b-dotted {border-bottom: 1px dotted #d7dce6;}
 
.btn-12b7f5 {
 
	width: 90px;
 
	height: 35px;
 
	background-color: #12b7f5;
 
}
 
.btn-12b7f5:hover {color: #fff;}

+ 84 - 0
app/rehabilitation/html/stop_special_service.html
查看文件 

@ -0,0 +1,84 @@
 
<!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/cross.css"/>
 
		<link rel="stylesheet" type="text/css" href="../../../css/cross.ui.css" />
 
	    <link rel="stylesheet" type="text/css" href="../../../css/style.min.css"/>
 
		<link rel="stylesheet" href="../css/stop_special_service.css" />
 
	</head>
 
	<body>
 
			<!--startprint-->
 
			<div class="w820 plr60 pt40 pb30 c-m-auto c-t-center c-f14" id="app" v-cloak role="accountList">
 
			    <p class="m0 c-f30">居民康复账单</p>
 
			    <p class="m0 mtb10 c-f18">(已执行项目清单)</p>
 
			    <p><span class="mr20">居民：{{accountList.patientName}}</span><span class="mr20">联系方式：{{accountList.mobile}}</span><span>医保：{{accountList.ssc}}</span></p>
 
			    <div class="c-w100 mt40 c-border bgc-f5f5fa">
 
			    	<p class="c-f16 ptb20 m0"><span class="c-position-r plr40"><em class="c-position-a row-left"></em>您有一份来自居民完成的康复项目清单<em class="c-position-a row-right"></em></span></p>
 
			    	<table class="c-w100">
 
				    	<tr>
 
				    		<td>已完成项目</td>
 
				    		<td>出账时间</td>
 
				    		<td>预估费用</td>
 
				    		<td>计划进度</td>
 
				    	</tr>
 
				    	<tr>
 
				    		<td class="ptb20">{{accountList.finishCount}}</td>
 
				    		<td class="ptb20">{{accountList.abortTime | formatDate("yyyy-MM-dd")}}</td>
 
				    		<td class="ptb20">￥{{accountList.totalExpense}}</td>
 
				    		<td class="ptb20">{{accountList.finishCount}}/{{accountList.allCount}}</td>
 
				    	</tr>
 
			    	</table>
 
			    </div>
 
			    <div class="c-t-left ptb30">
 
				    <p class="m0 pb10 c-999 c-border-b">服务相关机构</p>
 
				    <p class="m0 ptb15"><span class="mr40">{{accountList.hospitalName}}</span></p>
 
				    <p class="m0 pb10 c-999 c-border-b">终止原因</p>
 
				    <p class="m0 ptb15">{{accountList.abortReason}}</p>
 
			    </div>
 
			    <table class="c-w100">
 
			    	<thead class="c-border ptb15 bgc-f5f5fa">
 
			    		<tr>
 
			    			<th class="plr10 ptb15 c-t-left">项目名</th>
 
			    			<th class="plr10 ptb15 c-t-right">标价</th>
 
			    			<th class="plr10 ptb15 c-t-center">执行人</th>
 
			    			<th class="plr10 ptb15 c-t-center">完成时间</th>
 
			    		</tr>
 
			    	</thead>
 
			    	<tbody v-if="accountList.serviceList">
 
			    		<tr v-for="(li, index) in accountList.serviceList" :key="index">
 
			    			<td class="plr10 pt20 c-t-left">{{li.service_item_name}}</td>
 
			    			<td class="plr10 pt20 c-t-right">{{li.expense}}</td>
 
			    			<td class="plr10 pt20">{{li.doctor_name}}</td>
 
			    			<td class="plr10 pt20">{{li.complete_time | formatDate("yyyy-MM-dd")}}</td>
 
			    		</tr>
 
			    	</tbody>
 
			    </table>
 
			    <div class="mt40 c-border-t clearfix">
 
			    	<div class="fr w180 ptb10">
 
			    		<p class="m0 ptb10 c-border-b-dotted c-t-left clearfix">
 
			    			预估费用<span class="fr">￥{{accountList.totalExpense}}</span>
 
			    		</p>
 
			    		<p class="m0 ptb10 c-t-left clearfix">
 
			    			实际费用<span class="fr c-999">待填写</span>
 
			    		</p>
 
			    	</div>
 
			    	<span class="fr mr10 pt35 c-f20">合计：</span>
 
			    </div>
 
			</div>
 
			<!--endprint-->
 
			<div class="c-t-center c-f14 pt100 pb40">
 
				<span class="btn b-r-3 btn-12b7f5 c-fff" id="printBtn">打印</span>
 
			</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="../../../api/http-request.js"></script>
 
		<script type="text/javascript" src="../../../api/rehabilitation-api.js"></script>
 
		<script src="../../../js/util.js" type="text/javascript" charset="utf-8"></script>
 
		<script type="text/javascript" src="../../../js/underscore.js"></script>
 
		<script type="text/javascript" src="../../../plugins/layer/layer.min.js" ></script>
 
		<script type="text/javascript" src="../js/stop_special_service.js"></script>
 
	</body>
 
</html>

+ 83 - 0
app/rehabilitation/js/stop_special_service.js
查看文件 

@ -0,0 +1,83 @@
 
!function(){
 
	var httpData=GetRequest();
 
	var userInfo = JSON.parse(window.localStorage.getItem(httpRequest.agentName));
 
	//设置网页打印的页眉页脚为空 
	function PageSetup_Null() {
 
		var HKEY_Root,HKEY_Path,HKEY_Key; 
		HKEY_Root="HKEY_CURRENT_USER"; 
		HKEY_Path="\\Software\\Microsoft\\Internet Explorer\\PageSetup\\"; 
		try { 
			var Wsh = new ActiveXObject("WScript.Shell");
 
			HKEY_Key="header"; 
			Wsh.RegWrite(HKEY_Root+HKEY_Path+HKEY_Key,""); 
			HKEY_Key="footer"; 
			Wsh.RegWrite(HKEY_Root+HKEY_Path+HKEY_Key,"");
 
			window.print();
 
		} catch(e) {
 
			window.print();
 
		}
 
	}
 
	function bindEvent() {
 
		$("#printBtn").click(function() {
 
			var bdhtml = window.document.body.innerHTML, 
		    	sprnstr = "<!--startprint-->",
 
		    	eprnstr = "<!--endprint-->", 
		    	prnhtml = bdhtml.substr(bdhtml.indexOf(sprnstr) + 17);   
		    prnhtml=prnhtml.substring(0, prnhtml.indexOf(eprnstr));   
		    window.document.body.innerHTML = prnhtml; 
		    PageSetup_Null();
 
		})
 
	}
 
	new Vue({
 
		el:"#app",
 
		data:{
 
			accountList: {}
 
		},
 
		mounted:function(){
 
			this.getServiceItemsAfterStop()
 
			bindEvent()
 
		},
 
		methods:{
 
			getServiceItemsAfterStop: function() {
 
				var vm = this,
 
					loadding = layer.load(0, {shade: false}); //0代表加载的风格，支持0-2
 
				rehaAPI.getServiceItemsAfterStop({planId: httpData.planids}).then(function(res){
 
					layer.close(loadding);
 
					if(res.status==200){
 
						vm.accountList = res.data
 
					}else{
 
						layer.msg(res.msg,{icon:5});
 
					}
 
				})
 
			}
 
		},
 
		filters:{
 
		  	formatDate:function(value, format) {
 
		  		if(!value) return ;
 
		  		var fmt=format || "yyyy-MM-dd hh:mm";
 
				var date = new Date(value);
 
				if (/(y+)/.test(fmt)) {
 
					fmt = fmt.replace(RegExp.$1, (date.getFullYear() + '').substr(4 - RegExp.$1.length));
 
				}
 
				let o = {
 
					'M+': date.getMonth() + 1,
 
					'd+': date.getDate(),
 
					'h+': date.getHours(),
 
					'm+': date.getMinutes(),
 
					's+': date.getSeconds()
 
				};
 
				for (let k in o) {
 
					if (new RegExp(`(${k})`).test(fmt)) {
 
						let str = o[k] + '';
 
						fmt = fmt.replace(RegExp.$1, (RegExp.$1.length === 1) ? str : ('00' + str).substr(str.length));
 
					}
 
				}
 
				return fmt;
 
			},
 
			getImgUrl: function(value) {
 
				var url = httpRequest.getImgUrl(value);
 
				return url;
 
			}
 
		}
 
	})
 
}();