tk-factory-services/user-management/web/static/js/tkuser-partners.js

/* ===== tkuser 협력업체 조회 (읽기 전용) ===== */
let partnersLoaded = false;
let partnersList = [];
let selectedPartnerIdTkuser = null;

async function loadPartnersTab() {
    if (partnersLoaded) return;
    partnersLoaded = true;
    await loadPartnersList();
}

async function loadPartnersList() {
    try {
        const isActive = document.getElementById('partnerFilterActiveTkuser')?.value;
        const search = document.getElementById('partnerSearchTkuser')?.value?.trim() || '';
        const params = new URLSearchParams();
        if (isActive !== '' && isActive !== undefined) params.set('is_active', isActive);
        if (search) params.set('search', search);
        const r = await api('/partners?' + params.toString());
        partnersList = r.data || [];
        renderPartnersListTkuser();
    } catch (e) {
        document.getElementById('partnersListTkuser').innerHTML = `<div class="text-red-500 text-center py-6"><i class="fas fa-exclamation-triangle text-xl"></i><p class="text-sm mt-2">${e.message}</p></div>`;
    }
}

function renderPartnersListTkuser() {
    const c = document.getElementById('partnersListTkuser');
    if (!partnersList.length) {
        c.innerHTML = '<p class="text-gray-400 text-center py-4 text-sm">등록된 협력업체가 없습니다.</p>';
        return;
    }
    c.innerHTML = partnersList.map(p => {
        const types = tryParseJsonTkuser(p.business_type) || [];
        const typeStr = types.map(t => `<span class="px-1.5 py-0.5 rounded text-xs bg-blue-50 text-blue-600">${escHtml(t)}</span>`).join(' ');
        const insuranceWarn = isInsuranceExpiringSoonTkuser(p.insurance_expiry);
        return `<div class="flex items-center justify-between p-2.5 bg-gray-50 rounded-lg hover:bg-gray-100 transition-colors cursor-pointer ${selectedPartnerIdTkuser === p.id ? 'ring-2 ring-emerald-400' : ''}" onclick="selectPartnerTkuser(${p.id})">
            <div class="flex-1 min-w-0">
                <div class="text-sm font-medium text-gray-800 truncate">
                    <i class="fas fa-building mr-1.5 text-gray-400 text-xs"></i>${escHtml(p.company_name)}
                    ${!p.is_active ? '<span class="px-1.5 py-0.5 rounded text-xs bg-gray-100 text-gray-400 ml-1">비활성</span>' : ''}
                    ${insuranceWarn ? '<span class="px-1.5 py-0.5 rounded text-xs bg-red-50 text-red-600 ml-1"><i class="fas fa-exclamation-triangle mr-0.5"></i>보험만료</span>' : ''}
                </div>
                <div class="text-xs text-gray-500 flex items-center gap-1.5 mt-0.5 flex-wrap">
                    ${p.business_number ? `<span>${p.business_number}</span>` : ''}
                    ${p.representative ? `<span>${escHtml(p.representative)}</span>` : ''}
                    ${typeStr}
                </div>
            </div>
        </div>`;
    }).join('');
}

async function selectPartnerTkuser(id) {
    selectedPartnerIdTkuser = id;
    renderPartnersListTkuser();
    try {
        const r = await api(`/partners/${id}`);
        const p = r.data;
        renderPartnerDetailTkuser(p);
        document.getElementById('partnerDetailTkuser').classList.remove('hidden');
        document.getElementById('partnerEmptyTkuser').classList.add('hidden');
    } catch (e) {
        showToast('상세 조회 실패: ' + e.message, 'error');
    }
}

function renderPartnerDetailTkuser(p) {
    const types = tryParseJsonTkuser(p.business_type) || [];
    const workers = p.workers || [];
    document.getElementById('partnerDetailTkuser').innerHTML = `
        <div class="bg-white rounded-xl shadow-sm p-5 mb-4">
            <h3 class="text-lg font-semibold text-gray-800 mb-3">${escHtml(p.company_name)}</h3>
            <div class="grid grid-cols-2 gap-3 text-sm">
                <div><span class="text-gray-500">사업자번호:</span> <span class="font-medium">${escHtml(p.business_number) || '-'}</span></div>
                <div><span class="text-gray-500">대표자:</span> <span class="font-medium">${escHtml(p.representative) || '-'}</span></div>
                <div><span class="text-gray-500">담당자:</span> <span class="font-medium">${escHtml(p.contact_name) || '-'}</span></div>
                <div><span class="text-gray-500">연락처:</span> <span class="font-medium">${escHtml(p.contact_phone) || '-'}</span></div>
                <div class="col-span-2"><span class="text-gray-500">주소:</span> <span class="font-medium">${escHtml(p.address) || '-'}</span></div>
                <div><span class="text-gray-500">업종:</span> ${types.map(t => `<span class="px-1.5 py-0.5 rounded text-xs bg-blue-50 text-blue-600">${escHtml(t)}</span>`).join(' ') || '-'}</div>
                <div><span class="text-gray-500">산재보험:</span> <span class="font-medium">${escHtml(p.insurance_number) || '-'}</span> ${p.insurance_expiry ? `(만료: ${formatDate(p.insurance_expiry)})` : ''}</div>
                ${p.notes ? `<div class="col-span-2"><span class="text-gray-500">비고:</span> ${escHtml(p.notes)}</div>` : ''}
            </div>
        </div>
        <div class="bg-white rounded-xl shadow-sm p-5">
            <h4 class="text-base font-semibold text-gray-800 mb-3"><i class="fas fa-users text-gray-400 mr-2"></i>소속 작업자 (${workers.length}명)</h4>
            ${workers.length ? workers.map(w => `
                <div class="flex items-center justify-between p-2 bg-gray-50 rounded hover:bg-gray-100 mb-1">
                    <div>
                        <span class="text-sm font-medium">${escHtml(w.worker_name)}</span>
                        ${w.is_team_leader ? '<span class="px-1.5 py-0.5 rounded text-xs bg-amber-50 text-amber-600 ml-1">팀장</span>' : ''}
                        ${!w.is_active ? '<span class="px-1.5 py-0.5 rounded text-xs bg-gray-100 text-gray-400 ml-1">비활성</span>' : ''}
                    </div>
                    <div class="text-xs text-gray-500 flex gap-2">
                        ${w.position ? `<span>${escHtml(w.position)}</span>` : ''}
                        ${w.phone ? `<span>${escHtml(w.phone)}</span>` : ''}
                        ${w.safety_training_date ? `<span>안전교육: ${formatDate(w.safety_training_date)}</span>` : ''}
                    </div>
                </div>`).join('') : '<p class="text-gray-400 text-center py-4 text-sm">등록된 작업자가 없습니다</p>'}
        </div>
        <div class="mt-3 p-3 bg-emerald-50 rounded-lg text-sm text-emerald-700 flex items-center gap-2">
            <i class="fas fa-info-circle"></i>
            <span>협력업체 등록/수정은 <a href="https://tkpurchase.technicalkorea.net/partner.html" target="_blank" class="underline font-medium">tkpurchase</a>에서 관리합니다.</span>
        </div>`;
}

function tryParseJsonTkuser(val) {
    if (!val) return null;
    if (Array.isArray(val)) return val;
    try { return JSON.parse(val); } catch { return null; }
}

function isInsuranceExpiringSoonTkuser(expiry) {
    if (!expiry) return false;
    const exp = new Date(expiry);
    const now = new Date();
    const diff = (exp - now) / (1000 * 60 * 60 * 24);
    return diff <= 30 && diff >= 0;
}

// 검색/필터 이벤트
document.addEventListener('DOMContentLoaded', () => {
    let searchTimeout;
    const searchEl = document.getElementById('partnerSearchTkuser');
    if (searchEl) searchEl.addEventListener('input', () => {
        clearTimeout(searchTimeout);
        searchTimeout = setTimeout(loadPartnersList, 300);
    });
    const filterEl = document.getElementById('partnerFilterActiveTkuser');
    if (filterEl) filterEl.addEventListener('change', loadPartnersList);
});