hust-epi/whepi-ui/templates/groupBuying/groupBuyingXx.ftl

<#assign title="团购"/>
<#include "/home/frag.head.ftl" />

<div class="page__bd">
    <div class="weui-tab">
<#--        <header class="demos-header">-->
<#--            <h1 class="demos-title">团购</h1>-->
<#--        </header>-->
        <div class="weui-btn-area" style="display: flex; flex-direction: row;">
            <a class="weui-btn weui-btn_primary" href="javascript:goback();" style="width: 25vw; height: 6vh; line-height: 6vh;">返回</a>
            <div style="width: 65%;"></div>
        </div>

        <div class="weui-loadmore weui-loadmore_line" style="width: 100%">
            <span class="weui-loadmore__tips">团购信息</span>
            <div class="weui-media-box__bd">
                <h3>${ tgItem.tgTitle }</h3>
            </div>
        </div>
        <div>
            <p style="text-indent: -0em;margin-left: 2em;">供应商:&nbsp;&nbsp;${ tgItem.tgSupplier }</p>
            <div style="height: 1vh;"></div>
            <p style="text-indent: -0em;margin-left: 2em;">套&nbsp;&nbsp;&nbsp;&nbsp;餐:&nbsp;&nbsp;${ tgItem.tgGoods }</p>
            <div style="height: 1vh;"></div>
            <p style="text-indent: -0em;margin-left: 2em;">单&nbsp;&nbsp;&nbsp;&nbsp;价:&nbsp;&nbsp;${ tgItem.tgPrice }</p>
            <div style="height: 1vh;"></div>
            <p style="text-indent: -0em;margin-left: 2em;">最低起送(份):&nbsp;&nbsp;${ tgItem.tgMinNum }</p>
            <div style="height: 1vh;"></div>
            <p style="text-indent: -0em;margin-left: 2em;">最大订量(份):&nbsp;&nbsp;${ tgItem.tgMaxNum }</p>
            <div style="height: 1vh;"></div>
            <p id="p_tgItemNum" style="text-indent: -0em;margin-left: 2em;">个人限额(份):&nbsp;&nbsp;</p>
            <div style="height: 1vh;"></div>
            <p id="p_endTime" style="text-indent: -0em;margin-left: 2em;">截止时间:&nbsp;&nbsp;</p>
            <div style="height: 1vh;"></div>
            <p id="p_deliverTime" style="text-indent: -0em;margin-left: 2em;">预计送货时间:&nbsp;&nbsp;</p>
            <div style="height: 1vh;"></div>
            <p style="text-indent: -0em;margin-left: 2em;">服务电话:&nbsp;&nbsp;${ tgItem.tgPhoneNumber }</p>
            <div style="height: 1vh;"></div>
            <p style="text-indent: -0em;margin-left: 2em;">增补修订:&nbsp;&nbsp;${ tgItem.remark }</p>
        </div>
        <div class="weui-loadmore weui-loadmore_line" style="width: 100%">
            <span class="weui-loadmore__tips">参团情况</span>
            <div class="weui-cells__title">当前参团${ tgItem.currentNum }/${ tgItem.tgMinNum }</div>
        </div>
        <#if isMine=='mine' && tgItem.tgStatus==1>
            <div class="weui-btn-area">
                <p id="gb_zb" class="weui-btn weui-btn_primary">增补修订</p>
                <p id="gb_qx" class="weui-btn weui-btn_primary">取消团购</p>
                <p id="gb_wc" class="weui-btn weui-btn_primary">完成团购</p>
                <p id="gb_ck" class="weui-btn weui-btn_primary">查看参团信息</p>
            </div>
            <div style="height: 10vh;">

            </div>
        </#if>
        <#if isMine!='mine' && tgItem.tgStatus==1>
            <div class="weui-btn-area">
                <div class="weui-loadmore weui-loadmore_line" style="width: 100%">
                    <span class="weui-loadmore__tips">参团状态</span>
                    <div class="weui-cells__title">在团</div>
                </div>
                <#if tgItem.roleType==1>
                    <p id="gb_ck4" class="weui-btn weui-btn_primary">查看参团信息</p>
                </#if>
            </div>
        </#if>
        <#if isMine=='mine' && tgItem.tgStatus==2>
            <div class="weui-btn-area">
                <div class="weui-loadmore weui-loadmore_line" style="width: 100%">
                    <span class="weui-loadmore__tips">参团状态</span>
                    <div class="weui-cells__title">发货</div>
                </div>
            </div>
            <div class="weui-btn-area">
                <p id="gb_wc2" class="weui-btn weui-btn_primary">完成团购</p>
                <p id="gb_ck2" class="weui-btn weui-btn_primary">查看参团信息</p>
            </div>
            <div style="height: 10vh;">

            </div>
        </#if>
        <#if isMine!='mine' && tgItem.tgStatus==2>
            <div class="weui-btn-area">
                <div class="weui-loadmore weui-loadmore_line" style="width: 100%">
                    <span class="weui-loadmore__tips">参团状态</span>
                    <div class="weui-cells__title">发货</div>
                </div>
                <#if tgItem.roleType==1>
                    <p id="gb_ck5" class="weui-btn weui-btn_primary">查看参团信息</p>
                </#if>
            </div>
        </#if>
        <#if isMine=='mine' && tgItem.tgStatus==3>
            <div class="weui-btn-area">
                <div class="weui-loadmore weui-loadmore_line" style="width: 100%">
                    <span class="weui-loadmore__tips">参团状态</span>
                    <div class="weui-cells__title">完成</div>
                </div>
            </div>
            <div class="weui-btn-area">
                <p id="gb_ck3" class="weui-btn weui-btn_primary">查看参团信息</p>
            </div>
            <div style="height: 10vh;">

            </div>
        </#if>
        <#if isMine!='mine' && tgItem.tgStatus==3>
            <div class="weui-btn-area">
                <div class="weui-loadmore weui-loadmore_line" style="width: 100%">
                    <span class="weui-loadmore__tips">参团状态</span>
                    <div class="weui-cells__title">完成</div>
                </div>
                <#if tgItem.roleType==1>
                    <p id="gb_ck6" class="weui-btn weui-btn_primary">查看参团信息</p>
                </#if>
            </div>
        </#if>
        <#if tgItem.tgStatus==4>
            <div class="weui-btn-area">
                <div class="weui-loadmore weui-loadmore_line" style="width: 100%">
                    <span class="weui-loadmore__tips">参团状态</span>
                    <div class="weui-cells__title">取消</div>
                </div>
            </div>
        </#if>
    </div>
</div>

<#include "/home/frag.foot.ftl" />

<script>

    var userId = ${userId};
    var tgItem = ${tgItemJson};

    $('#p_endTime').append(tgItem.tgEndTime);
    $('#p_deliverTime').append(tgItem.tgDeliverTime);

    if (tgItem.tgItemNum != 0) {
        $('#p_tgItemNum').append(tgItem.tgItemNum);
    }

    $('#gb_zb').on('click', function () {
        window.location.href = "/yeweihui/groupBuyingCx.html?operation=remark&jmId=" + tgItem.jmId + "&userId=" + userId;
    });

    $('#gb_qx').on('click', function () {
        window.location.href = "/yeweihui/groupBuyingCx.html?operation=cancel&jmId=" + tgItem.jmId + "&userId=" + userId;
    });

    $('#gb_wc').on('click', function () {
        finish();
    });

    $('#gb_wc2').on('click', function () {
        finish();
    });

    $('#gb_ck').on('click', function () {
        window.location.href = "/yeweihui/tuangou/member/list.html?jmId=" + tgItem.jmId + "&userId=" + userId;
    });

    $('#gb_ck2').on('click', function () {
        window.location.href = "/yeweihui/tuangou/member/list.html?jmId=" + tgItem.jmId + "&userId=" + userId;
    });

    $('#gb_ck3').on('click', function () {
        window.location.href = "/yeweihui/tuangou/member/list.html?jmId=" + tgItem.jmId + "&userId=" + userId;
    });

    $('#gb_ck4').on('click', function () {
        window.location.href = "/yeweihui/tuangou/member/list.html?jmId=" + tgItem.jmId + "&userId=" + userId;
    });

    $('#gb_ck5').on('click', function () {
        window.location.href = "/yeweihui/tuangou/member/list.html?jmId=" + tgItem.jmId + "&userId=" + userId;
    });

    $('#gb_ck6').on('click', function () {
        window.location.href = "/yeweihui/tuangou/member/list.html?jmId=" + tgItem.jmId + "&userId=" + userId;
    });

    function goback() {
        window.location.href = "/yeweihui/home.html?show=tuangou&userId=" + userId;
    }

    function finish() {
        let sendData = {
            jmId: tgItem.jmId,
            status: 3
        };
        $.ajax({
            url: '/yeweihui/groupBuyingCx/remark/add.json',
            type: 'post',
            data: sendData,
            success: function (data) {
                if (data.success) {
                    $.alert("操作成功");
                    goback();
                }
                else  {
                    $.alert("操作失败");
                }
            },
            error: function () {
                $.alert("网络异常");
            }
        });
    }
</script>