public/themes/simpleboot3/portal/goodsdetails/goods_details.html

<!DOCTYPE html>
<html lang="en">

<head>
    <meta http-equiv="Content-Type" content="text/html;charset=UTF-8">
    <meta content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0;" name="viewport" />
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>学考无忧-详情页</title>
    <link rel="stylesheet" href="__TMPL__/public/assets/css/reset.css">
    <link rel="stylesheet" href="__TMPL__/public/assets/css/base.css">
</head>

<body>
<div class="detail_box">
    <!-- 顶部 -->
    <div class="detail_top order_top">
        <a href="javascript:history.go(-1)">
            <img src="__TMPL__/public/assets/images/left2.png" alt="">
        </a>
        <p style="color:white">商品详情</p>
    </div>
    <!-- banner 顶部 -->
    <div class="de_top">
        <!-- 图片 -->
        <div class="de_topImg">
            <img src="{:cmf_get_image_url($data.show_img)}" alt="">
        </div>
        <!-- 文字 -->
        <div class="de_topTxt">
            <!-- 价格 -->
            <div class="de_topTxt1">
                <p class="de_topTxt1_1">￥<span>{$data.price0}</span>.{$data.price1}</p>
                <p class="de_topTxt1_2">￥<span>{$data.pricing0}</span>.{$data.pricing1}</p>
            </div>
            <!-- 名字 -->
            <div class="de_topTxt2 txt-cut">{$data.book_name}</div>
            <!-- 其他 -->
            <div class="de_topTxt3">
                <span>作者：{$data.author}</span>
                <span>适合年级：{$data.grade}</span>
                <span>销量:{$data.sales}</span>
            </div>
        </div>
    </div>
    <!-- 出版 -->
    <div class="de_main2">
        <ul class="de_main2_1">
            <li>
                <p class="de_main2Txt1">出版社</p>
                <span class="de_main2Txt2">{$data.press}</span>
                <img class="de_main2Img" src="__TMPL__/public/assets/images/29.png" alt="">
            </li>
            <li>
                <p class="de_main2Txt1">出版时间</p>
                <span class="de_main2Txt2">{$data.press_time}</span>
                <img class="de_main2Img" src="__TMPL__/public/assets/images/29.png" alt="">
            </li>
        </ul>
        <!-- 提示 -->
        <div class="de_main2_2">
            <ul>
                <volist name="data_label" id="vo">
                    <li>{$vo.name}</li>
                </volist>
            </ul>
        </div>
    </div>
    <!-- 相关推荐 -->
    <if condition="$is_recomm eq 1">
        <div class="de_main3">
            <div class="de_main3Tiele">— <span>相关推荐</span> —</div>
            <ul class="de_main3_list">
                <volist name="data_recomm" id="vo">
                    <a href="{:url('Goodsdetails/Goods_details',array('goods_id'=>$vo.id))}">
                        <li>
                            <div class="de_main3Img">
                                <img src="{:cmf_get_image_url($vo.show_img)}" alt="">
                            </div>
                            <p class="one-txt-cut">{$vo.book_name}</p>
                        </li>
                    </a>
                </volist>
            </ul>
        </div>
    </if>
    <!-- 商品详情 -->
    <div class="de_main4">
        <div class="de_main3Tiele">— <span>商品详情</span> —</div>
        <!-- 参数 -->
        <div class="de_main4Parameter">
            <h1>基本信息：</h1>
            <ul class="de_main4ParaCon">
                <li>
                    <p>书号：{$data.book_number}</p>
                    <p>开本：{$data.book_size}</p>
                </li>
                <li>
                    <p>纸张：{$data.paper}</p>
                    <p>印刷：{$data.printing}</p>
                </li>
                <li>
                    <p>装订：{$data.binding}</p>
                    <p>套装：{$data.suit}</p>
                </li>
            </ul>
        </div>
        <!-- 图片 -->
        <div class="de_main4Img">
            <volist name="det_img" id="vo">
                <img src="{:cmf_get_image_url($vo)}" alt="">
            </volist>
        </div>
    </div>
    <!-- 精彩推荐 -->
    <div class="de_main5">
        <div class="de_main5Tit">商品说明</div>
        <div class="de_main5Con">{$data.instr}</div>
    </div>

    <!-- 底部 -->
    <div class="de_footer">
        <div class="de_footerLeft" onclick="goods_collection({$data.id})">
            <div class="de_footerLeftLi">
                <div class="de_footerLeftImg">
                    <img src="__TMPL__/public/assets/images/26.png" alt="">
                </div>
                <p>收藏</p>
            </div>
        </div>
        <div class="de_footerRight">
            <div class="de_footerRight1" onclick="add_cart({$data.id})">加入购物车</div>
            <div class="de_footerRight2" onclick="buy_now({$data.id})">立即购买</div>
        </div>
    </div>
</div>
<script src="__TMPL__/public/assets/js/base.js"></script>
<script src="__TMPL__/public/assets/js/jquery.js"></script>
<script>
    /**
     * 点击立即购买
     */
    function buy_now(id){
        price = {$price};
       $.post("{:url('Goodsdetails/goodsdetails_go_pay')}",{id:id,myprice:price},function(data){
           obj = JSON.parse(data);
           if(obj.type == 3){
               alert('业务员商品和平台商品不能同时购买！');
           }else if(obj.type == 1){
               window.location.href = "{:url('Orderpage/order_page')}?indet_id="+obj.indet_id;
           }else if(obj.type == 2){
               window.location.href = "{:url('Orderpage/order_salesman_ty')}?indet_id="+obj.indet_id;
           }
       });
    }


    /**
     *点击收藏
     */
    function goods_collection(id){
        $.post("{:url('Goodsdetails/goods_collection')}",{goods_id:id},function(data){
            if(data){
                alert('收藏成功');
            }else{
                alert('收藏失败');
            }
        });
    }

    /**
     *点击加入购物车
     */
    function add_cart(id){
        $.post("{:url('Shopcart/add_cart')}",{goods_id:id},function(data){
            if(data == 2){
                alert('已添加购物车');
            }else if(data == 3){
                alert('添加失败');
            }else if(data == 1){
                alert('添加成功');
            }
        });
    }
</script>
</body>

</html>