
<template>
  <router-view />
</template>

<script  setup>
// import dotList from './data.json'
const res = {
  data: {
    chineseName: "管理员",
    enabled: 0,
    id: '715588739656581120',
    identity: 'admin',
    userName: 'admin',
  }
}
sessionStorage.setItem("ms_username", res.data.userName);
sessionStorage.setItem("ms_chinesename", res.data.chineseName);
sessionStorage.setItem("ms_id", res.data.id);
sessionStorage.setItem("token", res.token);
sessionStorage.setItem("identity", res.data.identity);
// const pointX = 0.01
// const pointY = 0.1
// const dotRes = []
// for (const dotValue of dotList) {
//   const xPage = Math.floor((dotValue.s) / pointX)
//   const minX = xPage * pointX
//   const yPage = Math.floor((dotValue.p) / pointY)
//   const minY = yPage * pointY
//   const res = {
//     s: minX + (pointX / 2),
//     p: minY + (pointY / 2)
//   }
//   if (dotRes.length) {
//     const findIndex = dotRes.findIndex(o => o.s === res.s && o.p === res.p)
//     if (findIndex != -1) {
//       dotRes[findIndex].children.push(dotValue)
//     } else {
//       dotRes.push({
//         ...res,
//         children: [dotValue]
//       })
//     }
//   } else {
//     dotRes.push({
//       ...res,
//       children: [dotValue]
//     })
//   }
// }
</script>

<style>
@import "./assets/css/main.css";
@import "./assets/css/color-dark.css";
</style>

<style lang="scss">
.query {
  display: flex;
  font-size: 12px;
  font-family: Arial, "SourceHanSans", "Microsoft YaHei", sans-serif;

  &.mg-b-8 {
    margin-bottom: 0.741vh;
  }

  .query-items {
    display: flex;
    flex: 0 0 auto;

    .query-item {
      display: flex;
      flex: 0 0 auto;
      margin: 0 1.4815vh;
      justify-content: flex-start;
      align-items: center;
      flex-wrap: nowrap;

      .lable {
        flex: 0 0 auto;
        margin-right: 1.4815vh;
        line-height: 33px;
        color: #333;
      }
    }
  }
}
</style>
