Thanks to visit codestin.com
Credit goes to github.com

Skip to content

Commit 777be4e

Browse files
kim-srckim-src
committed
2024-07-11 21:51 Updated document view page
1 parent 55de4ea commit 777be4e

File tree

12 files changed

+84
-857
lines changed

12 files changed

+84
-857
lines changed

‎20240708-js-document-개발용.hwpx‎

-62.7 KB
Binary file not shown.

‎20240709-칼럼너비.xlsx‎

-12.2 KB
Binary file not shown.

‎src/main/webapp/document.jsp‎

Lines changed: 83 additions & 66 deletions
Original file line numberDiff line numberDiff line change
@@ -16,7 +16,7 @@
1616
padding: 0;
1717
display: block;
1818
width: 100%;
19-
height: auto;
19+
height: 100%;
2020
}
2121
2222
.container {
@@ -30,20 +30,55 @@
3030
3131
.table {
3232
table-layout: auto;
33-
border-top: 1px solid black;
3433
border-bottom: 1px solid black;
3534
border-collapse: collapse;
3635
border-spacing: 0;
3736
}
3837
39-
.table th, td {
38+
.inner-table {
39+
font-size: 10pt;
40+
position: absolute;
41+
background-color: white;
42+
border-collapse: collapse;
43+
margin-top: -8mm;
44+
margin-left: 214.85mm;
45+
z-index: 1;
46+
}
47+
48+
.table td {
4049
border: 1px solid black;
4150
padding: 0;
4251
}
4352
44-
.table th {
45-
background-color: #f2f2f2;
53+
.title {
54+
position: relative;
55+
width: 266.06mm;
56+
height: 11.4mm;
4657
font-size: 17pt;
58+
text-align: center;
59+
border: none;
60+
}
61+
62+
.title::after {
63+
content: "";
64+
position: absolute;
65+
left: 0;
66+
right: 0;
67+
bottom: 1.5mm;
68+
border-bottom: 1.2px solid black;
69+
width: 17%;
70+
margin: 0 auto;
71+
}
72+
73+
.title::before {
74+
content: "";
75+
position: absolute;
76+
left: 0;
77+
right: 0;
78+
bottom: 1.2mm;
79+
border-bottom: 1.2px solid black;
80+
width: 17%;
81+
margin: 0 auto;
4782
}
4883
4984
.sub-title {
@@ -52,6 +87,7 @@
5287
5388
.document-text td {
5489
text-align: center;
90+
white-space: nowrap;
5591
}
5692
5793
.strong-row td {
@@ -96,11 +132,12 @@
96132
#size-2-6 {
97133
width: 8.56mm;
98134
height: 27.81mm;
99-
padding-top: 1%;
100135
font-size: 10.5pt;
101136
writing-mode: vertical-lr;
102137
background-color: #f2f2f2;
103-
letter-spacing: 0.8em;
138+
}
139+
.gap-2-6 {
140+
margin: 4px 0;
104141
}
105142
#size-2-7 {
106143
width: 30.46mm;
@@ -121,9 +158,9 @@
121158
background-color: #f2f2f2;
122159
letter-spacing: -0.03em;
123160
}
124-
#gap-2-9 {
161+
.gap-2-9 {
125162
display: block;
126-
margin: 3px 0;
163+
margin: 5px 0;
127164
}
128165
#size-2-10 {
129166
width: 8.86mm;
@@ -177,60 +214,33 @@
177214
border: none;
178215
border-right: 1px solid black;
179216
}
180-
#size-5-1 {
181-
width: mm;
182-
height: mm;
183-
}
184-
#size-5-2 {
185-
width: mm;
186-
height: mm;
187-
}
188-
#size-5-3 {
189-
width: mm;
190-
height: mm;
191-
}
192-
#size-5-4 {
193-
width: mm;
194-
height: mm;
195-
}
196-
#size-6-1 {
197-
width: mm;
198-
height: mm;
199-
}
200-
#size-6-2 {
201-
width: mm;
202-
height: mm;
203-
}
204-
#size-6-3 {
205-
width: mm;
206-
height: mm;
207-
}
208-
#size-6-4 {
209-
width: mm;
210-
height: mm;
211-
}
212217
</style>
213218
</head>
214219
<body>
215220
<section class="container">
216221
<div class="main">
217222
<table class="table" id="total-size">
218-
<thead>
223+
<tbody class="document-text">
219224
<tr>
220-
<th colspan="11">분석 공동조사서</th>
225+
<th colspan="11" class="title"><strong>분석 공동조사서</strong>
226+
<table class="inner-table">
227+
<tr>
228+
<td style="width: 25mm; height: 8mm;"><strong>공동관리번호</strong></td>
229+
<td style="width: 25mm; height: 8mm;"></td>
230+
</tr>
231+
</table>
232+
</th>
221233
</tr>
222-
</thead>
223-
<tbody class="document-text">
224234
<tr>
225235
<td colspan="1" id="size-2-1" class="sub-title">탐사 / 천공</td>
226236
<td colspan="1" id="size-2-2">탐사일 2022.02.15 / 천공일 -</td>
227237
<td colspan="1" id="size-2-3" rowspan="4">위<br><br><br>치</td>
228238
<td colspan="1" id="size-2-4"class="sub-title">위도</td>
229239
<td colspan="1" id="size-2-5">37.816955</td>
230-
<td colspan="1" id="size-2-6" rowspan="4">공동규모</td>
240+
<td colspan="1" id="size-2-6" rowspan="4">공<span class="gap-2-6"></span>동<span class="gap-2-6"></span>규<span class="gap-2-6"></span>모</td>
231241
<td colspan="1" id="size-2-7" class="sub-title">토피(㎝)</td>
232242
<td colspan="1" id="size-2-8">53</td>
233-
<td colspan="1" id="size-2-9" rowspan="2">공동<span id="gap-2-9"></span>관리</td>
243+
<td colspan="1" id="size-2-9" rowspan="2">공동<span class="gap-2-9"></span>관리</td>
234244
<td colspan="1" id="size-2-10" class="sub-title">번호</td>
235245
<td colspan="1" id="size-2-11">-</td>
236246
</tr>
@@ -246,12 +256,12 @@
246256
</tr>
247257
<tr>
248258
<td colspan="1" id="size-2-1" class="sub-title">도로명 주소</td>
249-
<td colspan="1" id="size-2-2">탐사일 2022.02.15 / 천공일 -</td>
259+
<td colspan="1" id="size-2-2">연곡리 327</td>
250260
<td colspan="1" id="size-2-4" class="sub-title">차선</td>
251261
<td colspan="1" id="size-2-5">중앙선 기준 1차로</td>
252262
<td colspan="1" id="size-2-7" class="sub-title">도로횡단 폭(㎝)</td>
253263
<td colspan="1" id="size-2-8">69</td>
254-
<td colspan="1" id="size-2-9" rowspan="2">분석<span id="gap-2-9"></span>공동</td>
264+
<td colspan="1" id="size-2-9" rowspan="2">분석<span class="gap-2-9"></span>공동</td>
255265
<td colspan="1" id="size-2-10" class="sub-title">번호</td>
256266
<td colspan="1" id="size-2-11">038-1</td>
257267
</tr>
@@ -265,33 +275,40 @@
265275
<td colspan="1" id="size-2-10" class="sub-title">등급</td>
266276
<td colspan="1" id="size-2-11">-</td>
267277
</tr>
278+
279+
<!-- location data -->
268280
<tr class="strong-row">
269-
<td colspan="5" id="size-3-1"><strong>공동 위치도</strong></td>
270-
<td colspan="6" id="size-3-2" colspan="2"><strong>공동 주변사진</strong></td>
281+
<td colspan="5" style="width: 169.34mm; height: 7.34mm;"><strong>공동 위치도</strong></td>
282+
<td colspan="6" colspan="2" style="width: 96.72mm; height: 7.34mm;"><strong>공동 주변사진</strong></td>
271283
</tr>
272284
<tr>
273-
<td colspan="5" id="size-4-1" rowspan="2"><img src="https://github.com/kim-src/js-document/assets/150884526/cce36602-a6c2-4989-85c0-521c4e0366de" alt="공동위치도" id="img-4-1"></td>
274-
<td colspan="3" id="size-4-2-1">공동 주변사진</td>
275-
<td colspan="3" id="size-4-2-2">공동 주변사진</td>
285+
<td colspan="5" rowspan="2" style="width: 169.34mm; height: 57.08mm;"><img src="https://github.com/kim-src/js-document/assets/150884526/e1585b17-a5e6-427b-931c-e0232f1ad458" alt="location"></td>
286+
<td colspan="3" style="width: 48.36mm; height: 28.54mm;"><img src="https://github.com/kim-src/js-document/assets/150884526/cc81aefb-b711-4420-bfb9-26807280fd20" alt="front"></td>
287+
<td colspan="3" style="width: 48.36mm; height: 28.54mm;"><img src="https://github.com/kim-src/js-document/assets/150884526/98e01842-79c1-4181-832d-7739a60da73b" alt="back"></td>
276288
</tr>
277289
<tr>
278-
<td colspan="3" id="size-4-2-3">공동 주변사진</td>
279-
<td colspan="3" id="size-4-2-4">공동 주변사진</td>
290+
<td colspan="3" style="width: 48.36mm; height: 28.54mm;"><img src="https://github.com/kim-src/js-document/assets/150884526/559eac82-8921-40d3-8624-986334f805b4" alt="left"></td>
291+
<td colspan="3" style="width: 48.36mm; height: 28.54mm;"><img src="https://github.com/kim-src/js-document/assets/150884526/f00c850a-e68d-4e4f-a225-2872f91586e7" alt="right"></td>
280292
</tr>
281-
<tr>
282-
<td colspan="5"><img src="https://github.com/kim-src/js-document/assets/150884526/cce36602-a6c2-4989-85c0-521c4e0366de" alt="공동위치도" style="width:100%;height:auto;"></td>
283-
<td colspan="6"><strong>공동 주변사진</strong></td>
293+
294+
<!-- cavity data -->
295+
<tr class="strong-row">
296+
<td colspan="3" rowspan="2" style="width: 131.28mm; height: 10.46mm;"><strong>(상단) 탐사영상 평면 / (하단) 노면영상</strong></td>
297+
<td colspan="5" style="width: 85.12mm; height: 5.23mm;"><strong>탐사영상 수직단면</strong></td>
298+
<td colspan="3" rowspan="2" style="width: 49.66mm; height: 10.46mm;"><strong>공동확인 내시경 영상</strong></td>
284299
</tr>
285300
<tr class="strong-row">
286-
<td colspan="4"><strong>(상단) 탐사영상 평면 / (하단) 노면영상</strong></td>
287-
<td colspan="4"><strong>탐사영상 수직단면</strong></td>
288-
<td colspan="3"><strong>공동확인 내시경 영상</strong></td>
301+
<td colspan="2" style="width: 42.56mm; height: 5.23mm;"><strong>종단면</strong></td>
302+
<td colspan="3" style="width: 42.56mm; height: 5.23mm;"><strong>횡단면</strong></td>
303+
</tr>
304+
<tr>
305+
<td colspan="3" style="width: 131.28mm; height: 15mm;"><img src="https://github.com/kim-src/js-document/assets/150884526/4ea956b1-75aa-45db-8eef-9d8079943a6e" alt="flat-section"></td>
306+
<td colspan="2" rowspan="2" style="width: 42.56mm; height: 48mm;"><img src="https://github.com/kim-src/js-document/assets/150884526/ba1df91c-ac29-4034-90c3-2ce8880c4d9b" alt="long-section"></td>
307+
<td colspan="3" rowspan="2" style="width: 42.56mm; height: 48mm;"><img src="https://github.com/kim-src/js-document/assets/150884526/d0894272-7ff5-40df-bc1e-ec97c901dee2" alt="cross-section"></td>
308+
<td colspan="3" rowspan="2" style="width: 49.66mm; height: 48mm;"><img src="https://github.com/kim-src/js-document/assets/150884526/4d0be670-1d2b-4ed7-9c8e-a0b7c965506d" alt="cavity"></td>
289309
</tr>
290310
<tr>
291-
<td colspan="4"><img src="https://github.com/kim-src/js-document/assets/150884526/09224907-81d2-4d9d-8777-63a7078e3344" alt="평단면" style="width:100%;height:auto;"></td>
292-
<td colspan="2"><img src="https://github.com/kim-src/js-document/assets/150884526/dd7bb547-f67c-488b-87df-774755345189" alt="종단면" style="width:100%;height:auto;"></td>
293-
<td colspan="2"><img src="https://github.com/kim-src/js-document/assets/150884526/d7c5e9da-4539-4301-9981-f830998927d6" alt="종단면" style="width:100%;height:auto;"></td>
294-
<td colspan="3"><img src="" alt="" style="width:100%;height:auto;"></td>
311+
<td colspan="3" style="width: 131.28mm; height: 33mm;"><img src="https://github.com/kim-src/js-document/assets/150884526/e88d4d5a-fc6c-4c9d-acb8-1d7fae61f0bc" alt="surface"></td>
295312
</tr>
296313
</tbody>
297314
</table>

0 commit comments

Comments
 (0)