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!}/>
    <input id="uptownId" type="text" hidden="hidden" value=${uptown_id!}/>
    <div class="weui-tab__bd cx-reset-home">
        <div id="tab1" class="weui-tab__bd-item weui-tab__bd-item--active">
            <#include "/home/ribao.ftl" /></div>
        <#if uptownId != 1238790987234 && uptownId != 5 && uptownId != 100000002>
        <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>
        </#if>
    <#--<div id="tab4" class="weui-tab__bd-item">-->
    <#--<h1>页面四</h1> </div>-->
    </div>
    <div class="weui-tabbar" style="display: none">
        <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>
        <#if uptownId != 1238790987234 && uptownId != 5 && uptownId != 100000002>
        <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>
        </#if>
    <#--<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>
    var xiaoquId = '1238790987234'; //1238790987234
    var ceshixiaoquId = '5';
    var canSahngbao = true;
    var cantijiao = true;
    var autoLocal='';
    var autoAddr='';
    var longitude = '';
    var latitude = '';
    var userFamilyStatus = '';
    var userFamilyStatusStr = '';
    var oldAutoLocal = '';
    <#include "/home/ribao.js" />
    <#include "/home/qiuzhu.js" />
    <#include "/home/getLocation.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");
            });
        });

        var uptownId = $("#uptownId").val();
        if (uptownId == xiaoquId || uptownId == ceshixiaoquId) {
            $('#ribao_trip')[0].style.display = '';
            // $('#ribao_djgl')[0].style.display = 'none';
            // $('#ribao_jbqk')[0].style.display = '';
            // $('#qz_nav1_t')[0].style.display = 'none';
            // $('#qz_nav1')[0].style.display = 'none';
        } else {
            $('#ribao_trip')[0].style.display = 'none';
            // $('#ribao_djgl')[0].style.display = '';
            // $('#ribao_jbqk')[0].style.display = '';
            if ($('#qz_nav1_t') && $('#qz_nav1_t').length > 0) {
                $('#qz_nav1_t')[0].style.display = '';
                $('#qz_nav1')[0].style.display = '';
                qiuzhu_init();
            }

        }
        // $("#commit").attr("disabled",true).css("pointer-events","none");
        // $("#commit").css("background-color","#EBEBE4").css("color","#757575");
        ribao_init();
        family_init();
        ribao_add();
        ribao_cancel();
        getUptownUnitLY();
        getDepartmentIdLY($("#unitId").val())
      $("#newUnitId").on("change", function () {
        var unitId = $("#newUnitId").val()
        $("#newDepartmentId").empty();
        getDepartmentIdLY(unitId);
      });


        var msReport = {};
        <#if msReport ??> msReport = ${msReport!{}}</#if>;
        $('#ribao_jinrijujian').append(msReport.safetyNum);
        if (msReport.reportStatus == 1) {
            var date = new Date(msReport.timeUpdate * 1);
            var Y = date.getFullYear() + '-';
            var M = (date.getMonth() + 1 < 10 ? '0' + (date.getMonth() + 1) : date.getMonth() + 1) + '-';
            var D = (date.getDate() < 10 ? '0' + (date.getDate()) : date.getDate()) + ' ';
            var h = (date.getHours() < 10 ? '0' + (date.getHours()) : date.getHours()) + ':';
            var m = (date.getMinutes()<10?'0'+(date.getMinutes()):date.getMinutes())+':';
            var s = (date.getSeconds() < 10 ? '0' + (date.getSeconds()) : date.getSeconds());
            var time = Y + M + D + h + m + s;
            canSahngbao = false;
            document.getElementById("btn_shangbao").style['background-color'] = "#D9D9D9";
            document.getElementById("txt_shangbao").style['color'] = "#0bb20c";
            document.getElementById("txt_shangbaotime").style['color'] = "#0bb20c";
            $('#txt_shangbao').empty();
            $('#txt_shangbao').append("今日已上报");
            $('#txt_shangbaotime').empty();
            $('#txt_shangbaotime').append("上报时间：" + time);
        }
        else {
            canSahngbao = true;
            document.getElementById("btn_shangbao").style['background-color'] = "#0bb20c";
            document.getElementById("txt_shangbao").style['color'] = "red";
            $('#txt_shangbao').empty();
            $('#txt_shangbao').append("今日未上报");
            $('#txt_shangbaotime').empty();
        }
        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?uptownId=" + $("#uptownId").val(),
            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);
                    ("#unitId").length
                    if($("#unitId").length>0) {
                      $("#newUnitId").val($("#unitId").val());
                    }else {
                      $("#newUnitId").val('0');
                    }
                }
            }
        });
    }
    var isAll = false;
    // 更换二级单位
    function getDepartmentIdLY(unitId) {
        $.ajax({
            type: "GET",
            url: "/home/getDepartmentIdLY.json?unitId=" + unitId,
            data: {},
            dataType: "json",
            success: function (data) {
                if (data.length > 0) {
                   isAll = true;
                   $("#newDepartmentId").empty();
                   $('#newDepartmentId').append("<option>请选择</option>");
                   var html = "";
                   for (var i = 0; i < data.length; i++) {
                     html += '<option value="' + data[i].departmentId + '">' + data[i].departmentName + '</option>';
                   }
                   $('#newDepartmentId').append(html);
                   $("#newDepartmentId").val('0');
                } else {
                   isAll = false;
                }
            }
        });
    }

    // 凌云更换单位后保存
    function changeDepartmentId() {
      console.log(isAll);
      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;
      // }
      var departmentId = $("#departmentId").val();
      var newDepartmentId = $("#newDepartmentId").val();
      var newDepartmentText = $("#newDepartmentId").find("option:selected").text();
      if (isAll && newDepartmentId) {
        // if (!newDepartmentId || newDepartmentId == "请选择") {
        //   $.alert("请选择二级部门")
        //   return false;
        // }
        // if (newDepartmentId == departmentId) {
        //   $.alert("您选择的二级部门和原来的二级部门一样")
        //   return false;
        // }
      } else {
        newDepartmentId = 0;
      }
      $.ajax({
        url: '/home/changeUnitId.json',
        type: "post",
        data: {
          userId: $('#userId').val(),
          newUnitId: newUnitId,
          newDepartmentId: newDepartmentId,
        }, success: function (date) {
          $("#unitId").val(newUnitId);
          $("#unitMsg").text(newUnitText);
          $("#departmentId").val(newDepartmentId);
          $("#departmentMsg").text(newDepartmentText);
          $.alert("更改成功")
          return false;
        }
      });
    }

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

    // 凌云更换工号后保存
    function changeDoorplate() {
        var doorplate = $("#doorplateMsg").text();
        var newDoorplate = $("#newDoorplate").val().trim();
        if (!newDoorplate) {
            $.alert("请输入工号或身份证号")
            return false;
        }
        if (doorplate == newDoorplate) {
            $.alert("您输入的工号和原本的工号一样")
            return false;
        }
        $.ajax({
            url: '/home/changeDoorplate.json',
            type: "post",
            data: {
                userId: $('#userId').val(),
                newDoorplate: newDoorplate,
            }, success: function (date) {
                $("#doorplateMsg").text(newDoorplate);
                $.alert("更改成功")
                return false;
            }
        });
    }


    //小区求助信息的展示
    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>";
        }
    }

    $(function () {
        var noIos = isAndroidFun()
        //微信内置浏览器浏览H5页面弹出的键盘遮盖文本框的解决办法
        if(noIos){
            window.addEventListener("resize", function () {
                if (document.activeElement.tagName == "INPUT" || document.activeElement.tagName == "TEXTAREA") {
                    window.setTimeout(function () {
                        if(document.activeElement && document.activeElement.scrollIntoViewIfNeeded){
                            document.activeElement.scrollIntoViewIfNeeded();
                        }
                    }, 0);
                }
            });
            var clientHeight = $(window).height();
            $(window).on('resize',function () {
                var height = $(this).height();
                if (height < clientHeight) {
                    $('#resetRibaoDigiBtn').removeClass('resetRibaoDigiBtn');
                } else {
                    $('#resetRibaoDigiBtn').addClass('resetRibaoDigiBtn');
                }
            })
        }else {
            ;(/iphone|ipod|ipad/i.test(navigator.appVersion)) && document.addEventListener('blur', function(e) {
                //console.log(e,'event');
                var tempList = ['input', 'textarea'];
                $.each(tempList,function (i,v) {
                    var name = e.target.localName
                    if(name && name == v){
                        document.body.scrollIntoView(false)
                    }
                })
                //['input', 'textarea'].includes(e.target.localName) && document.body.scrollIntoView(false)
            }, true)
        }
        function isAndroidFun() {
            var u = navigator.userAgent;
            var isAndroid = u.indexOf('Android') > -1 || u.indexOf('Linux') > -1;
            var isIOS = !!u.match(/\(i[^;]+;( U;)? CPU.+Mac OS X/);
            if (isAndroid) {
                return true;
            }
            if (isIOS) {
                return false;
            }
        }
    })

</script>
<script src="https://www.w3cways.com/demo/vconsole/vconsole.min.js?v=2.2.0"></script>