init
This commit is contained in:
100
src/pages/login/Home.vue
Normal file
100
src/pages/login/Home.vue
Normal file
@@ -0,0 +1,100 @@
|
||||
<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('sitemanage')">站点管理</li>
|
||||
<!-- <li @click="toPage('taskgenerate')">任务生成</li> -->
|
||||
<li @click="toPage('painttask')">任务生成</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>
|
||||
Reference in New Issue
Block a user