From 33430e0888f239d0da94b97f8c0abcf7278779bd Mon Sep 17 00:00:00 2001
From: wangqiao <wangqiao@58hn.cn>
Date: Tue, 23 Sep 2025 22:37:51 +0800
Subject: [PATCH] =?UTF-8?q?=E4=BC=98=E5=8C=96=E8=AF=A6=E6=83=85=E9=A1=B5?=
 =?UTF-8?q?=E9=9D=A2=E5=8C=85=E5=B1=91=E6=98=BE=E7=A4=BA=E5=8F=8AID?=
 =?UTF-8?q?=E5=AD=97=E6=AE=B5?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 api/drawe-detail/types.ts        |  1 +
 pages/down-drawe-detail/[id].vue | 29 +++++++++++++++++++++++++++--
 2 files changed, 28 insertions(+), 2 deletions(-)

diff --git a/api/drawe-detail/types.ts b/api/drawe-detail/types.ts
index ce6eca0..37be65b 100644
--- a/api/drawe-detail/types.ts
+++ b/api/drawe-detail/types.ts
@@ -35,6 +35,7 @@ export interface ProjectRespVO {
   projectTypeName: string
   favoriteId?: string
   relationDraws: RelationDraws[]
+  no?: string
   filesInfo: {
     fileSize: string
     count: number
diff --git a/pages/down-drawe-detail/[id].vue b/pages/down-drawe-detail/[id].vue
index 7f18d5b..f492e90 100644
--- a/pages/down-drawe-detail/[id].vue
+++ b/pages/down-drawe-detail/[id].vue
@@ -1,6 +1,11 @@
 <template>
   <SeoHead :title="detail?.title" :description="detail?.description" :keywords="detail?.labels?.toString()" />
   <KlNavTab />
+  <div v-if="breadList && breadList.length > 1" class="mb-[-10px] mt-[20px] w-[1440px] mx-auto">
+    <el-breadcrumb :separator-icon="ArrowRight">
+      <el-breadcrumb-item v-for="(item, index) in breadList" :key="item.name">{{ item.name }}</el-breadcrumb-item>
+    </el-breadcrumb>
+  </div>
   <div class="ml-auto mr-auto mt-[20px] w-[1440px]">
     <div class="flex items-center">
       <div
@@ -56,7 +61,11 @@
           {{ detail?.type === 1 ? '图纸' : detail?.type === 2 ? '文本' : '模型' }}中包含的文件
         </div>
         <div>
-          <div v-for="item in detail?.otherFiles" :key="item.id" class="flex items-center justify-between border-b-[1px] border-b-[#eee] border-b-solid py-[10px]">
+          <div
+            v-for="item in detail?.otherFiles"
+            :key="item.id"
+            class="flex items-center justify-between border-b-[1px] border-b-[#eee] border-b-solid py-[10px]"
+          >
             <!-- <img src="~/assets/images/avater.png" alt="" srcset="" class="h-30px w-30px" /> -->
             <div>
               <!-- <span class="ml-[10px] cursor-pointer" @click="handleDownloadPreview(item)">{{ item.title }}</span> -->
@@ -102,7 +111,7 @@
     </div>
     <div class="ml-[22px]">
       <div class="box-border min-h-[269px] w-[397px] border border-[#EEEEEE] rounded-[12px] border-solid bg-[#FFFFFF] pa-[22px]">
-        <div class="mb-[10px]">图纸ID: {{ detail?.id }}</div>
+        <div class="mb-[10px]">图纸ID: {{ detail?.no }}</div>
         <div class="mb-[10px]">文件大小：{{ detail?.filesInfo?.fileSize || 0 }} </div>
         <!-- <div class="mb-10px">图纸版本：{{ detail.editionsName }} </div> -->
         <div class="mb-[10px]">图纸格式：{{ detail?.formatType?.toString() }}</div>
@@ -176,11 +185,13 @@
 
 <script setup lang="ts">
   import dayjs from 'dayjs'
+  import { ArrowRight } from '@element-plus/icons-vue'
   import { downloadFile } from '~/utils/utils'
   import { useMessage } from '~/utils/useMessage'
   import { Warning } from '@element-plus/icons-vue'
   import SeoHead from '~/components/seo-head/index.vue'
   import CardPicture from '~/components/kl-card-picture/index.vue'
+  import { getDictTree } from '~/api/home/index'
   import { getDetail, getRelationRecommend, report, getUserInfo, getMainWork, createContent, createUserProject, deleteProject } from '~/api/drawe-detail/index'
   import KlNavTab from '~/components/kl-nav-tab/index.vue'
   import ThumBnail from './components/swiper.vue'
@@ -213,6 +224,20 @@
     })
   }
 
+  // 获取面包屑
+  const { data: breadList } = await useAsyncData(`breadList-detail-${route.params.id}}`, async () => {
+    const res = await getDictTree({ type: 1, id: detail.value?.projectType?.[0] })
+    const all = [
+      {
+        id: -1,
+        name: detail.value?.type === 1 ? '图纸库' : detail.value?.type === 3 ? '模型库' : '文本库',
+        isChildren: false,
+      },
+    ]
+    const arr = [...res.data, ...all]
+    return arr.reverse()
+  })
+
   // const init = () => {
   //   getDetail({ id }).then((res) => {
   //     if (res.code === 0) {