team_success.html 19.5 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
<!DOCTYPE html>

<html style="height: 667px;"><head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no">
    <title>{$pdact.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']}"/>
    <link rel="stylesheet" type="text/css" href="__STATIC__/css/public.css">

    <link rel="stylesheet" type="text/css" href="__STATIC__/teamstyle/css/mui.min.css?v=__CSSVERSION__">
    <link rel="stylesheet" type="text/css" href="__STATIC__/teamstyle/css/main.css?v=__CSSVERSION__">
    <script src="__STATIC__/teamstyle/js/mui.js" type="text/javascript" charset="utf-8"></script>
    <script src="__STATIC__/teamstyle/js/jquery.js" type="text/javascript" charset="utf-8"></script>
    <script src="__STATIC__/teamstyle/js/layer/layer.js" type="text/javascript"></script>
    <link rel="stylesheet" href="__STATIC__/teamstyle/js/layer/skin/layer.css" id="layui_layer_skinlayercss">
    <script src="__STATIC__/teamstyle/js/layer/extend/layer.ext.js" type="text/javascript"></script>
    <link rel="stylesheet" href="__STATIC__/teamstyle/js/layer/skin/layer.ext.css" id="layui_layer_skinlayerextcss">
    <script src="__STATIC__/teamstyle/js/xmsz_common.js" type="text/javascript"></script>
    <link type="text/css" rel="stylesheet" href="__STATIC__/teamstyle/js/layer1.8.5/skin/layer.css" id="skinlayercss">
    <script type="text/javascript" src="__PUBLIC__/js/global.js?v=__CSSVERSION__"></script>
    <link rel="stylesheet" type="text/css" href="__STATIC__/css/public.css?v=__CSSVERSION__"/>
    <script type="text/javascript" src="__PUBLIC__/js/rem_new.js"></script>

</head>
<body class="mui-ios mui-ios-9 mui-ios-9-1" style="height: 667px;">
<include file="public/navBall" />

<script src="__STATIC__/teamstyle/js/lefttime.js" type="text/javascript"></script>
<style type="text/css">
    .mores-list{ padding: 0;}
    .bq-box{margin-bottom: 20px;  padding-bottom: 20px;}
    .bgdiv{position: fixed;  top: 0;left: 0;width: 100%; height: 100%;  background-color:rgba(0,0,0,0.5);z-index: 9999 }
    .onegoodsimg img{}
    body{
        color: #444;
    }
   .position{
       width: 0.15rem;
       height: 0.15rem;
       border-top: 1px solid #7d7d7d;
       border-left: 1px solid #7d7d7d;
       background: none;
       content: '\20';
       display: block;
       -webkit-transform: rotate(45deg);
       margin-left: 0.1rem;
       margin-top: 0.08rem;

   }
</style>

<input type="hidden" value="{$payf}-{$p_ord.pt_status}"/>

<div class="page-box">
    <!--组团成功加 ptcg-zk  失败加ptsb-zk-->
    <dl class="fx-cpbox <if condition='$is_succ eq 1'>ptcg-zk<else/><if condition='$p_ord.pt_status eq 3'>ptsb-zk</if></if> clearfix">
        <dt>
            <a href="/index.php/mobile/goods/goodsInfo/stoid/{$Think.request.stoid}/id/{$gd.goods_id}"><img src="{:getImg($gd.original_img,NOIMG)}"></a>
        </dt>
        <dd>
            <h3 class="ellipsis-2" style="height: 1rem;line-height: 0.4rem;">{$gd.goods_name}</h3>
            <div class="mui-card-link flex">
                <div style="margin-top: 0.15rem">

                <if condition="$pdact.kttype eq 3">
                   <span class="price-int"> <span class="rmb">¥</span>{$curpice}</span>
                <else/>
                   <span class="price-int"><span class="rmb">¥</span>{$pdact.price}</span>
                </if>
                <p class="price-ori">零售价¥{$gd.market_price}</p>
                </div>

                <div class="xc-right fr  fs24">
                    <div class="flex xc-valframe ">
                        <div>
                            <div style="width: 97%; color: #e22b44;margin-bottom: 0.03rem">已拼{$pdact.buy_num}份</div>
                            <div class="flex" style="align-items: center">
                                <div class="xc-frame-img  flex jc_center ai_center">
                                    <img class="picture" src="__STATIC__/images/weixin/w_logo.png"></img>
                                </div>
                                <div class="xc-people-val flex ai_center" style=" height: 0.25rem; padding-top: 0.19rem; padding-bottom: 0.13rem">{$pdact.ct_num}人拼</div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </dd>
    </dl>



    <div class="ladder-box1 clearfix rel">
        <p class="xc-fail  t_c">
            <if condition="($tgr.state eq 1 or $tgr.state eq 5) and $p_ord.pt_status neq 6">
                 拼团失败
            <elseif condition="$is_succ"/>
                拼团成功,为您节省<text class="fr"><if condition="$tgr.team_type eq 3">{:get_tj_price($gd.market_price,$tgr)}<else/>{:tofix2($gd.market_price-$pdact.price)}</if></text>
            <else/>
                <if condition="$tgr.state eq 2 and $pdact.kttype eq 3">
                    <if condition="$max_num gt $num">
                        当前价格<text class="fr">¥{$curpice}</text>,还差<text class="fr">{$max_num-$num}</text>人可享受最低价
                        <text class="fr">¥{$min_price}</text>
                     <else/>
                        该团已经拼购到最低价了哦~
                    </if>
                <elseif condition="$p_ord.pt_status neq 6 " />
                    <span> 还差<text class="fr">{$pdact.ct_num-$num}</text>人成团,组团成功为您节省{:tofix2($gd.market_price-$pdact.price)}元</span>
                </if>
            </if>
        </p>
        <div class="abs fail-img">
            <if condition="$tgr.state eq 1 or $tgr.state eq 5 and $p_ord.pt_status neq 6">
                <img src="__STATIC__/images/weixin/xc-qtshibai.png">
            <elseif condition="$is_succ"/>
               <img src="__STATIC__/images/weixin/xc_qtcg.png">
            </if>
        </div>

        <ul class="fx-cttx">
            <foreach name="pp" item="v">
                <li>

                    <img src="{$v['head_pic']|default='__STATIC__/teamstyle/img/txbg.png'}" >

                    <if condition="$v['is_pt_tz'] eq 1"><span>团长</span></if>
                </li>
            </foreach>

            <if condition="$p_ord.pt_status eq 1">
               <for start="0" end="$sf_num">
                <li>
                    <img src="__STATIC__/images/weixin/safa.png">
                </li>
            </for>
            </if>

            <if condition="count($ptedlist) gt 5">
                <li>
                <div style="width: 0.5rem;height: auto">
                   <img src="__STATIC__/images/weixin/ellipsis.png">
               </div>
                </li>
            </if>
        </ul>


        
        <div class="fx-box2">
            <div class="group-tit">
                <if condition="$tgr.state eq 2">
                    <span>剩余<em id="leftTimeJx645"><label>0</label>:<label>0</label>:<label>0</label>:<label>0</label></em>结束</span>
                    <script>onload_leftTime_jx(645,{$timedif},"label","");</script>
                </if>
                <if condition="$tgr.state eq 1 and $pdact.kttype neq 3 ">
                    <span> 还差<text class="fr">{$pdact.ct_num-$num}</text>人参团,拼团失败</span>
                <elseif condition="$p_ord.pt_status eq 2 and $pdact.kttype eq 3"/>
                     <span>剩余支付时间: <em id="leftTimeJx645"><label>0</label><label>0</label><label>0</label></em></span>
                     <script>onload_leftTime_jx(645,{$timedif},"label","");</script>
                <elseif condition="$tgr.state eq 3"/>
                    <span> 已经有<text class="fr">{$pdact.ct_num}</text>人参团,拼团成功</span>
               <elseif condition="$tgr.state eq 5  and $p_ord.pt_status neq 6 "/>
                    <span>未支付尾款,拼团失败</span>

                </if>
                <if condition="$p_ord.pt_status eq 6"/>
                <span>拼团已结束</span>
                </if>

            </div>
        </div>
        <if condition="$tgr.state eq 3">
            <div class="xc-fslv t_c fs025" style="width: 80%;margin: auto; margin-top: 0.1rem;margin-bottom: 0.3rem">
               拼团成功,规定时间内支付即发货
            </div>
        </if>
        <if condition="$p_ord.pt_status eq 2 && $pdact.kttype eq 3">
                <div class="buttem-frame fc"   url="/index.php?m=Mobile&c=cart&a=cart2_wk&ordsn={$p_ord.order_sn}&stoid={$Think.request.stoid}"
                     onclick="gopay_wk(this)">
                    <div class="xc-home-page t_c xc-balv">支付尾款</div>
                </div>
        </if>

        <!-- 邀请好友成团 -->
        <if condition="$p_ord.pt_status eq 1">
            <div class="fr t_c xc-onclik" >点击下方按钮分享给小伙伴,可快速成团!</div>
            <div onclick="look_share()" class="xc-invitation t_c xc-goods" style="color: #fff">邀请好友参团</div>
        </if>
        <div class="buttem-frame fc">
               <div onclick="go_url(this)" url="/mobile/index/index/stoid/{:I('stoid')}" class="xc-home-page t_c">返回首页</div>
        </div>
    </div>

    <!--此团情况-->
    <div class="fx-cdlist">
        <div class="explain-txt" id="explain-txt2" data="1">
            <div class="explain-open flex jc_center ai_center" id="explain-open2">
                <span class="flex"></span>
                <p class="after " id="drop_down"></p>
            </div>
            <div class="detail">
                <ul>
                    <foreach name="ptedlist" item="v">
                        <li class="flex jc_sb">
                            <div class="flex ai_center">
                            <img src="{$v['head_pic']|default='__STATIC__/teamstyle/img/txbg.png'}">
                            <texm>{$v.nickname}</texm>
                            </div>
                            <if condition="$v['is_pt_tz'] eq 1"><span class="time">{$v.add_time|date='Y-m-d H:i:s',###} 开团 </span>
                                <else/>
                                <span class="time">{$v.add_time|date='Y-m-d H:i:s',###} 参团</span>
                            </if>
                        </li>
                    </foreach>
                </ul>
            </div>
        </div>
    </div>

    <!-- 大家都在团 -->

        <div class='goodslisttop'>
            <div class="flex jc_center ai_center rel xc-linellae-frame">
                <div class="xc-linellae" style="border-bottom:0.01rem solid #a5a5a5;"></div>
                <div class="abs flex jc_center ai_center xc-recommend-frame ">
                    <img class=" xc-recommend" src="__STATIC__/images/weixin/zs.png">
                    </img>
                    <div class="xc-recommend-word">大家都在团</div>
                </div>
            </div>
            <div class='goodslisttopright'></div>
        </div>
        <div class="changxin">
            <foreach name="as_ptedlist" item="v">
                <div class='onegoods'  onclick="go_goods(this)" gid="{$v.goods_id}" >
                    <div class='onegoodsimg ny'>
                        <img class='onegoodsimg ny'src="{:getImg($v.original_img,NOIMG)}">
                    </div>
                    <div class="xc-buttmo-frame">
                        <div class='onegoodsdesc '>
                            <div class='price flex ai_center jc_sb'>
                                <div class='jgleft flex ai_center '>
                                    <text class="xc-ping xc-wc flex jc_center ai_center"></text>
                                    <text class="xc-spell" ></text>
                                    <p  class="fc fs030"style="margin-top: 0.04rem;">{$v.price}</p>
                                </div>
                                <div class='jgright'>{$v.buy_num}<span>人参团</span>
                                </div>
                            </div>
                        </div>
                        <div class="xc-shuoming ellipsis-2 fs024" style="line-height: 0.33rem">{$v.title}</div>
                    </div>
                </div>
            </foreach>
        </div>
    <!--<if condition="$as_ptedlist">-->
 <!--   </if>-->

</div>

<script src="__STATIC__/teamstyle/js/layer1.8.5/layer.min.js"></script>
<script type="text/javascript">

    $("#explain-txt2").click(function(){
       var datas=$("#explain-txt2").attr("data");

       if(datas==1){
           var datas=$("#explain-txt2").attr("data","2");
           $("#drop_down").addClass("position");
           $("#drop_down").removeClass("after");
       }else {
           $("#drop_down").removeClass("position");
           $("#drop_down").addClass("after");
           $("#explain-txt2").attr("data","1");
       }
    });




    function convertCanvasToImage(canvas) {
        var image = new Image();
        image.src = canvas.toDataURL("image/png");
        return image;
    }
</script>

<!---点击弹出遮罩---->
<div id="fx-pop" class="hide" onClick="closezhe(this)">
    <div class="pop-box2">
        <div class="pop-jt1">
            <img src="__STATIC__/teamstyle/img/jt1-2.png">
        </div>
        <if condition="$pdact.ct_num gt $num">
            <h2>还差<span>{$pdact.ct_num-$num}</span>人,邀请好友参团吧 <img src="__STATIC__/teamstyle/img/jt-n1.png" style="width: 26px;"></h2>
            <br><br><h2>点击右上角,发送给<span>朋友</span><span>朋友圈</span></h2>
        <else/>
            <h2>邀请好友参团吧 <img src="__STATIC__/teamstyle/img/jt-n1.png" style="width: 26px;"></h2>
            <br><br><h2>点击右上角,发送给<span>朋友</span><span>朋友圈</span></h2>
        </if>
    </div>
    <!--<dl class="jt-new">-->
        <!--<dt><img src="__STATIC__/teamstyle/img/jt-n1.png"></dt>-->
        <!--<dd><img src="__STATIC__/teamstyle/img/jt-n2.png"></dd>-->
    <!--</dl>-->
    <div class="view-qrcode" onClick="lookshare(event)"><div>查看分享二维码</div></div>
</div>

<script>
    function close_qrcode_share() {
        $("#qrcode_share").fadeOut(3);
    }
    function look_share() {
        $("#fx-pop").removeClass('hide');
    }



        function closezhe(ob) { $(ob).addClass('hide');}

        $(document).ready(function () {
            $(".buy_team").click(function () {
                var commmon_id = 645;
                ajax_cart(5402, 10, 1, '', commmon_id);
            });
        });

        //选择规格返回不同的图片和规格
        var goods_id = '5402';
        var img_src = 'https://iplyp.b0.upaiyun.com/upload/13/images/gallery/f/c/1849_src.jpg';
        var team_num = '5';
        $('.buy-fl dd span').click(function () {
            $(this).addClass('active').siblings().removeClass('active');
            if (typeof($(this).attr('data-val')) != 'undefined') {
                getSelecteds();
            } else {
                $(".price-int").html($(this).attr('data-teamprice'));
            }
        });

        function getSelecteds() {
            var result = "";
            var buy_type = $('.buy_type').val();
            $(".buy-fl dd span[class='active']").each(function () {
                result += $(this).attr("data-val") + "-";
            });
            $.post("/goods/ajax_goodspec", {spec: result, goods_id: goods_id}, function (data) {
                if (data.code == 'success') {
                    $(".spec").val(data.spec);
                    if (buy_type != 9 && buy_type != 10) {
                        if (buy_type == 7) data.team_price = data.team_price / team_num;//邻居团
                        $(".price-sku").html(data.team_price);
                    }
                    if (data.path) {
                        $(".cp-img").attr('src', data.path);
                    } else {
                        $(".cp-img").attr('src', img_src);
                    }
                }
            }, "json");
        }

</script>

<div class="ptjj-txt show-rule-content" style="display: none;">
    <div class="detail">
        <div class="ptjj-tt">
            <span class="close_note"><img src="__STATIC__/teamstyle/img/gb.png"></span>
        </div>
        <p>1)用户选择好所要拼团的商品,进入开团页面,支付定金开团成功</p>
        <p>2)开团成功后,团的有效期为24小时,请及时把拼团分享页面分享给好友或朋友圈</p>
        <p>3)例如本团5人一个阶梯(价格为50元),10人一个阶梯(价格为:40元),24小时过后此团只有4个参团表示些拼团失败,系统退定金</p>
        <p>4)24小时过后此团的参团人数为6人表示此团参团成功,(请在24小时内补齐尾款),如果这6个人有2个没有支付尾款,商家会以50元的价格出售该商品,别外2个人不补齐尾款的话,商家有权退或不退定金</p>
    </div>
</div>
<div class="ptjj-txt show-note-content" style="display: none;">
    <div class="detail">
        <div class="ptjj-tt">
            <span class="close_note"><img src="__STATIC__/teamstyle/img/gb.png"></span>
        </div>
    <p>
        <span>1.开团:</span>选择心仪商品,点击“发起X人团”按钮,付款后即为开团成功;
    </p>
    <p>
        <span>2.参团:</span>进入朋友分享的页面,点击“立即参团”按钮,付款后即为参团成功,若多人同时支付,支付成功时间较早的人获得参团资格;
    </p>
    <p>
        <span>3.成团:</span>在开团或参团成功后,点击“邀请小伙伴参团”将页面分享给好友,在有效时间内凑齐人数即为成团,此时商家会开始发货;
    </p>
    <p>
        <span>4.组团失败:</span>在有效时间内未凑齐人数,即为组团失败,此时付款项会原路退回到支付账户;
    </p>
    <p>
        5.组团有效期间内,拼购商品订单不允许取消。
    </p>
    </div>
</div>
<script>
    var stoid="{$Think.request.stoid}";
    $(document).ready(function() {
        $(".show_note").click(function(){
            $(".show-note-content").show();
        });
        $(".fx-afxa").click(function(){
            $(".show-rule-content").show();
        });
        $(".close_note").click(function(){
            $(".ptjj-txt,.ptjj-txt-rule").hide();
        });

        $.ajax({
            type: "GET",
            url: "/index.php?m=Mobile&c=team&a=every_body_team&stoid=" + stoid ,
            success: function (data) {
               $(".mores-list").html(data);
            }
        });

    });

    function go_url(ob) {
       var url=$(ob).attr('url'); window.location.href=url;
    }

</script>
<script src="__STATIC__/teamstyle/js/main.js" type="text/javascript"></script>

<div id="subscribe" class="pop-gz hide">
    <div class="pop-gznr">
        <a href="javascript:;" class="pop-gbbtn">关闭</a>
        <h2>扫描或长按图中的二维码</h2>
        <p>为了接收发货通知,购买前需先关注</p>
        <div class="rwm-box">
            <img src="{$share_wximg}">
        </div>
        <p>或请回到微信首页搜索关注{$tpshop_config.shop_info_store_title}</p>
    </div>
</div>
<script>
    $(".pop-gbbtn").on("click",function(){
        $(".pop-gz").addClass("hide");
    });

    function gopay_wk(ob) {
        var url=$(ob).attr("url");
        window.location.href=url;
    }

    function go_goods(ob) {
        var gid=$(ob).attr("gid");
        window.location.href="/Mobile/Goods/goodsInfo/stoid/{:I('stoid')}/id/"+gid;
    }


</script>
</body></html>
<!-- 微信浏览器 调用微信 分享js-->
<include file="public/wx_share"/>
<!--分享生成图片-->
<include file="public/openShare_team"/>