解决request.js冲突

src/js/request.js

@@ -547,21 +547,22 @@ const messageGet = (token) => {
 }
 
 /**
- * 得到tag列表
+ * 获取项目的所有子系统
- * @param token
  */
-const  getTagsProjectList
+const projectWorkGet = (data,token) => {
-= (token) =>{
     return axios({
-        url:api+ "/tags/project/list",
+        url:api + "/project/work/get",
-        method: "get",
+        method:"get",
+        data:data,
         headers:{
             'Authorization':'Bearer '+token,
+            'content-type': 'application/json;charset=utf-8',
             'Timestamp': getCurrentTimestamp()
         }
     })
 }
 
+
 export default {
 
     login,
@@ -598,8 +599,8 @@ export default {
 
     projectGet,
     projectGetCustom,
+    projectWorkGet,
 
-    getTagsProjectList,
 
     messageGet
 

src/router/index.js

@@ -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')
+        },
       ]
     },
     {

src/views/WorkLoadPage/AuthorityManageModule.vue

@@ -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>

src/views/WorkLoadPage/Back.vue

@@ -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 flex-col mt-8">
-          <div class="flex absolute right-16">
+          <p class="text-green-100">剩余 3 天</p>
-            <p class="text-blue-400 font-bold text-2xl">2</p>
+          <CaretUpOutlined class="absolute bottom-[32%] ml-2"/>
-            <p class="text-blue-400 mt-2">人/天</p>
+        </div>
-          </div>
+         <div class="left-0 absolute bottom-0 h-[35%] w-full bg-white flex justify-center items-center space-x-3">
-          <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">
+           <div class="text-blue-400 flex absolute left-5">
-            <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">
+             <CheckOutlined class="mt-1"/>
-              <path d="M1 5h12m0 0L9 1m4 4L9 9" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"/>
+             <p >进行中</p>
-            </svg>
+           </div>
-          </button>
+           <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>

src/views/WorkLoadPage/I_Manage.vue

@@ -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">
+      <div>
-        <li class="inline-flex items-center">
+        <ol class="mt-4 inline-flex items-center space-x-1 md:space-x-2 rtl:space-x-reverse">
-          <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="#">
+          <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>
+            </a>
-        <li>
+          </li>
-          <div class="flex items-center">
+          <li>
-            <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">
+            <div class="flex items-center">
-              <path d="m1 9 4-4-4-4" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"/>
+              <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">
-            </svg>
+                <path d="m1 9 4-4-4-4" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"/>
-            <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>
+              </svg>
-          </div>
+              <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>
-        </li>
+            </div>
-      </ol>
+          </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')">
+              <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>
-              </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">
                 <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>

src/views/WorkLoadPage/LoginRegisterModule.vue

@@ -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>

src/views/WorkLoadPage/UserManageModule.vue

@@ -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>