flea_goods.html 13 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278
  1. {extend name="default/base/base_home" /}
  2. {block name="mall_main"}
  3. <script src="{$Think.PLUGINS_SITE_ROOT}/jquery.SuperSlide.2.1.1.js"></script>
  4. <link href="{$Think.HOME_SITE_ROOT}/css/flea_info.css" rel="stylesheet" type="text/css">
  5. <!--放大镜BEGIN-->
  6. <script src="{$Think.BASE_SITE_ROOT}/static/home/default/store/styles/default/js/jquery.jqzoom.js"></script>
  7. <!--放大镜END-->
  8. <script charset="utf-8" type="text/javascript" src="{$Think.HOME_SITE_ROOT}/js/flea/goodsinfo.js"></script>
  9. <script type="text/javascript" src="{$Think.PLUGINS_SITE_ROOT}/js/dialog/dialog.js" id="dialog_js" charset="utf-8"></script>
  10. <script>
  11. function collect_flea(fav_id){
  12. if(!{if session('member_id')}{:session('member_id')}{else}0{/if}){
  13. layer.msg('{$Think.lang.goods_please_login_first}');return;
  14. }
  15. var url = '{$Think.HOME_SITE_URL}/memberflea/addfavorites';
  16. $.getJSON(url, {'fav_id':fav_id}, function(data){
  17. if (data.done)
  18. {
  19. layer.msg(data.msg);
  20. setTimeout(slideUp_fn, 5000);
  21. }
  22. else
  23. {
  24. layer.msg(data.msg);
  25. }
  26. });
  27. }
  28. function slideUp_fn()
  29. {
  30. $('.ware_cen').slideUp('slow');
  31. }
  32. </script>
  33. <script type="text/javascript">
  34. function collect_goods(fav_id){
  35. if(!{if session('member_id')}{:session('member_id')}{else}0{/if}){
  36. layer.msg({$Think.lang.goods_please_login_first});return;
  37. }
  38. var url = '{$Think.HOME_SITE_URL}/member/addfavorites';
  39. $.getJSON(url, {'fav_id':fav_id}, function(data){
  40. if (data.done)
  41. {
  42. layer.msg(data.msg);
  43. setTimeout(slideUp_fn, 5000);
  44. }
  45. else
  46. {
  47. layer.msg(data.msg);
  48. }
  49. });
  50. }
  51. $(document).ready(function(){
  52. $('*[ds_type="dialog"]').click(function(){
  53. var id = $(this).attr('dialog_id');
  54. var title = $(this).attr('dialog_title') ? $(this).attr('dialog_title') : '';
  55. var url = $(this).attr('uri');
  56. var width = $(this).attr('dialog_width');
  57. CUR_DIALOG = ajax_form(id, title, url, width,0);
  58. return false;
  59. });
  60. $("#slider_high div").hover(
  61. function () {
  62. $(this).addClass("hightlight");
  63. },
  64. function () {
  65. $(this).removeClass("hightlight");
  66. }
  67. );
  68. });
  69. </script>
  70. <div class="content">
  71. <div id="flea_info_slider">
  72. <div id="slider" style="position:absolute; left:50px">
  73. <ul id="slider_high">
  74. {notempty name="goods_commend"}
  75. {foreach name="goods_commend" item="comment_goods"}
  76. <li class="sell_two">
  77. <div class="pic fn-left {if $Request.param.goods_id == $comment_goods.goods_id} bor{/if}">
  78. <span class="thumb size76">
  79. <i></i>
  80. <a href="{$Think.HOME_SITE_URL}/fleagoods/index/?type=goods&goods_id={$comment_goods.goods_id}">
  81. <img height="76" width="76" onload="javascript:ResizeImage(this,76,76);" src="{:flea_thumb($comment_goods['goods_image'])}" title="{$comment_goods.goods_name}" />
  82. </a>
  83. </span>
  84. </div>
  85. </li>
  86. {/foreach}
  87. {/notempty}
  88. </ul>
  89. </div>
  90. <span id="prevBtn2"><a href="javascript:void(0);" class="iconfont">&#xe619;</a></span>
  91. <span id="nextBtn2"><a href="javascript:void(0);" class="iconfont">&#xe618;</a></span>
  92. </div>
  93. <div class="flea_info_main">
  94. <div class="content_780 fn-left" style="position: relative;" ds_type="jqzoom_relative">
  95. <div style=" float:left; width:302px;">
  96. <div class="ware_pic">
  97. <div class="big_pic"><i><a href="javascript:void(0)">
  98. <span class="jqzoom">
  99. <div class="ico" style="display:none"></div>
  100. <img height="300" width="300" src="{if !isset($goods_image)}{:goods_thumb()}{else/}{$goods_image.thumb_small}{/if}" onload="javascript:ResizeImage(this,300,300);" jqimg="{if !isset($goods_image)}{:goods_thumb()}{else/}{$goods_image.thumb_big}{/if}" />
  101. <div class='jqZoomPup'>&nbsp;</div>
  102. </span>
  103. <div class='zoomdiv' style='top:-9999em;'><img class='bigimg' src="{if !isset($goods_image)}{:goods_thumb()}{else/}{$goods_image.thumb_big}{/if}" /></div>
  104. </a></i>
  105. </div>
  106. <div class="bottom_btn">
  107. <div class="ware_box">
  108. <ul>
  109. {notempty name="desc_image"}
  110. {foreach name="desc_image" item="val" key="key" }
  111. <li {if $key == 0}class="ware_pic_hover"{/if} bigimg="{$val.thumb_big}">
  112. <span class="thumb size40"><i></i><img height="40" width="40" src="{$val.thumb_small}" onload="javascript:ResizeImage(this,40,40);" /></span>
  113. </li>
  114. {/foreach}
  115. {/notempty}
  116. </ul>
  117. </div>
  118. </div>
  119. </div>
  120. </div>
  121. <div class="ware_info">
  122. <div id="property" class="fn-right">
  123. <h1 class="ware_title">
  124. <strong class="fn-left">{$goods_title}</strong>
  125. </h1>
  126. <div class="flea_goods_right">{$Think.lang.goods_collection}<font color="red">{$goods.flea_collect_num}</font><span class="split">&nbsp;|&nbsp;</span>{$Think.lang.goods_page_views}<font color="red">{$goods.goods_click}</font></div>
  127. <ul class="item_info">
  128. <li class="price"><em class="flea_left_title">{$Think.lang.flea_transfer_price}</em><strong>{$goods.goods_store_price}</strong><em>{$Think.lang.flea_index_rmb}</em></li>
  129. <li><em class="flea_left_title">{$Think.lang.flea_transfer_area}</em><a class="orange" href="{$Think.HOME_SITE_URL}/fleaclass/index/?area_input={$goods.fleaarea_id}">{$goods.fleaarea_name}</a></li>
  130. <li class="rank_new">
  131. <em class="flea_left_title">{$Think.lang.flea_old_deep}</em>
  132. <span>{$goods.flea_quality}{$Think.lang.flea_as_new}</span>
  133. <span class="tb-tips">
  134. <s class="tb-tips-l"></s>
  135. {$Think.lang.flea_oldnew_choose}?
  136. <a class="ico3" style="text-decoration:none; cursor:pointer;" ds_type="dialog" dialog_id="friend_add" dialog_title="{$Think.lang.flea_oldnew_choose}" uri="{$Think.HOME_SITE_URL}/fleaclass/quality_inner" dialog_width="400">
  137. {$Think.lang.flea_look_fineness_division}
  138. </a>
  139. </span> </li>
  140. <li><em class="flea_left_title">{$Think.lang.goods_sellers}</em><a href="{$Think.HOME_SITE_URL}/Membermessage/sendmsg/?member_id={$flea_member_info.member_id}" target=_blank>{$flea_member_info.member_name}</a></li>
  141. <li><em class="flea_left_title">{$Think.lang.goods_posted_on}</em><?php echo \app\home\controller\fleagoods::checkTime($goods['goods_addtime']) ;?>{$Think.lang.flea_index_front}</li>
  142. <li>
  143. {notempty name='goods.goods_tag'}
  144. {foreach $goods.goods_tag as $val}
  145. {notempty name='val'}<a class="flea_keywords" href="{$Think.HOME_SITE_URL}/fleaclass/index/?key_input={:urlencode($val)}" target="_blank">{$val}</a>{/notempty}
  146. {/foreach}
  147. {/notempty}
  148. </li>
  149. </ul>
  150. <div id="contact" class="grey-box">
  151. <div class="bd">
  152. <ul class="fn-clear">
  153. <li>{$Think.lang.flea_contact_person}: {$goods.flea_pname}</li>
  154. <li>{$Think.lang.flea_contact_tel}: <img style="vertical-align: text-bottom;" src="{$Think.HOME_SITE_URL}/Pnum/index?pnum={$goods.flea_pphone}"></li>
  155. </ul>
  156. <p style="color:#a2a2a2">{$Think.lang.flea_explain_before_buy1}{$Think.lang.flea_explain_before_buy2}</p>
  157. </div>
  158. </div>
  159. <div class="share">
  160. <!-- Baidu Button BEGIN -->
  161. <div id="bdshare" class="bdshare_t bds_tools get-codes-bdshare"> <span class="bds_more flea_btn" style="background:#f42424 !important">{$Think.lang.flea_share}</span> </div>
  162. <script type="text/javascript" id="bdshare_js" data="type=tools" ></script>
  163. <script type="text/javascript" id="bdshell_js"></script>
  164. <script type="text/javascript">
  165. document.getElementById("bdshell_js").src = "http://bdimg.share.baidu.com/static/js/shell_v2.js?t=" + new Date().getHours();
  166. </script>
  167. <!-- Baidu Button END -->
  168. <span><a href="#" class="flea_btn" onclick="javascrit:collect_flea({$goods.goods_id});return false;">{$Think.lang.flea_goods_collect_goods}</a></span> </div>
  169. </div>
  170. </div>
  171. </div>
  172. <div class="content_208 fn-right">
  173. <div class="col-sub">
  174. <a href="{$Think.HOME_SITE_URL}/Memberflea/add_goods">{$Think.lang.goods_transfer_unused_goods}</a>
  175. </div>
  176. <div id="seller_info" class="flea_gray mb10">
  177. <h2 class="title">{$Think.lang.flea_other_info}</h2>
  178. <div class="flea_wrap-inside">
  179. {notempty name="goods_commend3"}
  180. {foreach name="goods_commend3" item="val"}
  181. <div class="flea_goods clearfix">
  182. <div class="pic">
  183. <span class="thumb size60">
  184. <i></i>
  185. <a title="{$val.goods_name}" href="{$Think.HOME_SITE_URL}/fleagoods/index/?type=goods&goods_id={$val.goods_id}"><img height="60" width="60" src="{:flea_thumb($val['goods_image'])}" onload="javascript:ResizeImage(this,60,60);"></a>
  186. </span>
  187. </div>
  188. <dl>
  189. <dt><a href="{$Think.HOME_SITE_URL}/fleagoods/index/?type=goods&goods_id={$val.goods_id}">{$val.goods_name}</a></dt>
  190. <dd>{$Think.lang.currency}<a href="{$Think.HOME_SITE_URL}/fleagoods/index/?type=goods&goods_id={$val.goods_id}">{$val.goods_store_price}</a></dd>
  191. </dl>
  192. </div>
  193. {/foreach}
  194. {/notempty}
  195. </div>
  196. </div>
  197. </div>
  198. <div id="Tab1">
  199. <div class="Menubox">
  200. <ul>
  201. <li id="one1" onclick="setTab('one',1,2)" class="hover">{$Think.lang.flea_goods_info}</li>
  202. <li id="one2" onclick="setTab('one',2,2)">{$Think.lang.flea_buyer_msg}</li>
  203. </ul>
  204. </div>
  205. <div class="Contentbox">
  206. <div id="con_one_1" class="hover">
  207. <div>{:htmlspecialchars_decode($goods.goods_body)}</div>
  208. </div>
  209. <div id="con_one_2" style="display:none">
  210. <div id="comments-content">
  211. <div class="comment-edit">
  212. <form method="post" id="save_consult_form2" action='{:url("Fleagoods/save_consult")}'>
  213. <input type="hidden" name="goods_id" value="{$Request.param.goods_id}">
  214. <input type="hidden" name="member_id" value="{:session('member_id')}">
  215. <input type="hidden" name="email" value="{:session('member_email')}">
  216. <input type="hidden" value="" name="type_name">
  217. <div class="comment-user"><img src="{:get_member_avatar(session('avatar'))}"></div>
  218. <div class="comment-add"><textarea name="content" type="text"></textarea></div>
  219. <div class="comment-act"><input type="submit" class="btn" value="{$Think.lang.flea_index_commit}"></div>
  220. </form>
  221. <script type="text/javascript">
  222. $(document).ready(function(){
  223. $('#save_consult_form2').validate({
  224. submitHandler:function(form){
  225. ds_ajaxpost('save_consult_form2');
  226. }
  227. });
  228. });
  229. </script>
  230. </div>
  231. <ul class="comment-list">
  232. {notempty name="consult_list"}
  233. {foreach name="consult_list" item="val"}
  234. <li>
  235. <div class="comment-user"><img src="{:get_member_avatar($val.member_avatar)}"></div>
  236. <p class="words"><span>{$val.fleaconsult_content}</span></p>
  237. <p class="time"><span class="user_name">{$val.member_name}</span>{$Think.lang.goods_message}<?php echo \app\home\controller\fleagoods::checkTime($val['fleaconsult_addtime']) ;?>{$Think.lang.flea_index_front}</p>
  238. </li>
  239. {/foreach}
  240. {/notempty}
  241. </ul>
  242. </div>
  243. </div>
  244. </div>
  245. </div>
  246. <div class="fn-clear"></div>
  247. </div>
  248. <script type="text/javascript">
  249. function setTab(name,cursel,n){
  250. for(i=1;i<=n;i++){
  251. var menu=document.getElementById(name+i);
  252. var con=document.getElementById("con_"+name+"_"+i);
  253. menu.className=i==cursel?"hover":"";
  254. con.style.display=i==cursel?"block":"none";
  255. }
  256. }
  257. </script>
  258. <script type="text/javascript">
  259. $(function(){
  260. jQuery("#flea_info_slider").slide({prevCell:"#prevBtn2",nextCell:"#nextBtn2",mainCell:"#slider_high",autoPage:true,effect:"left",vis:11});
  261. });
  262. </script>
  263. {/block}