hust-epi/whepi-ui/templates/yeweihui/tuangouMemberList.ftl

<#assign title="参团详情"/>
<#include "/home/frag.head.ftl" />

<div class="weui-tab">
    <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-btn-area">
        <div style="display: flex; flex-direction: row; justify-content: space-around;">
            <div id="tg_member_xiaoqu"></div>
        </div>
        <div style="display: flex; flex-direction: row; justify-content: space-around;">
            <div id="tg_member_count">家庭用户: </div>
            <div id="tg_member_num">已参团份数: </div>
            <div id="tg_member_totoalPrice">合计金额: </div>
        </div>

        <div class="msgInfoTabHeaderDiv">
            <div class="msgInfoTabColumn1">房间号</div>
            <div class="msgInfoTabColumn2" style="text-align: center;">参团数量</div>
            <div class="msgInfoTabColumn3">联系方式</div>
        </div>
        <div id="member_list">
            <div class="msgInfoTabHeaderDiv">
                <div class="msgInfoTabColumn1">房间号</div>
                <div class="msgInfoTabColumn2" style="text-align: center;">参团数量</div>
                <div class="msgInfoTabColumn3">联系方式</div>
            </div>
            <div class="msgInfoTabHeaderDiv">
                <div class="msgInfoTabColumn1">房间号</div>
                <div class="msgInfoTabColumn2" style="text-align: center;">参团数量</div>
                <div class="msgInfoTabColumn3">联系方式</div>
            </div>
        </div>
        <div class="msgInfoTabFooterDiv">
        </div>

        <div class="weui-btn-area" style="display: grid;">
            <a id="tg_member_export" class="weui-btn weui-btn_primary" href="javascript:">导出清单</a>
        </div>

        <div id="tg_member_export_url">
            <div class="weui-cells__title">复制下面下载链接到浏览器下载</div>
            <div class="weui-cells">
                <div class="weui-cell">
                    <div class="weui-cell__bd">
                        <input class="weui-input" type="text" id="tg_member_export_url_detail" readonly="readonly"/>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>

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

<script>

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

    var members = ${members};

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

    $('#member_list').empty();
    let totalNum = 0;
    let totalPrice = 0;
    for (let i = 0; i < members.length; i++) {
        let member = members[i];
        totalNum += member.buyCount;
        totalPrice += member.buyCount * parseFloat(member.tgPrice);
        $('#member_list').append($('<div class="msgInfoTabHeaderDiv">\n' +
            '                <div class="msgInfoTabColumn1">' + member.ridgepole + '-' + member.unit + '-' + member.houseNumber + '</div>\n' +
            '                <div class="msgInfoTabColumn2" style="text-align: center;">' + member.buyCount + '</div>\n' +
            '                <div class="msgInfoTabColumn3">' + member.phone + '</div>\n' +
            '            </div>'))
    }

    $('#tg_member_xiaoqu').html(members[0].uptownName);
    $('#tg_member_num').append(totalNum);
    $('#tg_member_count').append(members.length);
    $('#tg_member_totoalPrice').append(totalPrice.toFixed(2));

    $("#tg_member_export").attr('href', '/yeweihui/tuangou/member/list/export?jmId=' + tgItem.jmId);
    $('#tg_member_export_url_detail').val(window.location.hostname + '/yeweihui/tuangou/member/list/export?jmId=' + tgItem.jmId);
</script>