Index: arms/detail.html =================================================================== diff -u -r0d8f249077b6df6628347bffd0b34ccf26aff708 -rf9698afe9acdb71fc06859ee355517474286de61 --- arms/detail.html (.../detail.html) (revision 0d8f249077b6df6628347bffd0b34ccf26aff708) +++ arms/detail.html (.../detail.html) (revision f9698afe9acdb71fc06859ee355517474286de61) @@ -438,7 +438,7 @@
  • - 버전 구현 시작일 + 버전 구현 시작일
    @@ -450,7 +450,7 @@
  • - 버전 구현 종료일 + 버전 구현 종료일
    @@ -462,10 +462,14 @@
  • - 버전 내용 + 버전 내용
    -
  • +
  • +
    +
    +
    +
  • Index: arms/html/armsDetailExceptTemplate/assets/css/style.css =================================================================== diff -u -r0d8f249077b6df6628347bffd0b34ccf26aff708 -rf9698afe9acdb71fc06859ee355517474286de61 --- arms/html/armsDetailExceptTemplate/assets/css/style.css (.../style.css) (revision 0d8f249077b6df6628347bffd0b34ccf26aff708) +++ arms/html/armsDetailExceptTemplate/assets/css/style.css (.../style.css) (revision f9698afe9acdb71fc06859ee355517474286de61) @@ -463,7 +463,7 @@ # 요구사항 상세 --------------------------------------------------------------*/ #detailview_req_contents{ - height:500px; + height:500px; } /*-------------------------------------------------------------- # 버전 @@ -531,32 +531,40 @@ padding: 8px 15px; } -.version .version-item ul { +.version .version-content { + padding: 10px; + border-radius: 5px; + background: rgba(140, 191, 241, 0.1); +} + +.version-content ul { padding-left: 0; } -.version .version-item ul li { - padding-bottom: 10px; +.version-content ul li { + padding-bottom: 20px; align-items: center; } -.version .version-content { - padding-top: 10px; - border-radius: 5px; - background: rgba(140, 191, 241, 0.1); +.version-content ul li:nth-child(2) { + margin-bottom: 25px; } -.version .version-content-title { - margin-left: 21px; +.version-content ul li:nth-child(3) { + padding-bottom: 0; + margin-bottom: 10px; } -.version .version-content-desc { - margin-top: 10px; - margin-left: 33px; - width: 93%; +.version-content ul li:last-child { + padding-bottom: 0; } + +.version .version-content ul i { + color: #0563bb; +} + /*-------------------------------------------------------------- -# 요규사항 목록 +# 요구사항 목록 --------------------------------------------------------------*/ #allreq_pdservice_name{ color: #0563bb; Index: arms/js/detail.js =================================================================== diff -u -r0d8f249077b6df6628347bffd0b34ccf26aff708 -rf9698afe9acdb71fc06859ee355517474286de61 --- arms/js/detail.js (.../detail.js) (revision 0d8f249077b6df6628347bffd0b34ccf26aff708) +++ arms/js/detail.js (.../detail.js) (revision f9698afe9acdb71fc06859ee355517474286de61) @@ -201,7 +201,7 @@ else if(element === "#version") { bindDataVersionTab(); - init_versionList(); + initVersionData(); } else if (element === "#allreq") { build_ReqData_By_PdService(); @@ -344,7 +344,7 @@ $("#get_version_list").click(function () { bindDataVersionTab(); - init_versionList(); + initVersionData(); }); } @@ -356,21 +356,22 @@ var urlParams = new URL(location.href).searchParams; var selectedPdService = urlParams.get('pdService'); + var selectedPdServiceVersion = urlParams.get('pdServiceVersion'); // ajax 처리 후 데이터 바인딩 console.log("dataLoad :: getSelectedID → " + selectedPdService); $.ajax("/auth-user/api/arms/pdService/getNodeWithVersionOrderByCidDesc.do?c_id=" + selectedPdService).done(function (json) { console.log("dataLoad :: success → ", json); $("#version-product-name").html(json.c_title); - $("#version-accordion").jsonMenu(json.pdServiceVersionEntities, { speed: 5000 }); + $("#version-accordion").jsonMenu(selectedPdServiceVersion, json.pdServiceVersionEntities, { speed: 5000 }); }); } -function init_versionList() { +function initVersionData() { let data = ``; - $.fn.jsonMenu = function (items, options) { + $.fn.jsonMenu = function (c_id, items, options) { $(this).addClass("json-menu"); for (var i = 0; i < items.length; i++) { @@ -379,18 +380,25 @@
    ${items[i].c_title}
    `; } - $(this).html(data); + + // 버전 데이터 바인딩 + var element = $("a[data-value='" + c_id + "']"); + console.log("해당 요구사항의 버전 요소: ", element[0]); + element[0].style.background = "rgba(241, 240, 71, 0.3)"; + + versionClick(element[0], c_id); }; } @@ -417,6 +425,9 @@ $("#version-name").text(json.c_title); $("#version-start-date").text(json.c_pds_version_start_date); $("#version-end-date").text(json.c_pds_version_end_date); + $("#version-desc").slimscroll({ + height: "500px" + }); $("#version-desc").html(json.c_pds_version_contents); }) // HTTP 요청이 실패하면 오류와 상태에 관한 정보가 fail() 메소드로 전달됨.