zengyitan
/
zytworld


			
				
					
						
						
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353
							<!DOCTYPE html>
<html lang="en">
  <head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <!-- Meta, title, CSS, favicons, etc. -->
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">

    <title>后台管理系统 </title>

    <!-- Bootstrap -->
    <link href="../vendors/bootstrap/dist/css/bootstrap.min.css" rel="stylesheet">
    <!-- Font Awesome -->
    <link href="../vendors/font-awesome/css/font-awesome.min.css" rel="stylesheet">
    <!-- FullCalendar -->
    <link href="../vendors/fullcalendar/dist/fullcalendar.min.css" rel="stylesheet">
    <link href="../vendors/fullcalendar/dist/fullcalendar.print.css" rel="stylesheet" media="print">
	
    <!-- Custom Theme Style -->
    <link href="../src/css/common.css" rel="stylesheet">
  </head>
  <body class="container child_body">
    <div class="row">
      <div class="col-md-8 col-sm-8 col-xs-12">
        <div class="x_panel">
          <div class="x_title">
            <h2>日历行程 <small>最近行程</small></h2>
            <ul class="nav navbar-right panel_toolbox">
              <li><a class="collapse-link"><i class="fa fa-chevron-up"></i></a>
              </li>
            </ul>
            <div class="clearfix"></div>
          </div>
          <div class="x_content">

            <div id='calendar'></div>

          </div>
        </div>
      </div>

      <div class="col-md-4 col-sm-4 col-xs-12">
        <div class="x_panel">
          <div class="x_title">
            <h2>待办事件 <small class="label label-success pull-right">4</small></h2>
            <ul class="nav navbar-right panel_toolbox">
              <li><a class="collapse-link"><i class="fa fa-chevron-up"></i></a>
              </li>
            </ul>
            <div class="clearfix"></div>
          </div>
          <div class="x_content">
            <ul class="list-unstyled msg_list">
              <li>
                <a>
                  <span>
                    <span class="title">审核</span>
                    <span class="time">1天前</span>
                  </span>
                  <span class="message">
                    审核内容审核内容审核内容审核内容审核内容
                  </span>
                </a>
              </li>
              <li>
                <a>
                  <span>
                    <span class="title">考核</span>
                    <span class="time">3天前</span>
                  </span>
                  <span class="message">
                    09:30 - 10:20 数学课 未考核
                  </span>
                </a>
              </li>
              <li>
                <a>
                  <span>
                    <span>考核</span>
                    <span class="time">2018-03-15</span>
                  </span>
                  <span class="message">
                    08:30 - 09:20 数学课 未考核
                  </span>
                </a>
              </li>
            </ul>
          </div>
        </div>

        <div class="x_panel">
          <div class="x_title">
            <h2>公告栏 <!-- <small class="label label-info pull-right">4</small> --></h2>
            <ul class="nav navbar-right panel_toolbox">
              <li><a class="collapse-link"><i class="fa fa-chevron-up"></i></a>
              </li>
            </ul>
            <div class="clearfix"></div>
          </div>
          <div class="x_content">
            <ul class="lists list-unstyled">
              <li>
                <div class="col-md-12 col-sm-12 col-xs-20">
                  <h2 class="title">公告标题</h2>
                  <p class="excerpt">
                    公告内容公告内容公告内容公告内容公告内容公告内容公告内容  
                  </p>
                  <div class="byline">
                    <span>13 小时前</span>
                    by
                    <a href="#">Admin</a>
                  </div>
                </div>
                <div class="clearfix"></div>
              </li>
              <li>
                <div class="col-md-12 col-sm-12 col-xs-20">
                  <h2 class="title">公告标题</h2>
                  <p class="excerpt">
                    公告内容公告内容公告内容
                  </p>
                  <div class="byline">
                    <span>2018-03-10</span>
                    by
                    <a href="#">Admin</a>
                  </div>
                </div>
                <div class="clearfix"></div>
              </li>
            </ul>
          </div>
        </div>
      </div>
    </div>
    <!-- search lists -->
    <!-- <div class="row">
      <div class="col-md-6 col-sm-6 col-xs-24">
        <div class="x_panel">
          <div class="x_title">
            <h2>Search Result Lists <small>simple lists</small></h2>

            <div class="nav navbar-right">
              
            </div>
            <div class="clearfix"></div>
          </div>

          <div class="x_content">
            <ul class="lists list-unstyled">
              <li>
                <a href="#">
                  <div class="col-md-8 col-sm-8 col-xs-20">
                    <h2 class="title">Who Needs Sundance When You’ve Got Crowdfunding?</h2>
                    <p class="excerpt">
                      Film festivals used to be do-or-die moments for movie makers. They were where you met the producers that could fund your project, and if the buyers liked your flick, they’d pay to Fast-forward and… <a href="#">Read More</a>
                    </p>
                    <div class="byline">
                      <span>13 hours ago</span>
                      by
                      <a href="#">Jane Smith</a>
                    </div>
                  </div>
                  <div class="clearfix"></div>
                </a>
              </li>
              <li>
                <a href="#">
                  <div class="col-md-2 col-sm-2 col-xs-12">
                    <img src="../static/images/media.jpg" width="100%">
                  </div>
                  <div class="col-md-8 col-sm-8 col-xs-20">
                    <h2 class="title">Who Needs Sundance When You’ve Got Crowdfunding?</h2>
                    <p class="excerpt">
                      Film festivals used to be do-or-die moments for movie makers. They were where you met the producers that could fund your project, and if the buyers liked your flick, they’d pay to Fast-forward and… <a href="#">Read More</a>
                    </p>
                    <div class="byline">
                      <span>13 hours ago</span>
                      by
                      <a href="#">Jane Smith</a>
                    </div>
                  </div>
                  <div class="clearfix"></div>
                </a>
              </li>
              <li>
                <a href="#">
                  <div class="col-md-2 col-sm-2 col-xs-12">
                    <img src="../static/images/media.jpg" width="100%">
                  </div>
                  <div class="col-md-8 col-sm-8 col-xs-20">
                    <h2 class="title">Who Needs Sundance When You’ve Got Crowdfunding?</h2>
                    <p class="excerpt">
                      Film festivals used to be do-or-die moments for movie makers. They were where you met the producers that could fund your project, and if the buyers liked your flick, they’d pay to Fast-forward and… <a href="#">Read More</a>
                    </p>
                    <div class="byline">
                      <span>13 hours ago</span>
                      by
                      <a href="#">Jane Smith</a>
                    </div>
                  </div>
                  <div class="clearfix"></div>
                </a>
              </li>
            </ul>
          </div>
        </div>
      </div>
    </div> -->
    <!-- /search lists -->

    <!-- jQuery -->
    <script src="../vendors/jquery/dist/jquery.min.js"></script>
    <!-- Bootstrap -->
    <script src="../vendors/bootstrap/dist/js/bootstrap.min.js"></script>
    <!-- FastClick -->
    <script src="../vendors/fastclick/lib/fastclick.js"></script>
    <!-- FullCalendar -->
    <script src="../vendors/moment/min/moment.min.js"></script>
    <script src="../vendors/fullcalendar/dist/fullcalendar.min.js"></script>
    <script src='../vendors/fullcalendar/dist/lang/zh-cn.js'></script>

    <!-- common -->
    <script src="../src/js/common.js"></script>

    <script type="text/javascript">
      /* CALENDAR */
      /* 参考中文文档 https://www.helloweba.net/javascript/445.html */
      function  init_calendar() {
          
        if( typeof ($.fn.fullCalendar) === 'undefined'){ return; }
        console.log('init_calendar');
          
        var date = new Date(),
          d = date.getDate(),
          m = date.getMonth(),
          y = date.getFullYear(),
          started,
          categoryClass;

        var calendar = $('#calendar').fullCalendar({
          locale: 'zh-cn',
          contentHeight: 540,
          defaultView: 'agendaWeek',
          header: {
            left: 'prev,next today',
            center: 'title',
            right: 'month,agendaWeek,agendaDay,listMonth'
          },
          allDayText: "全天",
          buttonText: {
            today: '今天',
            month: '月',
            week: '周',
            day: '日',
            list: '列表'
          },
          titleFormat: 'YYYY年 MMMM',
          list: 'listWeek,listDay,listMonth,listYear',
          /*titleFormat: {
            // month: 'yyyy年 MMMM月',
            // week: "[yyyy年] MMMM月d日 { '&#8212;' [yyyy年] MMMM月d日}",
            // day: 'yyyy年 MMMM月d日 dddd'
          },*/
          /*monthNames: ["1", "2", "3", "4", "5", "6", "7", "8", "9", "10", "11", "12"],
          dayNames: ["星期天", "星期一", "星期二", "星期三", "星期四", "星期五", "星期六"],
          dayNamesShort: ['周日', '周一', '周二', '周三', '周四', '周五', '周六'],*/
          displayEventTime: true,
          /*weekNumbers: true,
          weekNumberTitle: '周数',*/
          selectable: true,
          selectHelper: true,
          select: function(start, end, allDay) {
            /*$('#fc_create').click();

            started = start;
            ended = end;

            $(".antosubmit").on("click", function() {
              var title = $("#title").val();
              if (end) {
              ended = end;
              }

              categoryClass = $("#event_type").val();

              if (title) {
                calendar.fullCalendar('renderEvent', {
                  title: title,
                  start: started,
                  end: end,
                  allDay: allDay
                  },
                  true // make the event "stick"
                );
              }

              $('#title').val('');

              calendar.fullCalendar('unselect');

              $('.antoclose').click();

              return false;
            });*/
          },
          eventClick: function(calEvent, jsEvent, view) {
            /*$('#fc_edit').click();
            $('#title2').val(calEvent.title);

            categoryClass = $("#event_type").val();

            $(".antosubmit2").on("click", function() {
              calEvent.title = $("#title2").val();

              calendar.fullCalendar('updateEvent', calEvent);
              $('.antoclose2').click();
            });

            calendar.fullCalendar('unselect');*/
          },
          editable: false,
          events: [{            // 事件数据
            title: '全天有事',
            start: new Date(y, m, 1)      // or 2018-03-10
          }, {
            title: '长时间事件',
            start: new Date(y, m, d - 5),
            end: new Date(y, m, d - 2)
          }, {
            title: '开会',
            start: '2018-04-26T09:30',   // or 2018-04-24T09:30
            allDay: false
          }, {
            title: '吃中午饭',
            start: new Date(y, m, d + 14, 12, 0),
            end: new Date(y, m, d, 14, 0),
            allDay: false
          }, {
            title: '生日晚会',
            start: new Date(y, m, d + 1, 19, 0),
            end: new Date(y, m, d + 1, 22, 30),
            allDay: false
          }]
        });
      };

      $(document).ready(function() {
        init_calendar();
      })
    </script>
  </body>
</html>