代码拉取完成，页面将自动刷新
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=0">
<link rel="shortcut icon" type="image/x-icon" href="assets/img/favicon.ico">
<title>Preclinic - Medical & Hospital - Bootstrap 4 Admin Template</title>
<link rel="stylesheet" type="text/css" href="assets/css/bootstrap.min.css">
<link rel="stylesheet" type="text/css" href="assets/css/font-awesome.min.css">
<link rel="stylesheet" type="text/css" href="assets/css/dataTables.bootstrap4.min.css">
<link rel="stylesheet" type="text/css" href="assets/css/style.css">
<!--[if lt IE 9]>
<script src="assets/js/html5shiv.min.js"></script>
<script src="assets/js/respond.min.js"></script>
<![endif]-->
</head>
<body>
<div class="content">
<div class="row">
<div class="col-sm-5 col-4">
<h4 class="invoiceTitle page-title"></h4>
</div>
<div class="col-sm-7 col-8 text-right m-b-30">
<div class="btn-group btn-group-sm">
<button class="btn btn-white">CSV</button>
<button class="btn btn-white">PDF</button>
<button class="btn btn-white"><i class="fa fa-print fa-lg"></i> Print</button>
</div>
</div>
</div>
<div class="row">
<div class="col-md-12">
<div class="card-box">
<h4 class="payslip-title"><span class="invoiceTitle"></span></h4>
<div class="row">
<div class="col-sm-6 m-b-20">
<img src="assets/img/logo-dark.png" class="inv-logo" alt="">
<ul class="list-unstyled mb-0">
<li>交款人统一社会代码：<span class="patientNum"></span></li>
<li>交款人：<span class="patientName"></span></li>
<li>校验码：<span class="invoiceChecknum"></span></li>
</ul>
</div>
<div class="col-sm-6 m-b-20">
<div class="invoice-details">
<h3 class="text-uppercase">票据代码： <span class="invoiceNum"></span></h3>
<ul class="list-unstyled">
<li>票据号码: <span class="invoiceCode"></span></li>
</ul>
</div>
</div>
</div>
<div class="row">
<div class="col-lg-12 m-b-20">
<ul class="list-unstyled">
<li>
<h5 class="mb-0"><strong class="employeeName"></strong></h5></li>
<li><span class="employeeRole"></span></li>
<li>开票日期: <span class="createDate"></span></li>
<li>业务流水号: <span class="bnum"></span></li>
<li>门诊号: <span class="outpatientNum"></span></li>
<li>医疗机构类型: <span class="orgType"></span></li>
<li>医保类型: <span class="heainsType"></span></li>
<li>医保编号: <span class="heainsNum"></span></li>
<li>性别: <span class="sex"></span></li>
<li>医保支付: <span class="heainsPay"></span></li>
<li>个人支付: <span class="self"></span></li>
<li>余额: <span class="balance"></span></li>
<li>收款人: <span class="payee"></span></li>
<li>复核人: <span class="recheck"></span></li>
</ul>
</div>
</div>
<div class="row">
<div class="col-sm-6">
<div>
<h4 class="m-b-10"><strong>费用详情</strong></h4>
<table class="table table-bordered">
<tbody>
<tr id="items">
</tr>
</tbody>
</table>
</div>
</div>
<div class="col-sm-6">
<div>
<h4 class="m-b-10"><strong>扣减</strong></h4>
<table class="table table-bordered">
<tbody>
<tr>
<td><strong>基本扣税</strong> <span class="float-right">￥<span class="sourceded"></span></span></td>
</tr>
<tr>
<td><strong>公积金</strong> <span class="float-right">￥<span class="profund"></span></span></td>
</tr>
<tr>
<td><strong>保险金</strong> <span class="float-right">￥<span class="insurance"></span></span></td>
</tr>
<tr>
<td><strong>贷款偿还</strong> <span class="float-right">￥<span class="loan"></span></span></td>
</tr>
<tr>
<td><strong>总共扣减</strong> <span class="float-right">￥<strong class="totalded"></strong></span></td>
</tr>
</tbody>
</table>
</div>
</div>
<div class="col-sm-12">
<p><strong>金额: <span class="amountch"></span></strong><strong> ￥<span class="amount"></span></strong></p>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="sidebar-overlay" data-reff=""></div>
<script src="assets/js/jquery-3.2.1.min.js"></script>
<script src="assets/js/popper.min.js"></script>
<script src="assets/js/bootstrap.min.js"></script>
<script src="assets/js/jquery.slimscroll.js"></script>
<script src="assets/js/app.js"></script>
<!--json data-->
<script type="text/javascript" src="json/invoiceDetails.json"></script>
<script type="text/javascript">
$(document).ready(function () {
var invoiceDetailsConds = ["invoiceNum"];
var params = window.location.href;
var index = params.indexOf("?") + 1;
params = params.substring(index ,params.length);
params = params.split("&");//参数KV
var invoiceDetail;
for(var i = 0; i < invoiceDetails.length; i++){
invoiceDetail = invoiceDetails[i];
var isIt = true;
for(var j = 0; j < params.length; j++){
var param = params[j].split("=");
if(invoiceDetailsConds.indexOf(param[0]) >= 0 && invoiceDetails[i][param[0]] != param[1]){
isIt = false;
break;
}
}
if(isIt){
break;
}
}
for(key in invoiceDetail){
$("." + key).html(invoiceDetail[key]);
}
var invoiceDetailStr = "";
var items = invoiceDetail.items;
for(var i = 0; i < items.length; i++){
invoiceDetailStr = invoiceDetailStr + '<td><strong><a href="invoice-detail.html?invoiceNum='+items[i].invoiceNum+'">'+items[i].name+'</a></strong> <span class="float-right">￥<span class="base">'+items[i].amount+'</span></span></td>';
}
$("#items").html(invoiceDetailStr);
});
</script>
</body>
</html>
此处可能存在不合适展示的内容，页面不予展示。您可通过相关编辑功能自查并修改。
如您确认内容无涉及 不当用语 / 纯广告导流 / 暴力 / 低俗色情 / 侵权 / 盗版 / 虚假 / 无价值内容或违法国家有关法律法规的内容，可点击提交进行申诉，我们将尽快为您处理。
马建仓 AI 助手