group.html 34.2 KB
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93 94 95 96 97 98 99 100 101 102 103 104 105 106 107 108 109 110 111 112 113 114 115 116 117 118 119 120 121 122 123 124 125 126 127 128 129 130 131 132 133 134 135 136 137 138 139 140 141 142 143 144 145 146 147 148 149 150 151 152 153 154 155 156 157 158 159 160 161 162 163 164 165 166 167 168 169 170 171 172 173 174 175 176 177 178 179 180 181 182 183 184 185 186 187 188 189 190 191 192 193 194 195 196 197 198 199 200 201 202 203 204 205 206 207 208 209 210 211 212 213 214 215 216 217 218 219 220 221 222 223 224 225 226 227 228 229 230 231 232 233 234 235 236 237 238 239 240 241 242 243 244 245 246 247 248 249 250 251 252 253 254 255 256 257 258 259 260 261 262 263 264 265 266 267 268 269 270 271 272 273 274 275 276 277 278 279 280 281 282 283 284 285 286 287 288 289 290 291 292 293 294 295 296 297 298 299 300 301 302 303 304 305 306 307 308 309 310 311 312 313 314 315 316 317 318 319 320 321 322 323 324 325 326 327 328 329 330 331 332 333 334 335 336 337 338 339 340 341 342 343 344 345 346 347 348 349 350 351 352 353 354 355 356 357 358 359 360 361 362 363 364 365 366 367 368 369 370 371 372 373 374 375 376 377 378 379 380 381 382 383 384 385 386 387 388 389 390 391 392 393 394 395 396 397 398 399 400 401 402 403 404 405 406 407 408 409 410 411 412 413 414 415 416 417 418 419 420 421 422 423 424 425 426 427 428 429 430 431 432 433 434 435 436 437 438 439 440 441 442 443 444 445 446 447 448 449 450 451 452 453 454 455 456 457 458 459 460 461 462 463 464 465 466 467 468 469 470 471 472 473 474 475 476 477 478 479 480 481 482 483 484 485 486 487 488 489 490 491 492 493 494 495 496 497 498 499 500 501 502 503 504 505 506 507 508 509 510 511 512 513 514 515 516 517 518 519 520 521 522 523 524 525 526 527 528 529 530 531 532 533 534 535 536 537 538 539 540 541 542 543 544 545 546 547 548 549 550 551 552 553 554 555 556 557 558 559 560 561 562 563 564 565 566 567 568 569 570 571 572 573 574 575 576 577 578 579 580 581 582 583 584 585 586 587 588 589 590 591 592 593 594 595 596 597 598 599 600 601 602 603 604 605 606 607 608 609 610 611 612 613 614 615 616 617 618 619 620 621 622 623 624 625 626 627 628 629 630 631 632 633 634 635 636 637 638 639 640 641 642 643 644 645 646 647 648 649 650 651 652 653 654 655 656 657 658 659 660 661 662 663 664 665 666 667 668 669 670 671 672 673 674 675 676 677 678 679 680 681 682 683 684 685 686 687 688 689
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>团购页面-{$tpshop_config['shop_info_store_title']}</title>
<meta http-equiv="keywords" content="{$tpshop_config['shop_info_store_keyword']}" />
<meta name="description" content="{$tpshop_config['shop_info_store_desc']}" />
</head>
<style>
span.virtual_num {
    background: #fee97d linear-gradient(#fee97d 60%, #fde158 100%) repeat-x scroll 0 0;
    border-bottom: 1px solid #f9ac00;
    border-radius: 2px;
    color: #f72862;
    display: block;
    float: right;
    font-size: 20px;
    height: 23px;
    line-height: 23px;
    margin: 5px;
    padding-left: 5px;
    padding-right: 5px;
}
}
</style>
<body>
<!--------头部开始-------------->
<include file="public/header" />
<!--------头部结束-------------->
<link rel="stylesheet" href="__STATIC__/css/page.css" type="text/css">
<script src="__PUBLIC__/js/pc_common.js"></script>
<link rel="stylesheet" href="__STATIC__/css/jqzoom.css" type="text/css">
<script src="__STATIC__/js/jquery.jqzoom.js"></script>  
<script src="__PUBLIC__/js/layer/layer.js"></script><!--弹窗js 参考文档 http://layer.layui.com/-->
	<div class="layout">
    	<div class="breadcrumb-area">
        	<a href="/">首页</a> >>
            <foreach name="navigate_goods" key="k" item="v">
                     <a  href="{:U('/Home/Goods/goodsList',array('id'=>$k))}">{$v}</a> >>
            </foreach>
            <span>{$goods.goods_name}</span>
        </div>
        <div class="layout pa-to-10">            
            <!--商品图片轮播-->            
            <div class="left-area">
              <div class="left-area-tb">
               <div class="pro-gallery-img">
                	<div class="jqzoom"> <img id="zoomimg" src="{$goods.goods_id|goods_thum_images=400,400}" jqimg="{$goods.goods_id|goods_thum_images=800,800}" id="bigImage" width="480px" height="480px" alt=""/> </div>
               </div>
                <!-- 修改的部分-start -->
                <div class="pro-gallery-area">
					<div class="pro-gallery-nav">
	                	<a href="javascript:;" class="pro-gallery-back next-left disabled"></a>
	                	<div class="pro-gallery-thumbs">
	                        <ul class="small-pic" id="pro-gallerys" style="left: 0px;">
	                         <foreach name="goods_images_list" item="v" key="k" >
		                        <li class="small-pic-li <if condition="$k eq 0">current</if>"> 
	                            	<a href="javascript:void(0);">
	                                	<img src="{$v|get_sub_images=$v[goods_id],60,60}" data-img="{$v|get_sub_images=$v[goods_id],400,400}" data-big="{$v|get_sub_images=$v[goods_id],800,800}">
	                                </a>
	                            </li>
	                        </foreach>
	                        </ul>
	                    </div>
	                    <a href="javascript:;" class="pro-gallery-forward next-right"></a>
	                </div>
				</div>
                <!-- 修改的部分-end --> 
              </div>
            </div>   
			
            <!--商品图片轮播 end-->        
                
            <div class="right-area-num">
                <div class="right-area">
                    <div class="right-area-le30">
                        <h1>{$goods.goods_name}</h1>
                        <div class="cpxq-explain">{$goods.goods_remark}</div>
                    </div>	
                </div>
                <div class="right-area ma-to--1">
                    <!--商品促销 start-->	
                        <div class="bef_fo" style="font-size:14px; background-color:#f72862; color:#FFFFFF; line-height:32px; position:absolute; width:100%">
                            <p>
                              <span style="font-size:20px; padding:0px 16px 0px 26px;vertical-align:middle">团购价¥{$group_buy_info.price}</span>
                                <img class="clock_w" src="__STATIC__/images/lz.png" /><span id="surplus_text">278天 01时 58分 26秒</span>后结束
                                <span class="virtual_num">{$group_buy_info[virtual_num] + $group_buy_info[buy_num]}人已购买</span>
                             </p>
                        </div>
						<script>
                            // 倒计时
                            function GetRTime2(){
								//var text = GetRTime('2016/02/27 17:34:00');
								var text = GetRTime('{$group_buy_info.end_time|date="Y/m/d H:i:s",###}');
                                $("#surplus_text").text(text);
                            }
                            setInterval(GetRTime2,999);
                        </script>                        
                    <!--商品促销 end-->               
                	<div class="right-area-le30 pa-3-0-0-30">
                    	
                    	<div class="pro-promotions-area">
                            <table class="promotions-tab" width="100%" border="0" cellspacing="0" cellpadding="0">
                              <tr>
                                <td width="60px" align="right">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;价:</td>
                                <td>
                                	<p class="fo-si-24 ma-le-6" style="color:#CCC">
<span class="fo-si-24"  id="goods_price">{$goods.shop_price}</span>
                                    </p>                                    
                                </td>
                              </tr>
                              <tr>
                                <td width="60px" align="right">商品编号:</td>
								<td>
	                                <p class=" ma-le-6">{$goods.goods_sn} <a onClick="collect_goods({$goods.goods_id});" style="color:#00F;">收藏</a></p>                      
                            <!--------用户评价-end---------------->
                            
                                </td>
                              </tr>
                              <tr>
                                <td width="60px" align="right">商品评分:</td>
                                <td>
                                <p class="ma-le-6">
                                <span class="pf-comment"><i class="score"></i></span>
                                &nbsp;<a href=""><span>(共&nbsp;{$goods.comment_count}&nbsp;条评论)</span></a></p>
                                </td>
                              </tr>
                              <tr>
                                <td width="60px" align="right">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;费:</td>
                                <td><p class="ma-le-6">满99免运费</p></td>
                              </tr>
                              <tr>
                                <td width="60px" align="right">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;务:</td>
                                <td><p class="ma-le-6">由tpshop商城负责发货,并提供售后服务</p></td>
                                <td><!-- JiaThis Button BEGIN -->
                                <div class="jiathis_style">
                                    <a href="http://www.jiathis.com/share" class="jiathis jiathis_txt" target="_blank"><img src="http://v3.jiathis.com/code_mini/images/btn/v1/jiathis1.gif" border="0" /></a>
                                </div>
                                <script type="text/javascript" src="http://v3.jiathis.com/code_mini/jia.js" charset="utf-8"></script>
                                <!-- JiaThis Button END -->
                                </td>
                              </tr>
                            </table>
                        </div>
                    </div>
                </div>
                <form name="buy_goods_form" method="post" id="buy_goods_form" >
                <div class="right-area he315 ma-to--1">
                	<div class="right-area-le30 pa-3-0-0-30">
                    	<div class="pro-promotions-area">
                            <table class="promotions-tab he40-tr-td" width="100%" border="0" cellspacing="0" cellpadding="0">
                            <foreach name="filter_spec" item="v" key="k" > 
                              <tr>
                                <td width="60px" align="right">{$k}:</td>
                                <td>
                                    <ul class="choice-colol ma-le-6">
                                    <foreach name="v" item="v2" key="k2" >
                                       <if condition="$v2[src] neq ''">
                                        <li>
                                        	<div class="color-sku-fant">
                                                <div class="sku <if condition="$k2 eq 0 ">sku-bo-blo</if>">
													<a onClick="switch_spec(this)"><img src="{$v2[src]}"  onClick="$('#bigImage').attr('src','{$v2[src]}');$('#bigImage').attr('jqimg','{$v2[src]}');"/></a>
                                                    <input type="radio" style="display:none;" name="goods_spec[{$k}]" value="{$v2[item_id]}"  <if condition="$k2 eq 0 ">checked="checked"</if>   />
                                                    <s></s>
                                                </div>
												<p>{$v2[item]}</p>
                                            </div>                                            
                                        </li>
								       <else />                                        
										<li>
                                            <div class="sku  <if condition="$k2 eq 0 ">sku-bo-blo</if>">
                                                <a onClick="switch_spec(this);" class="choice-size">{$v2[item]}</a>
                                                <input type="radio"  style="display:none;" name="goods_spec[{$k}]" value="{$v2[item_id]}" <if condition="$k2 eq 0 ">checked="checked"</if>  />
                                                <s></s>
                                            </div>
                                        </li>                                        
								     </if>                                        
					                 </foreach>
                                    </ul>
                                </td>
                              </tr>
                            </foreach>   
                              <tr>
                                <td width="60px" align="right">购买数量:</td>
                                <td>
                                    <ul class="choice-colol ma-le-6">
                                        <li>
                                            <a onClick="switch_num(-1);" class="choice-number fl" title="减" style="width:24px">-</a>
                                            <input class="wi43 fl" type="text" value="1" name="goods_num" id="goods_num" readonly />
                                            <a onClick="switch_num(1);" class="choice-number fl" title="加" style="width:24px">+</a>
                                        </li>
                                    </ul>
                                </td>
                              </tr>
                              <if condition="empty($filter_spec)">
                              <tr>
                              	<td align="right" style="vertical-align:top">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;货:</td>
                                <td>由TPshop商城从 全国最近点 发货,并提供售后服务。如有问题咨询在线客服~!<br/>上午08:30前完成下单下午送达,下午下单隔日第二天送达.</td>
                              </tr>
                              </if>
                            </table>
                        </div>
                        <div class="join-a-shopping-cart fl"><!-- location.href='{:U('Home/Cart/cart')}-->
                            <a class="jrgwc-shopping-img jrgwc-shopping-img2" onClick="javascript:AjaxAddCart({$goods.goods_id},1,1);">
                                <span>立即参团</span>
                            </a>
                    	</div>
                        <div class="join-a-shopping-cart ma-le-210 fl">
                            <a class="jrgwc-shopping-img2" onClick="javascript:AjaxAddCart({$goods.goods_id},1,0);">
                                <span>加入购物车</span>
                            </a>
                    	</div>
                    	
                    </div>
                </div>
	                <input type="hidden" name="goods_id" value="{$goods.goods_id}" />
                </form>
            </div>
        </div>
    </div>
    <div class="layout ma-to-20 ov-hi">
    	<div class="wi240 ov-hi fl">
        	<div class="product-history-area">
            	<div class="hi47 co-grey">
                	<h3 class="fl browse-his">推荐商品</h3>
                    <!--<span class="fr pa-15-16-0-0"><a class="del-dust cu-po"></a></span>-->
                </div>
                <div class="history-bott">
                	<ul class="history-comm">
                     <tpshop sql="select * from `__PREFIX__goods` where is_recommend = 1 order by goods_id desc limit 10" item="v" key="k" >    
                		<li>
                        	<div>
                        		<p class="p-img-comm fl">
                                	<a href="{:U('Home/Goods/goodsInfo',array('id'=>$v[goods_id]))}"><img class="img-comm" src="{$v.goods_id|goods_thum_images=60,60}" alt=""></a>
                                </p>
                        		<p class="p-name-comm">
                                	<a href="{:U('Home/Goods/goodsInfo',array('id'=>$v[goods_id]))}">{$v.goods_name}</a>
                                </p>
                        		<p class="p-price-comm">
                                	<b>¥{$v.shop_price}</b>
                                </p>
                        	</div>
                        </li>
                      </tpshop>
                	</ul>
                </div>                
            </div>
        </div>
    	<div class="wi940 ov-hi fr">
        	<div class="comm-param">
            	<div class="parame-title">
                	<div class="par-titles co-grey">
                    	<ul class="commodity-xq tab_li">
                    		<li class="current cliks" onClick="switch_tab(this,'tab1')">
                            	<a>商品详情</a>
                            </li>
                            <li class="cliks" onClick="switch_tab(this,'tab2')">
                            	<a>用户评价({$commentStatistics['c0']})</a>
                            </li>
                            <li class="cliks" onClick="switch_tab(this,'tab3')">
                            	<a>规格参数</a>
                            </li>
                            <li class="cliks" onClick="switch_tab(this,'tab4')">
                            	<a>售后服务</a>
                            </li>
                    	</ul>
                    </div>
                </div>
                	<!-------------------商品详情------------------>
            	<div class="parame-bott cliks-bn" style="display:" id="tab1">
                    <div class="commodity-num pro-feature-area">                    	
                        <div class="pro-disclaimer-area ma-to-20">
							{$goods.goods_content|htmlspecialchars_decode}
                        </div>
                    </div>
                </div>
                    <!-------------------规格参数------------------>
                <div class="parame-bott cliks-bn" style="display:none"  id="tab3">
                    <div class="commodity-num pro-feature-area wi850">
                    	<table class="modity-zhut" width="100%" border="0" cellspacing="0" cellpadding="0">
                          <tr>
                            <th colspan="2"><h3>商品属性</h3></th>
                          </tr>                          
                          <foreach name="goods_attr_list" item="v" key="k" >
                          <tr>
                            <td class="wi143">{$goods_attribute[$v[attr_id]]}</td>
                            <td class="pa-5-0">{$v[attr_value]}</td>
                          </tr>                         
                          </foreach>
                        </table>
                    </div>
                </div>
                    <!-------------------售后服务------------------>
                <div class="parame-bott cliks-bn" style="display:none"  id="tab4">
                     <div class="commodity-num pro-feature-area wi850 padding36-0-36-0">
                    	<p class="fo-si-14 li-hi-1-5 fo-fa">
                        	本产品全国联保,享受三包服务,质保期为:一年质保
                            <br>
                            如因质量问题或故障,凭厂商维修中心或特约维修点的质量检测证明,享受7天内退货,15日内换货,15日以上在质保期内享受免费保修等三包服务!
                            <br>
                            售后服务电话:400-830-8300
                            <br>
                            <span>TPshop消费者官网: <a href="">http://www.tp-shop.com</a></span>
                            <br>
                        </p>
                    </div>
                </div>
                    <!-------------------用户评价------------------>
                <div class="parame-bott ov-hi" style="display:none"  id="tab2">
                            <div class="evaluation-top fo-fa di-in-bl">
                            	<div class="eval-le1 fl wi146 te-al">
                                	<span><b>{$commentStatistics['rate1']}</b>%</span>
                                    <em>好评度</em>
                                </div>
                            	<div class="eval-le2 fl wi123 pa-to-7">
                                	<dl>
                                		<dt>好评<em>({$commentStatistics['rate1']}%)</em></dt>
                                		<dd><s style=" width:94%"></s></dd>
                                	</dl>
                                	<dl>
                                		<dt>中评<em>({$commentStatistics['rate2']}%)</em></dt>
                                		<dd><s style=" width:2%"></s></dd>
                                	</dl>
                                	<dl>
                                		<dt>差评<em>({$commentStatistics['rate3']}%)</em></dt>
                                		<dd><s style=" width:4%"></s></dd>
                                	</dl>
                                </div>
                            	<div class="eval-le3 fl wi516">
                                	<dl>
                                		<dt>买家评论事项:购买后有什么问题, 满意, 或者不不满, 都可以在这里评论出来, 这里评论全部源于真实的评论.</dt>
                                	</dl>
                                </div>
                            	<div class="eval-le4 fl wi150 pa-to-43 te-al">
                                	<a href="{:U('Home/User/comment')}">发表评价</a>
                                </div>
                            </div>
                            <div class="evaluation-cen fo-fa">
                            	<div class="eval-cen-le fl pa-le-12">
                                	<ul>
                                		<li class="curres cliks">
                                            <a href="javascript:void(0);" data-t='1'>
                                                <span>
                                                    全部评价
                                                    <em>({$commentStatistics['c0']})</em>
                                                </span>
                                            </a>
                                        </li>
                                        <li class="cliks">
                                            <a href="javascript:void(0);" data-t='2'>
                                                <span>
                                                    好评
                                                    <em>({$commentStatistics['c1']})</em>
                                                </span>
                                            </a>
                                        </li>
                                        <li class="cliks">
                                            <a href="javascript:void(0);" data-t='3'>
                                                <span>
                                                    中评
                                                    <em>({$commentStatistics['c2']})</em>
                                                </span>
                                            </a>
                                        </li>
                                        <li class="cliks">
                                            <a href="javascript:void(0);" data-t='4'>
                                                <span>
                                                    差评
                                                    <em>({$commentStatistics['c3']})</em>
                                                </span>
                                            </a>
                                        </li>
                                	</ul>
                                </div>
                            </div>
                            <!--------用户评价-start--------------->
                            <!--<link rel="stylesheet" href="/public/bootstrap/css/bootstrap.min.css" type="text/css">--->
                            <div class="evaluation-bott pa-to-25 cliks-bn" style="display:block" id="ajax_comment_return">
                            <!--ajax 然后分页数据-->
                            </div>
							<script>
                                $(document).ready(function(){
									commentType = 1; // 评论类型
                                    ajaxComment(1,1);// ajax 加载评价列表
                                });
								
								// 好评差评 切换
								$(".eval-cen-le a").click(function(){
										$(".eval-cen-le li").removeClass('curres');	
										$(this).parent().addClass('curres');	
										commentType = $(this).data('t');// 评价类型   好评 中评  差评
										ajaxComment(commentType,1);
							    });
							    								
                                 // 用ajax分页显示评论
                                function ajaxComment(commentType,page){
                                        $.ajax({
                                            type : "GET",
                                            url:"/index.php?m=Home&c=goods&a=ajaxComment&goods_id={$goods['goods_id']}&commentType="+commentType+"&p="+page,//+tab,
                                            success: function(data){
                                                $("#ajax_comment_return").html('');
                                                $("#ajax_comment_return").append(data);
                                            }
                                        });
                                    }	
                            </script>	
                            <!--------用户评价-end---------------->
                </div>
            </div>
            <div class="comm-param">
            	<div class="parame-title">
                	<div class="par-titles co-grey">
                    	<ul class="commodity-xq ask_tab_li consult_ul">
                    		<li class="current cliks">
                            	<a data-t='0'>全部咨询</a>
                            </li>
                            <li class="cliks">
                            	<a data-t='1'>商品咨询</a>
                            </li>
                            <li class="cliks">
                            	<a data-t='2'>支付</a>
                            </li>
                            <li class="cliks">
                            	<a data-t='3'>配送</a>
                            </li>
                            <li class="cliks">
                            	<a data-t='4'>售后</a>
                            </li>                            
                    	</ul>
                    </div>
                </div>
                <!-------------------咨询列表----------------->
            	<div class="parame-bott cliks-bn" style="display:block" id="ask_tab1">
                    <div class="commodity-num" id="ajax_consult_return">
             		<!--ajax return-->
                    </div>
                </div>    
				<script>
                    $(document).ready(function(){
                        consult_type = 0; // 咨询类型
                        ajaxConsult(consult_type,1);// ajax 加载咨询列表
                    });                   
					// 咨询类型切换
					$(".consult_ul a").click(function(){
							$(".consult_ul li").removeClass('current');	
							$(this).parent().addClass('current');	
							consult_type = $(this).data('t');// 咨询类型 商品咨询 支付咨询 配送咨询 售后咨询
							ajaxConsult(consult_type,1);
					});
					                                                                        
                     // 用ajax分页显示咨询
                    function ajaxConsult(consult_type,page){
                            $.ajax({
                                type : "GET",
                                url:"/index.php?m=Home&c=Goods&a=ajax_consult&goods_id={$goods['goods_id']}&consult_type="+consult_type+"&p="+page,//+tab,
                                success: function(data){
                                    $("#ajax_consult_return").html('');
                                    $("#ajax_consult_return").append(data);
                                }
                            });
                        }	
                </script>                
                <!-------------------咨询列表-end---------------->                                                
                <!-------------------发表咨询------------------>
                <div class="parame-bott ma-to--21">
                    <div class="commodity-num">
                    	<div class="spxqer-top-t">
                        	<h3 class="spxqer-topt-h3">发表咨询</h3>
                        </div>
                        <div class="spxqer-cen">
                            <div class="spxqer-top pa-17-0-14">
                                <span class="colo-ora">温馨提示:</span>
                                因产线可能更改商品包装、产地、附配件等未及时通知,且每位咨询者购买、提问时间等不同。为此,客服给到的回复仅对提问者3天内有效,其他网友仅供参考!给您带来的不便还请谅解,谢谢!
                            </div>
                            <div class="form-edit-area">
                        		<form action="{:U('Home/Goods/goodsConsult')}" method="post" id="form_consult" name="form_consult" onSubmit="return check_form_consult(this);">
                                    <div class="form-table">
                                        <p>
                                            <b>商品咨询:</b>
                                            <input type="radio" name="consult_type" value="1" checked /><label for="">商品咨询</label>
                                            <input type="radio" name="consult_type" value="2" /><label for="">支付</label>
                                            <input type="radio" name="consult_type" value="3" /><label for="">配送</label>
                                            <input type="radio" name="consult_type" value="4" /><label for="">售后</label>
                                        </p>
                                        <p>&nbsp;名:<input type="text" name="username" id="username" placeholder="请输入网名" /></p> 
                                        <p>&nbsp;容:<textarea name="content" id="content"  class="textarea"></textarea></p>
                                        <p>
                                            验证码:<input  type="text" name="verify_code" placeholder="不区分大小写"/>
                                            <img  id="verify_code" width="80" height="40" src="/index.php?m=Home&c=Index&a=verify&type=consult&fontSize=20&length=4" />
                                            <a><img  src="__STATIC__/images/chg_image.png"  onclick="verify(this)" /></a>                                    
                                        </p>
                                    </div>                                    
                                    <div class="form-butt">
	                                    <input type="hidden" name="goods_id" id="goods_id"  value="{$goods['goods_id']}"/>
                                        <input type="submit" class="bu-tj" value="提交">                                        
                                    </div>                                
                              </form>
                        	</div>
                        </div>
                    </div>
                </div>
                <script>
						// 商品咨询表单验证
		                function check_form_consult(f){
							if($.trim($('input[name="username"]').val()).length == 0)
							{
								layer.msg('请填写一个网名', {
								  icon: 1,   // 成功图标
								  time: 2000 //2秒关闭(如果不配置,默认是3秒)
								});			

								return false;
							}
							if($.trim($('textarea[name="content"]').val()).length == 0)
							{
								layer.msg('请填输入咨询内容', {
								  icon: 1,   // 成功图标
								  time: 2000 //2秒关闭(如果不配置,默认是3秒)
								});											

								return false;
							}
							if($.trim($('input[name="verify_code"]').val()).length == 0)
							{
								layer.msg('请填输入验证码', {
								  icon: 1,   // 成功图标
								  time: 2000 //2秒关闭(如果不配置,默认是3秒)
								});																			

								return false;
							}														
								return true;							
						}
                </script>
                <!-------------------发表咨询 end----------------->  
        </div>
    </div>
    </div>

<script>





$(document).ready(function(){
	// 更新商品价格
	get_goods_price();
    $(".jqzoom").jqueryzoom({
        xzoom: 480,
        yzoom: 480,
        offset: 30,
        position: "right",
        preload: 1,
        lens: 1
    });

});



/**
* 切换规格
*/
function switch_spec(spec)
{
	$(spec).siblings('input').trigger('click');	 // 让隐藏的 单选按钮选中
	$(spec).parent().parent().parent().parent().find("div.sku").removeClass('sku-bo-blo'); //   清空勾选图标
	$(spec).parent().addClass('sku-bo-blo'); // 当前 加上勾选图标				
	// 更新商品价格
	get_goods_price();							
}

/**
* 购买商品数量加加减减
*/
function switch_num(num)
{
	var num2 = parseInt($("#goods_num").val());
	num2 += num;
	if(num2 < 1) num2 = 1; // 保证购买数量不能少于 1
	$("#goods_num").val(num2); // 修改商品购买数量
	
	// 更新商品价格
	get_goods_price();
}
// 用作 sort 排序用
function sortNumber(a,b) 
{ 
	return a - b; 
} 
 /*** 查询商品价格*/  
 function get_goods_price()
 {	 	 	

	var goods_price = {$goods.shop_price}; // 商品起始价
	var store_count = {$goods.store_count}; // 商品起始库存	

	var spec_goods_price = {$spec_goods_price};  // 规格 对应 价格 库存表   //alert(spec_goods_price['28_100']['price']);	
	// 如果有属性选择项
	if(spec_goods_price != null)
	{
		goods_spec_arr = new Array();
		$("input[name^='goods_spec']:checked").each(function(){
			 goods_spec_arr.push($(this).val());
		});    
		var spec_key = goods_spec_arr.sort(sortNumber).join('_');  //排序后组合成 key			
		goods_price = spec_goods_price[spec_key]['price']; // 找到对应规格的价格		
		store_count = spec_goods_price[spec_key]['store_count']; // 找到对应规格的库存
	}
	
	var goods_num = parseInt($("#goods_num").val()); 
	// 库存不足的情况
	if(goods_num > store_count)
	{
	   goods_num = store_count;
	   layer.msg('库存仅剩 '+store_count+' 件', {icon: 2}); //alert('库存仅剩 '+store_count+' 件');	   
	   $("#goods_num").val(goods_num);
	}	
	$("#goods_price").html(goods_price * goods_num); // 变动价格显示
 }
  
/**
* 切换 商品详情  用户评价  规格参数  包装清单  售后服务
*/
function switch_tab(cur,tab)
{
	$("#tab1,#tab2,#tab3,#tab4").hide(); // 先全部隐藏
	$("#"+tab).show();	// 再显示其中一个	
	$("ul.tab_li li").removeClass("current"); // 先全部样式去除
	$(cur).addClass("current"); //  单独的给当前点击这个加上		
}
 
// 验证码切换
function verify(){
   $('#verify_code').attr('src','/index.php?m=Home&c=Index&a=verify&type=consult&fontSize=20&length=4&r='+Math.random());
}

//缩略图切换
$('.small-pic-li').each(function(i,o){
	var lilength = $('.small-pic-li').length;
	$(o).hover(function(){
		$(o).siblings().removeClass('current');
		$(o).addClass('current');
		$('#zoomimg').attr('src',$(o).find('img').attr('data-img'));
		$('#zoomimg').attr('jqimg',$(o).find('img').attr('data-big'));
		if(i==0){
			$('.next-left').addClass('disabled');
		}
		if(i+1==lilength){
			$('.next-right').addClass('disabled');
		}
	});
})

//前一张缩略图
$('.next-left').click(function(){
	var newselect = $('.small-pic>.current').prev();
	$('.small-pic-li').removeClass('current');
	$(newselect).addClass('current');
	$('#zoomimg').attr('src',$(newselect).find('img').attr('data-img'));
	$('#zoomimg').attr('jqimg',$(newselect).find('img').attr('data-big'));
	var index = $('.small-pic>li').index(newselect);
	if(index==0){
		$('.next-left').addClass('disabled');
	}
	$('.next-right').removeClass('disabled');
})

//后前一张缩略图
$('.next-right').click(function(){
	var newselect = $('.small-pic>.current').next();
	$('.small-pic-li').removeClass('current');
	$(newselect).addClass('current');
	console.log(newselect)
	$('#zoomimg').attr('src',$(newselect).find('img').attr('data-img'));
	$('#zoomimg').attr('jqimg',$(newselect).find('img').attr('data-big'));
	var index = $('.small-pic>li').index(newselect);
	if(index+1 == $('.small-pic>li').length){
		$('.next-right').addClass('disabled');
	}
	$('.next-left').removeClass('disabled');
})
</script>
<!--------footer-开始-------------->
<include file="public/footer" />
<!--------footer-结束-------------->
</body>
</html>