12 lines
16 KiB
HTML
12 lines
16 KiB
HTML
<html class="preview"><head><meta charset="utf-8">
|
||
<style id="preview" type="text/css">
|
||
@media print {.pagebreaker {display: none !important;}}
|
||
</style>
|
||
<style id="printSzie" type="text/css">@page {margin: 0; size:A4 portrait;}</style> <style> ::-webkit-scrollbar { width: 6px; height: 6px; } ::-webkit-scrollbar-track { background-color: transparent; } ::-webkit-scrollbar-thumb { border-radius: 5px; box-shadow: inset 0 0 0px rgba(240, 240, 240, 0.5); background-color: rgba(100, 100, 100, 0.5); } ::selection { background: rgba(170, 210, 255, 1); } .pagebreaker { font-family: 'Times New Roman', Times, serif; display: block; height: 15px; } body { word-break: break-all; font-family: '宋体'; font-size: 12pt; } @media print { .pagebreaker, .page-mask { display: none !important; } html, body { margin: 0; } } #_page { position: relative; z-index: 1; line-height: 1.5; box-shadow: rgba(0, 0, 0, 0.06) 0px 0px 10px 0px, rgba(0, 0, 0, 0.04) 0px 0px 0px 1px; } .preview #_page{ box-shadow:none; } #_header, #_body, #_footer{ outline: none; } /* 预览模式 */ .preview body { background-color: #666; } .preview #_page { outline: none; } h1,h2,h3 { margin: 0 } br { line-height: 1.5; } p { margin: 0; line-height: 1.5; min-height:1em; } /* 编辑区&段落 */ span[contenteditable=true], p[contenteditable=true], section[contenteditable=true]{ outline: none; background-color: #eff; } .design p::after{ font-size: 9pt; position: absolute; content: '↲'; color: lightgray; } input { outline: none; } /* input:checked { position: relative; height:15px; width: 20px; box-sizing: border-box; margin: 0px; &:after { content: '✔'; display: block; background:#fff; border-radius: 30%; border: 1px #000 solid; } } */ textarea { outline: none; } hr { margin-block:0.1em 0; border-style:solid; border-top-width:0; border-bottom-width:1px; } field { outline: none; color: #000; caret-color: black; text-indent:0; min-height:1em; } field[contenteditable=true], field[contenteditable=true] > *, field[type=DateTime] { background-color: #eff; } field[readonly] { background-color: #fff; } field[selectable=true] { background-color: #eff; } field[format=number] { ime-mode: disabled; } .design [data-expression]:not([data-expression=""]) { position: relative; } .design [data-expression]:not([data-expression=""])::before { white-space: nowrap; font-size: 9px; content:attr(data-expression); position: absolute; padding: 0px 5px; position: absolute; bottom: 1.8em; background-color: #fdd8; border: 1px dotted red; border-radius: 3px; } .form [contenteditable=true]:focus { background-color: #aff; } field.blank { color: lightgray; } /* 预览模式 */ .preview field { background-color: #fff; } .preview field.blank { color: rgba(255, 255, 255, 0); } field.error { color: red; } img { max-width: 100% } img[type=sign] { background-color: #f9f9f9; } table { border-collapse: collapse; border: 1px solid #000; word-break: break-all; font-size: 12pt; } /* 设计模式 */ .design thead { outline: 1px dashed rgba(255, 0, 0, 1); } /* 设计模式 */ .design thead::before { font-size: xx-small; content: '每页打印'; cursor: pointer; white-space: nowrap; color: white; padding: 0px 5px; position: absolute; left: -35px; background-color: rgba(255, 0, 0, 0.5); border-radius: 3px; } table td, table th{ border: 1px solid #000; padding: 2px; height: 1.5em; word-break: break-all; white-space: normal; } table.noborder { border: none; } table.noborder td { border: none; } td.noborder-left{ border-left: none; } td.noborder-right{ border-right: none; } td.noborder-left-right{ border-left: none; border-right: none; } td.noborder-top-bottom{ border-left: none; border-right: none; } td.noborder{ border: none; } /* 设计模式 */ .design table.noborder td { border: 1px dashed lightgray; } .design td.noborder{ border: 1px dashed lightgray; } .design td.noborder-left-right{ border-left: 1px dashed lightgray; border-right: 1px dashed lightgray; } .design td.noborder-top-bottom{ border-top: 1px dashed lightgray; border-bottom: 1px dashed lightgray; } td.selected { background-color: rgba(170, 210, 255, 1) !important; } /* 设计模式 */ .design group { outline: 1px dashed lightgray; } .design [tag=true]::before { font-size: xx-small; content: attr(title); cursor: pointer; white-space: nowrap; color: white; padding: 0px 5px; position: absolute; left: 5px; background-color: rgba(0, 0, 0, 0.5); border-radius: 3px; } #_dropdownbox, #_selector, #_datalist { z-index: 2; list-style: none; position: absolute; max-height: 300px; overflow: auto; cursor: hand; outline: none; display: none; background: #fff; border: rgba(0, 0, 0, 0.12); box-shadow: 0 2px 8px 2px rgb(68 73 77 / 26%); border-radius: 4px; padding: 1px 0; user-select: none; -webkit-user-select: none; } #_dropdownbox>li, #_selector>li, #_datalist>li { padding: 0 10px; font-size: 14px; line-height: 1.5; min-width: 80px; white-space: nowrap; align-items: center; } #_dropdownbox>li:hover, #_selector>li:hover, #_datalist>li:hover { background: lightgray; } .shink { animation: shink 0.5s infinite; animation-iteration-count: 1; } .shink3 { animation: shink 0.5s infinite; animation-iteration-count: 3; } @keyframes shink { from { background-color: #f99; } to { background-color: #eff; } } .mask { -webkit-mask-image: linear-gradient(rgba(0, 0, 0, .4), rgba(0, 0, 0, 0.4)) } .close { position: absolute; right: 5px; cursor: pointer; width: 16px; height: 16px; background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZmlsbD0iIzAwMCIgZD0iTTguNTU0IDguMDA0bDQuNDAxIDQuMzkxLS41NC42MjJMNy45NzkgOC41OCAzLjU0IDEzLjAxNiAzIDEyLjM5NWw0LjQtNC4zOS00LjQtNC40TDMuNTQgM2w0LjQzOCA0LjQyOUwxMi40MTYgM2wuNTQuNjA2eiIgZmlsbC1ydWxlPSJldmVub2RkIi8+PC9zdmc+); } .apply { position: absolute; right: 30px; cursor: pointer; width: 16px; height: 16px; background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgZmlsbD0ibm9uZSI+CiA8Zz4KICA8dGl0bGU+TGF5ZXIgMTwvdGl0bGU+CiAgPGcgc3Ryb2tlPSJudWxsIiBpZD0ic3ZnXzIiPgogICA8cmVjdCBzdHJva2U9IiMwMDAiIGZpbGw9IiNmZmYiIHg9IjEuMjczOTciIHk9IjEiIHdpZHRoPSIxMy44ODYxOSIgaGVpZ2h0PSIxMi45NjE0NiIgb3BhY2l0eT0iMCIgaWQ9InN2Z18zIi8+CiAgIDxwYXRoIHN0cm9rZT0iIzAwMCIgZmlsbD0iI2ZmZiIgc3Ryb2tlLXdpZHRoPSIyIiBkPSJtMS4yODczMiw3LjE0NzI4YzAsMCA0LjgzNDMyLDQuOTc5MTkgNC44MzQzMiw0Ljk3OTE5YzAsMCA4LjY2ODQ2LC05LjE4MDM4IDguNjY4NDYsLTkuMTgwMzgiIGlkPSJzdmdfMSIvPgogIDwvZz4KIDwvZz4KPC9zdmc+); } .pagebreak{ border-top: 2px dashed #00f; } .preview .pagebreak{ display:none; } .pageline { Width: 100%; height: 0; border-top: 1px dashed #999; position: absolute; color: #999; font-size: 8pt; text-align: right; } .pageline>span { position: absolute; bottom: 5px; right: -35px; } .pageline>ft { position: absolute; top: 5px; right: -35px; } .message { position: absolute; text-align: center; white-space: nowrap; top: 20px; left: 50%; padding: 3px 5px; font-size: 11px; color: #fff !important; max-width: none; background: #ff6969; z-index: 1; border-radius: 5px; user-select: none; -webkit-user-select: none; } .message::after { content: ''; width: 0; height: 0; border: 5px solid; position: absolute; top: -10px; left: 5px; border-color: transparent transparent #ff6969; } :root { --remark-width: 200px; --remark-height: 50px; --oblique-y: 40px; } .form .remark { background-color: pink; } .remark-block { cursor: pointer; position: absolute; z-index: 1; right: calc(-10px - var(--remark-width)); padding: 5px; box-sizing: border-box; width: var(--remark-width); background: #fff; border-left: solid 2px red; box-shadow: 0 2px 8px 2px rgb(68 73 77 / 26%); -webkit-box-shadow: 0 2px 8px 2px rgb(68 73 77 / 26%); user-select: none; -webkit-user-select: none; } .revision-block { border-left: solid 2px red; } .animate-block { transition: top 0.5s; } .remark-block:hover { z-index: 2; background: #eff; } .remark-line { position: absolute; top: 0; left: 0; } .remark-note { padding: 5px; box-sizing: border-box; max-width: var(--remark-width); width: 100%; min-height: var(--remark-height); outline: none; user-select: none; -webkit-user-select: none; } .remark-info { cursor: pointer; position: absolute; top: -15px; left: -10px; width: 15px; height: 10px; border: 1px solid lightgray; background-color: lightyellow; border-radius: 3px; } .remark-info:before { content: ""; display: inline-block; border: 4px solid transparent; border-top: 4px solid lightgray; position: absolute; left: 3px; bottom: -8px; width: 0; height: 0; } .remark-block:hover .straight, .remark-block:hover .oblique { border-top: 1px solid red; } .remark-block:hover .remark-info { border-color: red; } .remark-block:hover .remark-info:before { border-top-color: red; } .straight { position: absolute; right: calc(100% + var(--oblique-y)); border-top: 1px dashed red; } .oblique { position: absolute; border-top: dashed 1px red; left: calc(-1 * var(--oblique-y)); width: calc(1.1* var(--oblique-y)); transform: rotate(30deg); transform-origin: top left; } .remark-header { color: #999; font-size: 9px; width: 100%; height: 24px; } .remark-delete { position: absolute; width: 24px; height: 24px; top: 2px; right: 2px; background-size: contain; background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24'%3E%3Cpath fill='%23464d5a' d='M17 7.714L12.714 12 17 16.286l-.714.714L12 12.714 7.714 17 7 16.286 11.286 12 7 7.714 7.714 7 12 11.286 16.286 7z'/%3E%3C/svg%3E"); cursor: pointer; } .td-line-style1 { background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZlcnNpb249IjEuMSIgd2lkdGg9IjEwMCIgaGVpZ2h0PSIxMDAiPjxsaW5lIHgxPSIwIiB5MT0iMCIgeDI9IjEwMCIgeTI9IjEwMCIgc3R5bGU9InN0cm9rZTpibGFjaztzdHJva2Utd2lkdGg6MXB4OyIvPjwvc3ZnPiA="); background-repeat: no-repeat; background-size: 100% 100%; } .td-line-style2 { background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZlcnNpb249IjEuMSIgd2lkdGg9IjEwMCIgaGVpZ2h0PSIxMDAiPjxsaW5lIHgxPSIxMDAiIHkxPSIwIiB4Mj0iMCIgeTI9IjEwMCIgc3R5bGU9InN0cm9rZTpibGFjaztzdHJva2Utd2lkdGg6MXB4OyIvPjwvc3ZnPiA="); background-repeat: no-repeat; background-size: 100% 100%; } .td-line-style3 { background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZlcnNpb249IjEuMSIgd2lkdGg9IjEwMCIgaGVpZ2h0PSIxMDAiPjxsaW5lIHgxPSIwIiB5MT0iMCIgeDI9IjEwMCIgeTI9IjEwMCIgc3Ryb2tlPSJibGFjayIgc3Ryb2tlLXdpZHRoPSIxIiBzdHJva2UtZGFzaGFycmF5PSI1LDUiIGZpbGw9Im5vbmUiLz48L3N2Zz4g"); background-repeat: no-repeat; background-size: 100% 100%; } .td-line-style4 { background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZlcnNpb249IjEuMSIgd2lkdGg9IjEwMCIgaGVpZ2h0PSIxMDAiPjxsaW5lIHgxPSIwIiB5MT0iMTAwIiB4Mj0iMTAwIiB5Mj0iMCIgc3Ryb2tlPSJibGFjayIgc3Ryb2tlLXdpZHRoPSIxIiBzdHJva2UtZGFzaGFycmF5PSI1LDUiIGZpbGw9Im5vbmUiLz48L3N2Zz4g"); background-repeat: no-repeat; background-size: 100% 100%; } <style> <style id="printSzie" type="text/css"> @page {margin: 0; size:A4 portrait;} </style> <title>长期医嘱单</title></head><body><div id="_page"><div class="print-page" style="position: relative; overflow:hidden; margin:0 auto; background:#fff;width:210mm;height:296.5mm;max-height:296.5mm;">
|
||
<div id="_header" style="outline: none; min-height: 0.65cm; padding-left: 0.65cm; padding-right: 0.65cm; padding-top: 0.325cm; position: relative;" contenteditable="false" class=""></div>
|
||
<svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" style="z-index:1; opacity:50%; position:absolute; top:0;"><text transform="translate(100,500) rotate(-45)" fill="red" style="font-size:40px;">许可期限2025/3/31</text></svg><div id="_body" style="padding-left:0.65cm;padding-right:0.65cm;text-indent:;min-height: calc(297mm - 37px - 37px);">
|
||
<p style="text-align: center; ">
|
||
|
||
<span style="font-size: 22pt; font-weight: bold; font-family: STSong;">长期医嘱单</span></p><p style="text-align: justify;"><span style="font-size: 12pt;">科别 姓名：xxx 性别：x 年龄：xxx 住院号：xxx</span></p><table style="text-align: center; width: 694px;"><colgroup><col style="width: 80px;"><col style="width: 52px;"><col style="width: 280px;"><col style="width: 47px;"><col style="width: 62px;"><col style="width: 43px;"><col style="width: 43px;"><col style="width: 43px;"><col style="width: 43px;"></colgroup><tbody><tr><td colspan="2"><p>开始</p></td><td rowspan="2"><p>医 嘱</p></td><td rowspan="2"><p>医生</p><p>签字</p></td><td rowspan="2"><p>护士</p><p>签字</p></td><td colspan="2"><p>停止</p></td><td rowspan="2"><p>医生</p><p>签字</p></td><td rowspan="2"><p>护士</p><p>签字</p></td></tr><tr><td><p>日期</p></td><td><p>时间</p></td><td><p>日期</p></td><td><p>时间</p></td></tr><tr><td><p>2024-3-4</p></td><td class=""><p><br></p></td><td><p>居家护理常规</p></td><td class=""><p>1</p></td><td class=""><p>2</p></td><td></td><td></td><td></td><td></td></tr><tr><td><p>2024-3-4</p></td><td class=""></td><td><p>低盐低脂半流质饮食</p></td><td><p><br></p></td><td><p><br></p></td><td></td><td></td><td></td><td></td></tr><tr><td><p>2024-3-4</p></td><td class=""></td><td><p>卧床休息</p></td><td><p><br></p></td><td><p><br></p></td><td></td><td></td><td></td><td></td></tr><tr><td><p>2024-3-4</p></td><td class=""><p><br></p></td><td><p>基础护理/biw</p></td><td><p><br></p></td><td><p><br></p></td><td></td><td></td><td></td><td></td></tr><tr><td><p>2024-3-4</p></td><td class=""><p><br></p></td><td><p>一般专项护理/biw</p></td><td><p><br></p></td><td><p><br></p></td><td></td><td></td><td></td><td></td></tr><tr><td><p>2024-3-4</p></td><td class=""></td><td><p>硝苯地平缓释片10mg/口服bid</p><p>（自备）</p></td><td><p><br></p></td><td><p><br></p></td><td></td><td></td><td></td><td></td></tr><tr><td><p>2024-3-4</p></td><td class=""></td><td><p>茶碱缓释片0.1g/口服bid（自备）</p></td><td><p><br></p></td><td><p><br></p></td><td></td><td></td><td></td><td></td></tr><tr><td><p>2024-3-4</p></td><td class=""><p><br></p></td><td><p>丙戊酸钠片0.2g/口服bid（自备）</p></td><td><p><br></p></td><td><p><br></p></td><td></td><td></td><td></td><td></td></tr><tr><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td></tr><tr><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td></tr><tr><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td></tr><tr><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td></tr><tr><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td></tr><tr><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td></tr><tr><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td></tr><tr><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td></tr><tr><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td></tr><tr><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td></tr><tr><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td></tr><tr><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td></tr><tr><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td></tr><tr><td class=""></td><td class=""></td><td class=""></td><td class=""></td><td class=""></td><td class=""></td><td class=""></td><td class=""></td><td class=""></td></tr><tr><td class=""></td><td class=""></td><td class=""></td><td class=""></td><td class=""></td><td class=""></td><td class=""></td><td class=""></td><td class=""></td></tr></tbody></table><p style="text-align: center; "><strong><br></strong></p><p style="text-align: center; "><strong><br></strong></p><p style="text-align: center; "><strong><br></strong></p><p style="text-align: center; "><strong><br></strong></p><p style="text-align: center; "><strong><br></strong></p><p style="text-align: center; "><br><br></p></div><div id="_footer" style="outline: none; position: relative; min-height: 0.65cm; padding-left: 0.65cm; padding-right: 0.65cm; padding-bottom: 0.325cm;" contenteditable="false" class=""></div>
|
||
</div><div class="pagebreaker"></div>
|
||
<div></div></div></body></html><script>document.querySelectorAll("input[type]").forEach((o)=> {o.addEventListener("click", (e)=>{e.preventDefault()})})</script> |