hust-epi/whepi-ui/templates/groupBuying/groupBuyingCx.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 id="cx_p_tgMinNum" style="text-indent: -0em;margin-left: 2em;">最低起送(份):&nbsp;&nbsp;</p>
            <div style="height: 1vh;"></div>
            <p id="cx_p_tgMaxNum" style="text-indent: -0em;margin-left: 2em;">最大订量(份):&nbsp;&nbsp;</p>
            <div style="height: 1vh;"></div>
            <p id="cx_p_tgItemNum" style="text-indent: -0em;margin-left: 2em;">个人限额(份):&nbsp;&nbsp;</p>
            <div id="cx_showView">
                <div style="height: 1vh;"></div>
                <p id="cx_p_endTime" style="text-indent: -0em;margin-left: 2em;">截止时间:&nbsp;&nbsp;</p>
                <div style="height: 1vh;"></div>
                <p id="cx_p_deliverTime"style="text-indent: -0em;margin-left: 2em;">预计送货时间:&nbsp;&nbsp;</p>
            </div>
            <div id="cx_modifyView">
                <div style="height: 1vh;"></div>
                <p class="weui-media-box__desc" style="text-indent: -0em;margin-left: 2em;">截止时间：</p>
                <input id="cx_tg_input_end_time" type="text" placeholder="请选择时间" style="border: 1px solid rgba(0,0,0,.2);box-sizing:border-box; border-radius: 5px; height: 5vh;text-indent: -0em;margin-left: 2em;"/>
                <div style="height: 1vh;"></div>
                <p class="weui-media-box__desc" style="text-indent: -0em;margin-left: 2em;">预计送货时间：</p>
                <input id="cx_tg_input_deliver_time" type="text" placeholder="请选择时间" style="border: 1px solid rgba(0,0,0,.2);box-sizing:border-box; border-radius: 5px; height: 5vh;text-indent: -0em;margin-left: 2em;"/>
            </div>
            <div style="height: 1vh;"></div>
            <p style="text-indent: -0em;margin-left: 2em;">服务电话:&nbsp;&nbsp;${ tgItem.tgPhoneNumber }</p>
        </div>
        <div class="weui-loadmore weui-loadmore_line" style="width: 100%">
            <br/>
            <textarea id="cx_remark" class="weui-input" autofocus="" type="text" placeholder="填写撤销原因或增补修订的内容" maxlength="200" style="border: 1px solid rgba(0,0,0,.2);box-sizing:border-box; border-radius: 5px; height: 20vh; width: 85%;"></textarea>
        </div>
        <div class="weui-btn-area"  style="display: grid;">
            <a id="cx_sure" class="weui-btn weui-btn_primary">确&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;定</a>
        </div>


    </div>
</div>
<#include "/home/frag.foot.ftl" />
<script>
    var userId = ${userId};
    var tgItem = ${tgItemJson};

    var operation = ${operation};

    if (operation === 'remark') {
        $('#cx_showView').hide();
        $('#cx_modifyView').show();

        $('#cx_tg_input_end_time').val(tgItem.tgEndTime);
        $('#cx_tg_input_deliver_time').val(tgItem.tgDeliverTime);

        $("#cx_tg_input_end_time").datetimePicker();
        $("#cx_tg_input_deliver_time").datetimePicker();
    }
    if (operation === 'cancel') {
        $('#cx_showView').show();
        $('#cx_modifyView').hide();

        $('#cx_p_endTime').append(tgItem.tgEndTime);
        $('#cx_p_deliverTime').append(tgItem.tgDeliverTime);
    }

    if (tgItem.tgMinNum != 0) {
        $('#cx_p_tgMinNum').append(tgItem.tgMinNum);
    }

    if (tgItem.tgMaxNum != 0) {
        $('#cx_p_tgMaxNum').append(tgItem.tgMaxNum);
    }

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

    if (tgItem.remark.length > 0) {
        $('#cx_remark').val(tgItem.remark);
    }

    $('#cx_sure').on('click', function () {
        console.log("确定");
        let inputValue = $('#cx_remark').val();
        if (inputValue.length <= 0){
            $.alert('请输入内容');
            return;
        }

        let sendData = {
            jmId: tgItem.jmId,
            remark: inputValue,
            endTime: $('#cx_tg_input_end_time').val(),
            deliverTime: $('#cx_tg_input_deliver_time').val()
        };

        if (operation === 'cancel') {
            sendData.status = 4;
        }

        $.ajax({
            url: '/yeweihui/groupBuyingCx/remark/add.json',
            type: 'post',
            data: sendData,
            success: function (data) {
                if (data.success) {
                    $.alert("操作成功");
                    window.location.href = "/yeweihui/groupBuyingXx.html?jmId=" + tgItem.jmId + "&userId=" + userId;
                }
                else  {
                    $.alert("操作失败");
                }
            },
            error: function () {
                $.alert("网络异常");
            }
        });
    });

    function goback() {
        window.location.href = "/yeweihui/groupBuyingXx.html?jmId=" + tgItem.jmId + "&userId=" + userId;
    }
</script>