<template>
  <a-config-provider :locale="locale">
    <router-view />
  </a-config-provider>
</template>

<script lang="ts">
  import { defineComponent, watch, ref } from 'vue';
  import zhCN from 'ant-design-vue/es/locale/zh_CN';
  import { useRouter } from 'vue-router';
  import Cookies from 'js-cookie';
  import { message } from 'ant-design-vue';
  export default defineComponent({
    name: 'App',

    setup() {
      const router = useRouter();

      const cachedViews = ['Status'];
      window.localStorage.setItem('mapKey', JSON.stringify({ type: 'tmap', url: '' }));
      // watch(
      //   () => router.currentRoute.value,
      //   (e) => {
      //     // if (Cookies.get(`${import.meta.env.VITE_PUBLIC_PATH}-nervsid`) === undefined && e.fullPath !== '/login') {
      //     //   message.warn('登陆信息已过期，请重新登录!', 1);
      //     //   router.push('/login');
      //     // }
      //     // } else {
      //     //   if (Cookies.get(`${import.meta.env.VITE_PUBLIC_PATH}-nervsid`) !== undefined && e === '/login') {
      //     //     let url = window.sessionStorage.getItem('url');
      //     //     url === null ? window.sessionStorage.setItem('url', '/doorway/visitor/audit') : '';
      //     //     router.push(url === null ? '/doorway' : url);
      //     //   }
      //     // }
      //   }
      // );
      return {
        cachedViews,
        locale: zhCN,
      };
    },
  });
</script>

<style lang="less" scoped>
  :deep(.ns-content-main) {
    .ant-tabs-content {
      height: 100%;
    }
  }
  // 树组件
  :deep(.ant-tree-node-content-wrapper) {
    overflow: hidden;
    text-overflow: ellipsis;
    text-wrap: nowrap;
  }

  :deep(.ant-tree-node-selected) {
    color: @primary-color !important;
  }

  // ns-view-list-table 搜索区域
  :deep(.ns-table-search) {
    .ns-flexv2-form {
      .ns-operate {
        text-align: left;
        margin-left: 0;
        .ant-btn {
          margin: 0;
          margin-right: 6px;
        }
      }
    }
    .ns-form-body {
      max-width: 1000px;
    }
  }

  // 区域阴影
  :deep(.ns-table-search),
  :deep(.ns-part-tree),
  :deep(.ns-table-main) {
    box-shadow: @ns-content-box-shadow;
  }
</style>
