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

<#assign title="我的家"/>
<#include "/home/frag.head.ftl" />

<div class="weui-tab">
    <input id="userId" type="text" hidden="hidden" value=${user_id!}/>
    <div class="weui-tab__bd">
        <div id="tab1" class="weui-tab__bd-item weui-tab__bd-item--active">
            <#include "/home/ribao.ftl" /></div>
        <div id="tab2" class="weui-tab__bd-item">
            <#include "/home/qiuzhu.ftl" /></div>
        <div id="tab3" class="weui-tab__bd-item">
    <#include "/home/buy.ftl" /></div>
    <#--<div id="tab4" class="weui-tab__bd-item">-->
    <#--<h1>页面四</h1> </div>-->
    </div>
    <div class="weui-tabbar">
        <a id="jt1" href="#tab1" class="weui-tabbar__item weui-bar__item--on">
            <div class="weui-tabbar__icon"><img src="/static/images/wx/order.png" alt=""></div>
            <p class="weui-tabbar__label">健康日报</p>
        </a>
        <a id="jt2" href="#tab2" class="weui-tabbar__item" onclick="familyClick()">
            <div class="weui-tabbar__icon"><img src="/static/images/wx/customer_service.png" alt=""></div>
            <p class="weui-tabbar__label">家庭求助</p>
        </a>
        <a id="jt3" href="#tab3" class="weui-tabbar__item" onclick="buyGroup()">
            <div class="weui-tabbar__icon"><img src="/static/images/wx/upload.png" alt=""></div>
            <p class="weui-tabbar__label">团购</p>
        </a>
    <#--<a href="#tab4" class="weui-tabbar__item">-->
    <#--<div class="weui-tabbar__icon"> <img src="./images/icon_nav_cell.png" alt=""> </div>-->
    <#--<p class="weui-tabbar__label">我</p>-->
    <#--</a>-->
    </div>
</div>


</body>

<#include "/home/frag.foot.ftl" />
<script>
    <#include "/home/ribao.js" />
    <#include "/home/qiuzhu.js" />
    (function ($) {

        $(function () {
            $('.weui-navbar__item').on('click', function () {
                $(this).addClass('weui-bar__item_on').siblings('.weui-bar__item_on').removeClass('weui-bar__item_on');
                //内容切换
                var moduleClass = jQuery(this).attr("module");
                var ss = ".weui-tab__panel ." + moduleClass + "_weui_tab_bd_item_active";
                $(ss).removeClass(moduleClass + '_weui_tab_bd_item_active');
                var data_toggle = jQuery(this).attr("target");
                $(data_toggle).addClass(moduleClass + "_weui_tab_bd_item_active");
            });
        });


        ribao_init();
        qiuzhu_init();
        family_init();
        ribao_add();
        ribao_cancel();
        getUptownUnitLY();

        <#if msReport ??>var msReport = ${msReport}</#if>;
        $('#ribao_jinrijujian').append(msReport.safetyNum);
        if (msReport.reportStatus == 1) {
            document.getElementById("btn_shangbao").style['background-color'] = "#D9D9D9";
        }
        ribaoInitialization(msReport.reportId);
        $("#my-input-ribao").calendar();
        /*submit_back();*/
        familyClick();

        $(function () {
            $("#ground").bind("click", function () {
                if ($("#Gj").val() == "off") {
                    $("#Gj").val("on");
                    console.log("关闭查看所有");

                    qzMy_help('', $("#quetyFamily").val());
                } else {
                    $("#Gj").val("off");
                    console.log("查看已解决的");
                    qzMy_help(3, $("#quetyFamily").val());
                }
            });
        });


        function selectTab() {
            $("#tab1").removeClass('weui-tab__bd-item--active');
            $("#jt1").removeClass('weui-bar__item--on');
            $("#tab3").addClass('weui-tab__bd-item--active');
            $("#jt3").addClass('weui-bar__item--on');
            buyGroup();
        }

        function selectqiuzhu() {
            $("#tab1").removeClass('weui-tab__bd-item--active');
            $("#jt1").removeClass('weui-bar__item--on');
            $("#tab2").addClass('weui-tab__bd-item--active');
            $("#jt2").addClass('weui-bar__item--on');
            familyClick();
        }

        var show = ${show!'"-"'};

        if (show == 'tuangou') {
            selectTab();

        } else if (show == 'qiuzhu') {
            selectqiuzhu();
        }
    })(jQuery);

    // 凌云更换单位
    function getUptownUnitLY() {
        $.ajax({
            type: "GET",
            url: "/home/getUptownUnitLY.json",
            data: {},
            dataType: "json",
            success: function (data) {
                if (data.length > 0) {
                    $("#newUnitId").empty();
                    $('#newUnitId').append("<option>请选择</option>");
                    var html = "";
                    for (var i = 0; i < data.length; i++) {
                        html += '<option value="' + data[i].unitId + '">'+data[i].ridgepole+data[i].unit + '</option>';
                    }
                    $('#newUnitId').append(html);
                    $("#newUnitId").val('0');
                }
            }
        });
    }

    // 凌云更换单位后保存
    function changeUnitId() {
        var unitId = $("#unitId").val();
        var newUnitId = $("#newUnitId").val();
        var newUnitText = $("#newUnitId").find("option:selected").text();
        if (!newUnitId || newUnitId=="请选择") {
            $.alert("请选择部门")
            return false;
        }
        if (newUnitId==unitId) {
            $.alert("您选择的部门和原来的部门一样")
            return false;
        }
        $("#unitId").val(newUnitId);
        $("#unitMsg").text(newUnitText);
        $.ajax({
            url: '/home/changeUnitId.json',
            type: "post",
            data: {
                userId: $('#userId').val(),
                newUnitId: newUnitId,
            },success: function (date) {
                $("#unitId").val(newUnitId);
                $("#unitMsg").text(newUnitText);
            }
        });
    }


    //小区求助信息的展示
    function familyClick() {
        $('#notitle').empty();//清除节点
        $.ajax({
            url: '/home/home/queryQzTaskxq',
            data: {userId: $('#userId').val()},
            type: 'GET',
            async: false,
            success: function (data) {
                console.log(data);
                if (data.data.length > 0) {
                    hasData = true;
                    data.data.forEach(function (v) {
                        familyValue(v);
                    });
                } else {

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

    function familyValue(v) {
        $('#notitle').append($('<a class="weui-cell weui-cell_active weui-cell_access js_item" data-id="form" ' +
                '                               onclick=\'xiaoQuItemClick(' + JSON.stringify(v) + ')\'>\n' +
                '                        <div class="weui-cell__bd" taskId="1212>\n' +
                '                            <div class="weui-media-box weui-media-box_text" id="title">\n' +
                '                                <p class="weui-media-box__desc" >' + v.taskTitle + '</p>\n' +
                '                            </div>\n' +
                '                        </div>\n' +
                '                        <div class="weui-cell__ft">' + conversion(v.taskStatus) + '</div>\n' +
                '                    </a>\n<br/>'));

    }

    function xiaoQuItemClick(v) {
        window.location.href = "/quzhu/home/quxiao.html?taskId=" + v.taskId + "&userId=" + $('#userId').val();
        /*familyClick();*/
    /*    $.ajax({
            url: '/home/home/taskQuery',
            data: {taskId: v.taskId},
            type: 'GET',
            success: function (data) {
                console.log(data);
                if ($('#userId').val() != data.data.userId) {
                    $.alert('当前求助信息不是你的')
                    return;
                } else {
                    window.location.href = "/quzhu/home/quxiao.html?taskId=" + v.taskId + "&userId=" + v.userId;
                    familyClick()
                }
            },
            error: function () {
            }
        });*/

    }


    //完成 已解决  为完成的方法
    function conversion(a) {
        if (a == 1) {
            return "<span style='color:red;'>未解决</span>";
        } else if (a == 2) {
            return "<span style='color:Black;'>处理中</span>";
        } else {
            return "<span style='color:green;'>已完成</span>";
        }
    }

</script>