You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
 
 
 
 
klhis/hcemr/d3/IntegratedView/IntegratedView.html

122 lines
2.4 KiB

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>table</title>
<meta name="renderer" content="webkit">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
<link rel="stylesheet" href="../../layui/css/layui.css" media="all">
<script src="../d3.v6.min.js"></script>
<script src="./IntegratedView.js"></script>
</head>
<style>
body{
overflow: hidden;
}
.interView {
overflow:auto;
width:1008px;
height:420px; /*固定高度 */
border-bottom: 0;
border-right: 0;
}
#table{
border-collapse: collapse;
border: 1px solid #666666;
table-layout: fixed;
/* width: 1000px; /* 固定寬度 */
/* height: 580px; */
}
td, th {
border: 1px solid #666666;
border-right :1px solid black;
border-bottom :1px solid black;
width:21px !important;
min-width: 21px !important;
/* height:23px; */
box-sizing: border-box;
padding:0px !important;
}
td:first-child, th:first-child {
position:sticky !important;
left:0; /* 首行在左 */
z-index:1;
width:126px !important;
background-color:lightblue;
}
thead tr th {
position:sticky !important;
top:0; /* 第一列最上 */
}
th:first-child{
z-index:2;
/* background-color:lightblue; */
}
</style>
<body onload="load()">
<div class="interView">
<table class="layui-table" cellspacing="0" cellpadding="0" border="0" id="table">
</table>
</div>
<script >
/**
* 参数说明
* trAttr:table的参数
* date:显示几天的数据(默认7天)
* day:显示的时间(默认当前时间)
*/
let trAttr=[{
id:'advice',
name:'医嘱',
isColSpan:true
},{
id:'emr',
name:'诊疗记录'
},{
id:'check',
name:'检查'
},{
id:'test',
name:'检验'
},{
id:'prescription',
name:'处方'
},{
id:'handle',
name:'处置'
}];
function watResultToIFrame(data){
var jsonData = JSON.parse(data);
console.log("平台传入的数据event:"+jsonData);
new InterView({data:jsonData});
}
function load(){
Utils.sendDataToWat(JSON.stringify({"event":"loadEnd"}));
}
</script>
<scrip>
</scrip>
</body>
</html>