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>