| | |
| | | width: 80px; |
| | | font-weight: bold; |
| | | color: #5b8cff; |
| | | font-size: 0.95rem; |
| | | font-size: 1.5rem; |
| | | font-weight: 600; |
| | | overflow: hidden; |
| | | text-overflow: ellipsis; |
| | | } |
| | | |
| | | .patient-name { |
| | | width: 100px; |
| | | font-size: 0.95rem; |
| | | font-size: 1.2rem; |
| | | font-weight: 600; |
| | | overflow: hidden; |
| | | text-overflow: ellipsis; |
| | | } |
| | | |
| | | .patient-check-type { |
| | | flex: 1; |
| | | font-size: 0.95rem; |
| | | font-size: 1.2rem; |
| | | font-weight: 600; |
| | | overflow: hidden; |
| | | text-overflow: ellipsis; |
| | | } |
| | | |
| | | .patient-status { |
| | | width: 70px; |
| | | font-size: 0.8rem; |
| | | font-size: 1.2rem; |
| | | font-weight: bold; |
| | | text-align: center; |
| | | padding: 3px 8px; |
| | |
| | | } |
| | | |
| | | .clinic-info { |
| | | font-size: 0.8rem; |
| | | font-size: 1.2rem; |
| | | } |
| | | |
| | | .panel { |
| | |
| | | } |
| | | |
| | | .panel-header { |
| | | font-size: 0.9rem; |
| | | font-size: 1.6rem; |
| | | font-weight: 700; |
| | | padding: 6px 10px; |
| | | } |
| | | |
| | |
| | | .patient-number, |
| | | .patient-name { |
| | | width: 60px; |
| | | font-size: 0.9rem; |
| | | font-size: 1.2rem; |
| | | } |
| | | |
| | | .patient-status { |
| | | width: 60px; |
| | | font-size: 0.7rem; |
| | | font-size: 1.2rem; |
| | | } |
| | | |
| | | .patient-bed { |
| | |
| | | |
| | | <body> |
| | | <div id="app"> |
| | | <div class="search-bar" style="display: none;"> |
| | | <div class="search-bar" > |
| | | <input class="search-input" type="text" placeholder="请输入房间号查询" id="searchRoomInput"> |
| | | <button class="search-btn" id="searchRoomBtn">查询</button> |
| | | </div> |
| | | |
| | | <div class="header" style="display: none;"> |
| | | <div class="clinic-title">心电图诊间叫号系统</div> |
| | | <div class="clinic-info"> |
| | | <div class="header" > |
| | | <div class="clinic-title" id="titleroomName">心电图诊间叫号系统</div> |
| | | <!-- <div class="clinic-info"> |
| | | <div class="room-name" id="roomName">诊间加载中...</div> |
| | | <div class="screen-type" id="screenType">模式:加载中...</div> |
| | | </div> |
| | | </div> --> |
| | | </div> |
| | | |
| | | <div class="main-content"> |
| | |
| | | roomId: 1, |
| | | timer: null, |
| | | speechSynthesis: window.speechSynthesis || null, |
| | | apiBaseUrl: 'http://10.0.2.193/admin-api' |
| | | // apiBaseUrl: 'http://localhost:48080/admin-api' |
| | | // apiBaseUrl: 'http://10.0.2.193/admin-api' |
| | | apiBaseUrl: 'http://localhost:48080/admin-api' |
| | | }; |
| | | |
| | | // 页面加载完成后初始化 |
| | |
| | | var response = JSON.parse(xhr.responseText); |
| | | appState.roomProfile = response.data || response; |
| | | updateRoomInfo(); |
| | | updateAnnouncement('已加载 ' + appState.roomProfile.roomName + ' 信息'); |
| | | updatetitleroomName(appState.roomProfile[0].roomName); |
| | | getList(); // 获取该房间的患者列表 |
| | | } catch (e) { |
| | | updateAnnouncement('解析响应数据失败'); |
| | |
| | | function updateAnnouncement(text) { |
| | | $('#announcementText').text(text); |
| | | } |
| | | function updatetitleroomName(text) { |
| | | $('#titleroomName').text(text); |
| | | } |
| | | |
| | | // 工具函数 |
| | | function nameDesensitize(patName) { |