102 lines
2.4 KiB
Vue
102 lines
2.4 KiB
Vue
<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>
|