<script setup>
import { ref, computed, reactive, onMounted, getCurrentInstance } from "vue";
import { useRouter } from 'vue-router';
const { proxy } = getCurrentInstance();
const router = useRouter();
const route = useRoute();
const user = JSON.parse(proxy.$vtk.storage.get("_mis_acis_users"));

const breadcrumbItems = [
    { title: "首页", to: "/fwzx/index" },
    { title: "政策管理", to: "/fwzx/docx" },
    { title: "新增政策文件" },
];
const breadcrumbBack = () => {
  router.back();
}

onMounted(() => {
    
});
// console.log("request", proxy.$vtk.request);
// console.log("Storage", proxy.$vtk.storage);
// console.log("Validation", proxy.$vtk.Validation);
// console.log("Message", proxy.$vtk.message);
// console.log("filter", proxy.$vtk.filters.idcard('110101199001011234'));
// proxy.$loading.show();
// proxy.$vtk.message.toast('返回按钮被点击，将执行自定义逻辑', { color: 'info' })


// density="compact" // 变小
// hide-details  隐藏校验提示
// variant="underlined" 控制边框样式，underlined 只有下边框
// variant="plain" 无边框
// inline  radio checkbox 变成横向排列
// d-flex align-center justify-space-between  div水平排列且两端对齐
// inline 设置横向

</script>
<template>
   <div style="height: calc(100vh - 182px);">
        <VtkBreadcrumb :items="breadcrumbItems" class="pt-0" :show-back="true" @back="breadcrumbBack" />
            <v-card elevation="0" class="pa-8 d-flex flex-column align-center justify-center text-center" style="height: 100%;">
                <v-icon size="120" color="blue-lighten-2" class="mb-6">
                    mdi-hammer-wrench
                </v-icon>

                <h1 class="text-h4 font-weight-bold mb-4 text-blue-darken-2">
                    功能开发中
                </h1>

                <p class="text-body-1 text-grey-darken-1 mb-6">
                    该功能正在紧张开发中，敬请期待
                </p>

                <v-divider class="my-6"></v-divider>

                <div class="d-flex justify-center align-center">
                    <v-chip class="ma-2" color="blue-lighten-5" text-color="blue">
                        <v-icon start size="18">mdi-clock-outline</v-icon>
                        即将上线
                    </v-chip>
                    <v-chip class="ma-2" color="green-lighten-5" text-color="green">
                        <v-icon start size="18">mdi-rocket-launch</v-icon>
                        持续更新
                    </v-chip>
                </div>
            </v-card>
    </div>
</template>

<style scoped>
.fill-height {
    display: flex;
    align-items: center;
}
</style>