-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathPAT07.html
127 lines (117 loc) · 6.16 KB
/
PAT07.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
<!DOCTYPE html>
<html lang="ko">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="icon" href="img/Logo.png" type="image/png">
<link rel="stylesheet" href="main.css">
<title>회원상세</title>
</head>
<body>
<nav class="top-nav">
<div class="nav-container">
<div class="logo-area">
<img src="img/Logo.png" alt="Logo" class="logo">
<img src="img/letters.svg" alt="Letters" class="letters">
</div>
<div class="login-area">
<span class="login-text" id="loginText" style="display: none;" >로그인</span>
<div class="user-info" id="userInfo">
<img src="img/profile.svg" alt="프로필" class="profile-icon">
<span class="user-name">사용자 이름</span>
</div>
</div>
</div>
</nav>
<main class="main-detail">
<div class="breadcrumb-container">
<div class="breadcrumb-box">
<a href="PAT02.html" class="breadcrumb-content">
<img src="img/arrow_left_pat05.svg" width="20px" height="20px" alt="뒤로">
<span>뒤로</span>
</a>
</div>
<div class="result-buttongroup">
</div>
</div>
<div class="new-detail">
<div class="detail-left">
<div class="name-block">
<div class="patient-name">김*순</div>
<button class="delete-button" onclick="openModal('김*순', event)">
<img src="img/trash-2.svg" class="button-delete" alt="삭제" width="24px" height="24px">
</button></div>
<div class="patient-number">193884</div>
<div class="patient-info">
<div class="patient-block">
<label class="input-label">나이</label>
<label class="age-label">1Y (20M)</label>
</div>
<div class="patient-block">
<label class="input-label">생년월일</label>
<input type="date" class="styled-input" value="1980-12-30"> <!-- 차트 생년월일 표시 -->
</div>
<div class="patient-block">
<label class="input-label">성별</label>
<select class="gender-select styled-input">
<option value="남성" selected>남성</option>
<option value="여성">여성</option>
</select>
</div>
<div class="patient-block">
<label class="input-label">메모</label>
<input type="text" class="styled-input" placeholder="메모 입력">
</div>
</div>
</div>
<div class="detail-right">
<div class="tablehead-container">
<div class="table-head"><span class="title-head">검사 시행 목록</span> <button class="button-table"><img src="img/add.svg"> 검사 대기에 추가</button></div>
<div class="table-container"><div class="table">
<table>
<thead>
<tr>
<th class="th">검사 대기 등록일</th>
<th class="th">검사 시행일</th>
<th class="th">진행 결과</th>
<th class="th">상태</th>
</tr>
</thead>
<tbody>
<tr>
<td class="td">2024.01.31.</td>
<td class="td">-</td>
<td class="td">검사 대기 중</td>
<td class="td download-button-container"><button class="download-button"><img src="img/delete.svg">검사 대기 목록에서 삭제</button></td>
</tr>
<tr>
<td class="td">2025.01.21.</td>
<td class="td">2025.01.22.</td>
<td class="td">검사 진행 중</td>
<td class="td download-button-container"><img src="img/loader_gray.svg" class="loader_gray"><span class="loading">검사 진행 중입니다.</span> </td>
</tr>
<tr>
<td class="td">2025.01.19.</td>
<td class="td">2025.01.19</td>
<td class="td">검사 완료</td>
<td class="td download-button-container"><img src="img/loader_gray.svg" class="loader_gray"><span class="loading">리포트 생성 중입니다.</span> </td>
<tr>
<td class="td">2024.10.24.</td>
<td class="td">2024.10.23.</td>
<td class="td">분석 완료</td>
<td class="td download-button-container"><button class="download-button"><img src="img/report_view.svg">리포트 조회</button></td>
</tr>
<tr>
<td class="td">2024.09.30.</td>
<td class="td">2024.10.01.</td>
<td class="td">데이터 전송 실패</td>
<td class="td download-button-container"><button class="download-button"><img src="img/refresh_red.svg"><span class="error">재전송</span></button></td>
</tr>
</tbody>
</table>
</div>
</div></div>
</main>
</main>
</body>
</html>