<script setup lang="ts">
// import { watch, h } from "vue";
// import emptyGif from "/@/assets/welcome.gif?component";
import emptyGif from "/@/assets/welcome.jpg?component";
// import { useRoute } from "vue-router";
// import { ElMessageBox } from "element-plus";
// import { useCompany } from "/@/hooks/core/useCompany";
// const route = useRoute();

// const { currentCompany } = useCompany();

// watch(
//   () => route,
//   () => {
//     if (route.query.error !== "1") return;
//     setTimeout(() => {
//       if (!currentCompany.value.companyName) return;
//       ElMessageBox({
//         title: "公司角色异常",
//         message: h("p", null, [
//           h("span", null, "公司 "),
//           h("strong", null, currentCompany.value.companyName),
//           h("span", null, " 角色异常或该公司禁用,请检查账号或者角色设置")
//         ]),
//         boxType: "confirm"
//       });
//     }, 500);
//   },
//   {
//     deep: true,
//     immediate: true
//   }
// );
</script>

<template>
  <div class="welcome">
    <!-- <div class="welcome-title">欢迎登录，票务系统</div> -->
    <!-- <img :src="emptyGif" /> -->
  </div>
</template>

<style module scoped>
.size {
  height: 335px;
}
</style>

<style lang="scss" scoped>
.dashboard-container {
  // background-color: #f0f4fd;
  padding: 0 0 0 0;
}
.emptyGif {
  display: block;
  width: 100%;
  height: 100%;
  margin: 0 auto;
  padding: 0 0 0 0;
}

.welcome {
  // background-color: #e3e3e3;

  background: url("./welcome.jpg") no-repeat !important;

  // background: url("./background/start.png") no-repeat;
  background-size:cover !important;

  min-height: calc(100vh - 48px);
  width: 100%;
  height: calc(100vh - 48px);
  display: flex;
  padding: 0 0 0 0;
  // padding: 0 6% 0 0;
  text-align: center;
  // align-items: flex-start ;
  // .welcome-title {
  //   vertical-align: top;
  //   padding: 0;
  //   margin: 8% 0 0 18px;
  //   color: #97a8be;
  //   display: inline-block;
  //   height: 130px;
  //   line-height: 130px;
  //   font-size: 50px;
  // }
  //center;
  // img {
  //   display: block;
  //   flex: 1;
  //   padding: 0 0 0 0;
  //   margin: 0 0 0 0;
  // }
}
</style>
