Files
his/openhis-ui-vue3/index.html
chenqi b0850257c8 feat(surgery): 完善手术管理功能模块
- 添加手术申请相关API接口,包括根据患者ID查询就诊列表功能
- 在医生工作站界面集成手术申请功能选项卡
- 实现手术管理页面的完整功能,包括手术申请的增删改查
- 添加手术排期、开始、完成等状态流转功能
- 优化手术管理页面表格展示,增加手术类型、等级、计划时间等字段
- 实现手术申请表单的完整编辑和查看模式
- 集成患者信息和就诊记录关联功能
- 添加手术室、医生、护士等资源选择功能
- 更新系统依赖配置,添加core-common模块
- 优化图标资源和manifest配置文件
- 调整患者档案和门诊记录相关状态枚举
2026-01-06 16:23:15 +08:00

151 lines
4.9 KiB
HTML

<!DOCTYPE html>
<html>
<head>
<!-- 基础 meta 标签 -->
<meta charset="utf-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
<meta name="renderer" content="webkit" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
<!-- SEO 和描述信息 -->
<meta name="description" content="医院信息管理系统 - 提供全面的医疗信息化解决方案" />
<meta name="keywords" content="医院信息管理系统,医疗信息化,HIS,医院管理" />
<meta name="author" content="OpenHIS Team" />
<!-- 安全相关 meta 标签 -->
<meta http-equiv="Content-Security-Policy" content="default-src 'self'; script-src 'self' 'unsafe-inline' 'unsafe-eval' https://at.alicdn.com; style-src 'self' 'unsafe-inline' https://at.alicdn.com; img-src 'self' data: https: https://at.alicdn.com; font-src 'self' 'unsafe-inline' https://at.alicdn.com data:; connect-src 'self' https://at.alicdn.com http://localhost:* ws://localhost:*;">
<meta name="referrer" content="no-referrer-when-downgrade">
<!-- 移动端和 PWA 支持 -->
<meta name="mobile-web-app-capable" content="yes">
<meta name="apple-mobile-web-app-capable" content="yes">
<meta name="apple-mobile-web-app-status-bar-style" content="default">
<meta name="theme-color" content="#1890ff">
<!-- Favicon 和图标 -->
<link rel="icon" href="/favicon/favicon.ico" sizes="any">
<link rel="icon" type="image/png" href="/favicon/favicon-16x16.png" sizes="16x16">
<link rel="icon" type="image/png" href="/favicon/favicon-32x32.png" sizes="32x32">
<link rel="icon" type="image/png" href="/favicon/favicon-48x48.png" sizes="48x48">
<link rel="manifest" href="/favicon/site.webmanifest">
<link rel="icon" type="image/png" href="/favicon/android-chrome-192x192.png" sizes="192x192">
<link rel="icon" type="image/png" href="/favicon/android-chrome-512x512.png" sizes="512x512">
<link rel="apple-touch-icon" href="/favicon/apple-touch-icon.png">
<link rel="mask-icon" href="/favicon/safari-pinned-tab.svg" color="#5bbad5">
<link rel="icon" href="/favicon/favicon.svg" type="image/svg+xml">
<!-- 打印样式按需加载 -->
<link rel="stylesheet" type="text/css" media="print" href="/print-lock.css" onload="this.media='all'">
<title>医院信息管理系统</title>
<!--[if lt IE 11]>
<script>
window.location.href = '/html/ie.html';
</script>
<![endif]-->
<style>
html,
body,
#app {
height: 100%;
margin: 0;
padding: 0;
box-sizing: border-box;
}
*,
*::before,
*::after {
box-sizing: inherit;
}
/* 加载动画样式优化 */
#loader-wrapper {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: #fff;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
z-index: 9999;
transition: opacity 0.5s ease-in-out, visibility 0.5s ease-in-out;
}
.loaded #loader-wrapper {
opacity: 0;
visibility: hidden;
}
.jumping-dots-loader {
width: 100px;
height: 100px;
position: relative;
margin: 0 auto;
display: flex;
align-items: center;
justify-content: center;
gap: 10px;
}
.jumping-dots-loader span {
display: inline-block;
width: 15px;
height: 15px;
border-radius: 50%;
background-color: #1890ff;
animation: bounce 1.2s ease-in-out infinite;
}
.jumping-dots-loader span:nth-child(1) {
animation-delay: 0s;
}
.jumping-dots-loader span:nth-child(2) {
animation-delay: 0.2s;
}
.jumping-dots-loader span:nth-child(3) {
animation-delay: 0.4s;
}
@keyframes bounce {
0%, 80%, 100% {
transform: translateY(0) scale(1);
}
40% {
transform: translateY(-20px) scale(1.1);
}
}
.load-title {
margin-top: 30px;
color: #666;
font-size: 16px;
font-weight: 500;
letter-spacing: 0.5px;
}
</style>
</head>
<body>
<div id="app">
<div id="loader-wrapper" role="status" aria-live="polite" aria-label="系统正在加载">
<div class="jumping-dots-loader" aria-hidden="true">
<span></span>
<span></span>
<span></span>
</div>
<div class="load-title">正在加载系统资源,请耐心等待</div>
<noscript>
<div style="color: #ff4d4f; text-align: center; margin-top: 20px;">
请启用 JavaScript 以正常使用本系统
</div>
</noscript>
</div>
</div>
<script type="module" src="./src/main.js"></script>
</body>
</html>