' +
"요구사항별 인력정보를 조회 중 입니다..."
);
const url = new UrlBuilder()
.setBaseUrl('/auth-admin/api/arms/analysis/cost/version-req-assignees')
.addQueryParam('pdServiceLink', pdServiceLink)
.addQueryParam('pdServiceVersionLinks', pdServiceVersionLinks)
.addQueryParam('크기', 1000)
.addQueryParam('하위_크기', 1000)
.addQueryParam('컨텐츠_보기_여부', true)
.build();
$.ajax({
url: url,
type: "GET",
contentType: "application/json;charset=UTF-8",
dataType: "json",
progress: true,
statusCode: {
200: function(apiResponse) {
console.log(" [ analysisCost :: 버전별_요구사항별_인력정보가져오기 ] :: response data -> ");
console.log(apiResponse);
versionRequirementAssignee = apiResponse.versionRequirementAssignee;
allAssignees = apiResponse.allAssignees;
console.log(versionRequirementAssignee);
console.log(allAssignees);
Object.keys(allAssignees).forEach((key) => {
allAssignees[key].인력별소모비용 = 0;
allAssignees[key].완료성과 = 0;
});
costInput(allAssignees, pdServiceVersionLinks);
}
}
});
}
function formatDate(date) {
return new Date(date).toISOString().split('T')[0];
}
// 엑셀 파일 업로드
function file_upload_setting() {
// 업로드 영역 로드
$('.body-middle').html(`
`);
// Initialize the jQuery File Upload widget:
var $fileupload = $("#fileupload");
$fileupload.fileupload({
// Uncomment the following to send cross-domain cookies:
//xhrFields: {withCredentials: true},
autoUpload: true,
url: "/auth-admin/api/arms/salaries/excel-upload.do",
dropZone: $("#dropzone"),
limitMultiFileUploads: 1,
paramName: 'excelFile',
// Callback for successful uploads:
fail: function(e, data) {
console.log("--------------------------");
console.log(data);
jError(data.jqXHR.responseJSON.error.message);
},
done: function(e, data) {
console.log("--------------------------");
console.log(data);
if (data.textStatus == "success") {
jNotify("업로드한 연봉 정보가 반영되었습니다.");
} else {
jError("데이터 반영 중 에러가 발생했습니다. 엑셀 파일을 확인해주세요");
}
버전별_요구사항별_인력정보가져오기(selectedPdServiceId, selectedVersionId);
manpowerInput(allAssignees); //데이터 테이블 재 로드
$("#cost-analysis-calculation").click(); // 비용 계산 버튼 클릭
}
});
}
// 버전 비용 및 인력 비용 입력
function costInput(전체담당자목록, pdServiceVersionLinks) {
console.log(" [ analysisCost :: costInput ] :: 인력데이터 => " + JSON.stringify(전체담당자목록));
file_upload_setting();
manpowerInput(전체담당자목록);
}
function manpowerInput(전체담당자목록) {
console.log(전체담당자목록);
assigneeSalaryInfo = Object.keys(전체담당자목록).map((key) => {
let data = {};
data.이름 = 전체담당자목록[key].name;
data.키 = key;
data.연봉 = 전체담당자목록[key].salary;
return data;
});
console.log(" [ analysisCost :: manpowerInput ] :: 인력별_연봉정보 => " + JSON.stringify(assigneeSalaryInfo));
drawExcel("spreadsheet", assigneeSalaryInfo);
// 템플릿 다운로드
excel_download(assigneeSalaryInfo);
}
function excel_download(인력별_연봉정보) {
console.log(" [ analysisCost :: excel_download ] :: 인력별_연봉정보 => " + JSON.stringify(인력별_연봉정보));
let fileName = "인력별_연봉정보_템플릿.xlsx";
$("#excel-annual-income-template-download").click(function() {
if (Object.keys(인력별_연봉정보).length === 0) {
jError("다운로드할 인력 정보가 없습니다.");
} else {
$.ajax({
url: "/auth-admin/api/arms/salaries/excel-download.do?excelFileName=" + fileName,
type: "POST",
data: JSON.stringify(인력별_연봉정보),
contentType: "application/json",
xhrFields: {
responseType: 'blob' // 응답 데이터 타입을 blob으로 설정
},
statusCode: {
200: function(data) {
var url = window.URL.createObjectURL(data); // blob 데이터로 URL 생성
var a = document.createElement('a'); // 다운로드 링크를 위한 ![](\"./img/loading.gif\")
비용분석계산 API 실행 중입니다..."
);
const data1 = await $.ajax({ url: url, type: "GET", dataType: "json" });
console.log("[ analysisCost :: 비용분석계산 API 1 ] :: data1 => ");
console.log(data1);
const data2 = await $.ajax({ url: url2, type: "GET", dataType: "json" });
console.log("[ analysisCost :: 비용분석계산 API 2 ] :: data2 => ");
console.log(data2);
const data3 = await $.ajax({ url: completeKeywordUrl, type: "GET", dataType: "json" });
console.log("[ analysisCost :: 비용분석계산 완료 요구사항 키워드 ] :: data3 => ");
console.log(data3);
requirementKeyList = data1.linkedJiraIssueData;
allRequirements = data2.requirement;
console.log("[ analysisCost :: 비용분석계산 ] :: 게산을 위한 데이터들 => ");
console.log(requirementKeyList);
console.log(allRequirements);
console.log(versionRequirementAssignee);
console.log(allAssignees);
/////////////////////////////////////////////////////////////////////
////////////////////////// 비용 분석 계산 /////////////////////////////
/////////////////////////////////////////////////////////////////////
for (const 요구사항 of Object.values(allRequirements)) {
// 요구사항 전체목록을 반복문 돌기 및 요구사항별 단가 초기화
요구사항.요구사항금액 = 0;
// 해당 요구사항이 멀티 버전일 수 있으니 버전목록을 가져옴
let 요구사항이포함된버전목록 = JSON.parse(요구사항.c_req_pdservice_versionset_link);
// 요구사항의 버전목록을 반복문 돌기
for (const 버전 of 요구사항이포함된버전목록) {
// 해당 버전에 요구사항 키 목록을 가져옴
let 버전_요구사항_키목록 = requirementKeyList[버전];
// 버전의 요구사항 목록 유무 확인
if (버전_요구사항_키목록 != null) {
// 있을 시 계산, 버전과 요구사항 c_id로 해당 요구사항이 가진 키목록 데이터 가져오기
let 요구사항_키목록 = 버전_요구사항_키목록[요구사항.c_id];
// 요구사항 키 목록 유무 확인
if (요구사항_키목록 != null) {
// 있을 시 키목록을 반목문 돌기
for (const 요구사항키 of 요구사항_키목록) {
// 키 별 담당자목록 조회를 위한 versionRequirementAssignee 중 버전 유무 확인
let 요구사항_담당자목록 = versionRequirementAssignee[버전];
if (요구사항_담당자목록 != null) {
// 있으면 versionRequirementAssignee 중 담당자목록 유무 확인
let 담당자목록 = 요구사항_담당자목록[요구사항키.c_issue_key];
if (담당자목록 != null) {
// 있으면 담당자목록을 반목문 돌기
for (const [key, value] of Object.entries(담당자목록)) {
// 요구사항의 비용 계산을 위한 날짜 카운팅 ****** 수정필요(정책) ******
// 요구사항 단가 계산 및 인력 성과 계산 등
최종비용분석계산(key, 요구사항, 버전, 요구사항키, data3);
}
}
}
}
}
}
}
}
data2.requirement = allRequirements;
$("#req-cost-analysis-chart").height("500px");
요구사항비용분석차트(data2);
$("#manpower-analysis-chart").height("500px");
인력별_연봉대비_성과차트(allAssignees);
let pdServiceName;
pdServiceListData.forEach(elements => {
if (elements["pdServiceId"] === +selectedPdServiceId) {
pdServiceName = elements["pdServiceName"];
}
});
$("#version-stack-container").height("500px");
버전소모비용스택차트();
} catch (error) {
console.log('Error:', error);
jError("비용 분석 계산 중 에러가 발생했습니다.");
}
});
}
function 비용계산데이터_초기화() {
// 버전 소모비용 초기화
let 선택된_버전아이디목록 = selectedVersionId.split(',');
선택된_버전아이디목록.forEach((아이디) => {
versionListData[아이디].버전비용 = 0;
});
// 버전 요구사항별 담당자별 금액 초기화
for (let 버전 in versionRequirementAssignee) {
for (let 요구사항키 in versionRequirementAssignee[버전]) {
for (let key in versionRequirementAssignee[버전][요구사항키]) {
versionRequirementAssignee[버전][요구사항키][key].버전별담당자소모비용 = 0;
}
}
}
}
function 최종비용분석계산(key, 요구사항, 버전, 요구사항키, 완료_요구사항_키워드) {
const 완료_요구사항_키워드SET = new Set(완료_요구사항_키워드);
let startDate = 요구사항.c_req_start_date
? new Date(formatDate(요구사항.c_req_start_date))
: null;
let endDate = 요구사항.c_req_end_date
? new Date(formatDate(요구사항.c_req_end_date))
: new Date(formatDate(new Date()));
if (요구사항.reqStateEntity != null) {
if (완료_요구사항_키워드SET.has(요구사항.reqStateEntity.c_title)) {
// 완료된 요구사항만 계산하여 완료성과 측정
if (startDate && endDate && (startDate <= endDate)) {
let cost = 담당자별_비용계산(startDate, endDate, allAssignees[key].salary);
allAssignees[key].완료성과 += cost;
}
}
}
if (startDate && endDate && (startDate <= endDate)) {
let cost = 담당자별_비용계산(startDate, endDate, allAssignees[key].salary);
// 요구사항별 금액 측정 차트 데이터
요구사항.요구사항금액 += cost;
// 인력별 성과 차트 데이터
allAssignees[key].인력별소모비용 += cost;
// 버전별 소모비용 차트 데이터
versionListData[버전].버전비용 += cost;
// 요구사항 금액별 버블 차트 데이터
요구사항키.cost += cost;
// 버전별 소모비용 -> 버전별 인력비용 스택차트로 변경 데이터
if (versionRequirementAssignee[버전][요구사항키.c_issue_key][key].버전별담당자소모비용 == null) {
versionRequirementAssignee[버전][요구사항키.c_issue_key][key].버전별담당자소모비용 = cost;
} else {
versionRequirementAssignee[버전][요구사항키.c_issue_key][key].버전별담당자소모비용 += cost;
}
}
}
function 담당자별_비용계산(startDate, endDate, salary) {
let 업무일수 = Math.round((endDate.getTime() - startDate.getTime()) / (1000 * 3600 * 24));
let 일급 = Math.round((salary / 365)) * 10000;
return 업무일수 * 일급;
}
function 차트초기화() {
$("#person-select-box").hide();
clearChart('product-accumulate-cost-by-month');
clearChart('compare_costs');
clearChart('req-cost-analysis-chart');
clearChart('manpower-analysis-chart');
clearChart('version-stack-container');
$("#product-accumulate-cost-by-month").height("0px");
$("#compare_costs").height("0px");
$("#req-cost-analysis-chart").height("0px");
$("#manpower-analysis-chart").height("0px");
$("#version-stack-container").height("0px");
}
function clearChart(elementId) {
var element = document.getElementById(elementId);
if (element) {
var chartInstance = echarts.getInstanceByDom(element);
if (chartInstance) {
chartInstance.clear();
}
}
}
/////////////////////////////////////////////////////////
// 요구사항 금액 분석 그래프
/////////////////////////////////////////////////////////
function 요구사항비용분석차트(data) {
console.log(" [ analysisCost :: 요구사항비용분석차트 :: data -> ");
console.log(data);
let requirementJson = data.requirement;
let difficultyJson = data.difficulty;
let priorityJson = data.priority;
let requirementList = Object.values(requirementJson).reduce((result, item) => {
result[item.c_title] = item.요구사항금액;
return result;
}, {});
let reqTotalPrice = Object.values(requirementList).reduce((total, amount) => total + amount, 0);
let sortedRequirementList = Object.entries(requirementList).sort((a, b) => b[1] - a[1]);
let requirementKeys = sortedRequirementList.map(entry => entry[0]);
let requirementData = sortedRequirementList.map(entry => entry[1]);
let requirementTotalData = sortedRequirementList.map(entry => reqTotalPrice - entry[1]);
let difficultyData = Object.keys(difficultyJson).map(key => ({
name: key.replace('.js', ''),
value: difficultyJson[key]
}));
let priorityData = Object.keys(priorityJson).map(key => ({
name: key.replace('.js', ''),
value: priorityJson[key]
}));
let size = requirementKeys.length;
let zoomPersent = 1;
if (size > 0) {
zoomPersent = (15 / size) * 100;
}
var dom = document.getElementById('req-cost-analysis-chart');
var myChart = echarts.init(dom, null, {
renderer: 'canvas',
useDirtyRect: false
});
var app = {};
var option;
option = {
tooltip: {
confine: true
},
title: [
{
// text: '요구사항',
subtext: '전체 ' + reqTotalPrice.toString().replace(/\B(?=(\d{3})+(?!\d))/g, ",") + '원',
left: '25%',
textAlign: 'center',
textStyle: {
color: '#ffffff' // 제목의 색상을 하얀색으로 변경
},
subtextStyle: {
color: '#ffffff' // 부제목의 색상을 하얀색으로 변경
}
},
{
text: '',
subtext: '난이도 및 우선순위 분포',
left: '80%',
bottom: '0%',
textAlign: 'center',
textStyle: {
color: '#ffffff' // 제목의 색상을 하얀색으로 변경
},
subtextStyle: {
color: '#ffffff' // 부제목의 색상을 하얀색으로 변경
}
},
],
grid: [
{
top: 50,
left: '5%',
right: '0%',
width: '55%',
bottom: '5%',
containLabel: true
},
],
xAxis: [
{
type: 'value',
max: reqTotalPrice,
splitLine: {
show: false
},
axisLabel: {
rotate: 45,
color: '#FFFFFFFF',
},
},
],
yAxis: [
{
type: 'category',
data: requirementKeys,
splitLine: {
show: false
},
axisLabel: {
color: '#a4c6ff',
rotate: 0,
formatter: function(value) {
// 최대 20자까지 표시
if (value.length > 40) {
return value.substring(0, 40) + '...';
} else {
return value;
}
},
},
},
],
series: [
{
type: 'bar',
stack: 'chart',
z: 3,
label: {
position: 'right',
show: true
},
data: requirementData
},
{
type: 'bar',
stack: 'chart',
silent: true,
itemStyle: {
color: '#FFFFFF'
},
data: requirementTotalData
},
{
type: 'pie',
radius: [0, '30%'],
center: ['80%', '25%'],
label: {
show: true,
textStyle: {
color: 'white',
fontSize: 12
}
},
data: difficultyData,
},
{
type: 'pie',
radius: [0, '30%'],
center: ['80%', '75%'],
label: {
show: true,
textStyle: {
color: 'white',
fontSize: 12
}
},
data: priorityData
}
],
dataZoom: [
{
type: 'inside',
yAxisIndex: [0], // y축에만 dataZoom 기능 적용
start: 0,
end: zoomPersent
},
{
show: true,
type: 'slider',
left: '0%',
backgroundColor: 'rgba(0,0,0,0)', // 슬라이더의 배경색
dataBackgroundColor: 'rgba(255,255,255,1)', // 데이터 배경색
yAxisIndex: [0],
start: 0,
end: zoomPersent
}
],
};
if (option && typeof option === 'object') {
myChart.setOption(option);
}
window.addEventListener('resize', myChart.resize);
}
function 버전소모비용스택차트() {
const defaultValue = 0;
let selectedVersions = selectedVersionId.split(','); // 문자열을 배열로 변환
let stackVersionList = {};
for (let i = 0; i < selectedVersions.length; i++) {
const selectedVersion = selectedVersions[i];
const 버전별_담당자데이터 = {};
const item = versionListData[selectedVersion];
const 요구사항_담당자목록들 = versionRequirementAssignee[selectedVersion];
for (let 요구사항_담당자목록 in 요구사항_담당자목록들) {
const 담당자목록 = 요구사항_담당자목록들[요구사항_담당자목록];
for (let key in 담당자목록) {
const 담당자 = 담당자목록[key];
const newKey = `${담당자.name}[${key}]`;
if (버전별_담당자데이터[newKey] == null) {
버전별_담당자데이터[newKey] = 0;
}
버전별_담당자데이터[newKey] += 담당자.버전별담당자소모비용;
}
}
stackVersionList[item.c_title] = 버전별_담당자데이터;
}
let stackTypeList = Object.keys(allAssignees).map(key => {
let data;
data = allAssignees[key].name + "[" + key + "]";
return data;
});
let chartDom = document.getElementById('version-stack-container');
let myChart = echarts.init(chartDom);
console.log(" [ analysisCost :: 버전소모비용스택차트 ] :: 버전 데이터 -> ");
console.log(stackVersionList);
console.log(" [ analysisCost :: 버전소모비용스택차트 ] :: 버전별 담당자 성과 누적 데이터 -> ");
console.log(stackTypeList);
let size = stackTypeList.length;
let zoomPersent = 1;
if (size > 0) {
zoomPersent = (8 / size) * 100;
}
const option = {
tooltip: {
confine: true,
trigger: 'axis',
axisPointer: {
type: 'shadow' // 'line' or 'shadow'. 기본값은 'shadow'
},
formatter: function(params) {
const tooltip = params.reduce((acc, param) => {
const { marker, seriesName, value } = param;
if (param.value > 0) {
let data = param.value.toString().replace(/\B(?=(\d{3})+(?!\d))/g, ",") + '원';
acc += `${marker}${seriesName}: ${data}`; } return acc; }, ''); const totalCount = params.reduce((acc, param) => acc + param.value, 0).toString().replace(/\B(?=(\d{3})+(?!\d))/g, ",") + '원'; const versionName = params[0].name; const totalTooltip = `[${versionName}] - Total: ${totalCount}
`; return totalTooltip + tooltip; } }, legend: { type: 'scroll', orient: 'horizontal', scrollDataIndex: 0, pageIconColor: '#2477ff', // 활성화된 페이지 버튼의 아이콘 색상 pageIconInactiveColor: '#aaa', // 비활성화된 페이지 버튼의 아이콘 색상 pageTextStyle: { color: '#fff' }, pageButtonPosition: 'end', left: 'center', data: stackTypeList, textStyle: { color: 'white', fontSize: 11 }, formatter: function(value) { // 최대 10자까지 표시 if (value.length > 15) { return value.substring(0, 15) + '...'; } else { return value; } }, tooltip: { show: true, // tooltip 활성화 } }, grid: { left: '5%', right: '0%', bottom: '0%', containLabel: true }, xAxis: { type: 'value', axisLabel: { textStyle: { color: 'white', fontWeight: "", fontSize: "11" }, rotate: 45 }, splitLine: { lineStyle: { type: 'dashed', color: 'white', width: 0.2, opacity: 0.5 } } }, yAxis: { type: 'category', data: Object.keys(stackVersionList), axisLabel: { textStyle: { color: 'white', fontWeight: "", fontSize: "11" } } }, series: stackTypeList.map(stackTypeData => { const data = Object.values(stackVersionList).map(stackVersionData => stackVersionData[stackTypeData] || defaultValue); return { name: stackTypeData, type: 'bar', stack: 'total', label: { show: false }, emphasis: { focus: 'series' }, data: data }; }), dataZoom: [ { type: 'inside', yAxisIndex: [0], // y축에만 dataZoom 기능 적용 start: (100 - zoomPersent), end: 100 }, { show: true, type: 'slider', left: '0%', backgroundColor: 'rgba(0,0,0,0)', // 슬라이더의 배경색 dataBackgroundColor: 'rgba(255,255,255,1)', // 데이터 배경색 yAxisIndex: [0], start: (100 - zoomPersent), end: 100 } ], }; option && myChart.setOption(option); window.addEventListener('resize', function() { myChart.resize(); }); } function 인력별_연봉대비_성과차트(전체담당자목록) { console.log(" [ analysisCost :: 인력별_연봉대비_성과차트 :: data -> "); console.log(전체담당자목록); let userData = []; let salaryData = []; let performanceData = []; Object.keys(전체담당자목록).forEach((key) => { userData.push(전체담당자목록[key].name + "[" + key + "]"); salaryData.push(전체담당자목록[key].salary * 10000); performanceData.push(전체담당자목록[key].완료성과); }); console.log(userData, salaryData, performanceData); let size = userData.length; let zoomPersent = 1; if (size > 0) { zoomPersent = (5 / size) * 100; } const fullScreenIconPath = "M18.25 10V5.75H14M18.25 14v4.25H14m-4 0H5.75V14m0-4V5.75H10"; var dom = document.getElementById('manpower-analysis-chart'); var myChart = echarts.init(dom, null, { renderer: 'canvas', useDirtyRect: false }); var option; option = { grid: { top: '5%', left: '15%', bottom: '15%', }, tooltip: { trigger: 'axis', axisPointer: { type: 'none' }, confine: true }, xAxis: { data: userData, axisTick: { show: false }, axisLine: { show: false }, axisLabel: { color: '#FFFFFFFF', opacity: 1, fontSize: 11, formatter: function(value) { // 최대 10자까지 표시 if (value.length > 10) { return value.substring(0, 10) + '...'; } else { return value; } }, }, scale: true, }, yAxis: { splitLine: { show: false }, axisTick: { show: true }, axisLine: { show: false }, axisLabel: { show: true, color: '#FFFFFFFF', opacity: 1, rotate: 45 } }, /*color: ['#e54035'],*/ series: [ { name: '연봉', type: 'pictorialBar', barCategoryGap: '0%', // symbol: 'path://M0,10 L10,10 L5,0 L0,10 z', symbol: 'path://M0,10 C10,10 10,0 20,0 C30,0 30,10 40,10', itemStyle: { opacity: 0.5 }, emphasis: { itemStyle: { opacity: 0.7 } }, data: salaryData, z: 10, label: { show: false, }, }, { name: '성과', type: 'pictorialBar', barCategoryGap: '0%', // symbol: 'path://M0,10 L10,10 L5,0 L0,10 z', symbol: 'path://M0,10 C10,10 10,0 20,0 C30,0 30,10 40,10', itemStyle: { opacity: 0.5, /*color: "blue"*/ }, emphasis: { itemStyle: { opacity: 0.7, } }, data: performanceData, z: 10, label: { show: false, position: 'outside', color: "#FFFFFFFF" }, }, { show: false, name: '연봉 라벨', type: 'pictorialBar', barCategoryGap: '0%', symbol: 'path://M0,0', // 심볼을 비워서 별도의 바가 보이지 않도록 합니다. data: salaryData, z: 11, // z 값을 더 크게 설정하여 라벨이 다른 요소들 위에 오도록 합니다. label: { show: true, position: 'outside', color: "white", formatter: function(params) { return params.value.toString().replace(/\B(?=(\d{3})+(?!\d))/g, ","); } }, tooltip: { show: false } }, { show: false, name: '성과 라벨', type: 'pictorialBar', barCategoryGap: '0%', symbol: 'path://M0,0', // 심볼을 비워서 별도의 바가 보이지 않도록 합니다. data: performanceData, z: 11, // z 값을 더 크게 설정하여 라벨이 다른 요소들 위에 오도록 합니다. label: { show: true, position: 'outside', color: "white", formatter: function(params) { return params.value.toString().replace(/\B(?=(\d{3})+(?!\d))/g, ","); } }, tooltip: { show: false } }, ], toolbox: { show: true, orient: "vertical", left: "right", bottom: "50px", feature: { dataZoom: { show: true }, myTool1: { show: false, title: 'Full screen', icon: `path://${fullScreenIconPath}`, onclick: function() { $("#my_modal2").modal('show'); $("#my_modal2_title").text('인력별 성과 분석'); $("#my_modal2_description").text('인력별 연봉 대비 성과를 한눈에 확인할 수 있습니다.'); let heights = screen.height;// window.innerHeight; console.log(heights); $("#my_modal2_body").height(heights - 450 + "px"); $("#my_modal2_body").append(``); setTimeout(function() { myChart.resize(); }, 500); } } }, iconStyle: { borderColor: "white" } }, dataZoom: [ { type: 'inside', xAxisIndex: [0], start: 0, end: zoomPersent }, { show: true, type: 'slider', bottom: '3%', backgroundColor: 'rgba(0,0,0,0)', dataBackgroundColor: 'rgba(255,255,255,1)', xAxisIndex: [0], start: 0, end: zoomPersent } ], }; if (option && typeof option === 'object') { myChart.setOption(option); } window.addEventListener('resize', myChart.resize); } ///////////////////////////////////////////////// // 엑셀 그리기 ///////////////////////////////////////////////// function drawExcel(target, data) { var columnList = [ { type: "text", title: "이름", wRatio: 0.25, readOnly: true }, { type: "text", title: "키", wRatio: 0.25, readOnly: true }, { type: "text", title: "연봉", wRatio: 0.5 } ]; var customOption = { search: true, allowInsertRow: false, allowInsertColumn: false, onchange: function (instance, cell, x, y, value) { var key = instance.jexcel.getValueFromCoords(1,y); // key값 if (!modifiedRows[key]) { modifiedRows[key] = {}; } modifiedRows[key].이름 = instance.jexcel.getValueFromCoords(0, y); modifiedRows[key].키 = instance.jexcel.getValueFromCoords(1, y); modifiedRows[key].연봉 = value; }, updateTable: function(instance, cell, col, row, val, id) { cell.style.textAlign = "left"; cell.style.whiteSpace = "normal"; } }; SpreadsheetFunctions.setTargetId(target); SpreadsheetFunctions.setDefaultTargetRect(); SpreadsheetFunctions.setColumns(columnList); SpreadsheetFunctions.setColumnWidth(SpreadsheetFunctions.getTargetRect("width")); SpreadsheetFunctions.setOptions(customOption); SpreadsheetFunctions.startObserver(); SpreadsheetFunctions.setExcelData(data); SpreadsheetFunctions.drawExcel(SpreadsheetFunctions.getTargetId()); } var SpreadsheetFunctions = (function () { let targetId = { "v" : "", "jq" : ""}; let targetRect = {"width" : 0, "height" : 0}; let excelData; // 엑셀 데이터 let excelColumns; // 엑셀 컬럼 let customOptions;// 엑셀 커스텀 옵션들 :: 정의 안할 경우 default var setDefaultTargetRect = function () { let defaultWidth = $(getTargetId("jq")).width(); let defaultHeight = $(getTargetId("jq")).height(); setTargetRect(defaultWidth, defaultHeight); }; var setTargetRect = function(width, height) { targetRect.width = width; targetRect.height = height; }; var getTargetRect = function (type) { if (type === "width") { return targetRect.width; } else if (type === "height") { return targetRect.height; } else { return targetRect; } }; var setTargetId = function (target) { targetId.v = target; targetId.jq = "#"+target; }; var getTargetId = function (type) { if (type === "jq") { return targetId.jq; } else { return targetId.v; } }; var setExcelData = function(data) { excelData = data; }; var getExcelData = function () { return excelData; }; var setColumns = function(columns) { excelColumns = columns; }; var getColumns = function () { return excelColumns; }; var setColumnWidth = function (width) { if (excelColumns) { excelColumns = excelColumns.map(column => ({ ...column, width: (width * column.wRatio) -1 })); } }; function setColumnWidthAsync(width) { return new Promise((resolve) => { if (excelColumns) { excelColumns = excelColumns.map(column => ({ ...column, width: (width * column.wRatio) - 1 })); } resolve(); // 컬럼 너비 설정이 완료된 후 resolve 호출 }); } var setOptions = function(options) { customOptions = options; }; var getOptions = function() { return customOptions ? customOptions : null; }; var resizeObserver = new ResizeObserver(function(entries) { for (let entry of entries) { setTargetRect(entry.contentRect.width, entry.contentRect.height); handleResize(entry.target.id, getTargetRect("width"), getTargetRect("height")); } }); // 모달요소 크기 변화 관찰(Observer) function startObserver() { resizeObserver.observe($(getTargetId("jq"))[0]); } function handleResize(id, width, height) { if (id === getTargetId() && height !== 0) { if (excelData) { drawResizedExcel(getTargetId()); } else { console.log("Spreadsheet.handleResize :: 엑셀 데이터 없음"); } } else { console.log("Spreadsheet.handleResize :: id 불일치 또는 height 가 0 입니다."); } } function drawResizedExcel(target) { let $targetId = "#"+target; if($($targetId).length > 0 && $($targetId)[0].jexcel) { $($targetId)[0].jexcel.destroy(); } setColumnWidthAsync(getTargetRect("width") - 50).then(() => { $($targetId).spreadsheet($.extend({}, { columns: getColumns(), data: getExcelData() }, getOptions())); let jexcel_content_height = getTargetRect("height"); $($targetId + " .jexcel_content").css("max-height", jexcel_content_height); $($targetId + " .jexcel_content").css("width", "100%"); }); } function drawExcel(target) { let $targetId = "#"+target; if($($targetId).length > 0 && $($targetId)[0].jexcel) { $($targetId)[0].jexcel.destroy(); } $($targetId).spreadsheet($.extend({}, { columns: getColumns(), data: getExcelData() }, getOptions())); let jexcel_content_height = getTargetRect("height"); $($targetId + " .jexcel_content").css("max-height", jexcel_content_height); $($targetId + " .jexcel_content").css("width", "100%"); } return { setTargetId, getTargetId, setTargetRect, getTargetRect, setDefaultTargetRect, setExcelData, getExcelData, setColumns, getColumns, setColumnWidth, setOptions, getOptions, startObserver, drawExcel }; })(); $(document).ready(function() { $("#cost-excel-batch-update").on('click', function() { if (Object.keys(modifiedRows).length === 0) { jError("수정된 연봉 데이터가 없습니다."); return; } var data = $("#spreadsheet").jexcel("getData"); var isValid = data.every(function(row) { if (!row[0] || !row[1] || !row[2]) { return true; } return !isNaN(row[2]) && row[2] !== ""; }); if (!isValid) { jError("연봉 데이터는 숫자만 입력해야하며, 값이 존재해야 합니다."); } else { $(".spinner").html( "
연봉 데이터 업데이트 중입니다..."
);
$.ajax({
url: "/auth-admin/api/arms/salaries",
type: "PUT",
data: JSON.stringify(modifiedRows),
contentType: "application/json",
statusCode: {
200: function(apiResponse) {
var response = apiResponse.response;
버전별_요구사항별_인력정보가져오기(selectedPdServiceId, selectedVersionId);
modifiedRows = {};
jSuccess("연봉 정보가 수정되었습니다.");
}
}
});
}
});
});