<template>
  <el-card class="content-z ddd" style="display: flex;justify-content: center">
    <img :src="index" alt="" style="margin-top:20px;height: 65%">
    <h3 class="wl">WELCOME</h3>
    <h3 class="title">欢迎进入供电生产管理系统</h3>
  </el-card>
</template>

<script>
import { mapGetters } from 'vuex'
import index from '@/assets/icon/index.jpg'
export default {
  name: 'Dashboard',
  computed: {
    ...mapGetters([
      'user'
    ])
  },
  data() {
    return {
      index: index
    }
  },
  methods: {
  }
}
</script>

<style scoped>
  @import '~@/assets/less/common.less'
</style>

<style lang="css" scoped>
  .ddd{
    height: calc(100vh - 158px);
  }
  .wl{
    color: #495060;
    font-family: Source Han Sans CN;
    font-weight: medium;
    font-size: 40px;
    line-height: 40px;
    letter-spacing: 0px;
    text-align: center;
  }
  .title{
    color: #4A5060;
    font-family: Source Han Sans CN;
    font-weight: regular;
    font-size: 28px;
    line-height: 40px;
    letter-spacing: 0px;
    text-align: center;
  }
</style>
