Home Explore Help
Sign In
style24
/
style24.front
2
0
Fork 0
Files Issues 0 Pull Requests 0 Wiki
Tree: 6df221e7b2
Branches Tags
style24.front
/
src
/
main
/
webapp
/
WEB-INF
/
views
/
mob
/
goods
/
GoodsIncludeFormMob.html

GoodsIncludeFormMob.html 19 KB
History Raw

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451 
  1. <!DOCTYPE html>
    2. 

  2. <html lang="ko" xmlns:th="http://www.thymeleaf.org">
    3. 

  3. <!--
    4. 

  4.  *******************************************************************************
    5. 

  5.  * @source: GoodsIncludeFormMob.html
    6. 

  6.  * @desc: 상품상세 Include Page - 공용
    7. 

  7.  *============================================================================
    8. 

  8.  * STYLE24
    9. 

  9.  * Copyright(C) 2020 TSIT, All rights reserved.
    10. 

  10.  *============================================================================
    11. 

  11.  * VERDATE AUTHORDESCRIPTION
    12. 

  12.  * =====================================================================
    13. 

  13.  * 1.02021.03.02 eskim	 최초 작성
    14. 

  14.  *******************************************************************************
    15. 

  15.  -->
    16. 

  16. <!-- 상품상세 SNS-->
    17. 

  17. <th:blockth:fragment="goodsSnsForm" >
    18. 

  18. <!-- toggle contents -->
    19. 

  19. <div class="shareWrap" th:with="stylelUrl=${@environment.getProperty('domain.front')}, imgGoodsUrl=${@environment.getProperty('upload.goods.view')}">
    20. 

  20. 	<div id="layerShare" class="setShare open">
    21. 

  21. 		<span>
    22. 

  22. 			<button type="button" class="kk" th:attr="onclick=|cfnSendToKakao('${stylelUrl+'/goods/detail/form?goodsCd='+goodsInfo.goodsCd}', '${goodsInfo.goodsFullNm}', '${imgGoodsUrl+ '/'+goodsInfo.sysImgNm+'?RS=80'}');|"><span>카카오톡</span></button>
    23. 

  23. 			<button type="button" class="fb" th:attr="onclick=|sendSns('facebook', '${stylelUrl+'/goods/detail/form?goodsCd='+goodsInfo.goodsCd}', '${goodsInfo.goodsFullNm}', '', '');|"><span>페이스북</span></button>
    24. 

  24. 			<button type="button" class="tw" th:attr="onclick=|sendSns('twitter', '${stylelUrl+'/goods/detail/form?goodsCd='+goodsInfo.goodsCd}', '${goodsInfo.goodsFullNm+ '#style24몰'}', '', '');|"><span>트위터</span></button>
    25. 

  25. 			<button type="button" class="url btn_copy"><span>URL</span></button>
    26. 

  26. 		</span>
    27. 

  27. 	</div>
    28. 

  28. </div>
    29. 

  29. 

  30. </th:block>
    31. 

  31. 

  32. <!-- 딜 상품 상품소개영역 -->
    33. 

  33. <th:block th:fragment="goodsDealComposeForm">
    34. 

  34. <!-- ***** 상품소개영역 ***** -->
    35. 

  35. <div class="inner wide" th:with="imgGoodsUrl=${@environment.getProperty('upload.goods.view')}, uxImgUrl=${@environment.getProperty('domain.uximage')}">
    36. 

  36. 	<div class="pd_desc_wrap">
    37. 

  37. 		<div class="tab_detail_nav">
    38. 

  38. 			<ul>
    39. 

  39. 				<li class="active"><a href="javascript:void(0)">상세정보</a></li>
    40. 

  40. 				<li><a href="javascript:void(0)">리뷰<em><th:block  th:text="${(goodsInfo.reviewRegCnt <= 9999) ? #numbers.formatInteger(goodsInfo.reviewRegCnt, 0,'COMMA')  : '9,999+'}"></th:block></em></a></li>
    41. 

  41. 				<li><a href="javascript:void(0)">문의<em><th:block  th:text="${(goodsInfo.goodsQnaCnt <= 9999) ? #numbers.formatInteger(goodsInfo.goodsQnaCnt, 0,'COMMA')  : '9,999+'}"></th:block></em></a></li>
    42. 

  42. 				<li class=""><a href="javascript:void(0)">배송/반품</a></li>
    43. 

  43. 			</ul>
    44. 

  44. 		</div>
    45. 

  45. 		<!-- 상품상세정보 -->
    46. 

  46. 		<div class="tab_detail_cont pd_dealitem" style=display:block;>
    47. 

  47. 			<div class="itemsGrp" th:if="${goodsDealComposeList  != null and !goodsDealComposeList.empty}">
    48. 

  48. 				<div class="item_prod" th:each="goodsInfo, status : ${goodsDealComposeList}">
    49. 

  49. 					<div class="item_state">
    50. 

  50. 						<a href="javascript:void(0);" class="itemLink" th:onclick="fnOpenGoodsDealDetail([[${goodsInfo.goodsCd}]],[[${goodsInfo.compsGoodsCd}]])">
    51. 

  51. 							<div class="shape dealdetail"><span>상품<br/><th:block th:text="${#numbers.formatInteger(status.count,2)}">01</th:block> </span></div>
    52. 

  52. 							<div class="itemPic">
    53. 

  53. 								<img alt="" class="vLHTC pd_img" th:src="${imgGoodsUrl+'/'+goodsInfo.sysImgNm+'?RS=156'}" th:onerror="'this.src=\''+@{${uxImgUrl}+ '/images/pc/thumb/bg_item_none.png'}+'\';'">
    54. 

  54. 							</div>
    55. 

  55. 							<p class="itemBrand" th:text="${goodsInfo.brandGroupNm}">BRAND NAME1</p>
    56. 

  56. 							<div class="itemName" th:text="${goodsInfo.goodsFullNm}">남성 </div>
    57. 

  57. 							<p class="itemPrice">
    58. 

  58. 								<span class="itemPrice_original" th:if="${goodsInfo.listPrice > goodsInfo.currPrice}" th:text="${#numbers.formatInteger(goodsInfo.listPrice, 0,'COMMA')}">89,000</span>
    59. 

  59. 								<th:block th:text="${#numbers.formatInteger(goodsInfo.currPrice, 0,'COMMA')}"> 134,100</th:block>
    60. 

  60. 								<span class="itemPercent" th:if="${goodsInfo.dcRate > 0}" th:text="|${#numbers.formatDecimal(goodsInfo.dcRate,0,0)}%|">10%</span>
    61. 

  61. 							</p>
    62. 

  62. 						</a>
    63. 

  63. 					<button type="button" class="btn btn_default">옵션 선택</button>
    64. 

  64. 					</div>
    65. 

  65. 				</div>
    66. 

  66. 			</div>
    67. 

  67. 		</div>
    68. 

  68. 		<!-- //상품상세정보 -->
    69. 

  69. 		<!-- 상품리뷰 리스트 -->
    70. 

  70. 		<div class="tab_detail_cont pd_review">
    71. 

  71. 			<div class="cont_head">
    72. 

  72. 				<h3 class="sr-only">상품리뷰 목록</h3>
    73. 

  73. 				<div class="deal_listReview_open">
    74. 

  74. 					<!-- 아이템 -->
    75. 

  75. 					<div class="item_blk">
    76. 

  76. 						<div class="item_prod">
    77. 

  77. 							<div class="item_state">
    78. 

  78. 								<a href="javascript:void(0)" class="itemLink">
    79. 

  79. 								<div class="itemPic">
    80. 

  80. 									<img alt="" class="vLHTC pd_img" th:src="${imgGoodsUrl+'/'+goodsInfo.sysImgNm+'?RS=80'}" th:onerror="'this.src=\''+@{${uxImgUrl}+ '/images/pc/thumb/bg_item_none.png'}+'\';'">
    81. 

  81. 								</div>
    82. 

  82. 								<div class="itemName">선택</div>
    83. 

  83. 							</a>
    84. 

  84. 							</div>
    85. 

  85. 						</div>
    86. 

  86. 					</div>
    87. 

  87. 					<!-- //아이템 -->
    88. 

  88. 				</div>
    89. 

  89. 			</div>
    90. 

  90. 			<div class="cont_body" id="goodsDealReview"></div>
    91. 

  91. 		</div>
    92. 

  92. 		<!-- //상품리뷰 리스트 -->
    93. 

  93. 		<!-- 상품문의 리스트 -->
    94. 

  94. 		<div class="tab_detail_cont pd_qnalist">
    95. 

  95. 			<div class="cont_head">
    96. 

  96. 				<h3 class="sr-only">상품문의 목록</h3>
    97. 

  97. 			<div class="deal_listQna_open">
    98. 

  98. 				 <!-- 아이템 -->
    99. 

  99. 				<div class="item_blk">
    100. 

  100. 					<div class="item_prod">
    101. 

  101. 						<div class="item_state">
    102. 

  102. 							<a href="javascript:void(0)" class="itemLink">
    103. 

  103. 								<div class="itemPic">
    104. 

  104. 									<img alt="" class="vLHTC pd_img" th:src="${imgGoodsUrl+'/'+goodsInfo.sysImgNm+'?RS=80'}" th:onerror="'this.src=\''+@{${uxImgUrl}+ '/images/pc/thumb/bg_item_none.png'}+'\';'">
    105. 

  105. 								</div>
    106. 

  106. 								<div class="itemName">선택</div>
    107. 

  107. 							</a>
    108. 

  108. 						</div>
    109. 

  109. 					</div>
    110. 

  110. 				</div>
    111. 

  111. 				<!-- //아이템 -->
    112. 

  112. 			</div>
    113. 

  113. 			</div>
    114. 

  114. 		<div class="cont_body"  id="goodsDealQna"></div>
    115. 

  115. 		</div>
    116. 

  116. 		<!-- //상품문의 리스트 -->
    117. 

  117. 		<!-- 배송/교환/반품 정보 -->
    118. 

  118. 		<div class="tab_detail_cont pd_delivery">
    119. 

  119. 			<div class="cont_head">
    120. 

  120. 				<h3 class="sr-only">배송/교환/반품 정보</h3>
    121. 

  121. 			<div class="deal_listDelivery_open">
    122. 

  122. 				<!-- 아이템 -->
    123. 

  123. 				<div class="item_blk">
    124. 

  124. 					<div class="item_prod">
    125. 

  125. 						<div class="item_state">
    126. 

  126. 							<a href="javascript:void(0)" class="itemLink">
    127. 

  127. 								<div class="itemPic">
    128. 

  128. 									<img alt="" class="vLHTC pd_img" th:src="${imgGoodsUrl+'/'+goodsInfo.sysImgNm+'?RS=80'}" th:onerror="'this.src=\''+@{${uxImgUrl}+ '/images/pc/thumb/bg_item_none.png'}+'\';'">
    129. 

  129. 								</div>
    130. 

  130. 								<div class="itemName">선택</div>
    131. 

  131. 							</a>
    132. 

  132. 						</div>
    133. 

  133. 					</div>
    134. 

  134. 				</div>
    135. 

  135. 				<!-- //아이템 -->
    136. 

  136. 			</div>
    137. 

  137. 			</div>
    138. 

  138. 		<div class="cont_body" id="goodsDealDelivery" ></div>
    139. 

  139. 		</div>
    140. 

  140. 		<!-- //배송/교환/반품 정보 -->
    141. 

  141. 	</div>
    142. 

  142. </div>
    143. 

  143. 

  144. <!-- 딜리뷰제품리스트팝업 -->
    145. 

  145. <div class="pd_pop list_pop pd_pop pd_listReview_pop" id="listReviewPop">
    146. 

  146. 	<div class="modal_content">
    147. 

  147. 		<div class="close">닫기</div>
    148. 

  148. 		<div class="listpop_body">
    149. 

  149. 			<!-- 아이템선택 -->
    150. 

  150. 			<div class="deal_list_select">
    151. 

  151. 				<ul class="list">
    152. 

  152. 					<li th:each="goodsInfo, status : ${goodsDealComposeList}" 
    153. 

  153. 						th:attr="aria-disabled=${(goodsInfo.goodsStat != 'G008_90' or goodsInfo.stockQty <= 0)? 'true':''}, data-soldout=${(goodsInfo.stockQty <= 0)? 'true':''}"
    154. 

  154. 						th:onclick="fnSelGoodsDealReview([[${goodsInfo.compsGoodsCd}]])">
    155. 

  155. 						<div class="item_prod" th:attr="goodsCd=${goodsInfo.compsGoodsCd}">
    156. 

  156. 							<div class="item_state active">
    157. 

  157. 								<a href="javascript:void(0);" class="itemLink">
    158. 

  158. 									<div class="itemPic">
    159. 

  159. 										<img alt="" class="vLHTC pd_img" th:src="${imgGoodsUrl+'/'+goodsInfo.sysImgNm+'?RS=331'}" th:onerror="'this.src=\''+@{${uxImgUrl}+ '/images/pc/thumb/bg_item_none.png'}+'\';'">
    160. 

  160. 									</div>
    161. 

  161. 									<p class="itemBrand" th:text="${goodsInfo.brandGroupNm}">BRAND NAME1</p>
    162. 

  162. 									<div class="itemName" ><span class="tit_option" th:text="${'[상품'+status.count+']'}">[상품1]</span><th:block th:text="${goodsInfo.goodsFullNm}"></th:block> </div>
    163. 

  163. 									<div class="itemText">
    164. 

  164. 										<span class="tx1">(리뷰 <th:block  th:text="${(goodsInfo.reviewRegCnt <= 9999) ? #numbers.formatInteger(goodsInfo.reviewRegCnt, 0,'COMMA')  : '9,999+'}"></th:block>)</span>
    165. 

  165. 									</div>
    166. 

  166. 								</a>
    167. 

  167. 								<input type="hidden" name="selectGoods" th:value="${goodsInfo.compsGoodsCd}"  th:attr="currPrice=${goodsInfo.currPrice}, selfGoodsYn=${goodsInfo.selfGoodsYn}"/>
    168. 

  168. 							</div>
    169. 

  169. 						</div>
    170. 

  170. 					</li> 
    171. 

  171. 				</ul>
    172. 

  172. 			</div>
    173. 

  173. 			<!-- //아이템선택 -->
    174. 

  174. 		</div>
    175. 

  175. 	</div>
    176. 

  176. </div>
    177. 

  177. <!-- //딜리뷰제품리스트팝업 -->
    178. 

  178. 

  179. <!-- 딜문의제품리스트팝업 -->
    180. 

  180. <div class="pd_pop list_pop pd_pop pd_listQna_pop" id="listQnaPop">
    181. 

  181. 	<div class="modal_content">
    182. 

  182. 		<div class="close">닫기</div>
    183. 

  183. 		<div class="listpop_body">
    184. 

  184. 			<!-- 아이템선택 -->
    185. 

  185. 			<div class="deal_list_select">
    186. 

  186. 				<ul class="list">
    187. 

  187. 					<li th:each="goodsInfo, status : ${goodsDealComposeList}" 
    188. 

  188. 						th:attr="aria-disabled=${(goodsInfo.goodsStat != 'G008_90' or goodsInfo.stockQty <= 0)? 'true':''}, data-soldout=${(goodsInfo.stockQty <= 0)? 'true':''}"
    189. 

  189. 						th:onclick="fnSelGoodsDealQna([[${goodsInfo.compsGoodsCd}]])">
    190. 

  190. 						<div class="item_prod" th:attr="goodsCd=${goodsInfo.compsGoodsCd}">
    191. 

  191. 							<div class="item_state active">
    192. 

  192. 								<a href="javascript:void(0);" class="itemLink">
    193. 

  193. 									<div class="itemPic">
    194. 

  194. 										<img alt="" class="vLHTC pd_img" th:src="${imgGoodsUrl+'/'+goodsInfo.sysImgNm+'?RS=331'}" th:onerror="'this.src=\''+@{${uxImgUrl}+ '/images/pc/thumb/bg_item_none.png'}+'\';'">
    195. 

  195. 									</div>
    196. 

  196. 									<p class="itemBrand" th:text="${goodsInfo.brandGroupNm}">BRAND NAME1</p>
    197. 

  197. 									<div class="itemName" ><span class="tit_option" th:text="${'[상품'+status.count+']'}">[상품1]</span><th:block th:text="${goodsInfo.goodsFullNm}"></th:block> </div>
    198. 

  198. 									<div class="itemText">
    199. 

  199. 										<span class="tx1">(문의 <th:block  th:text="${(goodsInfo.goodsQnaCnt <= 9999) ? #numbers.formatInteger(goodsInfo.goodsQnaCnt, 0,'COMMA')  : '9,999+'}"></th:block>)</span>
    200. 

  200. 									</div>
    201. 

  201. 								</a>
    202. 

  202. 								<input type="hidden" name="selectGoods" th:value="${goodsInfo.compsGoodsCd}" />
    203. 

  203. 							</div>
    204. 

  204. 						</div>
    205. 

  205. 					</li>  
    206. 

  206. 				</ul>
    207. 

  207. 			</div>
    208. 

  208. 			<!-- //아이템선택 -->
    209. 

  209. 		</div>
    210. 

  210. 	</div>
    211. 

  211. </div>
    212. 

  212. <!-- //딜문의제품리스트팝업 -->
    213. 

  213. 

  214. <!-- 딜배송제품리스트팝업 -->
    215. 

  215. <div class="pd_pop list_pop pd_pop pd_listDelivery_pop" id="listDeliveryPop">
    216. 

  216. 	<div class="modal_content">
    217. 

  217. 		<div class="close">닫기</div>
    218. 

  218. 		<div class="listpop_body">
    219. 

  219. 			<!-- 아이템선택 -->
    220. 

  220. 			<div class="deal_list_select">
    221. 

  221. 				<ul class="list">
    222. 

  222. 					<li th:each="goodsInfo, status : ${goodsDealComposeList}" 
    223. 

  223. 						th:attr="aria-disabled=${(goodsInfo.goodsStat != 'G008_90' or goodsInfo.stockQty <= 0)? 'true':''}, data-soldout=${(goodsInfo.stockQty <= 0)? 'true':''}"
    224. 

  224. 						th:onclick="fnSelGoodsDealDelivery([[${goodsInfo.compsGoodsCd}]])">
    225. 

  225. 						<div class="item_prod" th:attr="goodsCd=${goodsInfo.compsGoodsCd}">
    226. 

  226. 							<div class="item_state active">
    227. 

  227. 								<a href="javascript:void(0);" class="itemLink">
    228. 

  228. 									<div class="itemPic">
    229. 

  229. 										<img alt="" class="vLHTC pd_img" th:src="${imgGoodsUrl+'/'+goodsInfo.sysImgNm+'?RS=331'}" th:onerror="'this.src=\''+@{${uxImgUrl}+ '/images/pc/thumb/bg_item_none.png'}+'\';'">
    230. 

  230. 									</div>
    231. 

  231. 									<p class="itemBrand" th:text="${goodsInfo.brandGroupNm}">BRAND NAME1</p>
    232. 

  232. 									<div class="itemName" ><span class="tit_option" th:text="${'[상품'+status.count+']'}">[상품1]</span><th:block th:text="${goodsInfo.goodsFullNm}"></th:block> </div>
    233. 

  233. 								</a>
    234. 

  234. 								<input type="hidden" name="selectGoods" th:value="${goodsInfo.compsGoodsCd}" />
    235. 

  235. 							</div>
    236. 

  236. 						</div>
    237. 

  237. 					</li> 
    238. 

  238. 				</ul>
    239. 

  239. 			</div>
    240. 

  240. 			<!-- //아이템선택 -->
    241. 

  241. 		</div>
    242. 

  242. 	</div>
    243. 

  243. </div>
    244. 

  244. <!-- //딜배송제품리스트팝업 -->
    245. 

  245. 

  246. <!-- 딜제품상세보기팝업 -->
    247. 

  247. <div class="modal pop_full fade pd_pop pd_descrp_pop" id="pdDescrpPop" tabindex="-1" role="dialog" aria-labelledby="exampleFullLabel" aria-hidden="true">
    248. 

  248. 	<div class="modal-dialog" role="document">
    249. 

  249. 		<div class="modal-content">
    250. 

  250. 			<div class="modal-header">
    251. 

  251. 				<div class="deal_listDescrp_open">상품 1</div>
    252. 

  252. 			</div>
    253. 

  253. 			<div class="modal-body">
    254. 

  254. 				<!-- 아이템 -->
    255. 

  255. 				<div class="item_blk">
    256. 

  256. 					<div class="item_prod">
    257. 

  257. 						<div class="item_state">
    258. 

  258. 							<a href="#none" class="itemLink">
    259. 

  259. 								<div class="itemPic">
    260. 

  260. 									<img alt="" class="vLHTC pd_img" src="/images/pc/thumb/tmp_pdDetail1.jpg">
    261. 

  261. 								</div>
    262. 

  262. 								<p class="itemBrand">NBA 키즈</p>
    263. 

  263. 								<div class="itemName"><span class="tit_option">[상품1]</span>유니 삼단블록 플리스 집업 유니 삼단블록 플리스 집업 유니 삼단블록 플리스 집업</div>
    264. 

  264. 								<p class="itemPrice">
    265. 

  265. 									134,100
    266. 

  266. 									<span class="itemPrice_original">149,000</span>
    267. 

  267. 									<span class="itemPercent">30%</span>
    268. 

  268. 								</p>
    269. 

  269. 							</a>
    270. 

  270. 						</div>
    271. 

  271. 					</div>
    272. 

  272. 				</div>
    273. 

  273. 				<!-- 아이템 -->
    274. 

  274. 				<div class="pop_cont" id="goodsDealDetail"></div>
    275. 

  275. 				<!-- 상세정보리스트팝업 -->
    276. 

  276. 				<div class="pd_pop list_pop pd_pop pd_listDescrp_pop" id="listDescrpPop">
    277. 

  277. 					<div class="modal_content">
    278. 

  278. 						<!-- <div class="close">닫기</div> -->
    279. 

  279. 						<div class="listpop_body">
    280. 

  280. 							<!-- 아이템선택 -->
    281. 

  281. 							<div class="deal_list_select">
    282. 

  282. 								<ul class="list">
    283. 

  283. 									<li th:each="goodsInfo, status : ${goodsDealComposeList}" 
    284. 

  284. 										th:attr="aria-disabled=${(goodsInfo.goodsStat != 'G008_90' or goodsInfo.stockQty <= 0)? 'true':''}, data-soldout=${(goodsInfo.stockQty <= 0)? 'true':''}"
    285. 

  285. 										th:onclick="fnOpenGoodsDealDetail([[${goodsInfo.goodsCd}]], [[${goodsInfo.compsGoodsCd}]])"
    286. 

  286. 										 class="selected">
    287. 

  287. 										<div class="item_prod" th:attr="goodsCd=${goodsInfo.compsGoodsCd}">
    288. 

  288. 											<div class="item_state active">
    289. 

  289. 												<a href="javascript:void(0);" class="itemLink">
    290. 

  290. 													<div class="itemPic">
    291. 

  291. 														<img alt="" class="vLHTC pd_img" th:src="${imgGoodsUrl+'/'+goodsInfo.sysImgNm+'?RS=331'}" th:onerror="'this.src=\''+@{${uxImgUrl}+ '/images/pc/thumb/bg_item_none.png'}+'\';'">
    292. 

  292. 													</div>
    293. 

  293. 													<p class="itemBrand" th:text="${goodsInfo.brandGroupNm}">BRAND NAME1</p>
    294. 

  294. 													<div class="itemName" th:text="${goodsInfo.goodsFullNm}">남성 </div>
    295. 

  295. 													<p class="itemPrice">
    296. 

  296. 														<span class="itemPrice_original" th:if="${goodsInfo.listPrice > goodsInfo.currPrice}" th:text="${#numbers.formatInteger(goodsInfo.listPrice, 0,'COMMA')}">89,000</span>
    297. 

  297. 														<th:block th:text="${#numbers.formatInteger(goodsInfo.currPrice, 0,'COMMA')}"> 134,100</th:block>
    298. 

  298. 														<span class="itemPercent" th:if="${goodsInfo.dcRate > 0}" th:text="|${#numbers.formatDecimal(goodsInfo.dcRate,0,0)}%|">10%</span>
    299. 

  299. 													</p>
    300. 

  300. 												</a>
    301. 

  301. 												<input type="hidden" name="selectGoods" th:value="${goodsInfo.compsGoodsCd}" />
    302. 

  302. 											</div>
    303. 

  303. 										</div>
    304. 

  304. 									</li>
    305. 

  305. 								</ul>
    306. 

  306. 							</div>
    307. 

  307. 							<!-- //아이템선택 -->
    308. 

  308. 						</div>
    309. 

  309. 					</div>
    310. 

  310. 				</div>
    311. 

  311. 				<!-- //상세정보리스트팝업 -->
    312. 

  312. 			</div>
    313. 

  313. 			<div class="modal-footer">
    314. 

  314. 				<button type="button" class="btn btn_primary" id="btn_deal_purchase">구매하기</button>
    315. 

  315. 			</div>
    316. 

  316. 		</div>
    317. 

  317. 	</div>
    318. 

  318. </div>
    319. 

  319. <!-- //딜제품상세보기팝업 -->
    320. 

  320. 

  321. <script th:inline="javascript">
    322. 

  322. /*<![CDATA[*/
    323. 

  323. 	
    324. 

  324. 	
    325. 

  325. 	// 구성 상품 상세 상품평
    326. 

  326. 	var fnGoodsDetailReview = function(params) {
    327. 

  327. 		gagajf.ajaxSubmit("/goods/detail/review/frame", "html", "goodsDealReview", params);
    328. 

  328. 	}
    329. 

  329. 	
    330. 

  330. 	// 상품평 상품선택시
    331. 

  331. 	var fnSelGoodsDealReview = function(goodsCd){
    332. 

  332. 		var params = new Object();
    333. 

  333. 		params.goodsCd = goodsCd;
    334. 

  334. 		fnGoodsDetailReview(params);  // ajax html
    335. 

  335. 		
    336. 

  336. 		$('.pd_pop.pd_listReview_pop').find('.deal_list_select .list li').each(function() { 
    337. 

  337. 			$(this).removeClass('selected');
    338. 

  338. 			if (goodsCd == $(this).find('input[name=selectGoods]').val()){
    339. 

  339. 				$(this).addClass('selected');
    340. 

  340. 				//let tag = $(this).find('.item_prod').parent().html();
    341. 

  341. 				let tag = $(this).html();
    342. 

  342. 				$('.tab_detail_cont.pd_review .item_blk').html(tag);
    343. 

  343. 			}
    344. 

  344. 		});
    345. 

  345. 

  346. 	}
    347. 

  347. 	
    348. 

  348. 	// 구성 상품 상세 문의
    349. 

  349. 	var fnGoodsDetailQna = function(params) {
    350. 

  350. 		gagajf.ajaxSubmit("/goods/detail/qna/frame", "html", "goodsDealQna", params);
    351. 

  351. 	}
    352. 

  352. 	
    353. 

  353. 	// 문의 상품선택시
    354. 

  354. 	var fnSelGoodsDealQna = function(goodsCd){
    355. 

  355. 		var params = new Object();
    356. 

  356. 		params.goodsCd = goodsCd;
    357. 

  357. 		fnGoodsDetailQna(params);  // ajax html
    358. 

  358. 		
    359. 

  359. 		$('.pd_pop.pd_listQna_pop').find('.deal_list_select .list li').each(function() { 
    360. 

  360. 			if (goodsCd == $(this).find('input[name=selectGoods]').val()){
    361. 

  361. 				$('.pd_pop.pd_listQna_pop').find('.deal_list_select .list li').removeClass('selected');
    362. 

  362. 				$(this).addClass('selected');
    363. 

  363. 				let tag = $(this).html();
    364. 

  364. 				$('.tab_detail_cont.pd_qnalist .item_blk').html(tag);
    365. 

  365. 			}
    366. 

  366. 		});
    367. 

  367. 

  368. 	}
    369. 

  369. 	
    370. 

  370. 	// 구성 상품 상세 배송정보
    371. 

  371. 	var fnGoodsDetailDelivery = function(params) {
    372. 

  372. 		
    373. 

  373. 		gagajf.ajaxSubmit("/goods/detail/delivery/frame", "html", "goodsDealDelivery", params);
    374. 

  374. 	}
    375. 

  375. 	
    376. 

  376. 	// 배송정보 상품선택시
    377. 

  377. 	var fnSelGoodsDealDelivery = function(goodsCd){
    378. 

  378. 		var params = new Object();
    379. 

  379. 		params.goodsCd = goodsCd;
    380. 

  380. 		fnGoodsDetailDelivery(params);  // ajax html
    381. 

  381. 		
    382. 

  382. 		$('.pd_pop.pd_listDelivery_pop').find('.deal_list_select .list li').each(function() { 
    383. 

  383. 			
    384. 

  384. 			if (goodsCd == $(this).find('input[name=selectGoods]').val()){
    385. 

  385. 				$('.pd_pop.pd_listDelivery_pop').find('.deal_list_select .list li').removeClass('selected');
    386. 

  386. 				$(this).addClass('selected');
    387. 

  387. 				let tag = $(this).html();
    388. 

  388. 				$('.tab_detail_cont.pd_delivery .item_blk').html(tag);
    389. 

  389. 			}
    390. 

  390. 		});
    391. 

  391. 	}
    392. 

  392. 	
    393. 

  393. 	// 상품선택시 상품상세내용 변경
    394. 

  394. 	var fnOpenGoodsDealDetail = function(goodsCd, compsGoodsCd){
    395. 

  395. 		
    396. 

  396. 		// 탭별 선택시 기본 상품 설정
    397. 

  397. 		let selIdx = 0;
    398. 

  398. 		let selfGoodsYn = '';
    399. 

  399. 		let currPrice = 0;
    400. 

  400. 		let soldoutYn = "N";
    401. 

  401. 		$('#listDescrpPop').find('.deal_list_select .list li').each(function() { 
    402. 

  402. 			if (compsGoodsCd == $(this).find('input[name=selectGoods]').val()){
    403. 

  403. 				$('#listDescrpPop').find('.deal_list_select .list li').removeClass('selected');
    404. 

  404. 				$(this).addClass('selected');
    405. 

  405. 				let tag = $(this).html();
    406. 

  406. 				$('#pdDescrpPop').find('.item_blk').html(tag);
    407. 

  407. 			}
    408. 

  408. 			selIdx ++;
    409. 

  409. 		});
    410. 

  410. 		
    411. 

  411. 		//$selObj.find('.combo .list li').eq(selIdx).trigger("click");
    412. 

  412. 		
    413. 

  413. 		// 상세노출
    414. 

  414. 		fnGoodsDealDesc(compsGoodsCd);
    415. 

  415. /* 		
    416. 

  416. 		if (!soldout){
    417. 

  417. 			// 옵션1 처리
    418. 

  418. 			fnOption1("layer", compsGoodsCd, currPrice, selfGoodsYn);	
    419. 

  419. 		}
    420. 

  420.  */		
    421. 

  421. 		
    422. 

  422. 	/* 	let $obj = $('.pd_detail .opt_result'); 
    423. 

  423. 		let $taget = $('.full_pop_fix_r .opt_result');
    424. 

  424. 		$taget.html($obj.html());
    425. 

  425. 		
    426. 

  426. 		fnSetTotalPrice();
    427. 

  427. 		
    428. 

  428. 		$('body').addClass('lock');
    429. 

  429. 		$("#layer_goods_deal_detail").show();  */
    430. 

  430. 		
    431. 

  431. 	}
    432. 

  432. 	
    433. 

  433. 	// 레이어에서 상품선택시
    434. 

  434. 	var fnGoodsDealDesc = function(goodsCd){
    435. 

  435. 		var params = new Object();
    436. 

  436. 		params.goodsCd = goodsCd;
    437. 

  437. 		params.adminYn = "Y";
    438. 

  438. 		gagajf.ajaxSubmit("/goods/deal/detail/info/frame", "html", "goodsDealDetail", params);
    439. 

  439. 		$("#pdDescrpPop").modal("show");
    440. 

  440. 	}
    441. 

  441. 	
    442. 

  442. 	$(document).ready( function() {
    443. 

  443. 		
    444. 

  444. 	});
    445. 

  445. 	
    446. 

  446. 	
    447. 

  447. /*]]>*/
    448. 

  448. </script>
    449. 

  449. </th:block>
    450. 

  450. 

  451. </html>
    452.