SaaS-lib/hx-ai-intelligent/src/App.vue

<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-menu-item),
  // :deep(.ant-menu-submenu-title) {
  //   &:not(.ant-menu-item-selected) {
  //     // &:not(.ant-menu-item-active) {
  //     .anticon {
  //       color: rgb(141, 150, 163);
  //     }
  //   }
  // }
  // :deep(.ns-content) {
  //   // padding-top: 80px !important;
  // }
  // #app {
  //   width: 100%;
  //   height: 100%;
  // }

  // :deep(.ant-menu-title-content) {
  //   background: unset !important;
  //   z-index: 9 !important;
  // }
  // :deep(.ns-left-menu) {
  //   .ant-menu-item-selected {
  //     // color: #fff !important;
  //     background: @primary-color;
  //     border-radius: 12px;
  //     // height: 40px;
  //     // line-height: 40px;
  //     padding: 5px @ns-gap;
  //     position: relative;
  //     a {
  //       color: @white !important;
  //     }
  //   }

  //   .ant-menu-item-active,
  //   .ant-submenu-item-active {
  //     // color: rgba(@primary-color, 0.1) !important;
  //   }
  // }

  // :deep(.ant-menu-light.ant-menu-horizontal > .ant-menu-item:hover) {
  //   // background: @primary-color;
  // }
  // // :deep(.ant-menu-inline .ant-menu-submenu-title) {
  // //   color: rgba(255, 255, 255, 0.9) !important;
  // // }
  // :deep(.ns-left-menu .ant-layout-sider-children .ant-menu-sub.ant-menu-inline) {
  //   // position: relative;
  //   // &::before {
  //   //   display: flex;
  //   //   width: 2px;
  //   //   height: calc(100% - 40px);
  //   //   position: absolute;
  //   //   top: 20px;
  //   //   left: 20px;
  //   //   content: '';
  //   //   background-color: rgba(255, 255, 255, 0.2);
  //   // }
  // }

  // //*************************含tab的 list列表样式 */
  // :deep(.tabListTable) {
  //   .ns-table-title {
  //     text-align: left;
  //     height: 46px;
  //     line-height: 46px;
  //     font-size: 18px;
  //     font-weight: bold;
  //     user-select: text;
  //     padding-left: 16px;
  //     background: #fff;
  //     width: calc(100% + 32px);
  //     margin-left: -16px;
  //   }
  //   .tabs-list {
  //     overflow: visible !important;
  //   }
  //   .ant-tabs-nav {
  //     width: calc(100% + 32px);
  //     margin-left: -16px !important;
  //     background: #fff;
  //   }
  //   .ant-tabs-nav-wrap {
  //     padding: 0 16px;
  //   }
  // }

  // //*********************详情页返回修改 */
  // :deep(.nsDetailView) {
  //   min-height: 100%;
  //   height: 100%;
  //   .ns-detail-content {
  //     padding: 0px 24px;
  //     border-top: 16px solid #e5ebf0;
  //   }
  //   .ant-descriptions-item-label {
  //     color: rgba(0, 0, 0, 0.5);
  //     font-family: PingFang SC;
  //     font-size: 14px;
  //   }
  //   .ant-descriptions-item-content {
  //     color: rgba(0, 0, 0, 0.95);
  //     font-family: PingFang SC;
  //     font-size: 14px;
  //   }
  //   .ant-descriptions-title {
  //     &::after {
  //       content: '';
  //       width: 75px;
  //       height: 7px;
  //       display: block;
  //       background: linear-gradient(90deg, #537fff 0%, #fff 82.67%);
  //       margin-left: 2px;
  //       margin-top: -2px;
  //     }
  //   }

  //   .ant-descriptions-row > th,
  //   .ant-descriptions-row > td {
  //     padding-bottom: 8px;
  //   }
  //   .ns-page-header {
  //     margin-bottom: 0 !important;
  //     padding-top: 7px !important;
  //     padding-bottom: 7px !important;
  //     width: calc(100% + 32px);
  //     margin-left: -16px;
  //     .title {
  //       cursor: pointer;
  //       font-size: 18px !important;
  //     }
  //   }
  //   .ant-descriptions-header {
  //     margin: 16px 0 16px 0 !important;

  //     .ant-descriptions-title {
  //       line-height: 16px;
  //       font-size: 16px;
  //     }
  //   }
  // }

  // :deep(.ns-detail .ant-descriptions-header .descriptions-title) {
  //   &:after {
  //     content: '';
  //     width: 75px;
  //     height: 7px;
  //     display: block;
  //     background: linear-gradient(90deg, @primary-color 0%, #fff 82.67%);
  //     margin-left: 2px;
  //     margin-top: -2px;
  //   }
  // }
  // :deep(.ant-descriptions-header .descriptions-title) {
  //   &:after {
  //     content: '';
  //     width: 75px;
  //     height: 7px;
  //     display: block;
  //     background: linear-gradient(90deg, @primary-color 0%, #fff 82.67%);
  //     margin-left: 2px;
  //     margin-top: -2px;
  //   }
  // }
</style>