<template>
  <section class="AppConsole">
    <div class="consoleBg" v-text="`欢迎使用${system.fullTitle}`"/>
  </section>
</template>

<script>
import {mapState} from "vuex";

export default {
  name: "AppConsole",
  label: "工作台",
  computed: {
    ...mapState(['sys']),
    system: v => v.sys.info || {}
  },
}
</script>
<style lang="scss" scoped>
.AppConsole {
  height: 100%;

  .consoleBg {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    background-image: url("https://cdn.cunwuyun.cn/dvcp/consoleBg.png");
    background-size: 600px 362px;
    background-repeat: no-repeat;
    background-position: center top;
    padding-top: 402px;
    font-size: 32px;
    font-family: MicrosoftYaHei-Bold, MicrosoftYaHei;
    font-weight: bold;
    color: #95A1B0;
    min-width: 600px;
  }

}
</style>
