222 lines
8.8 KiB
Plaintext
222 lines
8.8 KiB
Plaintext
<%--
|
|
Created by IntelliJ IDEA.
|
|
User: CHAMDAHAN
|
|
Date: 2024-10-08
|
|
Time: 오후 3:30
|
|
To change this template use File | Settings | File Templates.
|
|
--%>
|
|
<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8" %>
|
|
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
|
|
<%@ taglib prefix="fn" uri="http://java.sun.com/jsp/jstl/functions" %>
|
|
<%@ taglib prefix="spring" uri="http://www.springframework.org/tags" %>
|
|
<%@ taglib prefix="fmt" uri="http://java.sun.com/jsp/jstl/fmt" %>
|
|
<%@ taglib prefix="ui" uri="http://www.winbit.kr/ctl/ui" %>
|
|
<%@ taglib prefix="f" uri="/WEB-INF/tlds/f.tld" %>
|
|
|
|
<!DOCTYPE html>
|
|
<html lang="ko">
|
|
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
<title>일반 관리자</title>
|
|
<%@ include file="/WEB-INF/views/comm/mngr/Include.jsp"%>
|
|
</head>
|
|
<style>
|
|
#chart-wrapper-keyword {
|
|
width: 100% !important; /* 차트의 너비 설정 */
|
|
height: 300px !important; /* 차트의 높이 설정 */
|
|
}
|
|
#chart-wrapper-week {
|
|
width: 100% !important; /* 차트의 너비 설정 */
|
|
height: 300px !important; /* 차트의 높이 설정 */
|
|
}
|
|
svg {
|
|
margin-top : 120px;
|
|
z-index: 0 !important;
|
|
}
|
|
|
|
</style>
|
|
<script>
|
|
window.onload = function() {
|
|
// 차트 객체 생성
|
|
var chartKeyword = new cfx.Chart();
|
|
var chartWeek = new cfx.Chart();
|
|
|
|
// 차트 타입 설정 (꺾은선형 차트)
|
|
chartKeyword.setGallery(cfx.Gallery.Lines);
|
|
chartWeek.setGallery(cfx.Gallery.Lines);
|
|
// 시리즈와 포인트 수 설정
|
|
chartKeyword.getData().setSeries(2); // 시리즈 2개
|
|
chartKeyword.getData().setPoints(5); // 각 시리즈에 포인트 5개
|
|
chartWeek.getData().setSeries(2); // 시리즈 2개
|
|
chartWeek.getData().setPoints(5); // 각 시리즈에 포인트 5개
|
|
|
|
// 첫 번째 시리즈
|
|
var series1 = chartKeyword.getSeries().getItem(0);
|
|
var seriesw1 = chartWeek.getSeries().getItem(0);// 첫 번째 시리즈 가져오기
|
|
series1.setText("조회수");
|
|
seriesw1.setText("총판매량");
|
|
chartKeyword.getData().setItem(0, 0, 10); // 첫 번째 시리즈, 첫 번째 포인트 값 10
|
|
chartKeyword.getData().setItem(0, 1, 20);
|
|
chartKeyword.getData().setItem(0, 2, 30);
|
|
chartKeyword.getData().setItem(0, 3, 40);
|
|
chartKeyword.getData().setItem(0, 4, 50);
|
|
chartWeek.getData().setItem(0, 0, 10); // 첫 번째 시리즈, 첫 번째 포인트 값 10
|
|
chartWeek.getData().setItem(0, 1, 20);
|
|
chartWeek.getData().setItem(0, 2, 30);
|
|
chartWeek.getData().setItem(0, 3, 40);
|
|
chartWeek.getData().setItem(0, 4, 50);
|
|
|
|
// 두 번째 시리즈
|
|
var series2 = chartKeyword.getSeries().getItem(1);
|
|
var seriesw2 = chartWeek.getSeries().getItem(1);// 두 번째 시리즈 가져오기
|
|
series2.setText("판매량");
|
|
seriesw2.setText("자+스");
|
|
chartKeyword.getData().setItem(1, 0, 15); // 두 번째 시리즈, 첫 번째 포인트 값 15
|
|
chartKeyword.getData().setItem(1, 1, 25);
|
|
chartKeyword.getData().setItem(1, 2, 35);
|
|
chartKeyword.getData().setItem(1, 3, 45);
|
|
chartKeyword.getData().setItem(1, 4, 55);
|
|
chartWeek.getData().setItem(1, 0, 15); // 두 번째 시리즈, 첫 번째 포인트 값 15
|
|
chartWeek.getData().setItem(1, 1, 25);
|
|
chartWeek.getData().setItem(1, 2, 35);
|
|
chartWeek.getData().setItem(1, 3, 45);
|
|
chartWeek.getData().setItem(1, 4, 55);
|
|
// 차트를 그릴 div 요소에 차트 연결
|
|
var divHolder = document.getElementById('chart-wrapper-keyword');
|
|
var divweek = document.getElementById('chart-wrapper-week');
|
|
chartKeyword.create(divHolder);
|
|
chartWeek.create(divweek);
|
|
};
|
|
</script>
|
|
<body>
|
|
<%@ include file="/WEB-INF/views/comm/mngr/Header.jsp"%>
|
|
<main class="main">
|
|
<%@ include file="/WEB-INF/views/comm/mngr/Left.jsp"%>
|
|
<div class="content">
|
|
<div class="content__inner">
|
|
<button class="side-nav__fold"><span class="visually-hidden">좌측메뉴 펼치기/닫기</span></button>
|
|
<div class="page-title">
|
|
<h2 class="page-title__title">매출일지</h2>
|
|
</div>
|
|
|
|
<%--
|
|
<input type="hidden" id="sopmalCd" name="sopmalCd"/>
|
|
--%>
|
|
<div class="content-section__col-1-container">
|
|
<div class="content-tab">
|
|
<button class="content-tab__btn active">일매출</button>
|
|
<button class="content-tab__btn">총합</button>
|
|
<button class="content-tab__btn">자+스</button>
|
|
<button class="content-tab__btn">자사몰</button>
|
|
<button class="content-tab__btn">스토어팜</button>
|
|
<button class="content-tab__btn">오픈마켓</button>
|
|
</div>
|
|
|
|
<div id="pageDiv">
|
|
|
|
<section class="content-section">
|
|
<div class="form-control-container">
|
|
<div class="center">
|
|
</div>
|
|
</div>
|
|
<hr class="spacing">
|
|
<div class="table-wrapper">
|
|
<table class="table vertical">
|
|
<caption>해당 테이블에 대한 설명</caption>
|
|
<thead>
|
|
<tr>
|
|
<th rowspan="2" colspan="3"></th>
|
|
<th colspan="5">매출</th>
|
|
<th colspan="5">자사몰</th>
|
|
<th colspan="5">스토어팜</th>
|
|
<th colspan="4" rowspan="2">특이사항</th>
|
|
</tr>
|
|
</thead>
|
|
<thead>
|
|
<tr>
|
|
<th colspan="3"></th>
|
|
<th>자사몰</th>
|
|
<th>스토어팜</th>
|
|
<th>최저가+비연</th>
|
|
<th>오픈마켓</th>
|
|
<th>합계</th>
|
|
<th>회원수(누적)</th>
|
|
<th>방문자</th>
|
|
<th>구매건수</th>
|
|
<th>구매전환율</th>
|
|
<th>객단가</th>
|
|
<th>스토어찜수(누적)</th>
|
|
<th>방문자</th>
|
|
<th>결제자수</th>
|
|
<th>구매전환율</th>
|
|
<th>객단가</th>
|
|
<th colspan="4"></th>
|
|
</tr>
|
|
</thead>
|
|
<tbody>
|
|
|
|
|
|
|
|
<tr>
|
|
<td rowspan="7">2020년 3월 3주</td>
|
|
<td>
|
|
<span>03월 16일</span>
|
|
</td>
|
|
<td>
|
|
<span>
|
|
월
|
|
</span>
|
|
</td>
|
|
</tr>
|
|
<tr>
|
|
<td>
|
|
<span class="fw-300">상품금액할인</span>
|
|
</td>
|
|
<td class="left">
|
|
<span class="under-line" onclick="fn_move_dtl_uptpage(1100101, 1, 10, 10)">
|
|
추지훈 특정 상품 쿠폰 테스트 30%할인
|
|
</span>
|
|
</td>
|
|
<td>
|
|
|
|
|
|
<span class="fw-500">
|
|
30
|
|
% 할인
|
|
|
|
</span><br>
|
|
|
|
<span class="gray-8">최대 0원 할인</span>
|
|
|
|
|
|
|
|
|
|
|
|
</td>
|
|
</tr>
|
|
|
|
|
|
|
|
|
|
</tbody>
|
|
</table>
|
|
</div>
|
|
</section>
|
|
</div>
|
|
|
|
|
|
|
|
|
|
</div>
|
|
</div>
|
|
<div id="modalDiv">
|
|
|
|
</div>
|
|
</main>
|
|
|
|
|
|
</body>
|
|
</html>
|