byun/ev-charger-as
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

UI 개선 — 모바일 사진 업로드 카메라/갤러리 버튼 분리, 에러코드 차트 단순화

Browse Source 
Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
This commit is contained in:
byun
2026-06-01 16:25:48 +09:00
parent d75bd5f358
commit e52e916dc8
5 changed files with 70 additions and 99 deletions
Download Patch File Download Diff File Expand all files Collapse all files

14
frontend/static/pages/mechanic/repair.html
View File

@@ -67,14 +67,22 @@
<div class="form-row">
<div class="form-group">
<label>📷 조치 전 사진 <span style="font-size:11px;color:var(--gray4);font-weight:400">(여러 장 가능)</span></label>
<label class="upload-area" for="photosBefore">📷 촬영 또는 앨범 선택</label>
<div style="display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:6px;">
<label class="upload-area" for="photosBeforeCamera" style="margin:0">📷 카메라 촬영</label>
<label class="upload-area" for="photosBefore" style="margin:0">🖼 갤러리 선택</label>
</div>
<input type="file" id="photosBeforeCamera" accept="image/*" capture="environment" style="display:none">
<input type="file" id="photosBefore" accept="image/*" multiple style="display:none">
<div class="photo-preview" id="previewBefore"></div>
<div class="photo-info" id="infoBefore"></div>
</div>
<div class="form-group">
<label>📷 조치 후 사진 <span style="font-size:11px;color:var(--gray4);font-weight:400">(여러 장 가능)</span></label>
<label class="upload-area" for="photosAfter">📷 촬영 또는 앨범 선택</label>
<div style="display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:6px;">
<label class="upload-area" for="photosAfterCamera" style="margin:0">📷 카메라 촬영</label>
<label class="upload-area" for="photosAfter" style="margin:0">🖼 갤러리 선택</label>
</div>
<input type="file" id="photosAfterCamera" accept="image/*" capture="environment" style="display:none">
<input type="file" id="photosAfter" accept="image/*" multiple style="display:none">
<div class="photo-preview" id="previewAfter"></div>
<div class="photo-info" id="infoAfter"></div>
@@ -309,6 +317,8 @@ navigator.geolocation?.getCurrentPosition(
// 이미지 압축 + 다중 선택 프리뷰
ImageCompressor.setupPreview('photosBefore', 'previewBefore', 'infoBefore');
ImageCompressor.setupPreview('photosAfter', 'previewAfter', 'infoAfter');
ImageCompressor.setupCameraAppend('photosBeforeCamera', 'photosBefore');
ImageCompressor.setupCameraAppend('photosAfterCamera', 'photosAfter');
async function submitForm(isDone) {
const types = [...document.querySelectorAll('#repairTypes input:checked')].map(c => c.value);