security: 보안 강제 시스템 구축 + 하드코딩 비밀번호 제거
보안 감사 결과 CRITICAL 2건, HIGH 5건 발견 → 수정 완료 + 자동화 구축. [보안 수정] - issue-view.js: 하드코딩 비밀번호 → crypto.getRandomValues() 랜덤 생성 - pushSubscriptionController.js: ntfy 비밀번호 → process.env.NTFY_SUB_PASSWORD - DEPLOY-GUIDE.md/PROGRESS.md/migration SQL: 평문 비밀번호 → placeholder - docker-compose.yml/.env.example: NTFY_SUB_PASSWORD 환경변수 추가 [보안 강제 시스템 - 신규] - scripts/security-scan.sh: 8개 규칙 (CRITICAL 2, HIGH 4, MEDIUM 2) 3모드(staged/all/diff), severity, .securityignore, MEDIUM 임계값 - .githooks/pre-commit: 로컬 빠른 피드백 - .githooks/pre-receive-server.sh: Gitea 서버 최종 차단 bypass 거버넌스([SECURITY-BYPASS: 사유] + 사용자 제한 + 로그) - SECURITY-CHECKLIST.md: 10개 카테고리 자동/수동 구분 - docs/SECURITY-GUIDE.md: 운영자 가이드 (워크플로우, bypass, FAQ) Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
This commit is contained in:
Hyungi Ahn
491
system1-factory/web/public/static/js/purchase-request-mobile.js
Normal file
491
system1-factory/web/public/static/js/purchase-request-mobile.js
Normal file
@@ -0,0 +1,491 @@
|
||||
/* ===== 소모품 신청 모바일 (장바구니 방식) ===== */
|
||||
const TKUSER_BASE_URL = location.hostname.includes('technicalkorea.net')
|
||||
? 'https://tkuser.technicalkorea.net'
|
||||
: location.protocol + '//' + location.hostname + ':30180';
|
||||
|
||||
// 카테고리 — API 동적 로드
|
||||
let _categories = null;
|
||||
async function loadCategories() {
|
||||
if (_categories) return _categories;
|
||||
try { const r = await api('/consumable-categories'); _categories = r.data || []; } catch(e) { _categories = []; }
|
||||
return _categories;
|
||||
}
|
||||
function getCatLabel(code) { return (_categories || []).find(c => c.category_code === code)?.category_name || code || ''; }
|
||||
const STATUS_LABELS = { pending: '대기', grouped: '구매진행중', purchased: '구매완료', received: '입고완료', cancelled: '취소', returned: '반품', hold: '보류' };
|
||||
const STATUS_COLORS = { pending: 'badge-amber', grouped: 'badge-blue', purchased: 'badge-green', received: 'badge-teal', cancelled: 'badge-red', returned: 'badge-red', hold: 'badge-gray' };
|
||||
const MATCH_LABELS = { exact: '정확', name: '이름', alias: '별칭', spec: '규격', chosung: '초성', chosung_alias: '초성' };
|
||||
|
||||
let currentPage = 1;
|
||||
let currentStatus = '';
|
||||
let totalPages = 1;
|
||||
let isLoadingMore = false;
|
||||
let requestsList = [];
|
||||
let photoBase64 = null;
|
||||
let searchTimer = null;
|
||||
let lastSearchResults = [];
|
||||
let cartItems = []; // [{item_id, item_name, spec, maker, category, quantity, notes, is_new, ...}]
|
||||
|
||||
/* ===== 상태 탭 필터 ===== */
|
||||
function filterByStatus(btn) {
|
||||
document.querySelectorAll('.pm-tab').forEach(t => t.classList.remove('active'));
|
||||
btn.classList.add('active');
|
||||
currentStatus = btn.dataset.status;
|
||||
currentPage = 1;
|
||||
requestsList = [];
|
||||
loadRequests();
|
||||
}
|
||||
|
||||
/* ===== 신청 목록 로드 ===== */
|
||||
async function loadRequests(append = false) {
|
||||
try {
|
||||
if (!append) {
|
||||
document.getElementById('requestCards').innerHTML = '<div class="pm-loading">불러오는 중...</div>';
|
||||
}
|
||||
const params = new URLSearchParams({ page: currentPage, limit: 20 });
|
||||
if (currentStatus) params.set('status', currentStatus);
|
||||
const res = await api('/purchase-requests/my-requests?' + params.toString());
|
||||
const items = res.data || [];
|
||||
totalPages = res.pagination?.totalPages || 1;
|
||||
if (append) { requestsList = requestsList.concat(items); } else { requestsList = items; }
|
||||
renderCards();
|
||||
} catch (e) {
|
||||
document.getElementById('requestCards').innerHTML = `<div class="pm-empty"><i class="fas fa-exclamation-circle"></i>${escapeHtml(e.message)}</div>`;
|
||||
}
|
||||
}
|
||||
|
||||
function renderCards() {
|
||||
const container = document.getElementById('requestCards');
|
||||
if (!requestsList.length) {
|
||||
container.innerHTML = '<div class="pm-empty"><i class="fas fa-box-open"></i>신청 내역이 없습니다.</div>';
|
||||
return;
|
||||
}
|
||||
container.innerHTML = requestsList.map(r => {
|
||||
const itemName = r.item_name || r.custom_item_name || '-';
|
||||
const category = r.category || r.custom_category;
|
||||
const catLabel = getCatLabel(category);
|
||||
const statusLabel = STATUS_LABELS[r.status] || r.status;
|
||||
const statusColor = STATUS_COLORS[r.status] || 'badge-gray';
|
||||
const isCustom = !r.item_id && r.custom_item_name;
|
||||
return `<div class="pm-card" onclick="openDetail(${r.request_id})">
|
||||
<div class="pm-card-header">
|
||||
<div>
|
||||
<div class="pm-card-name">${escapeHtml(itemName)}${isCustom ? '<span class="pm-card-custom">(직접입력)</span>' : ''}</div>
|
||||
${catLabel ? `<span class="badge ${STATUS_COLORS[category] || 'badge-gray'} mt-1" style="font-size:11px">${catLabel}</span>` : ''}
|
||||
</div>
|
||||
<span class="badge ${statusColor}">${statusLabel}</span>
|
||||
</div>
|
||||
<div class="pm-card-meta">
|
||||
<span>수량: <span class="pm-card-qty">${r.quantity}</span></span>
|
||||
<span>${formatDate(r.request_date)}</span>
|
||||
${r.batch_name ? `<span><i class="fas fa-layer-group"></i> ${escapeHtml(r.batch_name)}</span>` : ''}
|
||||
</div>
|
||||
</div>`;
|
||||
}).join('');
|
||||
}
|
||||
|
||||
/* ===== 무한 스크롤 ===== */
|
||||
window.addEventListener('scroll', () => {
|
||||
if (isLoadingMore || currentPage >= totalPages) return;
|
||||
if (window.innerHeight + window.scrollY >= document.body.offsetHeight - 200) {
|
||||
isLoadingMore = true;
|
||||
currentPage++;
|
||||
document.getElementById('loadingMore').classList.remove('hidden');
|
||||
loadRequests(true).finally(() => {
|
||||
isLoadingMore = false;
|
||||
document.getElementById('loadingMore').classList.add('hidden');
|
||||
});
|
||||
}
|
||||
});
|
||||
|
||||
/* ===== 상세 바텀시트 ===== */
|
||||
function openDetail(requestId) {
|
||||
const r = requestsList.find(x => x.request_id === requestId);
|
||||
if (!r) return;
|
||||
const itemName = r.item_name || r.custom_item_name || '-';
|
||||
const category = r.category || r.custom_category;
|
||||
const catLabel = getCatLabel(category);
|
||||
const statusLabel = STATUS_LABELS[r.status] || r.status;
|
||||
const statusColor = STATUS_COLORS[r.status] || 'badge-gray';
|
||||
|
||||
let html = `
|
||||
<div class="text-center mb-4">
|
||||
<div class="text-lg font-bold">${escapeHtml(itemName)}</div>
|
||||
<span class="badge ${statusColor} mt-2">${statusLabel}</span>
|
||||
</div>
|
||||
<div class="pm-detail-row"><span class="pm-detail-label">분류</span><span class="pm-detail-value">${catLabel}</span></div>
|
||||
<div class="pm-detail-row"><span class="pm-detail-label">수량</span><span class="pm-detail-value">${r.quantity}</span></div>
|
||||
<div class="pm-detail-row"><span class="pm-detail-label">신청일</span><span class="pm-detail-value">${formatDate(r.request_date)}</span></div>`;
|
||||
if (r.notes) html += `<div class="pm-detail-row"><span class="pm-detail-label">메모</span><span class="pm-detail-value">${escapeHtml(r.notes)}</span></div>`;
|
||||
if (r.batch_name) html += `<div class="pm-detail-row"><span class="pm-detail-label">구매 그룹</span><span class="pm-detail-value">${escapeHtml(r.batch_name)}</span></div>`;
|
||||
if (r.hold_reason) html += `<div class="pm-detail-row"><span class="pm-detail-label">보류 사유</span><span class="pm-detail-value text-red-600">${escapeHtml(r.hold_reason)}</span></div>`;
|
||||
if (r.status === 'received') {
|
||||
html += `<div class="mt-4 p-3 bg-teal-50 rounded-lg"><div class="text-sm font-semibold text-teal-700 mb-2"><i class="fas fa-box-open mr-1"></i>입고 완료</div>`;
|
||||
if (r.received_location) html += `<div class="text-sm text-gray-700"><i class="fas fa-map-marker-alt mr-1 text-teal-500"></i>보관위치: ${escapeHtml(r.received_location)}</div>`;
|
||||
if (r.received_at) html += `<div class="text-xs text-gray-500 mt-1">${formatDateTime(r.received_at)}${r.received_by_name ? ' · ' + escapeHtml(r.received_by_name) : ''}</div>`;
|
||||
if (r.received_photo_path) html += `<img src="${r.received_photo_path}" class="pm-received-photo" onerror="this.style.display='none'">`;
|
||||
html += `</div>`;
|
||||
}
|
||||
if (r.pr_photo_path) html += `<div class="mt-3"><div class="text-xs text-gray-500 mb-1">첨부 사진</div><img src="${r.pr_photo_path}" class="pm-received-photo" onerror="this.style.display='none'"></div>`;
|
||||
|
||||
document.getElementById('detailContent').innerHTML = html;
|
||||
document.getElementById('detailOverlay').classList.add('open');
|
||||
document.getElementById('detailSheet').classList.add('open');
|
||||
}
|
||||
|
||||
function closeDetailSheet() {
|
||||
document.getElementById('detailOverlay').classList.remove('open');
|
||||
document.getElementById('detailSheet').classList.remove('open');
|
||||
}
|
||||
|
||||
/* ===== 신청 바텀시트 ===== */
|
||||
function openRequestSheet() {
|
||||
document.getElementById('requestOverlay').classList.add('open');
|
||||
document.getElementById('requestSheet').classList.add('open');
|
||||
document.getElementById('searchInput').focus();
|
||||
}
|
||||
|
||||
function closeRequestSheet() {
|
||||
document.getElementById('requestOverlay').classList.remove('open');
|
||||
document.getElementById('requestSheet').classList.remove('open');
|
||||
resetRequestForm();
|
||||
}
|
||||
|
||||
function resetRequestForm() {
|
||||
document.getElementById('searchInput').value = '';
|
||||
document.getElementById('searchResults').classList.remove('open');
|
||||
cartItems = [];
|
||||
renderCart();
|
||||
document.getElementById('reqPhotoInput').value = '';
|
||||
document.getElementById('reqPhotoPreview').classList.add('hidden');
|
||||
document.getElementById('photoLabel').textContent = '사진 촬영/선택';
|
||||
photoBase64 = null;
|
||||
updateSubmitBtn();
|
||||
}
|
||||
|
||||
/* ===== 서버 스마트 검색 ===== */
|
||||
document.addEventListener('DOMContentLoaded', () => {
|
||||
const input = document.getElementById('searchInput');
|
||||
input.addEventListener('input', () => {
|
||||
clearTimeout(searchTimer);
|
||||
const q = input.value.trim();
|
||||
if (q.length === 0) {
|
||||
document.getElementById('searchResults').classList.remove('open');
|
||||
document.getElementById('searchSpinner').classList.remove('show');
|
||||
return;
|
||||
}
|
||||
document.getElementById('searchSpinner').classList.add('show');
|
||||
searchTimer = setTimeout(async () => {
|
||||
try {
|
||||
const res = await api('/purchase-requests/search?q=' + encodeURIComponent(q));
|
||||
renderSearchResults(res.data || [], q);
|
||||
} catch (e) { console.error('검색 오류:', e); }
|
||||
finally { document.getElementById('searchSpinner').classList.remove('show'); }
|
||||
}, 300);
|
||||
});
|
||||
});
|
||||
|
||||
function renderSearchResults(items, query) {
|
||||
lastSearchResults = items;
|
||||
const container = document.getElementById('searchResults');
|
||||
let html = '';
|
||||
items.forEach(item => {
|
||||
const catLabel = getCatLabel(item.category);
|
||||
const matchLabel = MATCH_LABELS[item._matchType] || '';
|
||||
const spec = item.spec ? ' [' + escapeHtml(item.spec) + ']' : '';
|
||||
const maker = item.maker ? ' (' + escapeHtml(item.maker) + ')' : '';
|
||||
const photoUrl = item.photo_path ? (item.photo_path.startsWith('http') ? item.photo_path : TKUSER_BASE_URL + item.photo_path) : '';
|
||||
html += `<div class="pm-search-item" onclick="addToCart(${item.item_id})">
|
||||
${photoUrl ? `<img src="${photoUrl}" class="pm-search-thumb" onerror="this.style.display='none'">` : '<div class="pm-search-thumb-empty"><i class="fas fa-box"></i></div>'}
|
||||
<div class="flex-1">
|
||||
<div class="text-sm font-medium">${escapeHtml(item.item_name)}${spec}${maker}</div>
|
||||
${catLabel ? `<div class="text-xs text-gray-400 mt-0.5">${catLabel}</div>` : ''}
|
||||
</div>
|
||||
${matchLabel ? `<span class="match-type">${matchLabel}</span>` : ''}
|
||||
</div>`;
|
||||
});
|
||||
html += `<div class="pm-search-register" onclick="addNewToCart()">
|
||||
<i class="fas fa-plus-circle"></i>
|
||||
<span>"${escapeHtml(query)}" 새 품목으로 추가</span>
|
||||
</div>`;
|
||||
container.innerHTML = html;
|
||||
container.classList.add('open');
|
||||
}
|
||||
|
||||
/* ===== 장바구니 ===== */
|
||||
function addToCart(itemId) {
|
||||
const item = lastSearchResults.find(i => i.item_id === itemId);
|
||||
if (!item) return;
|
||||
|
||||
// 동일 품목이면 수량 +1
|
||||
const existing = cartItems.find(c => c.item_id === item.item_id && !c.is_new);
|
||||
if (existing) {
|
||||
existing.quantity++;
|
||||
showToast(`${item.item_name} 수량이 ${existing.quantity}개로 추가되었습니다.`);
|
||||
} else {
|
||||
cartItems.push({
|
||||
item_id: item.item_id,
|
||||
item_name: item.item_name,
|
||||
spec: item.spec,
|
||||
maker: item.maker,
|
||||
category: item.category,
|
||||
photo_path: item.photo_path,
|
||||
quantity: 1,
|
||||
notes: '',
|
||||
is_new: false
|
||||
});
|
||||
}
|
||||
document.getElementById('searchInput').value = '';
|
||||
document.getElementById('searchResults').classList.remove('open');
|
||||
renderCart();
|
||||
updateSubmitBtn();
|
||||
}
|
||||
|
||||
function addNewToCart() {
|
||||
const query = document.getElementById('searchInput').value.trim();
|
||||
if (!query) return;
|
||||
cartItems.push({
|
||||
item_id: null,
|
||||
item_name: query,
|
||||
spec: '',
|
||||
maker: '',
|
||||
category: '',
|
||||
photo_path: null,
|
||||
item_photo: null, // base64 — 마스터 사진으로 저장될 사진
|
||||
quantity: 1,
|
||||
notes: '',
|
||||
is_new: true
|
||||
});
|
||||
document.getElementById('searchInput').value = '';
|
||||
document.getElementById('searchResults').classList.remove('open');
|
||||
renderCart();
|
||||
updateSubmitBtn();
|
||||
}
|
||||
|
||||
function removeFromCart(idx) {
|
||||
cartItems.splice(idx, 1);
|
||||
renderCart();
|
||||
updateSubmitBtn();
|
||||
}
|
||||
|
||||
function updateCartQty(idx, val) {
|
||||
const qty = parseInt(val) || 1;
|
||||
cartItems[idx].quantity = Math.max(1, qty);
|
||||
}
|
||||
|
||||
function updateCartNotes(idx, val) {
|
||||
cartItems[idx].notes = val;
|
||||
}
|
||||
|
||||
function updateCartNewField(idx, field, val) {
|
||||
cartItems[idx][field] = val;
|
||||
}
|
||||
|
||||
function renderCart() {
|
||||
const wrap = document.getElementById('cartWrap');
|
||||
const list = document.getElementById('cartList');
|
||||
const count = document.getElementById('cartCount');
|
||||
|
||||
if (cartItems.length === 0) {
|
||||
wrap.classList.add('hidden');
|
||||
return;
|
||||
}
|
||||
wrap.classList.remove('hidden');
|
||||
count.textContent = cartItems.length + '건';
|
||||
|
||||
list.innerHTML = cartItems.map((c, idx) => {
|
||||
const spec = c.spec ? ' [' + escapeHtml(c.spec) + ']' : '';
|
||||
const maker = c.maker ? ' (' + escapeHtml(c.maker) + ')' : '';
|
||||
const catLabel = getCatLabel(c.category);
|
||||
|
||||
// 사진 썸네일
|
||||
let thumbHtml = '';
|
||||
if (c.item_photo) {
|
||||
thumbHtml = `<img src="${c.item_photo}" class="pm-cart-thumb">`;
|
||||
} else if (c.photo_path) {
|
||||
const url = c.photo_path.startsWith('http') ? c.photo_path : TKUSER_BASE_URL + c.photo_path;
|
||||
thumbHtml = `<img src="${url}" class="pm-cart-thumb" onerror="this.style.display='none'">`;
|
||||
}
|
||||
|
||||
let extraFields = '';
|
||||
if (c.is_new) {
|
||||
extraFields = `<div class="pm-cart-new-fields">
|
||||
<input type="text" placeholder="규격" value="${escapeHtml(c.spec || '')}" oninput="updateCartNewField(${idx},'spec',this.value)">
|
||||
<input type="text" placeholder="제조사" value="${escapeHtml(c.maker || '')}" oninput="updateCartNewField(${idx},'maker',this.value)">
|
||||
<select onchange="updateCartNewField(${idx},'category',this.value)">
|
||||
<option value="">분류</option>
|
||||
<option value="consumable" ${c.category==='consumable'?'selected':''}>소모품</option>
|
||||
<option value="safety" ${c.category==='safety'?'selected':''}>안전용품</option>
|
||||
<option value="repair" ${c.category==='repair'?'selected':''}>수선비</option>
|
||||
<option value="equipment" ${c.category==='equipment'?'selected':''}>설비</option>
|
||||
</select>
|
||||
</div>
|
||||
<div class="pm-cart-new-fields" style="margin-top:4px">
|
||||
<label class="pm-cart-photo-btn">
|
||||
<i class="fas fa-camera"></i> ${c.item_photo ? '사진 변경' : '품목 사진'}
|
||||
<input type="file" accept="image/*,.heic,.heif" capture="environment" class="hidden" onchange="onItemPhotoSelected(${idx},this)">
|
||||
</label>
|
||||
</div>`;
|
||||
} else if (!c.photo_path) {
|
||||
// 기존 품목이지만 사진 없음 → 사진 등록 가능
|
||||
extraFields = `<div class="pm-cart-new-fields" style="margin-top:4px">
|
||||
<label class="pm-cart-photo-btn">
|
||||
<i class="fas fa-camera"></i> 품목 사진 등록
|
||||
<input type="file" accept="image/*,.heic,.heif" capture="environment" class="hidden" onchange="uploadExistingItemPhoto(${idx},this)">
|
||||
</label>
|
||||
</div>`;
|
||||
}
|
||||
|
||||
return `<div class="pm-cart-item">
|
||||
${thumbHtml}
|
||||
<div class="pm-cart-item-info">
|
||||
<div class="pm-cart-item-name">${escapeHtml(c.item_name)}${spec}${maker}</div>
|
||||
<div class="pm-cart-item-meta">${catLabel}${c.is_new ? ' <span class="pm-cart-item-new">(신규등록)</span>' : ''}</div>
|
||||
${extraFields}
|
||||
</div>
|
||||
<input type="number" class="pm-cart-qty" value="${c.quantity}" min="1" inputmode="numeric" onchange="updateCartQty(${idx},this.value)">
|
||||
<input type="text" class="pm-cart-memo" placeholder="메모" value="${escapeHtml(c.notes || '')}" oninput="updateCartNotes(${idx},this.value)">
|
||||
<button class="pm-cart-remove" onclick="removeFromCart(${idx})">×</button>
|
||||
</div>`;
|
||||
}).join('');
|
||||
}
|
||||
|
||||
function updateSubmitBtn() {
|
||||
const btn = document.getElementById('submitBtn');
|
||||
if (cartItems.length > 0) {
|
||||
btn.disabled = false;
|
||||
btn.textContent = cartItems.length + '건 신청하기';
|
||||
} else {
|
||||
btn.disabled = true;
|
||||
btn.textContent = '품목을 추가해주세요';
|
||||
}
|
||||
}
|
||||
|
||||
/* ===== 품목 사진 (장바구니 내 신규/기존 품목) ===== */
|
||||
async function onItemPhotoSelected(idx, inputEl) {
|
||||
const file = inputEl.files[0];
|
||||
if (!file) return;
|
||||
let processFile = file;
|
||||
const isHeic = file.type === 'image/heic' || file.type === 'image/heif' ||
|
||||
file.name.toLowerCase().endsWith('.heic') || file.name.toLowerCase().endsWith('.heif');
|
||||
if (isHeic && typeof heic2any !== 'undefined') {
|
||||
try {
|
||||
const blob = await heic2any({ blob: file, toType: 'image/jpeg', quality: 0.85 });
|
||||
processFile = new File([blob], file.name.replace(/\.hei[cf]$/i, '.jpg'), { type: 'image/jpeg' });
|
||||
} catch (e) { console.warn('HEIC 변환 실패:', e); }
|
||||
}
|
||||
if (processFile.size > 10 * 1024 * 1024) { showToast('10MB 이하만 가능합니다.', 'error'); return; }
|
||||
const reader = new FileReader();
|
||||
reader.onload = (e) => {
|
||||
cartItems[idx].item_photo = e.target.result;
|
||||
renderCart();
|
||||
};
|
||||
reader.readAsDataURL(processFile);
|
||||
}
|
||||
|
||||
// 기존 품목(사진 없음)에 사진 업로드 → 마스터에 저장
|
||||
async function uploadExistingItemPhoto(idx, inputEl) {
|
||||
const file = inputEl.files[0];
|
||||
if (!file) return;
|
||||
let processFile = file;
|
||||
const isHeic = file.type === 'image/heic' || file.type === 'image/heif' ||
|
||||
file.name.toLowerCase().endsWith('.heic') || file.name.toLowerCase().endsWith('.heif');
|
||||
if (isHeic && typeof heic2any !== 'undefined') {
|
||||
try {
|
||||
const blob = await heic2any({ blob: file, toType: 'image/jpeg', quality: 0.85 });
|
||||
processFile = new File([blob], file.name.replace(/\.hei[cf]$/i, '.jpg'), { type: 'image/jpeg' });
|
||||
} catch (e) { console.warn('HEIC 변환 실패:', e); }
|
||||
}
|
||||
if (processFile.size > 10 * 1024 * 1024) { showToast('10MB 이하만 가능합니다.', 'error'); return; }
|
||||
const reader = new FileReader();
|
||||
reader.onload = async (e) => {
|
||||
const base64 = e.target.result;
|
||||
try {
|
||||
const res = await api(`/purchase-requests/consumable-items/${cartItems[idx].item_id}/photo`, {
|
||||
method: 'PUT', body: JSON.stringify({ photo: base64 })
|
||||
});
|
||||
if (res.data?.photo_path) {
|
||||
cartItems[idx].photo_path = res.data.photo_path;
|
||||
cartItems[idx].item_photo = null;
|
||||
}
|
||||
showToast('품목 사진이 등록되었습니다.');
|
||||
renderCart();
|
||||
} catch (err) { showToast(err.message, 'error'); }
|
||||
};
|
||||
reader.readAsDataURL(processFile);
|
||||
}
|
||||
|
||||
/* ===== 참고 사진 (신청 공통) ===== */
|
||||
async function onMobilePhotoSelected(inputEl) {
|
||||
const file = inputEl.files[0];
|
||||
if (!file) return;
|
||||
let processFile = file;
|
||||
const isHeic = file.type === 'image/heic' || file.type === 'image/heif' ||
|
||||
file.name.toLowerCase().endsWith('.heic') || file.name.toLowerCase().endsWith('.heif');
|
||||
if (isHeic && typeof heic2any !== 'undefined') {
|
||||
document.getElementById('photoLabel').textContent = '변환 중...';
|
||||
try {
|
||||
const blob = await heic2any({ blob: file, toType: 'image/jpeg', quality: 0.85 });
|
||||
processFile = new File([blob], file.name.replace(/\.hei[cf]$/i, '.jpg'), { type: 'image/jpeg' });
|
||||
} catch (e) { console.warn('HEIC 변환 실패, 원본 사용:', e); }
|
||||
}
|
||||
if (processFile.size > 10 * 1024 * 1024) {
|
||||
showToast('파일 크기는 10MB 이하만 가능합니다.', 'error');
|
||||
document.getElementById('photoLabel').textContent = '사진 촬영/선택';
|
||||
return;
|
||||
}
|
||||
const reader = new FileReader();
|
||||
reader.onload = (e) => {
|
||||
photoBase64 = e.target.result;
|
||||
document.getElementById('reqPhotoPreview').src = photoBase64;
|
||||
document.getElementById('reqPhotoPreview').classList.remove('hidden');
|
||||
document.getElementById('photoLabel').textContent = '사진 변경';
|
||||
};
|
||||
reader.readAsDataURL(processFile);
|
||||
}
|
||||
|
||||
/* ===== 일괄 신청 제출 ===== */
|
||||
async function submitRequest() {
|
||||
if (cartItems.length === 0) { showToast('품목을 추가해주세요.', 'error'); return; }
|
||||
|
||||
const btn = document.getElementById('submitBtn');
|
||||
btn.disabled = true;
|
||||
btn.textContent = '처리 중...';
|
||||
|
||||
try {
|
||||
const items = cartItems.map(c => {
|
||||
if (c.is_new) {
|
||||
return { item_name: c.item_name, spec: c.spec || null, maker: c.maker || null, category: c.category || null, quantity: c.quantity, notes: c.notes || null, is_new: true, item_photo: c.item_photo || null };
|
||||
}
|
||||
return { item_id: c.item_id, quantity: c.quantity, notes: c.notes || null };
|
||||
});
|
||||
const body = { items };
|
||||
if (photoBase64) body.photo = photoBase64;
|
||||
|
||||
await api('/purchase-requests/bulk', { method: 'POST', body: JSON.stringify(body) });
|
||||
showToast(`${cartItems.length}건 소모품 신청이 등록되었습니다.`);
|
||||
closeRequestSheet();
|
||||
currentPage = 1;
|
||||
requestsList = [];
|
||||
await loadRequests();
|
||||
} catch (e) {
|
||||
showToast(e.message, 'error');
|
||||
} finally {
|
||||
btn.disabled = false;
|
||||
updateSubmitBtn();
|
||||
}
|
||||
}
|
||||
|
||||
/* ===== URL 파라미터로 상세 열기 ===== */
|
||||
function checkViewParam() {
|
||||
const urlParams = new URLSearchParams(location.search);
|
||||
const viewId = urlParams.get('view');
|
||||
if (viewId) setTimeout(() => openDetail(parseInt(viewId)), 500);
|
||||
}
|
||||
|
||||
/* ===== Init ===== */
|
||||
(async function() {
|
||||
if (!await initAuth()) return;
|
||||
await loadCategories();
|
||||
await loadRequests();
|
||||
checkViewParam();
|
||||
})();
|
||||
Reference in New Issue
Block a user