hust-epi/whepi-ui/templates/home/buyClient.ftl

<div class="weui-btn-area">
    <div style="display:flex; flex-direction: row; justify-content: space-between">
        <div class="weui-flex__item">
            <div class="placeholder" style="display: inline;align-items: flex-start">当前参团:</div>
            <div style="display: inline;align-items: flex-start" id="Buycount"></div>
        </div>
    </div>

    <div class="weui-flex__item">
        <div style="display: inline;align-items: flex-end">状&nbsp;&nbsp;&nbsp;&nbsp;态:</div>
        <div style="display: inline;" id="myStatus"></div>
    </div>

    <div class="weui-flex" style="display:flex; flex-direction: row; justify-content: space-between">
        <div class="weui-flex__item">
            <div style="display: inline;align-items: flex-start">我的团购:</div>
            <div style="display: inline;">
                <input type="text" id="buyCount"
                       style="border: 1px solid rgba(0,0,0,.2);box-sizing:border-box; border-radius: 5px; height: 5vh; width: 20%;"
                       maxlength="3" onkeyup="this.value=this.value.replace(/[^0-9-]+/,'');" min="1"
                       onchange="changeBuy()">
            </div>
        </div>
    </div>
    <div class="weui-flex__item" >
        <div style="display: inline;">金&nbsp;&nbsp;&nbsp;&nbsp;额￥:</div>
        <div style="display: inline;" id="myMenory"></div>
    </div>
    <div class="weui-flex">
        <div class="weui-flex__item">
            <div style="display: inline;">联系电话:</div>
            <div class="weui-flex__item" style="display: inline;">
                <input type="text" maxlength="11" id="myPhone" onkeyup="value=value.replace(/[^\d]/g,'')"
                       maxlength=11
                       style="border: 1px solid rgba(0,0,0,.2);box-sizing:border-box; border-radius: 5px; height: 5vh; width: 50%;"">
            </div>
        </div>
    </div>
    <div style="display:flex; flex-direction: row; justify-content: space-between; margin-top: 1vh;">
        <div style="color:#1e282c;height: 5vh; line-height: 5vh;margin-right: 2vw;width: 13%;">备注:</div>
        <textarea id="Myremarks" class="weui-textarea" placeholder="输入内容（200字内）" rows="3"
                  style="border: 1px solid rgba(0,0,0,.2);box-sizing:border-box; border-radius: 5px; margin-top: 1vh;"></textarea>
    </div>
    <div style="display:flex; flex-direction: row; justify-content: space-between; margin-top: 1vh; margin-bottom: 5vh;">
    <#if type==1>
        <a id="buyBack" onclick="buyBack()" href="javascript:;" class="weui-btn weui-btn_default"
           style="width: 30%;">返回</a>
    <#else>
      <a id="MybuyRepeal" onclick="MybuyBack()" href="javascript:;" class="weui-btn weui-btn_default"
         style="width: 30%;">撤销</a>
    </#if>
        <a id="buyCommit" onclick="buyCommit()" href="javascript:;" class="weui-btn weui-btn_primary"
           style="margin-top: 0;width: 30%;">提交</a>

    </div>

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


    (function ($) {
        $.ajax({
            url: '/query/getAll/status',
            data: {
                jmId: $('#jmBuy').val(),
            },
            type: 'GET',
            success: function (data) {
                console.log(data);
                $("#Buycount").html(data.data.count)
                $("#myStatus").html(getStatus(data.data.tgStatus))
                /* $("#myMenory").html(data.data.tgPrice)*/
            },
            error: function () {
            }
        });
    })(jQuery);



    <#--返回-->
    function buyBack() {
        window.location.href = "/user/homeIndex.html?userId=" + $('#buyuserId').val() + "&userType=" + 1 + '#tab3';
    }

    /*撤销*/
    function MybuyBack() {
        $.ajax({
            url: '/home/back/buyBack',
            data: {
                userId: $('#buyuserId').val(),
                buyCount: $('#buyCount').val(),
                phone: $('#myPhone').val(),
                myRemark: $('#Myremarks').val(),
                buyMoney: $('#myMenory').text(),
                jmId: $('#jmBuy').val(),
            },
            type: 'GET',
            success: function (data) {
                console.log(data);
                if (data.data == 1) {
                    buyBack();
                } else {
                    $.alert("该套餐已过截止日期或者已发货中不允许撤单");
                }

            },
            error: function () {
            }
        });

    }

    //提交
    function buyCommit() {
        if ($('#buyCount').val() == '' || $('#buyCount').val() == undefined) {
            $.alert("请填写团购数量");
            return;
        }
        if ($('#myPhone').val() == undefined || $('#myPhone').val() == '') {
            $.alert("请填写联系电话");
            return;
        }
        /* if ($('#Myremarks').val() == undefined || $('#Myremarks').val() == '') {
             $.alert("请填写备注");
             return;
         }*/
        $.ajax({
            url: '/home/home/buyGroup',
            data: {
                userId: $('#buyuserId').val(),
                buyCount: $('#buyCount').val(),
                phone: $('#myPhone').val(),
                myRemark: $('#Myremarks').val(),
                buyMoney: $('#myMenory').text(),
                jmId: $('#jmBuy').val(),
            },
            type: 'GET',
            success: function (data) {
                console.log(data.data);
                buyBack();
            },
            error: function () {
            }
        });
    }

    //输入购买的数量
    function changeBuy() {
        $.ajax({
            url: '/query/getAll/status',
            data: {
                jmId: $('#jmBuy').val(),
            },
            type: 'GET',
            success: function (data) {
                console.log(data);
                $("#myMenory").html($('#buyCount').val() * data.data.tgPrice)
            },
            error: function () {
            }
        });
    }


    //1 在团 2 发货 3完成 4取消',
    function getStatus(v) {
        if (v == 1) {
            return "<span style='color:green;'>在团</span>";
        } else if (v == 2) {
            return "<span style='color:Black;'>发货</span>";
        } else if (v == 3) {
            return "完成";
        } else if (v == 4) {
            return "<span style='color:red;'>取消</span>";
        }
    }
</script>