룩북수정

src/main/java/com/style24/front/biz/web/TsfDisplayController.java

@@ -390,19 +390,25 @@ public class TsfDisplayController extends TsfBaseController {
 	 * @since 2021. 4. 6
 	 */
 	@GetMapping("/lookbook/detail/form")
-	public ModelAndView lookbookDetail(Device device, @RequestParam HashMap<String, String> paramMap) {
+	public ModelAndView lookbookDetail(Lookbook lookbook) {
 		ModelAndView mav = new ModelAndView();
 
-		Lookbook lookbook = new Lookbook();
-		lookbook.setLookbookSq(Integer.parseInt(paramMap.get("lookbookSq")));
-		lookbook.setBrandCd(paramMap.get("brandGroupNo"));
-
-		mav.addObject("lookbookSq", paramMap.get("lookbookSq"));
-
 		lookbook.setFrontGb(TsfSession.getFrontGb());
-		mav.addObject("lookbookDetailList", coreLookbookService.getLookbookListForGoods(lookbook));
+		Collection<Lookbook> lookbookList = coreLookbookService.getLookbookListForGoods(lookbook);
+		String brandNm = "";
+		String lookbookTitle = "";
+		if(lookbookList != null){
+			for(Lookbook lbInfo : lookbookList){
+				brandNm = lbInfo.getBrandNm();
+				lookbookTitle = lbInfo.getTitle();
+			}
+			lookbook.setBrandNm(brandNm);
+			lookbook.setTitle(lookbookTitle);
+		}
 
+		mav.addObject("lookbookDetailList", lookbookList);
 		mav.addObject("otherLookbookList", coreLookbookService.getOtherLookbookList(lookbook));
+		mav.addObject("lookbookInfo", lookbook);
 
 		mav.setViewName(super.getDeviceViewName("display/LookbookDetailForm"));
 		return mav;

src/main/webapp/WEB-INF/views/web/display/LookbookDetailFormWeb.html

@@ -23,103 +23,31 @@
 		<div class="breadcrumb">
 			<ul>
 				<li class="bread_home"><a href="index.html">홈</a></li>
-				<li class="bread_2depth">TBJ</li>
+				<li class="bread_2depth" th:text="${lookbookInfo.brandNm}">TBJ</li>
 				<li class="bread_3depth">룩북</li>
 			</ul>
 		</div>
 		<div class="wrap">
-			<div class="content br_lookbook_view cont_visual"> <!-- 페이지특정 클래스 = br_lookbook_view -->
+			<div class="content br_lookbook_view cont_visual" th:if="${lookbookDetailList != null}"> <!-- 페이지특정 클래스 = br_lookbook_view -->
 				<div class="cont_head">
-					<h3 class="displayH t_c">2020 F/W COLLECTION</h3>
+					<h3 class="displayH t_c" th:text="${lookbookInfo.title}">2020 F/W COLLECTION</h3>
 				</div>
 				<div class="cont_body">
 					<div class="area_slider">
 						<div class="swiper-container">
 							<div class="swiper-wrapper">
-								<div class="swiper-slide">
-									<div class="bt_lb_item">
-										<img class="vLHTC lb_img" src="/images/pc/thumb/br_lookbook_img01.jpg" alt="BLUE-a" />
-										<div class="item_picker" style="left:20%; top:44%;">
-											<button type="button" id="btn_picker_item01"><span class="ico ico_picker"></span></button>
-											<div class="pick_descr">
-												<a href="">
-													상품명11
-												</a>
-											</div>
-										</div>
-										<div class="item_picker" style="left:60%; top:30%;">
-											<button type="button" id="btn_picker_item01"><span class="ico ico_picker"></span></button>
-											<div class="pick_descr">
-												<a href="">
-													상품명12
-												</a>
-											</div>
-										</div>
-									</div>
-								</div>
-								<div class="swiper-slide">
-									<div class="bt_lb_item">
-										<img class="vLHTC lb_img" src="/images/pc/thumb/br_lookbook_img02.jpg" alt="BLUE-a" />
-										<div class="item_picker" style="left:20%; top:44%;">
-											<button type="button" id="btn_picker_item01"><span class="ico ico_picker"></span></button>
-											<div class="pick_descr">
-												<a href="">
-													상품명21
-												</a>
-											</div>
-										</div>
-										<div class="item_picker" style="left:60%; top:30%;">
-											<button type="button" id="btn_picker_item01"><span class="ico ico_picker"></span></button>
-											<div class="pick_descr">
-												<a href="">
-													상품명22
-												</a>
-											</div>
-										</div>
-									</div>
-								</div>
-								<div class="swiper-slide">
-									<div class="bt_lb_item">
-										<img class="vLHTC lb_img" src="/images/pc/thumb/br_lookbook_img03.jpg" alt="BLUE-a" />
-										<div class="item_picker" style="left:20%; top:44%;">
-											<button type="button" id="btn_picker_item01"><span class="ico ico_picker"></span></button>
-											<div class="pick_descr">
-												<a href="">
-													상품명31
-												</a>
-											</div>
-										</div>
-										<div class="item_picker" style="left:60%; top:30%;">
-											<button type="button" id="btn_picker_item01"><span class="ico ico_picker"></span></button>
-											<div class="pick_descr">
-												<a href="">
-													상품명32
-												</a>
-											</div>
-										</div>
-									</div>
-								</div>
-								<div class="swiper-slide">
-									<div class="bt_lb_item">
-										<img class="vLHTC lb_img" src="/images/pc/thumb/br_lookbook_img04.jpg" alt="BLUE-a" />
-										<div class="item_picker" style="left:20%; top:44%;">
-											<button type="button" id="btn_picker_item01"><span class="ico ico_picker"></span></button>
-											<div class="pick_descr">
-												<a href="">
-													상품명41
-												</a>
-											</div>
-										</div>
-										<div class="item_picker" style="left:60%; top:30%;">
-											<button type="button" id="btn_picker_item01"><span class="ico ico_picker"></span></button>
-											<div class="pick_descr">
-												<a href="">
-													상품명42
-												</a>
-											</div>
+								<th:block th:each="item, stat : ${lookbookDetailList}">
+									<div class="swiper-slide">
+										<div class="bt_lb_item">
+											<img class="vLHTC lb_img" th:src="${@environment.getProperty('domain.image')+item.sysFileNm}" alt="BLUE-a" />
+											<th:block th:if="${item.lookbookGoodsList != null and !item.lookbookGoodsList.empty}" th:each="goodsItem, goodsStatus : ${item.lookbookGoodsList}">
+												<div class="item_picker" th:style="${'left:'+goodsItem.xlim+'%; top:'+goodsItem.ylim+'%;'}">
+													<button type="button" th:onclick="fnGoodsPopup([[${goodsItem.sysImgNm}]],[[${goodsItem.brandGroupNm}]],[[${goodsItem.goodsNm}]],[[${goodsItem.listPrice}]],[[${goodsItem.currPrice}]],[[${goodsItem.dcRate}]],[[${goodsItem.goodsCd}]])"><span class="ico ico_picker"></span></button>
+												</div>
+											</th:block>
 										</div>
 									</div>
-								</div>
+								</th:block>
 							</div>
 							<div class="swiper-button-prev"></div>
 							<div class="swiper-button-next"></div>
@@ -131,7 +59,19 @@
 					</div>
 				</div>
 			</div>
-			<div class="content br_lookbook_view cont_items">
+			<div class="content br_lookbook_view cont_items" th:if="${lookbookDetailList != null}">
+				<th:block th:each="item, stat : ${lookbookDetailList}">
+					<th:block th:if="${item.lookbookGoodsList != null and !item.lookbookGoodsList.empty}" th:each="goodsItem, goodsStatus : ${item.lookbookGoodsList}">
+						<div class="cont_head">
+							<h3>룩북 속 상품<span class="number" th:attr="data-idx=${goodsStatus.size}" th:text="${goodsItem.goodsCd}">(9,999)</span></h3>
+							<button class="btn btn_primary"><span>모두 쇼핑백 담기</span></button>
+						</div>
+					</th:block>
+					<div class="cont_head">
+						<h3>룩북 속 상품<span class="number" th:text="${stat.size}">(9,999)</span></h3>
+						<button class="btn btn_primary"><span>모두 쇼핑백 담기</span></button>
+					</div>
+				</th:block>
 				<div class="cont_head">
 					<h3>룩북 속 상품<span class="number">(9,999)</span></h3>
 					<button class="btn btn_primary"><span>모두 쇼핑백 담기</span></button>

src/main/webapp/ux/style24_link.js

@@ -1015,7 +1015,7 @@ var cfnGoToPlanDetail = function (planSq) {
  */
 var cfnGoToLookbookDetail = function (lookbookSq, brandGroupNo) {
 	var params = '?lookbookSq=' + lookbookSq;
-	if (typeof (brandGroupNo) != 'undefined') params += '&brandGroupNo=' + brandGroupNo;
+	if (typeof (brandGroupNo) != 'undefined') params += '&brandCd=' + brandGroupNo;
 
 	cfnGoToPage(_PAGE_LOOKBOOK_DETAIL + params);
 }