feat:为公告详情、设备详情和产品详情页面添加返回按钮

- 在公告详情页面（notification和user模块）添加返回按钮- 在设备详情和产品详情页面（iot模块）添加返回按钮- 优化面包屑导航文案- 统一返回按钮样式

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>

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>

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>

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>
 
 

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>