<!--
 * @Author: 曹文丽 caowenli@yuan-info.com
 * @Date: 2023-03-13 08:59:41
 * @LastEditors: 曹文丽 caowenli@yuan-info.com
 * @LastEditTime: 2023-03-14 20:56:34
 * @FilePath: \yuan-asset-module-browser\src\views\screen\screen.vue
 * @Description: 这是默认设置,请设置`customMade`, 打开koroFileHeader查看配置 进行设置: https://github.com/OBKoro1/koro1FileHeader/wiki/%E9%85%8D%E7%BD%AE
-->
<template>
  <div class="yaScreen">
    <div class="ya-screen">
      <img
        src="../../assets/image/screen/icon-picture.png"
        alt=""
        @click="goToBigScreen"
      />
      <div class="ya-text">资产态势大屏</div>
    </div>
  </div>
</template>
<script lang="ts" setup>
import { useRouter } from "vue-router";
const router = useRouter();
const goToBigScreen = () => {
  const pageUrl = router.resolve({
    path: "./situationScreen",
  });
  window.open(pageUrl.href, "_blank");
};
</script>
<style scoped lang="scss">
.ya-screen {
  width: 260px;
  background: #ffff;
  color: #000;
  padding: 12px;
  img {
    width: 260px;
    height: 146px;
    cursor: pointer;
  }
  .ya-text {
    margin-top: 16px;
  }
}
</style>
