<template>
  <div :class="[prefixCls, 'flex full relative']">
    <div :class="`${prefixCls}-content  pt-24`">

      <el-breadcrumb style="position: absolute; top: 80px;left: 120px" :separator-icon="ArrowRight">
        <el-breadcrumb-item class="text-2xl" :to="{ path: '/rules' }">法律法规</el-breadcrumb-item>
        <el-breadcrumb-item class="text-2xl">法律法规详情</el-breadcrumb-item>
      </el-breadcrumb>
      <HtmlPreview :content="content" />
    </div>
  </div>
</template>

<script setup lang="ts">
definePageMeta({
  name:'法律法规详情',
  hidden: true,
  headerHost: false,
  parentPath: '/rules',
  // @ts-ignore
  path: '/rules/:id'
})
useHead({
  title:'法律法规详情'
})
import { ArrowRight } from '@element-plus/icons-vue'
useAppStore().setBannerTitle("法律法规详情")

const {prefixCls} = useDesign('mai-wrap');
const route = useRoute()
const content = ref('')
async function getData() {
  const data = await useApi().technicalApi.getTechnicalDetail(route.params.id)
  console.log('data.data.info')
  content.value = data.data.info.content;
}
getData()
</script>

<style scoped></style>
