03a9840fc7
- 마스터 + 인원/장비/자재/공사량/작업사진 6테이블 마이그레이션 - 6개 탭: 작업내용, 인원, 장비, 자재, 공사량, 작업사진 - 작업내용: 금일/명일 텍스트 + 날씨/기온/강수/미세먼지 메타 - 전일누계 + 금일 + 총계 누적 패턴 (인원/장비/자재/공사량) - 작업사진: 파일 업로드 + 사진목록/사진정보 2단 레이아웃 - 상태별 버튼 제어 (작성중→저장/삭제, 검토중→읽기전용) - 양식보기: 3페이지 전체화면 뷰어 (작업일보/인원장비/자재) - 검토자 지정 모달, 캘린더 스트립, 번개 랜덤데이터
67 lines
3.3 KiB
HTML
67 lines
3.3 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="ko">
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.9/dist/web/static/pretendard.min.css">
|
|
<style>
|
|
* { margin: 0; padding: 0; box-sizing: border-box; }
|
|
body {
|
|
width: 720pt;
|
|
height: 405pt;
|
|
font-family: 'Pretendard', 'Malgun Gothic', sans-serif;
|
|
background: linear-gradient(135deg, #1a1a2e 0%, #16213e 50%, #0f3460 100%);
|
|
display: flex;
|
|
align-items: center;
|
|
justify-content: center;
|
|
position: relative;
|
|
overflow: hidden;
|
|
}
|
|
p, h1, h2, h3 { margin: 0; }
|
|
</style>
|
|
</head>
|
|
<body>
|
|
<!-- 배경 장식 -->
|
|
<div style="position: absolute; top: -60pt; right: -60pt; width: 200pt; height: 200pt; border-radius: 50%; background: rgba(255,255,255,0.03);"></div>
|
|
<div style="position: absolute; bottom: -40pt; left: -40pt; width: 160pt; height: 160pt; border-radius: 50%; background: rgba(255,255,255,0.03);"></div>
|
|
|
|
<!-- 상단 라인 -->
|
|
<div style="position: absolute; top: 0; left: 0; right: 0; height: 4pt; background: linear-gradient(90deg, #4CAF50, #2196F3, #9C27B0);"></div>
|
|
|
|
<!-- 메인 콘텐츠 -->
|
|
<div style="text-align: center; padding: 40pt;">
|
|
<!-- 로고/배지 -->
|
|
<div style="display: inline-flex; align-items: center; justify-content: center; padding: 6pt 20pt; border: 1pt solid rgba(255,255,255,0.2); border-radius: 20pt; margin-bottom: 20pt;">
|
|
<p style="font-size: 9pt; color: rgba(255,255,255,0.7); letter-spacing: 3pt;">SAM SALES PARTNER</p>
|
|
</div>
|
|
|
|
<!-- 메인 타이틀 -->
|
|
<div style="margin-bottom: 16pt;">
|
|
<h1 style="font-size: 32pt; font-weight: 800; color: #ffffff; line-height: 1.3;">영업파트너</h1>
|
|
<h1 style="font-size: 32pt; font-weight: 800; color: #4CAF50; line-height: 1.3;">수당 안내서</h1>
|
|
</div>
|
|
|
|
<!-- 서브 타이틀 -->
|
|
<div style="margin-bottom: 30pt;">
|
|
<p style="font-size: 12pt; color: rgba(255,255,255,0.6); line-height: 1.6;">개인 파트너 / 단체 파트너 수당 체계 안내</p>
|
|
</div>
|
|
|
|
<!-- 키워드 배지들 -->
|
|
<div style="display: flex; gap: 12pt; justify-content: center;">
|
|
<div style="padding: 6pt 16pt; background: rgba(76,175,80,0.15); border: 1pt solid rgba(76,175,80,0.3); border-radius: 6pt;">
|
|
<p style="font-size: 10pt; color: #4CAF50; font-weight: 600;">판매자 수당</p>
|
|
</div>
|
|
<div style="padding: 6pt 16pt; background: rgba(33,150,243,0.15); border: 1pt solid rgba(33,150,243,0.3); border-radius: 6pt;">
|
|
<p style="font-size: 10pt; color: #2196F3; font-weight: 600;">관리자 수당</p>
|
|
</div>
|
|
<div style="padding: 6pt 16pt; background: rgba(156,39,176,0.15); border: 1pt solid rgba(156,39,176,0.3); border-radius: 6pt;">
|
|
<p style="font-size: 10pt; color: #CE93D8; font-weight: 600;">협업지원금</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- 하단 정보 -->
|
|
<div style="position: absolute; bottom: 16pt; left: 0; right: 0; text-align: center;">
|
|
<p style="font-size: 8pt; color: rgba(255,255,255,0.3);">2026년 2월 기준 | 주일/경동</p>
|
|
</div>
|
|
</body>
|
|
</html> |