goods_details.html 11.8 KB
<!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>
<style>
    .de_main4ParaCon p{
        /*width: 2.9rem;*/
        font-size: 0.28rem;
        cursor: pointer;
        margin-bottom: 0.08rem;
        color: rgba(102, 102, 102, 1);
        text-align: left;
    }
</style>
<body>
<div class="detail_box">
    <!-- 顶部 -->
    <div class="detail_top order_tops 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>
                    <p>套装:{$data.suit}</p>
                </li>
                <li>
                    <p>装订:{$data.binding}</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>
        <ul>
            <volist name="$data.instr" id="vo">
                <li>
                    <div class="de_main5Con">{$vo}</div>
                </li>
            </volist>
        </ul>
        <div class="phone" style="font-size: 0.29rem;color: #666666;margin-top: 0.2rem;margin-left: 0.3rem">咨询电话:{$data.zixun_phone}</div>
    </div>

    <!-- 底部 -->
    <div class="de_footer">
        <if condition="$is_collect eq 1">
            <div class="de_footerLeft" >
                <div class="de_footerLeftLi collection" style="margin-top: 0.1rem" >
                    <div class="de_footerLeftImg" onclick="goods_collection({$data.id})">
                        <img src="__TMPL__/public/assets/images/26.png" alt="" id="imgsss">
                    </div>
                    <p id="shoucang">收藏</p>
                </div>
            </div>
            <else/>
            <div class="de_footerLeft">
                <div class="de_footerLeftLi collection">
                    <div class="de_footerLeftImg" onclick="cancel_goods_collection({$data.id})">
                        <img src="__TMPL__/public/assets/images/xin (1).png" alt="">
                    </div>
                    <p>已收藏</p>
                </div>
            </div>
        </if>
        <div class="de_footerLeft">
            <div class="de_footerLeftLi" onclick="go_to_car()">
                <div class="de_footerLeftImg" style="width: 0.45rem;height: 0.45rem;">
                    <img src="__TMPL__/public/assets/images/17.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 src="https://res.wx.qq.com/open/js/jweixin-1.2.0.js"></script>
<script>
    wx.config({$jssdk});
    wx.ready(function () {
        wx.onMenuShareAppMessage({
            title: '学考无忧',
            desc: "{$data.book_name}",
            link: '{$url}',
            imgUrl: "{:cmf_get_image_url($data.show_img)}", // 分享图标
            type: 'link', // 分享类型,music、video或link,不填默认为link
            dataUrl: '', // 如果type是music或video,则要提供数据链接,默认为空
            success: function (res) {

                alert('分享成功');

                //分享成功返回信息
            },
            fail: function (res) {
                alert(JSON.stringify(res));
            }
        });
        wx.onMenuShareTimeline({
            title: '学考无忧',
            desc: "{$data.book_name}",
            link: '{$url}',
            imgUrl: "{:cmf_get_image_url($data.show_img)}", // 分享图标
            type: 'link', // 分享类型,music、video或link,不填默认为link
            dataUrl: '', // 如果type是music或video,则要提供数据链接,默认为空
            success: function (res) {

                alert('分享成功');
                //分享成功返回信息
            },
            fail: function (res) {
                alert(JSON.stringify(res));
            }
        });
    });
</script>
<script>
    /**
     * 点击跳转购物车页面
     */
    function go_to_car(){
        goods_id = "{$data.id}";
        $.post("{:url('Goodsdetails/is_salesmang_goods')}",{goods_id:goods_id},function(data){
            if(data){
                window.location.href = "{:url('Shopcart/shop_cart')}";
            }else{
                alert('不在此区域销售');
                window.location.href = "{:url('Index/index')}";
            }
        });

    }

    /**
     * 点击立即购买
     */
    function buy_now(id){
        price = {$price};
        goods_id = "{$data.id}";
        $.post("{:url('Goodsdetails/is_salesmang_goods')}",{goods_id:goods_id},function(data){
            if(data){
                $.post("{:url('Goodsdetails/goodsdetails_go_pay')}",{id:id,myprice:price},function(data){
                    obj = JSON.parse(data);
                    if(obj.type == 20){
                        alert('业务员不能购买');
                    }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;
                    }
                });
            }else{
                alert('不在此区域销售');
                window.location.href = "{:url('Index/index')}";
            }
        });

    }



    /**
     *点击收藏
     */
    function goods_collection(id){

        goods_id = "{$data.id}";
        $.post("{:url('Goodsdetails/is_salesmang_goods')}",{goods_id:goods_id},function(data){
            if(data){
                $.post("{:url('Goodsdetails/goods_collection')}",{goods_id:id},function(data){
                    if(data == 3){
                        alert('已收藏');
                    }else{
                        if(data){
                            /*$("#imgsss").attr("src","__TMPL__/public/assets/images/xin (1).png");
                            $('#shoucang').text('已收藏');
                            alert('收藏成功');*/
                            $('.collection').html("<div class='de_footerLeftImg' onclick='cancel_goods_collection("+id+")'><img src='__TMPL__/public/assets/images/xin (1).png' ></div><p>已收藏</p>");

                        }else{
                            alert('收藏失败');
                        }
                    }

                });
            }else{
                alert('不在此区域销售');
                window.location.href = "{:url('Index/index')}";
            }
        });

    }

    /**
     *点击取消收藏
     */
    function cancel_goods_collection(id){

        $.post("{:url('Goodsdetails/cancel_goods_collection')}",{goods_id:id},function(data){
            if(data){
                $('.collection').html("<div class='de_footerLeftImg' onclick='goods_collection("+id+")'><img src='__TMPL__/public/assets/images/26.png'  id='imgsss'></div><p id='shoucang'>收藏</p>");
            }else{
                alert('取消收藏失败');
            }
        });

    }







    /**
     *点击加入购物车
     */
    function add_cart(id){

        goods_id = "{$data.id}";
        $.post("{:url('Goodsdetails/is_salesmang_goods')}",{goods_id:goods_id},function(data){
            if(data){
                $.post("{:url('Shopcart/add_cart')}",{goods_id:id},function(data){
                    if(data == 2){
                        alert('已添加购物车');
                    }else if(data == 3){
                        alert('添加失败');
                    }else if(data == 1){
                        alert('添加成功');
                    }
                });
            }else{
                alert('不在此区域销售');
                window.location.href = "{:url('Index/index')}";
            }
        });

    }
</script>
</body>

</html>