- {PMIS_MENUS.map(m => (
-
-
setExpanded(expanded === m.id ? null : m.id)}
- className={`flex items-center gap-2 px-4 py-2.5 text-sm cursor-pointer transition ${expanded === m.id ? 'bg-blue-50 text-blue-700 font-semibold' : 'text-gray-600 hover:bg-gray-50'}`}>
-
{m.label}
-
+
+
+
+
+
+
);
+}
+
+/* ═══════ 양식보기 (전체화면 뷰어) ═══════ */
+function PrintViewer({open,onClose,report,workers,equipments,materials,volumes}){
+ const[page,setPage]=useState(1);
+ const[zoom,setZoom]=useState(100);
+ const totalPages=3;
+ if(!open)return null;
+
+ const dateStr=report?.date?new Date(report.date).toLocaleDateString('ko-KR',{year:'numeric',month:'2-digit',day:'2-digit',weekday:'short'}):'';
+ const reviewers=report?.options?.reviewers||DEFAULT_REVIEWERS;
+ const wSum={prev:0,today:0};workers.forEach(w=>{wSum.prev+=num(w.prev_cumulative);wSum.today+=num(w.today_count)});
+ const eSum={prev:0,today:0};equipments.forEach(e=>{eSum.prev+=num(e.prev_cumulative);eSum.today+=num(e.today_count)});
+
+ const pageStyle={width:210*3.78,minHeight:297*3.78,background:'#fff',padding:'40px 50px',fontSize:11,fontFamily:'serif',margin:'0 auto',boxShadow:'0 2px 10px rgba(0,0,0,.2)'};
+ const th={background:'#d9d9d9',border:'1px solid #333',padding:'4px 6px',fontWeight:'bold',textAlign:'center',fontSize:10};
+ const td={border:'1px solid #333',padding:'4px 6px',textAlign:'center',fontSize:10};
+ const tdL={...td,textAlign:'left'};
+
+ return(
+
+
+
+
+
{page} / {totalPages}
+
+
|
+
+
{zoom}%
+
+
+
+
+
+
+
+ {page===1&&(
+
+
작 업 일 보
+
+
■ 공사명 : 안성 당목리 물류센터
+
+ {reviewers.slice(0,4).map((r,i)=>(| {r.position} | ))}
+
+ {reviewers.slice(0,4).map((r,i)=>(| {r.name} | ))}
+
+
+
+ | 날씨 | {report?.weather} |
+ 최저 | {report?.temp_low}℃ |
+ 최고 | {report?.temp_high}℃ |
+ 강수량 | {report?.precipitation} |
+ 미세먼지 | {report?.fine_dust}/{report?.ultra_fine_dust} |
+
+
+
1. 작업내용
+
{dateStr}
+
+ | 금 일 작 업 사 항 | 명 일 작 업 사 항 |
|---|
+
+ | {report?.work_content_today||''} |
+ {report?.work_content_tomorrow||''} |
+
+
+
+ | 특이사항 | {report?.notes||''} |
+
+
업 체 명 : (주)주일기업
+
)}
+
+ {page===2&&(
+
+
2. 인원투입현황
+
+ | 구 분 | 단위 | 전일 | 금일 | 누계 | 비고 |
|---|
+
+ {workers.map((w,i)=>(| {w.work_type} - {w.job_type} | 인 | {num(w.prev_cumulative)} | {num(w.today_count)} | {num(w.prev_cumulative)+num(w.today_count)} | |
))}
+ | 계 | | {wSum.prev} | {wSum.today} | {wSum.prev+wSum.today} | |
+
+
+
3. 장비투입현황
+
+ | 구 분 | 단위 | 전일 | 금일 | 누계 | 비고 |
|---|
+
+ {equipments.map((e,i)=>(| {e.equipment_name} {e.specification} | 대 | {num(e.prev_cumulative)} | {num(e.today_count)} | {num(e.prev_cumulative)+num(e.today_count)} | |
))}
+ | 계 | | {eSum.prev} | {eSum.today} | {eSum.prev+eSum.today} | |
+
+
+
)}
+
+ {page===3&&(
+
+
4. 자재 투입현황
+
+ | 품 명 | 규 격 | 단위 | 설계량 | 전일 | 금일 | 누계 | 비고 |
|---|
+
+ {materials.map((m,i)=>(| {m.material_name} | {m.specification} | {m.unit} | {num(m.design_qty)} | {num(m.prev_cumulative)} | {num(m.today_count)} | {num(m.prev_cumulative)+num(m.today_count)} | |
))}
+ {materials.length===0&&| (자재 데이터 없음) |
}
+
+
+
)}
+
+
+
+
);
+}
+
+/* ═══════ 탭 공통 테이블 스타일 ═══════ */
+const TH='border border-gray-300 bg-gray-100 px-3 py-2 text-xs font-semibold text-gray-600 text-center whitespace-nowrap';
+const TD='border border-gray-200 px-3 py-2 text-sm text-center';
+const TDR='border border-gray-200 px-3 py-2 text-sm text-right tabular-nums';
+
+/* ═══════ 메인 App ═══════ */
+function App(){
+ const now=new Date();
+ const[year,setYear]=useState(now.getFullYear());
+ const[month,setMonth]=useState(now.getMonth()+1);
+ const[day,setDay]=useState(now.getDate());
+ const[company,setCompany]=useState('');
+ const[tab,setTab]=useState('content');
+ const[dayStatus,setDayStatus]=useState({});
+ const[report,setReport]=useState(null);
+ const[workers,setWorkers]=useState([]);
+ const[equipments,setEquipments]=useState([]);
+ const[materials,setMaterials]=useState([]);
+ const[volumes,setVolumes]=useState([]);
+ const[photos,setPhotos]=useState([]);
+ const[loading,setLoading]=useState(false);
+ const[showReviewer,setShowReviewer]=useState(false);
+ const[showPrint,setShowPrint]=useState(false);
+ const[checkedW,setCheckedW]=useState({});
+ const[checkedE,setCheckedE]=useState({});
+ const[checkedM,setCheckedM]=useState({});
+ const[checkedV,setCheckedV]=useState({});
+ const[checkedP,setCheckedP]=useState({});
+
+ const dateStr=fmt(year,month,day);
+ const dateObj=new Date(year,month-1,day);
+ const dayName=DAY_NAMES[dateObj.getDay()];
+ const isReadOnly=report?.status==='review'||report?.status==='approved';
+ const canDelete=report?.status!=='approved';
+
+ const loadReport=useCallback(async()=>{
+ setLoading(true);
+ try{
+ const d=await api(`/daily-work-reports?date=${dateStr}&company=${encodeURIComponent(company)}`);
+ setReport(d);setWorkers(d.workers||[]);setEquipments(d.equipments||[]);setMaterials(d.materials||[]);setVolumes(d.volumes||[]);setPhotos(d.photos||[]);
+ }catch(e){console.error(e)}
+ setLoading(false);
+ },[dateStr,company]);
+
+ const loadMonth=useCallback(async()=>{
+ try{const d=await api(`/daily-work-reports/month-status?year=${year}&month=${month}&company=${encodeURIComponent(company)}`);setDayStatus(d)}catch(e){}
+ },[year,month,company]);
+
+ useEffect(()=>{loadReport()},[loadReport]);
+ useEffect(()=>{loadMonth()},[loadMonth]);
+
+ const saveReport=async(fields)=>{
+ if(!report?.id||isReadOnly)return;
+ try{const d=await api(`/daily-work-reports/${report.id}`,{method:'PUT',body:JSON.stringify(fields)});setReport(d);loadMonth()}catch(e){alert(e.message)}
+ };
+
+ const deleteReport=async()=>{
+ if(!report?.id||!canDelete||!confirm('이 날짜의 작업일보를 삭제하시겠습니까?'))return;
+ try{await api(`/daily-work-reports/${report.id}`,{method:'DELETE'});loadReport();loadMonth()}catch(e){alert(e.message)}
+ };
+
+ // ─── CRUD helpers ───
+ const addItem=async(endpoint,data)=>{
+ if(!report?.id)return;
+ try{const r=await api(endpoint,{method:'POST',body:JSON.stringify({report_id:report.id,...data})});return r}catch(e){alert(e.message)}
+ };
+ const deleteItems=async(endpoint,ids)=>{
+ for(const id of ids){try{await api(`${endpoint}/${id}`,{method:'DELETE'})}catch(e){}}
+ loadReport();
+ };
+
+ // ─── 번개 (랜덤 데이터 추가) ───
+ const lightning=async()=>{
+ if(!report?.id||isReadOnly)return;
+ const promises=[];
+ if(tab==='workers'){for(let i=0;i<3;i++)promises.push(addItem('/work-report-workers',randWorker()))}
+ else if(tab==='equipments'){for(let i=0;i<2;i++)promises.push(addItem('/work-report-equipments',randEquip()))}
+ else if(tab==='materials'){for(let i=0;i<3;i++)promises.push(addItem('/work-report-materials',randMat()))}
+ else if(tab==='volumes'){for(let i=0;i<3;i++)promises.push(addItem('/work-report-volumes',randVol()))}
+ await Promise.all(promises);
+ loadReport();
+ };
+
+ const deleteChecked=async()=>{
+ if(isReadOnly)return;
+ if(tab==='workers'){const ids=Object.keys(checkedW).filter(k=>checkedW[k]);if(ids.length)await deleteItems('/work-report-workers',ids);setCheckedW({})}
+ else if(tab==='equipments'){const ids=Object.keys(checkedE).filter(k=>checkedE[k]);if(ids.length)await deleteItems('/work-report-equipments',ids);setCheckedE({})}
+ else if(tab==='materials'){const ids=Object.keys(checkedM).filter(k=>checkedM[k]);if(ids.length)await deleteItems('/work-report-materials',ids);setCheckedM({})}
+ else if(tab==='volumes'){const ids=Object.keys(checkedV).filter(k=>checkedV[k]);if(ids.length)await deleteItems('/work-report-volumes',ids);setCheckedV({})}
+ else if(tab==='photos'){const ids=Object.keys(checkedP).filter(k=>checkedP[k]);if(ids.length)await deleteItems('/work-report-photos',ids);setCheckedP({})}
+ };
+
+ // 인원/장비 합계
+ const wSum=useMemo(()=>{let p=0,t=0;workers.forEach(w=>{p+=num(w.prev_cumulative);t+=num(w.today_count)});return{prev:p,today:t}},[workers]);
+ const eSum=useMemo(()=>{let p=0,t=0;equipments.forEach(e=>{p+=num(e.prev_cumulative);t+=num(e.today_count)});return{prev:p,today:t}},[equipments]);
+
+ const TABS=[
+ {id:'content',label:'작업내용'},
+ {id:'workers',label:'인원'},
+ {id:'equipments',label:'장비'},
+ {id:'materials',label:'자재'},
+ {id:'volumes',label:'공사량'},
+ {id:'photos',label:'작업사진'},
+ ];
+
+ const onSelectDay=(d)=>{setDay(d);setCheckedW({});setCheckedE({});setCheckedM({});setCheckedV({});setCheckedP({})};
+
+ return(
+
+
+
+ {/* 헤더 */}
+
+
{year}년 {String(month).padStart(2,'0')}월 {String(day).padStart(2,'0')}일 ({dayName}) {report?.weather||''}
+
+
+ {/* 필터 */}
+
+
{const p=e.target.value.split('-');if(p.length===3){setYear(+p[0]);setMonth(+p[1]);setDay(+p[2])}}} className="border border-gray-300 rounded px-2 py-1 text-sm"/>
+
+
+
+
+ 작성중
+ 검토중
+ 승인
+ 미작성
+
+
+
+ {/* 캘린더 */}
+
+
+
+
+ {/* 버튼 바 */}
+
+
+
+
+
+ {!isReadOnly&&
}
+ {canDelete&&!isReadOnly&&
}
+
+
+ {/* 탭 */}
+
+
+ {TABS.map(t=>())}
+
+
+
+ {/* 탭 콘텐츠 */}
+
+ {loading?
로딩중...
:
+
+
+ {/* ─── 작업내용 탭 ─── */}
+ {tab==='content'&&(
:}
+