<% layout('/layouts/default.html', {title: '', bodyClass: ''}){ }%>


    <link href="${ctxStatic}/grzx/css/chunk-24424801.369b413b.css" rel="prefetch">
    <link href="${ctxStatic}/grzx/js/chunk-24424801.6ef13e9d.js" rel="prefetch">
    <link href="${ctxStatic}/grzx/js/chunk-2d20fb42.59efe50f.js" rel="prefetch">
    <link href="${ctxStatic}/grzx/css/app.59f1b45a.css" rel="preload" as="style">
    <link href="${ctxStatic}/grzx/css/chunk-vendors.09063d53.css" rel="preload" as="style">
    <link href="${ctxStatic}/grzx/js/app.f0851bc9.js" rel="preload" as="script">
    <link href="${ctxStatic}/grzx/js/chunk-vendors.2661f21b.js" rel="preload" as="script">
    <link href="${ctxStatic}/grzx/js/index.4bb0728f.js" rel="preload" as="script">
    <link href="${ctxStatic}/grzx/css/chunk-vendors.09063d53.css" rel="stylesheet">
    <link href="${ctxStatic}/grzx/css/app.59f1b45a.css" rel="stylesheet">
    <script charset="utf-8" src="${ctxStatic}/grzx/js/chunk-2d20fb42.59efe50f.js"></script>
    <style class="mpa-style-fix ImageGatherer">
        .FotorFrame {
            position: fixed!important
        }
    </style>
    <style class="mpa-style-fix SideFunctionPanel">
        .weui-desktop-online-faq__wrp {
            top: 304px!important;
            bottom: unset!important
        }
        .weui-desktop-online-faq__wrp .weui-desktop-online-faq__switch {
            width: 38px!important
        }
        .new-list1 li a{
            width: 19% !important;
            float: left !important;
            margin-left: 1%;
            margin-top: 2%;
            text-align: center;
            padding: 0 !important;
        }
        .new-list1 .text{
            /*overflow: initial;*/
            /*float: right;*/
            padding-right: 2px;
        }
    </style>
    <link rel="stylesheet" type="text/css" href="${ctxStatic}/grzx/css/chunk-24424801.369b413b.css">
    <script charset="utf-8" src="${ctxStatic}/grzx/js/chunk-24424801.6ef13e9d.js"></script>

    <link href="${ctxStatic}/grzx/css/style.css" rel="stylesheet" type="text/css">
<script src="${ctxStatic}/grzx/js/jquery-1.12.1.min.js"></script>
<script type="text/javascript" src="${ctxStatic}/grzx/js/script.js"></script>

<div class="mm-page mm-slideout" id="mm-0">
    <div id="app" class="">
        <div><!---->
            <div class="wrapper wrapper-personal">
                <section class="container inner"><!---->
        <div>
                    <div id="1" class="selectable col col-3 s">
                            <div id="ProfileStudent" class="ui-widget-content animated bounceIn">
                                <div class="profile-stu-area card">
                                    <#form:form id="inputFormBase" model="${user}" >
                                    <div class="title"><span>个人卡片</span><i class="iconfont icon-bianji" onclick="tabopen('个人卡片','${ctx}/sys/user/info')"></i></div>
                                    <div class="profile-content">
                                        <div class="header-info">
                                            <div class="bg">
                                                <div class="photo"><img src="${ctxStatic}/grzx/images/default.png"></div>
                                                <a title="编辑资料"  class="edit"></a>
                                            </div>
                                            <ul class="info">
                                                <li class="name" >${user.userName}</li>
                                                <li class="item fn-tc">
                                                    <span class="last-login">登录IP：${user.lastLoginIp}</span>
                                                </li>
                                            </ul>
                                        </div>
                                        <div class="other-info">
                                            <ul>
                                                <li><a><span class="icon-bg"><i class="iconfont icon-ykt"></i></span>
                                                    <div class="note">
                                                        <p>一卡通余额</p>
                                                        <p><i class="iconfont eye icon-eye-close"></i> ***0元 </p>
                                                    </div>
                                                </a></li>
                                                <li><a href="" target="_blank"><span class="icon-bg"><i class="iconfont icon-book"></i></span>
                                                    <div class="note">
                                                        <p>图书馆图书</p>
                                                        <p> 欠书
                                                            <label>0</label>
                                                            本 </p>
                                                    </div>
                                                </a></li>
                                            </ul>
                                        </div>
                                    </div>
                                    </#form:form>
                                 </div>
                            </div>
                    <div id="Calendar" class="ui-widget-content animated bounceIn">
                                <div class="calendar-area card">
                                    <div class="hd">
                                        <div class="title">我的日程</div>
                                        <a onclick="tabopen('我的日程','${ctx}/sys/schedule/schedule/schedule?flg=0')" class="more"><i class="iconfont icon-option-horizontal"></i></a>
                                    </div>
                                    <div class="bd">
                                        <div class="date">
                                            <div style="max-width: 500px;margin:0 auto;border: solid 1px #ccc;">
                                                <div class="bd_w jcalendar_week" id="jcalendar_week" year="2022" weeknum="23"><div class="flex_i calendar_header "><button class="switch_month beforem_btn">&lt;</button><div class="flex_auto calendar_info" onclick="$(&#39;#pop&#39;).show();">23周/2022</div><button class="switch_month afterm_btn">&gt;</button></div><ul class="calendar_tr calendar_day_bar"><li class="calendar_day " date="2022-6-5"><span class="calendar_day_i">5</span></li><li class="calendar_day " date="2022-6-6"><span class="calendar_day_i">6</span></li><li class="calendar_day " date="2022-6-7"><span class="calendar_day_i">7</span></li><li class="calendar_day " date="2022-6-8"><span class="calendar_day_i">8</span><span class="today_i">今天</span></li><li class="calendar_day " date="2022-6-9"><span class="calendar_day_i">9</span></li><li class="calendar_day " date="2022-6-10"><span class="calendar_day_i">10</span></li><li class="calendar_day " date="2022-6-11"><span class="calendar_day_i">11</span></li></ul><ul class="calendar_tr calendar_week"><li>周日</li><li>周一</li><li>周二</li><li>周三</li><li>周四</li><li>周五</li><li>周六</li></ul></div>
                                                <div class="pop_bd" id="pop">
                                                    <div class="pop_con">
                                                        <span class="pop_close" >×</span>
                                                        <h5>选择年份：</h5>
                                                        <div class="flex_i control">
                                                            <button onclick="$(this).next().val(parseInt($(this).next().val())-1)">&lt;</button>
                                                            <input class="flex_auto control_val" type="text" id="setyear" value="- -">
                                                            <button onclick="$(this).prev().val(parseInt($(this).prev().val())+1)">&gt;</button>
                                                        </div>
                                                        <h5>选择周：</h5>
                                                        <div class="flex_i control">
                                                            <button onclick="$(this).next().val(parseInt($(this).next().val())-1)">&lt;</button>
                                                            <input class="flex_auto control_val" type="text" id="setweek" value="- -">
                                                            <button onclick="$(this).prev().val(parseInt($(this).prev().val())+1)">&gt;</button>
                                                        </div>
                                                        <div class="flex_i">
                                                            <button class="setjc_btn nowweek_btn flex_auto" onclick="tonowweek()">本周</button>
                                                            <button class="setjc_btn flex_auto" onclick="jumpweek()">确定</button>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="opreat fn-clearfix">
                                            <div class="more fn-fr"><a onclick="tabopen('我的日程','${ctx}/sys/schedule/schedule/schedule?flg=0')" class=""> 全部日程&nbsp;&gt; </a></div>
                                        </div>
                                        <div class="course-schedule-wrap">
                                            <div class="course">
                                                <p class="day"><span class="title">今日课程提醒</span></p>
                                                <div class="today-table">
                                                    <table class="table">
                                                        <thead>
                                                        <tr>
                                                            <th width="64">上课节数</th>
                                                            <th>课程名称</th>
                                                            <th>教室名称</th>
                                                        </tr>
                                                        </thead>
                                                        <tbody class="no-data">
                                                        <tr>
                                                            <td colspan="100"><div class="no-data">暂无数据</div></td>
                                                        </tr>
                                                        </tbody>
                                                    </table>
                                                </div>
                                            </div>
                                            <div class="schedule">
                                                <p class="day"><span class="title">今日日程提醒</span></p>
                                                <div class="no-data"> 暂无日程 </div>
                                            </div>
                                        </div>




                                    </div>
                                </div>
                    </div>
        </div>
                    <div id="2" class="selectable col col-9">
                            <div class="ui-widget-content animated bounceIn">
                                <div class="table-area new-my-table card" style="width: 48%;float: left;">
                                    <div class="hd fn-clearfix">
                                        <div class="scroll-title">
                                            <div class="titles">
                                                <div class="title table-title">
                                                    <a title="待办"  class="active">新闻周刊</a>
<!--                                                    <a title="学术动态" class="">学术动态</a>-->
<!--                                                    <a title="校园通知" class="">校园通知</a>-->
                                                </div>
                                            </div>
                                        </div>
                                        <a href="/js/f/list-hbjmdx005"  class="more">更多</a></div>
                                    <div>
                                    </div>
                                    <div class="bd">
                                        <div class="">
                                            <ul class="new-list">
                                                <li id="list1">
                                            </ul>
                                        </div>
                                    </div>
                                </div>
                                <div class="table-area new-my-table card" style="width: 48%;float: left;">
                                    <div class="hd fn-clearfix">
                                        <div class="scroll-title">
                                            <div class="title">
                                                <a title="通知公告" class="active">通知公告</a>
                                            </div>
                                        </div>
                                        <a href="/js/f/list-tzgg" class="more">更多</a></div>
                                    <div class="bd">
                                        <div class="">
                                            <ul class="new-list">
                                                <li id="list2">
                                            </ul>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        <div class="ui-widget-content animated bounceIn">
                            <div class="table-area new-my-table card" style="width: 48%;float: left;">
                                <div class="hd fn-clearfix">
                                    <div class="scroll-title">
                                        <div class="titles">
                                            <div class="title table-title"><a title="" class="active">推荐应用</a></div>
                                        </div>
                                    </div>
                                    <a class="more" href="${ctx}/sso/ssoApp/list2">更多</a></div>
                                <div class="bd">
                                    <div class="">
                                        <ul class="new-list new-list1">
                                            <li id="tjapp"></li>
                                        </ul>
                                    </div>
                                </div>
                            </div>
                            <div class="table-area new-my-table card" style="width: 48%;float: left;">
                                <div class="hd fn-clearfix">
                                    <div class="scroll-title">
                                        <div class="titles">
                                            <div class="title table-title"><a title="" class="active">我收藏的应用</a></div>
                                        </div>
                                    </div>
                                    <a  class="more" href="${ctx}/sso/ssoApp/list2">更多</a></div>
                                <div class="bd">
                                    <div class="">
                                        <ul class="new-list new-list1">
                                            <li id="tjapp1"></li>
                                        </ul>
                                    </div>
                                </div>
                            </div>
                        </div>

                    </div>
                    <div id="3" class="selectable col col-12">
                        <div class="table-area new-my-table card " style=" width:98%;float: left;">
                            <div class="hd fn-clearfix">
                                <div class="scroll-title">
                                    <div class="titles">
                                        <div class="title table-title"><a title="调查问卷" class="active">学工通知</a></div>
                                    </div>
                                </div>
                                <a  class="more">更多</a></div>
                            <div class="bd" style="height:220px">
                                 <div class="tab_con">
                                     <ul class="new-list">
                                         <li><a target="_blank" href=""><span title="" class="text">【调查问卷】请假申请</span><span class="date">2022-03-10</span></a>
                                             <a target="_blank" href=""><span title="" class="text">【调查问卷】出入学校申请</span><span class="date">2022-03-09</span></a>
                                             <a target="_blank" href=""><span title="" class="text">【调查问卷】外出实习申请</span><span class="date">2022-03-03</span></a>
                                             <a target="_blank" href=""><span title="" class="text">【调查问卷】省教育厅科技处领导来我校调研交流</span><span class="date">2022-03-10</span></a>
                                             <a target="_blank" href=""><span title="" class="text">【调查问卷】省教育厅科技处领导来我校调研交流</span><span class="date">2022-03-10</span></a>
                                         </li>
                                     </ul>
                                 </div>
                             </div>
                        </div>
                    </div>
                </section>
            </div>
        </div>
    </div>
</div>
<script>
    $(function () {
        getssoapp();
        getweek();
        getacticle();
    });


if (navigator.appName == "Microsoft Internet Explorer" && parseInt(navigator.appVersion.split(";")[1].replace(/[ ]/g, "").replace("MSIE", "")) < 10) {
    window.location.href = '/update-browser.html';
}
try{
}catch (e){
    ;(function(g) {
        'use strict';
        var _console = g.console || {};
        var methods = ['assert', 'clear', 'count', 'debug', 'dir', 'dirxml', 'exception', 'error', 'group', 'groupCollapsed', 'groupEnd', 'info', 'log', 'profile', 'profileEnd', 'table', 'time', 'timeEnd', 'timeStamp', 'trace', 'warn'];

        var console = {version: '0.1.0'};
        var key;
        for(var i = 0, len = methods.length; i < len; i++) {
            key = methods[i];
            console[key] = function (key) {
                return function () {
                    if (typeof _console[key] === 'undefined') {
                        return 0;
                    }
                    Function.prototype.apply.call(_console[key], _console, arguments);
                };
            }(key);
        }
        g.console = console;
    }(window));
}

function tabopen(name,url) {
    js.addTabPage(null, name, url);
}


//调用周日历
var weekfn = new jcalendar_week({
    element: "#jcalendar_week",//填充日历的dom元素
    dayaddclass: function (date) {
        //添加某天时给添加类名
        return "";
    },
    dayclick: function (date, obj) {
        debugger;
        //day点击事件
        $(obj).addClass("calendar_day_act").siblings().removeClass("calendar_day_act");
    }
});
//获取周第一天
console.log(weekfn.weekfirstdate(2018, 36));
//获取传入日期为当年第几周（注:这里的月份从0开始）
console.log(weekfn.getweeknum(2018, 0, 16));
//跳转到指定周
function jumpweek() {
    var getyear = parseInt($("#setyear").val());
    var getweek = parseInt($("#setweek").val());
    weekfn.confirmweek(getyear, getweek);
    $('#pop').hide();
}
//跳转到本周
function tonowweek() {
    weekfn.nowweek();
    $('#pop').hide();
}

function getweek() {
    var _data = [];
    js.ajaxSubmit({
        url: '${ctx}/sys/schedule/schedule/getweek',
        data: {},
        callback: function(data){
            _data=data.scheduleList;
        },
        dataType: 'json',
        async: false,
        message: '正在获取数据...'
    });
    return _data;
}

    function getssoapp() {
        js.ajaxSubmit({
            url: '${ctx}/sso/ssoApp/ssoApp',
            data: {accessType:"0"},
            callback: function (data) {
                var list = data.ssoAppList;
                var str = "";
                var tj="";
                for (let i = 0; i < list.length; i++) {
                    str += '<a target="_blank" href="'+list[i].callbackUrl+'"><img src="'+list[i].appImage+'" width="50" height="50"/><span title="" class="text">'+list[i].appName+'</span></a>';
                    if(list[i].isRecommend=="0") {
                        tj += '<a target="_blank" href="' + list[i].callbackUrl + '"><img src="' + list[i].appImage + '" width="50" height="50"/><span title="" class="text">' + list[i].appName + '</span></a>';
                    }
                }
                $("#tjapp").html(str);
                $("#tjapp1").html(tj);
            },
            dataType: 'json',
            async: false,
            message: '正在获取数据...'
        });
    }

    function getacticle() {
        js.ajaxSubmit({
            url: '${ctx}/cms/article/deskData',
            data: {category:"hbjmdx005"},
            callback: function (data) {
                debugger;
                var list = data;
                var str = "";
                for (let i = 0; i < list.length; i++) {
                    if(i>6){
                        break;
                    }
                    str+='<a target="_blank" href="'+list[i].url+'"><span title="" class="text">'+list[i].title.substring(0,20)+'</span><span class="date">'+js.formatDate(js.parseDate(list[i].createDate),"yyyy-MM-dd")+'</span></a>';
                }
                $("#list1").html(str);
                $("#list2").html(str);
            },
            dataType: 'json',
            async: false,
            message: '正在获取数据...'
        });
    }

</script>
<script>
    // 1:模块选项卡，点击某一个，当前这一个底色会变成红色，其他不变(排它思想) ，修改类名方式
    // 获取元素
    var title = document.querySelector(".title");
    var lis = title.querySelectorAll("li");
    //绑定事件for循环
    for(var i = 0;i< lis.length;i++){
        lis[i].onclick = function(){
            //其余的li清除格式，只保留当前这个li
            for(var i = 0;i< lis.length;i++){
                lis[i].className = '';
            }
            this.className = 'current';

        }
    }
</script>
<script>
    // 1:模块选项卡，点击某一个，当前这一个底色会变成红色，其他不变(排它思想) ，修改类名方式
    // 获取元素
    var title = document.querySelector(".title");
    var lis = title.querySelectorAll("li");
    var items = document.querySelectorAll('.item');
    //绑定事件for循环
    for(var i = 0;i< lis.length;i++){
        //开始给5个li设置索引号
        lis[i].setAttribute('index',i);
        lis[i].onclick = function(){
            //其余的li清除格式，只保留当前这个li
            for(var i = 0;i< lis.length;i++){
                lis[i].className = '';
            }
            this.className = 'current';
            // 2:下面的显示内容模块
            var index = this.getAttribute('index');//获取索引号，找到对应的选项卡
            for(var i = 0;i<items.length;i++){
                items[i].style.display='none';
            }
            items[index].style.display='block';
        }
    }

</script>
<style>
    .tab{
        background-color: gray;
        height: 39px;
        width: 800px;
        margin: auto;
    }
    .title li{
        float: left;
        height: 39px;
        line-height: 39px;
        padding: 0 20px;
        text-align: center;
        cursor: pointer;
        list-style: none;
    }
    .title .current{
        background-color: red;
        color: #fff;
    }
    .item_info{
        padding: 20px 0 0 20px;
    }
    .item{
        display: none;

    }
    .tab_con{
        float: left;
        height: 639px;
        width: 800px;
        margin: auto;
    }
</style>
