51 lines
2.6 KiB
Vue
51 lines
2.6 KiB
Vue
<template>
|
|
<div class="flex relative">
|
|
<nav aria-label="Breadcrumb" class="flex ml-12">
|
|
<ol class="mt-4 inline-flex items-center space-x-1 md:space-x-2 rtl:space-x-reverse">
|
|
<li class="inline-flex items-center">
|
|
<a class="inline-flex items-center text-sm font-medium text-gray-700 hover:text-blue-600 dark:text-gray-400 dark:hover:text-white" href="#">
|
|
我管理的
|
|
</a>
|
|
</li>
|
|
<li @click="$router.push('/WorkLoad/I_Manage')">
|
|
<div class="flex items-center">
|
|
<svg aria-hidden="true" class="rtl:rotate-180 w-3 h-3 text-gray-400 mx-1" fill="none" viewBox="0 0 6 10" xmlns="http://www.w3.org/2000/svg">
|
|
<path d="m1 9 4-4-4-4" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"/>
|
|
</svg>
|
|
<a class="ms-1 text-sm font-medium text-gray-700 hover:text-blue-600 md:ms-2 dark:text-gray-400 dark:hover:text-white" href="#">梁溪区纪委大数据管理平台项目</a>
|
|
</div>
|
|
</li>
|
|
<li>
|
|
<div class="flex items-center">
|
|
<svg aria-hidden="true" class="rtl:rotate-180 w-3 h-3 text-gray-400 mx-1" fill="none" viewBox="0 0 6 10" xmlns="http://www.w3.org/2000/svg">
|
|
<path d="m1 9 4-4-4-4" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"/>
|
|
</svg>
|
|
<a class="ms-1 text-sm font-medium text-gray-700 hover:text-blue-600 md:ms-2 dark:text-gray-400 dark:hover:text-white" href="#">后端</a>
|
|
</div>
|
|
</li>
|
|
<li>
|
|
<div class="flex items-center">
|
|
<svg aria-hidden="true" class="rtl:rotate-180 w-3 h-3 text-gray-400 mx-1" fill="none" viewBox="0 0 6 10" xmlns="http://www.w3.org/2000/svg">
|
|
<path d="m1 9 4-4-4-4" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"/>
|
|
</svg>
|
|
<a class="ms-1 text-sm font-medium text-gray-700 hover:text-blue-600 md:ms-2 dark:text-gray-400 dark:hover:text-white" href="#">权限管理模块</a>
|
|
</div>
|
|
</li>
|
|
</ol>
|
|
</nav>
|
|
</div>
|
|
<div class="ml-24 mt-12 w-1/3 flex flex-col justify-center">
|
|
<div class="mt-4">
|
|
<a-list :data-source="data" bordered>
|
|
<template #renderItem="{ item }">
|
|
<a-list-item>{{ item }}</a-list-item>
|
|
</template>
|
|
<template #header>
|
|
<div class="text-2xl text-rose-400">权限管理模块</div>
|
|
</template>
|
|
</a-list>
|
|
</div>
|
|
</div>
|
|
</template>
|
|
<script setup>
|
|
</script> |