<template>
  <!-- <div>
    <router-link :to="{ path: './dailySign/record'}">日常考勤</router-link>
    <router-link to="/dailySign/inductionSign">感应签到</router-link>
    <router-link to="/dailySign/inductionAndPositionSign">感应和定位签到</router-link>
  </div>-->
  <div class="content skin10">
    <div class="content-hd">
      <div class="banner">
        <div class="sky-txtT">2018年10月24日</div>
        <div class="sky-txtT">第八周</div>
        <div class="sky-txtT">星期三</div>
        <a href="javascript:;" class="reward-points-wrapper">
          <span class="icon1 icon-wujiaoxingshi"></span>
          20
        </a>
      </div>
      <div class="person-img">
        <a href="javascript:;" class="person-img-link">
          <img src="@/assets/images/head.png" alt />
        </a>
      </div>
      <div class="person-info h4">
        张建林老师&nbsp;
        <a href="#" class="tx-gray fz-14 is-attendance-wrapper" id="isAttendance">
          上午考勤:
          <span class="tx-danger">未考勤</span>
        </a>
      </div>
      <p class="tx-tips">个人中心</p>
    </div>
    <div class="content-bd">
      <div class="content-item">
        <div class="content-item-hd">
          <a href="informationCenterList.html" class="navigate-right">
            消息中心&nbsp;&nbsp;
            <span class="badge">15</span>
          </a>
        </div>
        <div class="content-item-bd">
          <div class="info-marquee ajax-complete">
            <div class="swiper-container">
              <div class="swiper-wrapper">
                <div class="swiper-slide">
                  <ul class="list-default">
                    <li>
                      <a href="javascript:;" class="ellipsis">
                        【申请审批】&nbsp;1王春平发起的请假申请&nbsp;
                        <span class="tx-gray">2018-9-19 11:56</span>
                      </a>
                    </li>
                    <li>
                      <a href="javascript:;" class="ellipsis">
                        【通知公告】&nbsp;1国庆放假通知&nbsp;
                        <span class="tx-gray">2018-9-29 11:56</span>
                      </a>
                    </li>
                    <li>
                      <a href="javascript:;" class="ellipsis">
                        【课表管理】&nbsp;1段俊杰向你发起换课&nbsp;
                        <span class="tx-gray">2018-9-29 11:56</span>
                      </a>
                    </li>
                  </ul>
                </div>
                <div class="swiper-slide">
                  <ul class="list-default">
                    <li>
                      <a href="javascript:;" class="ellipsis">
                        【申请审批】&nbsp;2王春平发起的请假申请&nbsp;
                        <span class="tx-gray">2018-9-19 11:56</span>
                      </a>
                    </li>
                    <li>
                      <a href="javascript:;" class="ellipsis">
                        【通知公告】&nbsp;2国庆放假通知&nbsp;
                        <span class="tx-gray">2018-9-29 11:56</span>
                      </a>
                    </li>
                    <li>
                      <a href="javascript:;" class="ellipsis">
                        【课表管理】&nbsp;2段俊杰向你发起换课&nbsp;
                        <span class="tx-gray">2018-9-29 11:56</span>
                      </a>
                    </li>
                  </ul>
                </div>
                <div class="swiper-slide">
                  <ul class="list-default">
                    <li>
                      <a href="javascript:;" class="ellipsis">
                        【申请审批】&nbsp;3王春平发起的请假申请&nbsp;
                        <span class="tx-gray">2018-9-19 11:56</span>
                      </a>
                    </li>
                    <li>
                      <a href="javascript:;" class="ellipsis">
                        【通知公告】&nbsp;3国庆放假通知&nbsp;
                        <span class="tx-gray">2018-9-29 11:56</span>
                      </a>
                    </li>
                    <li>
                      <a href="javascript:;" class="ellipsis">
                        【课表管理】&nbsp;3段俊杰向你发起换课&nbsp;
                        <span class="tx-gray">2018-9-29 11:56</span>
                      </a>
                    </li>
                  </ul>
                </div>
              </div>
            </div>
            <div class="loading-img-wrapper">
              <img src="@/assets/images/loading.png" alt class="loading-img" />
            </div>
          </div>
        </div>
      </div>
      <div class="module-list">
        <div class="content-item">
          <div class="content-item-hd">办公管理</div>
          <div class="content-item-bd">
            <ul class="table-view grid-view grid-9">
              <li class="table-view-cell media col-xs-4">
                <router-link to="/office/noticeAnnounce/list/List">
                  <span class="icon1 icon1-tongzhi"></span>
                  <div class="media-body">通知公告</div>
                </router-link>
              </li>
              <li class="table-view-cell media col-xs-4">
                <router-link to="/meeting/list">
                  <span class="icon1 icon1-huiyuan"></span>
                  <div class="media-body">会议管理</div>
                </router-link>
              </li>
              <li class="table-view-cell media col-xs-4">
                <a href="../apply_approve_V3.0/index.html">
                  <span class="icon1 icon1-shenqing"></span>
                  <div class="media-body">申请审批</div>
                </a>
              </li>
              <li class="table-view-cell media col-xs-4">
                <a href="../patrolLogV2.0/patroLog_detail.html">
                  <span class="icon1 icon1-xuncha"></span>
                  <div class="media-body">巡查管理</div>
                </a>
              </li>
              <li class="table-view-cell media col-xs-4">
                <router-link to="/functionRoom/index">
                  <span class="icon1 icon1-huiyuan"></span>
                  <div class="media-body">功能室</div>
                </router-link>
              </li>
              <li class="table-view-cell media col-xs-4">
                <router-link to="/office/survey/index">
                  <span class="icon1 icon1-weidiaoyan"></span>
                  <div class="media-body">调研管理</div>
                </router-link>
              </li>
              <li class="table-view-cell media col-xs-4">
                <router-link to="/office/teacehrAddressListEntry/address">
                  <span class="icon1 icon1-tongxunlu"></span>
                  <div class="media-body">智能通讯录</div>
                </router-link>
              </li>
              <li class="table-view-cell media col-xs-4">
                <router-link to="/wages/index">
                  <span class="icon1 icon1-huiyuan"></span>
                  <div class="media-body">工资</div>
                </router-link>
              </li>
              <li class="table-view-cell media col-xs-4">
                <router-link to="/office/activityManage/list">
                  <span class="icon1 icon1-huiyuan"></span>
                  <div class="media-body">活动管理</div>
                </router-link>
              </li>
              <li class="table-view-cell media col-xs-4">
                <router-link to="/office/weeklyWork/index">
                  <span class="icon1 icon1-huiyuan"></span>
                  <div class="media-body">信息查询</div>
                </router-link>
              </li>
            </ul>
          </div>
        </div>
        <div class="content-item">
          <div class="content-item-hd">教务管理</div>
          <div class="content-item-bd">
            <ul class="table-view grid-view grid-9">
              <li class="table-view-cell media col-xs-4">
                <router-link to="/SQESystem/index">
                  <span class="icon1 icon1-banji"></span>
                  <div class="media-body">学期评价</div>
                </router-link>
              </li>
              <li class="table-view-cell media col-xs-4">
                <a href="../contacts/tContacts2.html">
                  <span class="icon1 icon1-banji"></span>
                  <div class="media-body">班级管理</div>
                </a>
              </li>
              <li class="table-view-cell media col-xs-4">
                <router-link to="/education/schoolPerforman/index/Index">
                  <span class="icon1 icon1-banji"></span>
                  <div class="media-body">在校表现</div>
                </router-link>
              </li>
              <li class="table-view-cell media col-xs-4">
                <a href="../tClass.html">
                  <span class="icon1 icon1-banji"></span>
                  <div class="media-body">班级管理</div>
                </a>
              </li>
              <li class="table-view-cell media col-xs-4">
                <router-link to="/education/classNotice/list">
                  <span class="icon1 icon-woderenwu1"></span>
                  <div class="media-body">班级通知</div>
                </router-link>
              </li>
              <li class="table-view-cell media col-xs-4">
                <router-link to="/education/classSchedule/index">
                  <span class="icon1 icon1-kecheng"></span>
                  <div class="media-body">课表管理</div>
                </router-link>
              </li>
              <li class="table-view-cell media col-xs-4">
                <a href="../association_v2/index.html">
                  <span class="icon1 icon1-houdong"></span>
                  <div class="media-body">社团管理</div>
                </a>
              </li>
              <li class="table-view-cell media col-xs-4">
                <router-link to="/moralEducation/index">
                  <span class="icon1 icon-woderenwu1"></span>
                  <div class="media-body">德育管理</div>
                </router-link>
              </li>
              <li class="table-view-cell media col-xs-4">
                <router-link to="/ipad/moralEducation/login/Login">
                  <span class="icon1 icon-woderenwu1"></span>
                  <div class="media-body">德育管理ipad</div>
                </router-link>
              </li>
              <li class="table-view-cell media col-xs-4">
                <router-link to="/education/classSpace/index">
                  <span class="icon1 icon-woderenwu1"></span>
                  <div class="media-body">班级空间</div>
                </router-link>
              </li>
              <li class="table-view-cell media col-xs-4">
                <router-link to="/education/physicalHealth/index">
                  <span class="icon1 icon-woderenwu1"></span>
                  <div class="media-body">学生体质健康</div>
                </router-link>
              </li>
              <li class="table-view-cell media col-xs-4">
                <router-link to="/education/moralEducation/class">
                  <span class="icon1 icon-woderenwu1"></span>
                  <div class="media-body">班级德育</div>
                </router-link>
              </li>
              <li class="table-view-cell media col-xs-4">
                <router-link to="/education/moralEducation/index">
                  <span class="icon1 icon-woderenwu1"></span>
                  <div class="media-body">德育管理</div>
                </router-link>
              </li>
            </ul>
          </div>
        </div>
        <div class="content-item">
          <div class="content-item-hd">绩效管理</div>
          <div class="content-item-bd">
            <ul class="table-view grid-view grid-9">
              <li class="table-view-cell media col-xs-4">
                <router-link to="/dailySign/record">
                  <span class="icon1 icon1-qiandao"></span>
                  <div class="media-body">考勤管理</div>
                </router-link>
              </li>
              <li class="table-view-cell media col-xs-4">
                <router-link to="/dailySign/inductionSign">
                  <span class="icon1 icon1-qiandao"></span>
                  <div class="media-body">感应考勤</div>
                </router-link>
              </li>
              <li class="table-view-cell media col-xs-4">
                <router-link to="/dailySign/inductionAndPositionSign">
                  <span class="icon1 icon1-qiandao"></span>
                  <div class="media-body">感应定位考勤</div>
                </router-link>
              </li>
              <li class="table-view-cell media col-xs-4">
                <router-link to="/dailySign/abnormalAppealList">
                  <span class="icon1 icon1-icoadvancedspace"></span>
                  <div class="media-body">异常申诉记录</div>
                </router-link>
              </li>
              <li class="table-view-cell media col-xs-4">
                <router-link to="/studentDailySign/index">
                  <span class="icon1 icon1-icoadvancedspace"></span>
                  <div class="media-body">学生考勤</div>
                </router-link>
              </li>
              <li class="table-view-cell media col-xs-4">
                <router-link to="/education/studentAttendance/list/List">
                  <span class="icon1 icon1-icoadvancedspace"></span>
                  <div class="media-body">学生考勤</div>
                </router-link>
              </li>
              <li class="table-view-cell media col-xs-4">
                <router-link to="/cardSign/cardIndex">
                  <span class="icon1 icon1-icoadvancedspace"></span>
                  <div class="media-body">打卡管理</div>
                </router-link>
              </li>
              <li class="table-view-cell media col-xs-4">
                <router-link to="/teacherTrail/Index">
                  <span class="icon1 icon1-icoadvancedspace"></span>
                  <div class="media-body">教师轨迹</div>
                </router-link>
              </li>
              <li class="table-view-cell media col-xs-4">
                <router-link to="/performance/teacherHonor">
                  <span class="icon1 icon1-icoadvancedspace"></span>
                  <div class="media-body">荣誉档案</div>
                </router-link>
              </li>
            </ul>
          </div>
        </div>
        <div class="content-item">
          <div class="content-item-hd">智慧环境</div>
          <div class="content-item-bd">
            <ul class="table-view grid-view grid-9">
              <li class="table-view-cell media col-xs-4">
                <router-link to="/faceDevice/index">
                  <span class="icon1 icon1-icoadvancedspace"></span>
                  <div class="media-body">人脸设备权限</div>
                </router-link>
              </li>
              <li class="table-view-cell media col-xs-4">
                <router-link to="/smartCampus/temperature/index">
                  <span class="icon1 icon1-icoadvancedspace"></span>
                  <div class="media-body">疫情监控中心</div>
                </router-link>
              </li>
            </ul>
          </div>
        </div>
        <div class="content-item">
          <div class="content-item-hd">后勤管理</div>
          <div class="content-item-bd">
            <ul class="table-view grid-view grid-9">
              <li class="table-view-cell media col-xs-4">
                <a href="../bookDinnerSystem/order_index.html">
                  <span class="icon1 icon1-qiandao"></span>
                  <div class="media-body">订餐管理</div>
                </a>
              </li>
              <li class="table-view-cell media col-xs-4">
                <router-link to="/visit/visitManagement">
                  <span class="icon1 icon1-icoadvancedspace"></span>
                  <div class="media-body">来访系统</div>
                </router-link>
              </li>
              <li class="table-view-cell media col-xs-4">
                <router-link to="/visit/padVisitManagement">
                  <span class="icon1 icon1-icoadvancedspace"></span>
                  <div class="media-body">平板来访系统</div>
                </router-link>
              </li>
              <li class="table-view-cell media col-xs-4">
                <a href="../dormitory/dormitoryIndex.html">
                  <span class="icon1 icon1-icoadvancedspace"></span>
                  <div class="media-body">宿舍管理</div>
                </a>
              </li>
              <li class="table-view-cell media col-xs-4">
                <router-link to="/warnRecord/Index">
                  <span class="icon1 icon1-icoadvancedspace"></span>
                  <div class="media-body">告警记录</div>
                </router-link>
              </li>
              <li class="table-view-cell media col-xs-4">
                <router-link to="/payment/paymentMine">
                  <span class="icon1 icon1-icoadvancedspace"></span>
                  <div class="media-body">缴费管理</div>
                </router-link>
              </li>
              <li class="table-view-cell media col-xs-4">
                <router-link to="/logistics/transfer/index/0">
                  <span class="icon1 icon1-icoadvancedspace"></span>
                  <div class="media-body">学生接送</div>
                </router-link>
              </li>
            </ul>
          </div>
        </div>
      </div>

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

<script>
export default {
    name: 'VIndex',
    methods: {
        getToken () {
            this.$api.loginApi.getToken({
                // UserId: 'db5b70c3-16a7-4a57-b1a0-e95608d24d70',
                // UserName: '00000000000',
                // Password: 'E10ADC3949BA59ABBE56E057F20F883E',
                // CompanyId: '60315ee1-a798-4e3a-9116-0c656854578d',
                // SchoolCode: '10086',
                // UserType: 1,
                // RealName: '龙少'

                // UserName: '16620887960',
                // Password: '95328A9F069DA5C16CD62AF7BF9448C4',
                // UserType: 1

                // UserName: '18220051001',
                // Password: '4E71002969FCD46813B869E931AEDF4B',
                // UserType: 1

                // UserName: '13424355909',
                // Password: '1BDCA33C56FA36604486B6DED39E3C19',
                // UserType: 1

                // UserName: '15712111558',
                // Password: '4E71002969FCD46813B869E931AEDF4B',
                // UserType: 1
                // UserName: '15712111558',
                // Password: '4E71002969FCD46813B869E931AEDF4B',
                // UserType: 1

                // 小敏
                // UserName: '18605942728',
                // Password: '4E71002969FCD46813B869E931AEDF4B',
                // UserType: 1

                UserName: '13247512049',
                Password: '4E71002969FCD46813B869E931AEDF4B',
                UserType: 1

                // UserName: '18720051015',
                // Password: 'FD44F9CA4BAB3EF1AB93D37C3E89D3F5',
                // UserType: 1

            }).then(res => {
                let data = res.data
                if (data.Status) {
                    const expireTime = new Date(data.Data.expireTime).getTime()
                    this.$store.commit('saveExpireTime', expireTime)
                    this.$store.commit('saveAccessToken', data.Data.token)
                }
            }).catch(res => {
                console.log(res)
            })
        }
    },
    mounted () {
        this.getToken()
    }
}
</script>
<style lang="less" scoped>
@import '~styles/index.less';
.grid-view.grid-9 .table-view-cell {
  border-bottom-color: transparent !important;
  border-right-color: transparent !important;
}
.content {
  content: ' ';
  position: fixed;
  z-index: 10;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: url('~@/assets/images/skin.jpg') center 0 no-repeat;
  background-size: cover;
  overflow-y: auto;
  .content-item-hd {
    background-color: rgba(255, 255, 255, 0.64);
    color: #000;
  }
  .content-item-bd {
    .grid-view {
      font-size: 0;
      display: block;
      width: 100%;
      white-space: normal;
      background-color: transparent;
      padding: 1px 0;
      padding-right: 0;
      .icon1 {
        color: #fff;
      }
      .media-body {
        color: #fff;
        font-size: inherit;
        display: block;
        width: 100%;
        margin-top: 8px;
        text-overflow: ellipsis;
      }
      .table-view-cell {
        border-color: rgba(255, 255, 255, 0.5);
      }
      .table-view-cell:nth-child(odd) {
        background-color: rgba(255, 255, 255, 0.3);
      }
    }
  }
}
.module-list {
  margin-top: 8px;
}
.badge {
  width: 22px;
  height: 22px;
  text-align: center;
  line-height: 22px;
  background-color: red;
  color: #fff;
  font-size: 12px;
  display: inline-block;
  border-radius: 50%;
  vertical-align: middle;
}

.info-marquee .swiper-container {
  display: none;
}
.info-marquee .loading-img-wrapper {
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-align-items: center;
  align-items: center;
  height: 100%;
}
.info-marquee.ajax-complete .loading-img-wrapper {
  display: none;
}
.info-marquee.ajax-complete .swiper-container {
  display: block;
}
.info-marquee .loading-img-wrapper .loading-img {
  width: 64px;
  height: 64px;
}
</style>
