From 1010a868af34fedb97450bfd1c3ca5527fa86e5e Mon Sep 17 00:00:00 2001
From: Gzx1999 <guozhengxin@kylinos.cn>
Date: Tue, 19 Dec 2023 16:00:21 +0800
Subject: [PATCH] add breadcrumb path display

---
 .../views/Batch/components/UpdateBatch.vue    |  2 +-
 .../src/views/Home/components/BreadCrumb.vue  | 28 ++++++++++++++++++-
 .../src/views/Home/components/TagView.vue     |  9 ++++++
 3 files changed, 37 insertions(+), 2 deletions(-)
 create mode 100644 frontend/src/views/Home/components/TagView.vue

diff --git a/frontend/src/views/Batch/components/UpdateBatch.vue b/frontend/src/views/Batch/components/UpdateBatch.vue
index f41a144..162f4e8 100644
--- a/frontend/src/views/Batch/components/UpdateBatch.vue
+++ b/frontend/src/views/Batch/components/UpdateBatch.vue
@@ -13,7 +13,7 @@
 </template>
 
 <script lang="ts" setup>
-import { ref, defineProps, defineEmits } from "vue";
+import { ref } from "vue";
 import { ElMessage } from 'element-plus';
 
 import { RespCodeOK } from "@/request/request";
diff --git a/frontend/src/views/Home/components/BreadCrumb.vue b/frontend/src/views/Home/components/BreadCrumb.vue
index 4659c9a..400e421 100644
--- a/frontend/src/views/Home/components/BreadCrumb.vue
+++ b/frontend/src/views/Home/components/BreadCrumb.vue
@@ -7,12 +7,38 @@
           首页
         </span>
       </el-breadcrumb-item>
+
+      <template v-for="item in route.meta.breadcrumb">
+        <el-breadcrumb-item :key="item.name" v-if="item.path && !item.hidden && item.children">
+          <el-dropdown>
+            <span class="el-dropdown-link">
+              {{ item.name }}<em class="el-icon-arrow-down el-icon--right"></em>
+            </span>
+            <el-dropdown-menu slot="dropdown">
+              <el-dropdown-item v-for="route in item.children" v-if="!route.hidden" :key="route.name"
+                :command="route.name">
+                {{ route.menuName }}
+              </el-dropdown-item>
+            </el-dropdown-menu>
+          </el-dropdown>
+        </el-breadcrumb-item>
+ 
+        <el-breadcrumb-item :key="item.name" v-if="item.path && !item.hidden && !item.children" :to="{ path: item.path }">
+          {{ item.name }}
+        </el-breadcrumb-item>
+
+        <el-breadcrumb-item :key="item.name" v-if="!item.path && !item.hidden">
+          {{ item.name }}
+        </el-breadcrumb-item>
+      </template>
     </el-breadcrumb>
   </div>
-
 </template>
   
 <script setup lang="ts">
+import { useRoute } from 'vue-router';
+
+const route = useRoute()
 
 </script>
   
diff --git a/frontend/src/views/Home/components/TagView.vue b/frontend/src/views/Home/components/TagView.vue
new file mode 100644
index 0000000..49d895f
--- /dev/null
+++ b/frontend/src/views/Home/components/TagView.vue
@@ -0,0 +1,9 @@
+<template>
+
+</template>
+
+<script lang="ts" setup>
+</script>
+
+<style lang="scss" scoped>
+</style>
\ No newline at end of file
-- 
Gitee