P2-15: 지정판매소 다조건 조회 (이름/구군/상태 필터) P2-17: 지정판매소 지도 표시 (Kakao Maps) P2-18: 지정판매소 현황 (연도별 신규/취소 통계) P5-04: 년 판매 현황 (월별 피벗 테이블) P5-05: 지정판매소별 판매현황 (판매소별 수량/금액) P5-06: 홈택스 세금계산서 엑셀 내보내기 P5-08: 반품/파기 현황 (기간별 조회) P5-10: LOT 수불 조회 (LOT 번호 검색) P5-11: 기타 입출고 (등록 + 재고 연동) CT-05: CRUD 로깅 (activity_log 테이블 + audit_helper) CT-06: 대시보드 실 데이터 (발주/판매/재고/불출 통계) Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
57 lines
2.8 KiB
PHP
57 lines
2.8 KiB
PHP
<?= view('components/print_header', ['printTitle' => '지정판매소 지도']) ?>
|
|
<section class="border-b border-gray-300 p-2 shrink-0 bg-control-panel">
|
|
<div class="flex flex-wrap items-center justify-between gap-y-2">
|
|
<span class="text-sm font-bold text-gray-700">지정판매소 지도</span>
|
|
<a href="<?= base_url('admin/designated-shops') ?>" class="border border-gray-300 text-gray-600 px-3 py-1 rounded-sm text-sm hover:bg-gray-50">목록으로</a>
|
|
</div>
|
|
</section>
|
|
<div id="kakao-map" class="w-full border border-gray-300 mt-2" style="height:600px;"></div>
|
|
<div class="mt-2 text-sm text-gray-500">총 <?= count($shops) ?>개 판매소 표시</div>
|
|
|
|
<script src="//dapi.kakao.com/v2/maps/sdk.js?appkey=KAKAO_APP_KEY&libraries=services"></script>
|
|
<script>
|
|
document.addEventListener('DOMContentLoaded', function() {
|
|
var mapContainer = document.getElementById('kakao-map');
|
|
if (typeof kakao === 'undefined' || typeof kakao.maps === 'undefined') {
|
|
mapContainer.innerHTML = '<div class="flex items-center justify-center h-full text-gray-400">카카오맵 API 키를 설정해 주세요.</div>';
|
|
return;
|
|
}
|
|
|
|
var mapOption = {
|
|
center: new kakao.maps.LatLng(35.8714, 128.6014), // 대구 기본 좌표
|
|
level: 8
|
|
};
|
|
var map = new kakao.maps.Map(mapContainer, mapOption);
|
|
|
|
var geocoder = new kakao.maps.services.Geocoder();
|
|
var shops = <?= json_encode(array_map(function($s) {
|
|
return ['name' => $s->ds_name, 'addr' => $s->ds_addr ?? '', 'rep' => $s->ds_rep_name ?? '', 'tel' => $s->ds_tel ?? ''];
|
|
}, $shops), JSON_UNESCAPED_UNICODE) ?>;
|
|
|
|
var bounds = new kakao.maps.LatLngBounds();
|
|
var markerCount = 0;
|
|
|
|
shops.forEach(function(shop) {
|
|
if (!shop.addr) return;
|
|
geocoder.addressSearch(shop.addr, function(result, status) {
|
|
if (status === kakao.maps.services.Status.OK) {
|
|
var coords = new kakao.maps.LatLng(result[0].y, result[0].x);
|
|
var marker = new kakao.maps.Marker({ map: map, position: coords });
|
|
var infoContent = '<div style="padding:5px;font-size:12px;min-width:150px;">' +
|
|
'<strong>' + shop.name + '</strong><br/>' +
|
|
(shop.rep ? '대표: ' + shop.rep + '<br/>' : '') +
|
|
(shop.tel ? 'TEL: ' + shop.tel + '<br/>' : '') +
|
|
'<span style="color:#888;">' + shop.addr + '</span></div>';
|
|
var infowindow = new kakao.maps.InfoWindow({ content: infoContent });
|
|
kakao.maps.event.addListener(marker, 'click', function() {
|
|
infowindow.open(map, marker);
|
|
});
|
|
bounds.extend(coords);
|
|
markerCount++;
|
|
if (markerCount > 0) map.setBounds(bounds);
|
|
}
|
|
});
|
|
});
|
|
});
|
|
</script>
|