<template>
  <section>
    <header><span class="fxcol">首页</span></header>
    <section class="content" style="margin-bottom: 0">
      <div class="userInfo">
        <div class="fxcol">
          <p class="p1">{{$store.getters.userName}}</p>
          <p class="p2">欢迎进入扬州晶澳手持系统！</p>
        </div>
        <div class="exit" @click="Quit">
          <i class="icon-exit"></i>
          <span class="exit-text">退出</span>
        </div>
      </div>
    </section>
    <div class="con">
      <ul>
        <!-- <li @click="toPage('taskgenerate')">任务生成</li> -->
        <li @click="toPage('painttask')">任务生成</li>
        <li @click="toPage('sitemanage')">站点管理</li>
        <li @click="toPage('PointRelease')">点位取放货确认</li>
        <li @click="toPage('taskmanage')">任务管理</li>
        <li @click="toPage('zlmanage')">指令管理</li>
      </ul>
    </div>
  </section>
</template>

<script>
export default {
  mounted () {
    document.getElementsByTagName('body')[0].className = 'bgwhite'
  },
  beforeDestroy () {
    document.body.removeAttribute('class', 'bgwhite')
  },
  methods: {
    toPage (url) {
      this.$router.push(url)
    },
    Quit () {
      this.$store.dispatch('setSignOut')
      this.$router.push('/login')
    }
  }
}
</script>

<style lang="stylus" scoped>
@import '~@style/mixin'
>>>header
  background-color #ffffff
  span
    color #444444
.userInfo
  _fj()
  padding .46rem .31rem .41rem .31rem
  background-color $red
  _bis('../../images/bg2.png',auto,100%,right,bottom)
  border-radius: .08rem
  color #fff
  align-items center
.p1
  _font(.34rem,1,#fff)
  padding-bottom .18rem
.p2
  _font(.26rem,1,#fff)
.exit
  flex 0 0 1.2rem
  _fj()
  height .47rem
  padding 0 .15rem
  border 1px solid #FF967C
  border-radius .235rem
.icon-exit
  flex 0 0 .22rem
  height .22rem
  _bis('../../images/exit.png',.22rem)
.exit-text
  flex 1
  _font(.24rem,.47rem,#fff,,right)
.con
  display flex
  font-size .3rem
  text-align center
  justify-content center
  align-items center
  height 6rem
  ul
    width 7rem
    li
      color #e74f1a
      width 1.9rem
      height 1.2rem
      line-height 1.2rem
      float left
      font-size 0.26rem
      margin 0.2rem
      border 1px solid #e74f1a
      border-radius 5px
</style>
