<!--
 * @Date: 2022-06-29 18:18:02
 * @LastEditors: hookehuyr hookehuyr@gmail.com
 * @LastEditTime: 2024-06-25 10:01:42
 * @FilePath: /data-table/src/views/no_auth.vue
 * @Description: 文件描述
-->
<template>
  <div  class="table-box" :style="{ margin: is_pc ? '1rem 0' : '1rem', overflow: 'auto' }">
    <div style="display: flex; align-items: center; justify-content: center; margin: 1rem auto; color: red;"><van-icon name="warning" color="red" size="1.25rem" />&nbsp;您暂无权限访问该页面</div>
    <div>{{ formSetting }}</div>
  </div>
</template>

<script setup>
import { ref } from 'vue'
import { useRoute, useRouter } from 'vue-router'

import { Cookies, $, _, axios, storeToRefs, mainStore, Toast, useTitle } from '@/utils/generatePackage.js'
//import { } from '@/utils/generateModules.js'
//import { } from '@/utils/generateIcons.js'
//import { } from '@/composables'
import { styleColor } from "@/constant.js";
import { wxInfo, getUrlParams } from "@/utils/tools";

const $route = useRoute();
const $router = useRouter();
useTitle($route.meta.title);

// 获取表单设置
const store = mainStore();
const { formSetting } = storeToRefs(store);

const is_pc = computed(() => wxInfo().isPC);

onMounted(() => {
  // TAG: 全局背景色
  document
    .querySelector("body")
    .setAttribute("style", `background-color: ${styleColor.backgroundColor}`);
})

</script>

<style lang="less" scoped>
.table-box {
  background-color: #ffffff;
  padding-bottom: 1rem;
  border-radius: 5px;
}
</style>