최초 커밋
This commit is contained in:
root
@@ -0,0 +1,22 @@
|
||||
<meta charset="UTF-8" />
|
||||
<meta
|
||||
name="viewport"
|
||||
content="width=device-width, initial-scale=1.0, minimum-scale=1.0, viewport-fit=cover"
|
||||
/>
|
||||
<meta http-equiv="X-UA-compatible" content="IE=edge,chrome=1" />
|
||||
<meta name="format-detection" content="telephone=no" />
|
||||
<!-- <meta http-equiv="pragma" content="no-cache"> -->
|
||||
<link
|
||||
rel="shortcut icon"
|
||||
type="image/svg+xml"
|
||||
href="./assets/images/favicon.svg"
|
||||
/>
|
||||
<link rel="stylesheet" type="text/css" href="./assets/css/common.css" />
|
||||
<link rel="stylesheet" type="text/css" href="./assets/css/style.css" />
|
||||
|
||||
<script src="./assets/js/lib/jquery-3.6.1.min.js"></script>
|
||||
<script src="./assets/js/lib/chart.js"></script>
|
||||
<script src="./assets/js/chart-plugin.js"></script>
|
||||
|
||||
<script src="./assets/js/common.min.js"></script>
|
||||
<title>EG-BIM 판매현황</title>
|
||||
@@ -0,0 +1,178 @@
|
||||
<!-- header -->
|
||||
<!-- <header class="header">
|
||||
<button class="logo" onclick="fullScreen();" title="">EG-BIM</button>
|
||||
<h1 class="title" data-text="2025년 판매 상세 현황">2025년 판매 상세 현황</h1>
|
||||
<div class="date">업데이트 : 2025.11.21(금) 18:00</div>
|
||||
</header> -->
|
||||
<?php
|
||||
$DB_HOST = "localhost";
|
||||
$DB_NAME = "egbim";
|
||||
$DB_USER = "egbim";
|
||||
$DB_PASS = "baron3840!!";
|
||||
|
||||
try {
|
||||
$pdo = new PDO(
|
||||
"mysql:host={$DB_HOST};dbname={$DB_NAME};charset=utf8mb4",
|
||||
$DB_USER,
|
||||
$DB_PASS,
|
||||
[
|
||||
PDO::ATTR_ERRMODE => PDO::ERRMODE_EXCEPTION,
|
||||
PDO::ATTR_DEFAULT_FETCH_MODE => PDO::FETCH_ASSOC,
|
||||
]
|
||||
);
|
||||
} catch (Exception $e) {
|
||||
echo json_encode([
|
||||
"status" => "fail",
|
||||
"message" => "DB 연결 실패: " . $e->getMessage()
|
||||
]);
|
||||
exit;
|
||||
}
|
||||
// 기준 연도
|
||||
$START_YEAR = 2025;
|
||||
|
||||
// 현재 연도 (URL 우선)
|
||||
$year = isset($_GET['year']) ? (int)$_GET['year'] : date('Y');
|
||||
if ($year < $START_YEAR) $year = $START_YEAR;
|
||||
|
||||
// 누적 기간
|
||||
$startDate = $START_YEAR . '-01-01';
|
||||
$endDate = $year . '-12-31';
|
||||
|
||||
// 누적 판매 copy 계산
|
||||
$stmt = $pdo->prepare("
|
||||
SELECT COALESCE(SUM(quantity), 0) AS total
|
||||
FROM sales_results
|
||||
WHERE sales_date BETWEEN ? AND ?
|
||||
");
|
||||
$stmt->execute([$startDate, $endDate]);
|
||||
$cumulativeCopy = (int)$stmt->fetchColumn();
|
||||
?>
|
||||
|
||||
<header class="header">
|
||||
<div class="header-left">
|
||||
<button class="logo" onclick="fullScreen()">EG-BIM</button>
|
||||
|
||||
<div class="cumulative-copy">
|
||||
<span class="label">[총 판매 실적 :</span>
|
||||
<span><?= number_format($cumulativeCopy) ?></span>
|
||||
<span>copy]</span>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- 연도 이동 영역 -->
|
||||
<div class="title-wrap yearly_button" id="yearly_button">
|
||||
<button class="year-nav-btn" id="btn-prev-year" title="작년">
|
||||
<svg
|
||||
width="20"
|
||||
height="20"
|
||||
viewBox="0 0 24 24"
|
||||
fill="none"
|
||||
stroke="#424242"
|
||||
stroke-width="2"
|
||||
>
|
||||
<path d="M15 18l-6-6 6-6" />
|
||||
</svg>
|
||||
</button>
|
||||
|
||||
<h1 class="title" data-text="">
|
||||
<span id="current-year"></span>년 판매 상세 현황
|
||||
</h1>
|
||||
|
||||
<button class="year-nav-btn" id="btn-next-year" title="내년">
|
||||
<svg
|
||||
width="20"
|
||||
height="20"
|
||||
viewBox="0 0 24 24"
|
||||
fill="none"
|
||||
stroke="#424242"
|
||||
stroke-width="2"
|
||||
>
|
||||
<path d="M9 18l6-6-6-6" />
|
||||
</svg>
|
||||
</button>
|
||||
</div>
|
||||
|
||||
<div class="date"></div>
|
||||
</header>
|
||||
<!--// header -->
|
||||
<script>
|
||||
document.addEventListener("DOMContentLoaded", () => {
|
||||
|
||||
/* -------------------------------
|
||||
1) 연도 처리 (URL 우선)
|
||||
-------------------------------- */
|
||||
const params = new URLSearchParams(location.search);
|
||||
// let currentYear = Number(params.get("year")) || new Date().getFullYear();
|
||||
const START_YEAR = 2025;
|
||||
const CURRENT_YEAR = new Date().getFullYear();
|
||||
|
||||
let currentYear = Number(params.get("year")) || CURRENT_YEAR;
|
||||
if (currentYear < START_YEAR) currentYear = START_YEAR;
|
||||
|
||||
const yearSpan = document.getElementById("current-year");
|
||||
const titleEl = document.querySelector(".header .title");
|
||||
|
||||
function updateTitle() {
|
||||
const text = `${currentYear}년 판매 상세 현황`;
|
||||
yearSpan.textContent = currentYear;
|
||||
titleEl.dataset.text = text;
|
||||
}
|
||||
|
||||
updateTitle();
|
||||
|
||||
document.getElementById("btn-prev-year")?.addEventListener("click", () => {
|
||||
if (currentYear <= START_YEAR) return; // 🔒 2025 이하 차단
|
||||
currentYear--;
|
||||
moveYear();
|
||||
});
|
||||
|
||||
document.getElementById("btn-next-year")?.addEventListener("click", () => {
|
||||
currentYear++;
|
||||
moveYear();
|
||||
});
|
||||
|
||||
function moveYear() {
|
||||
location.href = `?year=${currentYear}`;
|
||||
}
|
||||
|
||||
/* -------------------------------
|
||||
2) 업데이트 날짜 자동 반영
|
||||
-------------------------------- */
|
||||
const now = new Date();
|
||||
|
||||
const y = now.getFullYear();
|
||||
const m = String(now.getMonth() + 1).padStart(2, "0");
|
||||
const d = String(now.getDate()).padStart(2, "0");
|
||||
const hh = String(now.getHours()).padStart(2, "0");
|
||||
const mm = String(now.getMinutes()).padStart(2, "0");
|
||||
|
||||
const weekday = ["일", "월", "화", "수", "목", "금", "토"][now.getDay()];
|
||||
const dateText = `업데이트 : ${y}.${m}.${d}(${weekday}) ${hh}:${mm}`;
|
||||
|
||||
const dateEl = document.querySelector(".header .date");
|
||||
if (dateEl) dateEl.textContent = dateText;
|
||||
});
|
||||
|
||||
function updateTitle() {
|
||||
const text = `${currentYear}년 판매 상세 현황`;
|
||||
yearSpan.textContent = currentYear;
|
||||
titleEl.dataset.text = text;
|
||||
|
||||
const prevBtn = document.getElementById("btn-prev-year");
|
||||
if (prevBtn) {
|
||||
prevBtn.classList.toggle("disabled", currentYear <= START_YEAR);
|
||||
}
|
||||
}
|
||||
|
||||
// 전역 연도 (모든 include에서 사용)
|
||||
window.APP_YEAR = (() => {
|
||||
const params = new URLSearchParams(location.search);
|
||||
const y = parseInt(params.get("year"), 10);
|
||||
const nowY = new Date().getFullYear();
|
||||
|
||||
if (!isNaN(y) && y >= 2025) return y;
|
||||
return nowY;
|
||||
})();
|
||||
</script>
|
||||
|
||||
|
||||
Reference in New Issue
Block a user