From d0a1c214886254edb6d7981d4936c074b3c78986 Mon Sep 17 00:00:00 2001
From: Kven <2955163637@qq.com>
Date: Wed, 29 Jan 2025 14:09:31 +0800
Subject: [PATCH] =?UTF-8?q?feat:=E4=B8=BA=E5=85=AC=E5=91=8A=E8=AF=A6?=
 =?UTF-8?q?=E6=83=85=E3=80=81=E8=AE=BE=E5=A4=87=E8=AF=A6=E6=83=85=E5=92=8C?=
 =?UTF-8?q?=E4=BA=A7=E5=93=81=E8=AF=A6=E6=83=85=E9=A1=B5=E9=9D=A2=E6=B7=BB?=
 =?UTF-8?q?=E5=8A=A0=E8=BF=94=E5=9B=9E=E6=8C=89=E9=92=AE?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- 在公告详情页面（notification和user模块）添加返回按钮- 在设备详情和产品详情页面（iot模块）添加返回按钮- 优化面包屑导航文案- 统一返回按钮样式
---
 .../iot/device/components/device-detail.vue     | 16 +++++++++++++++-
 .../iot/deviceCard/components/device-detail.vue | 14 +++++++++++++-
 .../iot/product/components/product-detail.vue   | 17 ++++++++++++++++-
 .../notification/bulletin/components/detail.vue | 15 ++++++++++++++-
 src/views/user/bulletins/components/detail.vue  | 13 +++++++++++++
 5 files changed, 71 insertions(+), 4 deletions(-)

diff --git a/src/views/iot/device/components/device-detail.vue b/src/views/iot/device/components/device-detail.vue
index 2dc6de9..3549770 100644
--- a/src/views/iot/device/components/device-detail.vue
+++ b/src/views/iot/device/components/device-detail.vue
@@ -3,7 +3,16 @@
     <Breadcrumb :items="['物联网管理', '设备管理', '设备详情']" />
     <a-card class="general-card" title=" ">
       <a-descriptions v-model="renderData" size="large">
-        <template #title><h3 style="margin-top: -15px">设备详情</h3></template>
+        <template #title><h3 style="margin-top: -15px"><a-button
+          class="nav-btn"
+          type="outline"
+          :shape="'circle'"
+          @click="() => $router.go(-1)"
+        >
+          <icon-undo />
+        </a-button>
+          设备详情</h3>
+        </template>
         <a-descriptions-item label="设备名称">{{renderData.name }}</a-descriptions-item>
         <a-descriptions-item label="硬件版本">{{renderData.hardwareVersion }}</a-descriptions-item>
         <a-descriptions-item label="固件版本">{{renderData.firmwareVersion }}</a-descriptions-item>
@@ -99,4 +108,9 @@
   .attachments a:hover {
     text-decoration: underline;
   }
+  .nav-btn {
+    border-color: rgb(var(--gray-2));
+    color: rgb(var(--gray-8));
+    font-size: 16px;
+  }
 </style>
diff --git a/src/views/iot/deviceCard/components/device-detail.vue b/src/views/iot/deviceCard/components/device-detail.vue
index e7ac284..a6c7ac2 100644
--- a/src/views/iot/deviceCard/components/device-detail.vue
+++ b/src/views/iot/deviceCard/components/device-detail.vue
@@ -3,7 +3,14 @@
     <Breadcrumb :items="['物联网管理', '设备管理', '设备详情']" />
     <a-card class="general-card" title=" ">
       <a-descriptions v-model="renderData" size="large">
-        <template #title><h3 style="margin-top: -15px">设备详情</h3></template>
+        <template #title><h3 style="margin-top: -15px"><a-button
+          class="nav-btn"
+          type="outline"
+          :shape="'circle'"
+          @click="() => $router.go(-1)"
+        >
+          <icon-undo />
+        </a-button>设备详情</h3></template>
         <a-descriptions-item label="设备名称">{{renderData.name }}</a-descriptions-item>
         <a-descriptions-item label="硬件版本">{{renderData.hardwareVersion }}</a-descriptions-item>
         <a-descriptions-item label="固件版本">{{renderData.firmwareVersion }}</a-descriptions-item>
@@ -99,4 +106,9 @@
   .attachments a:hover {
     text-decoration: underline;
   }
+  .nav-btn {
+    border-color: rgb(var(--gray-2));
+    color: rgb(var(--gray-8));
+    font-size: 16px;
+  }
 </style>
diff --git a/src/views/iot/product/components/product-detail.vue b/src/views/iot/product/components/product-detail.vue
index 323d7f7..807da7f 100644
--- a/src/views/iot/product/components/product-detail.vue
+++ b/src/views/iot/product/components/product-detail.vue
@@ -3,7 +3,17 @@
     <Breadcrumb :items="['物联网管理', '产品管理', '产品详情']" />
     <a-card class="general-card" title=" ">
       <a-descriptions v-model="renderData" size="large">
-        <template #title><h3 style="margin-top: -15px">产品详情</h3></template>
+        <template #title><h3 style="margin-top: -15px">
+          <a-button
+            class="nav-btn"
+            type="outline"
+            :shape="'circle'"
+            @click="() => $router.go(-1)"
+          >
+            <icon-undo />
+          </a-button>
+          产品详情</h3>
+        </template>
         <a-descriptions-item label="产品名称">{{renderData.name }}</a-descriptions-item>
         <a-descriptions-item label="产品类型">{{renderData.productType }}</a-descriptions-item>
         <a-descriptions-item label="产品型号">{{renderData.model }}</a-descriptions-item>
@@ -99,4 +109,9 @@
   .attachments a:hover {
     text-decoration: underline;
   }
+  .nav-btn {
+    border-color: rgb(var(--gray-2));
+    color: rgb(var(--gray-8));
+    font-size: 16px;
+  }
 </style>
diff --git a/src/views/notification/bulletin/components/detail.vue b/src/views/notification/bulletin/components/detail.vue
index 529ce89..7b400f6 100644
--- a/src/views/notification/bulletin/components/detail.vue
+++ b/src/views/notification/bulletin/components/detail.vue
@@ -1,8 +1,16 @@
 <template>
   <div class="container">
-    <Breadcrumb :items="['系统管理', '公告设置','公告详情']" />
+    <Breadcrumb :items="['通知管理', '公告管理','公告详情']" />
     <a-card class="general-card" title=" ">
       <div class="announcement-detail">
+        <a-button
+          class="nav-btn"
+          type="outline"
+          :shape="'circle'"
+          @click="() => $router.go(-1)"
+        >
+          <icon-undo />
+        </a-button>
         <div class="header">
           <h1>{{ renderData.title }}</h1>
           <div class="meta">
@@ -143,6 +151,11 @@
   .layout-demo :deep(.arco-layout-content) {
     background-color: rgb(var(--arcoblue-6));
   }
+  .nav-btn {
+    border-color: rgb(var(--gray-2));
+    color: rgb(var(--gray-8));
+    font-size: 16px;
+  }
 </style>
 
 
diff --git a/src/views/user/bulletins/components/detail.vue b/src/views/user/bulletins/components/detail.vue
index 1fbd75e..36228cd 100644
--- a/src/views/user/bulletins/components/detail.vue
+++ b/src/views/user/bulletins/components/detail.vue
@@ -3,6 +3,14 @@
     <Breadcrumb :items="['个人中心', '公告通知','公告详情']" />
     <a-card class="general-card" title=" ">
       <div class="announcement-detail">
+        <a-button
+          class="nav-btn"
+          type="outline"
+          :shape="'circle'"
+          @click="() => $router.go(-1)"
+        >
+          <icon-undo />
+        </a-button>
         <div class="header">
           <h1>{{ renderData.title }}</h1>
           <div class="meta">
@@ -143,6 +151,11 @@
   .layout-demo :deep(.arco-layout-content) {
     background-color: rgb(var(--arcoblue-6));
   }
+  .nav-btn {
+    border-color: rgb(var(--gray-2));
+    color: rgb(var(--gray-8));
+    font-size: 16px;
+  }
 </style>