WxxyDeveloper/JSL_OrganizeInternalOAWeb
9
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

获取我管理的项目接口联调

Browse Source
This commit is contained in:
GUjiYN 2024-03-13 17:07:31 +08:00
parent 389fa279e4
commit 95ad0eb369
7 changed files with 414 additions and 52 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

19
src/js/request.js
View File

@ -546,6 +546,23 @@ const messageGet = (token) => {
})
}
/**
* 获取项目的所有子系统
*/
const projectWorkGet = (data,token) => {
return axios({
url:api + "/project/work/get",
method:"get",
data:data,
headers:{
'Authorization':'Bearer '+token,
'content-type': 'application/json;charset=utf-8',
'Timestamp': getCurrentTimestamp()
}
})
}
export default {
login,
register,
@ -581,7 +598,7 @@ export default {
projectGet,
projectGetCustom,
projectWorkGet,
messageGet

15
src/router/index.js
View File

@ -134,6 +134,21 @@ const router = createRouter({
name:'WorkLoadI_ManageBack',
component:()=>import('@/views/WorkLoadPage/Back.vue')
},
{
path:'/WorkLoad/I_Manage/UserManageModule',
name:'WorkLoadI_ManageUserManageModule',
component:()=>import('@/views/WorkLoadPage/UserManageModule.vue')
},
{
path:'/WorkLoad/I_Manage/LoginRegisterModule',
name:'WorkLoadI_ManageLoginRegisterModule',
component:()=>import('@/views/WorkLoadPage/LoginRegisterModule.vue')
},
{
path:'/WorkLoad/I_Manage/AuthorityManageModule',
name:'WorkLoadI_ManageAuthorityManageModule',
component:()=>import('@/views/WorkLoadPage/AuthorityManageModule.vue')
},
]
},
{

51
src/views/WorkLoadPage/AuthorityManageModule.vue Normal file
View File

@ -0,0 +1,51 @@
<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>

52
src/views/WorkLoadPage/Back.vue
View File

@ -48,29 +48,45 @@
<p class="absolute left-4 top-4">登录注册模块</p>
<p class="absolute right-4 top-4">负责人: 无</p>
</div>
<div class="left-0 absolute bottom-0 h-[35%] w-full bg-white flex justify-center items-center space-x-3">
<div class="flex absolute right-16">
<p class="text-blue-400 font-bold text-2xl">2</p>
<p class="text-blue-400 mt-2">人/天</p>
</div>
<button class="absolute right-8 w-6 h-6 flex items-center justify-center bg-blue-400 text-black rounded-full transition duration-300 ease-in-out transform hover:scale-105">
<svg aria-hidden="true" class="rtl:rotate-180 w-4 h-4 text-white" fill="none" viewBox="0 0 14 10" xmlns="http://www.w3.org/2000/svg">
<path d="M1 5h12m0 0L9 1m4 4L9 9" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"/>
</svg>
</button>
<div class="flex flex-col mt-8">
<p class="text-green-100">剩余 3 天</p>
<CaretUpOutlined class="absolute bottom-[32%] ml-2"/>
</div>
<div class="left-0 absolute bottom-0 h-[35%] w-full bg-white flex justify-center items-center space-x-3">
<div class="text-blue-400 flex absolute left-5">
<CheckOutlined class="mt-1"/>
<p >进行中</p>
</div>
<div class="flex absolute right-16">
<p class="text-blue-400 font-bold text-2xl">2</p>
<p class="text-blue-400 mt-2">人/天</p>
</div>
<button class="absolute right-8 w-6 h-6 flex items-center justify-center bg-blue-400 text-black rounded-full transition duration-300 ease-in-out transform hover:scale-105" @click="$router.push('/WorkLoad/I_Manage/LoginRegisterModule')">
<svg aria-hidden="true" class="rtl:rotate-180 w-4 h-4 text-white" fill="none" viewBox="0 0 14 10" xmlns="http://www.w3.org/2000/svg">
<path d="M1 5h12m0 0L9 1m4 4L9 9" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"/>
</svg>
</button>
</div>
</a-card>
<a-card class="relative bg-teal-300 w-72 h-36 text-white rounded-xl">
<a-card class="relative bg-teal-400 w-72 h-36 text-white rounded-xl">
<div class="flex space-x-9">
<p class="absolute left-4 top-4">用户管理模块</p>
<p class="absolute right-4 top-4">负责人: 无</p>
</div>
<div class="flex flex-col mt-8">
<p class="text-green-100">剩余 5 天</p>
<CaretUpOutlined class="absolute bottom-[32%] ml-2"/>
</div>
<div class="left-0 absolute bottom-0 h-[35%] w-full bg-white flex justify-center items-center space-x-3">
<div class="text-teal-300 flex absolute left-5">
<CheckOutlined class="mt-1"/>
<p >进行中</p>
</div>
<div class="flex absolute right-16">
<p class="text-teal-300 font-bold text-2xl">2</p>
<p class="text-teal-300 mt-2">人/天</p>
</div>
<button class="absolute right-8 w-6 h-6 flex items-center justify-center bg-teal-300 text-black rounded-full transition duration-300 ease-in-out transform hover:scale-105">
<button class="absolute right-8 w-6 h-6 flex items-center justify-center bg-teal-400 text-black rounded-full transition duration-300 ease-in-out transform hover:scale-105" @click="$router.push('/WorkLoad/I_Manage/UserManageModule')">
<svg aria-hidden="true" class="rtl:rotate-180 w-4 h-4 text-white" fill="none" viewBox="0 0 14 10" xmlns="http://www.w3.org/2000/svg">
<path d="M1 5h12m0 0L9 1m4 4L9 9" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"/>
</svg>
@ -82,12 +98,20 @@
<p class="absolute left-4 top-4">权限管理模块</p>
<p class="absolute right-4 top-4">负责人: 无</p>
</div>
<div class="flex flex-col mt-8">
<p class="text-green-100">剩余 1 天</p>
<CaretUpOutlined class="absolute bottom-[32%] ml-2"/>
</div>
<div class="left-0 absolute bottom-0 h-[35%] w-full bg-white flex justify-center items-center space-x-3">
<div class="text-rose-400 flex absolute left-5">
<CheckOutlined class="mt-1"/>
<p >进行中</p>
</div>
<div class="flex absolute right-16">
<p class="text-rose-400 font-bold text-2xl">2</p>
<p class="text-rose-400 mt-2">人/天</p>
</div>
<button class="absolute right-8 w-6 h-6 flex items-center justify-center bg-rose-400 text-black rounded-full transition duration-300 ease-in-out transform hover:scale-105">
<button class="absolute right-8 w-6 h-6 flex items-center justify-center bg-rose-400 text-black rounded-full transition duration-300 ease-in-out transform hover:scale-105" @click="$router.push('/WorkLoad/I_Manage/AuthorityManageModule')">
<svg aria-hidden="true" class="rtl:rotate-180 w-4 h-4 text-white" fill="none" viewBox="0 0 14 10" xmlns="http://www.w3.org/2000/svg">
<path d="M1 5h12m0 0L9 1m4 4L9 9" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"/>
</svg>
@ -98,5 +122,5 @@
</div>
</template>
<script setup>
import {CaretUpOutlined, CheckOutlined} from '@ant-design/icons-vue';
</script>

229
src/views/WorkLoadPage/I_Manage.vue
View File

@ -1,21 +1,105 @@
<template>
<div class="flex flex-col h-full bg-gray-50">
<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>
<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>
<div>
<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>
<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>
</div>
<div class="flex space-x-[450px] ml-20">
<div class="inline-flex rounded-md ml-6 mt-6" role="group">
<button
:class="buttonClass('DisableSelection')"
class="w-16 h-10 rounded-lg "
type="button"
@click="toggleSelectionDisabled"
>
全部
</button>
<button
:class="buttonClass('web')"
class="w-16 h-10 rounded-lg"
type="button"
@click="toggleSelection('web')"
>
Web
</button>
<button
:class="buttonClass('Ai')"
class="w-16 h-10 rounded-lg"
type="button"
@click="toggleSelection('Ai')"
>
Ai
</button>
<button
:class="buttonClass('App')"
class="w-16 h-10 rounded-lg "
type="button"
@click="toggleSelection('App')"
>
App
</button>
<button
:class="buttonClass('大数据')"
class="w-18 h-10 rounded-lg "
type="button"
@click="toggleSelection('大数据')"
>
大数据
</button>
</div>
<div class="flex space-x-12 mt-8 mb-4">
<label class="inline-flex items-center space-x-2 hover:text-blue-600">
<input
v-model="selectedStatus.weikaishi"
class="form-checkbox h-5 w-5 text-red-400 rounded-lg focus:ring-white"
type="checkbox"
/>
<span class="text-sm">未开始</span>
</label>
<label class="inline-flex items-center space-x-2 hover:text-blue-600">
<input
v-model="selectedStatus.jinxingzhong"
class="form-checkbox h-5 w-5 text-blue-400 rounded-lg focus:ring-white"
type="checkbox"
/>
<span class="text-sm">进行中</span>
</label>
<label class="inline-flex items-center space-x-2 hover:text-blue-600">
<input
v-model="selectedStatus.yiwancheng"
class="form-checkbox h-5 w-5 text-green-400 rounded-full focus:ring-white"
type="checkbox"
/>
<span class="text-sm">已完成</span>
</label>
<label class="inline-flex items-center space-x-2 hover:text-blue-600">
<input
v-model="selectedStatus.stop"
class="form-checkbox h-5 w-5 text-red-400 rounded-full focus:ring-white "
type="checkbox"
/>
<span class="text-sm ">暂停</span>
</label>
</div>
</div>
</nav>
<div class="mt-12 ml-12 flex space-x-16 h-full">
<div class="flex flex-col space-y-6 border-r border-gray-200 w-80 h-full p-8">
@ -32,31 +116,15 @@
<p>负责人：张三</p>
</div>
<div class="flex space-x-9">
<a-card class="transition-transform transform-gpu hover:scale-105 relative w-96 h-64 rounded-none bg-cover bg-center bg-[url('@/assert/images/img23.jpg')]" @mouseleave="LearnMore1=false" @mouseover="LearnMore1=true">
<a-card v-for="(ChildProject, index) in ChildProjects" :key="index" class="transition-transform transform-gpu hover:scale-105 relative w-96 h-64 rounded-none bg-cover bg-center bg-[url('@/assert/images/img23.jpg')]" @mouseleave="showButton[index]=false" @mouseover="showButton[index]=true">
<div class="flex absolute left-0 bottom-0 min-h-[30%] w-full bg-white">
<p class="ml-6 mt-4 text-xl font-bold tracking-tight text-gray-900">后台管理系统</p>
<p class="ml-6 mt-4 text-xl font-bold tracking-tight text-gray-900">{{ChildProject.name}}</p>
<div class="flex flex-col">
<p class="mt-2 ml-12 text-lg">剩余</p>
<p class=" ml-12 text-xl text-green-400 font-bold">10天</p>
</div>
<div class="ml-auto mr-10">
<button v-if="LearnMore1" class="mt-8 w-6 h-6 flex items-center justify-center bg-green-400 text-black rounded-full transition duration-300 ease-in-out transform hover:scale-105" @click="$router.push('/WorkLoad/I_Manage/Back')">
<svg aria-hidden="true" class="rtl:rotate-180 w-4 h-4 text-white" fill="none" viewBox="0 0 14 10" xmlns="http://www.w3.org/2000/svg">
<path d="M1 5h12m0 0L9 1m4 4L9 9" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"/>
</svg>
</button>
</div>
</div>
</a-card>
<a-card class="transition-transform transform-gpu hover:scale-105 relative w-96 h-64 rounded-none bg-cover bg-center bg-[url('@/assert/images/img24.jpg')]" @mouseleave="LearnMore2=false" @mouseover="LearnMore2=true">
<div class="flex absolute left-0 bottom-0 min-h-[30%] w-full bg-white">
<p class="ml-6 mt-4 text-xl font-bold tracking-tight text-gray-900">前台展示系统</p>
<div class="flex flex-col">
<p class="mt-2 ml-12 text-lg">剩余</p>
<p class=" ml-12 text-xl text-green-400 font-bold">10天</p>
</div>
<div class="ml-auto mr-10">
<button v-if="LearnMore2" class="mt-8 w-6 h-6 flex items-center justify-center bg-green-400 text-black rounded-full transition duration-300 ease-in-out transform hover:scale-105">
<button v-if="showButton[index]" class="mt-8 w-6 h-6 flex items-center justify-center bg-green-400 text-black rounded-full transition duration-300 ease-in-out transform hover:scale-105" @click="$router.push('/WorkLoad/I_Manage/Back')">
<svg aria-hidden="true" class="rtl:rotate-180 w-4 h-4 text-white" fill="none" viewBox="0 0 14 10" xmlns="http://www.w3.org/2000/svg">
<path d="M1 5h12m0 0L9 1m4 4L9 9" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"/>
</svg>
@ -71,8 +139,95 @@
<script setup>
import {ref} from 'vue';
import {onMounted, reactive, ref, watch} from 'vue';
import request from "@/js/request.js";
const showButton = reactive([]);
const token = window.localStorage.getItem('token')
const ChildProjects = ref([]); // 使用ref创建响应式数据
const id = ref(13);
onMounted(() =>{
request.projectWorkGet(id, token).then((res) => {
ChildProjects.value = res.data.data;
})
})
const toggleSelectionDisabled = () => {
selectionDisabled.value = !selectionDisabled.value;
if (selectionDisabled.value) {
// 清空选中的按钮
selectedButtons.value = [];
}
};
const toggleSelection = (button) => {
// 如果禁止选择，直接返回
if (selectionDisabled.value) {
return;
}
//选择其他按钮
const index = selectedButtons.value.indexOf(button);
if (index > -1) {
selectedButtons.value.splice(index, 1); // 如果已选中，再次点击时移除
} else {
selectedButtons.value.push(button); // 如果未选中，点击时添加
}
};
const buttonClass = (button) => ({
'px-4 py-2 text-sm font-medium border focus:z-10 focus:ring-1': true,
'text-gray-900 bg-white border-gray-200 hover:bg-gray-100 hover:text-blue-700 focus:ring-blue-100 focus:text-blue-700 outline-none ': (!selectedButtons.value.includes(button) && !selectionDisabled.value) || (button === 'DisableSelection' && !selectionDisabled.value),
'bg-blue-400 text-white': selectedButtons.value.includes(button) || (button === 'DisableSelection' && selectionDisabled.value), // 选中状态的样式
});
// @click="selectedTags.web = !selectedTags.web"
// 根据选择的按钮过滤项目列表
const filteredProjects = ref([]);
// 根据选择的按钮过滤项目列表
const selectedButtons = ref(['web','ai','大数据']);
const selectionDisabled = ref('');
const selectedStatus = reactive({
weikaishi:true, //1
jinxingzhong:true, //2
yiwancheng:true, //0
stop:true //-1
}); // 选择的完成进度
const select = reactive({
})
const data = reactive({
tags:[],
isFinish:[]
})
const clickedButton= ref(null)
// 根据选择的完成进度过滤项目列表
watch(() => selectedButtons.value, (clickedButton) => {
if (selectedButtons.value === 1){
}
});
watch(selectedStatus, async (newValue, oldValue) => {
if (newValue.stop === true) {
data.isFinish.push(-1)
}
if (newValue.jinxingzhong === true) {
data.isFinish.push(2)
}
if (newValue.weikaishi === true ) {
data.isFinish.push(1)
}
if (newValue.yiwancheng === true) {
data.isFinish.push(0)
}
request.projectWorkGet(data)
data.isFinish = []
})
const LearnMore1 = ref(false);
const LearnMore2 = ref(false);
</script>

49
src/views/WorkLoadPage/LoginRegisterModule.vue Normal file
View File

@ -0,0 +1,49 @@
<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-blue-400">登录注册模块</div>
</template>
</a-list>
</div>
</div>
</template>

51
src/views/WorkLoadPage/UserManageModule.vue Normal file
View File

@ -0,0 +1,51 @@
<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-teal-400">用户管理模块</div>
</template>
</a-list>
</div>
</div>
</template>
<script setup>
</script>