vertoryao/iot-gateway_fontend
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

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

Browse Source 
- 在公告详情页面（notification和user模块）添加返回按钮- 在设备详情和产品详情页面（iot模块）添加返回按钮- 优化面包屑导航文案- 统一返回按钮样式
This commit is contained in:
Kven 2025-01-29 14:09:31 +08:00
parent a45b8985b6
commit d0a1c21488
5 changed files with 71 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

16
src/views/iot/device/components/device-detail.vue
View File

@ -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>

14
src/views/iot/deviceCard/components/device-detail.vue
View File

@ -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>

17
src/views/iot/product/components/product-detail.vue
View File

@ -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>

15
src/views/notification/bulletin/components/detail.vue
View File

@ -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>

13
src/views/user/bulletins/components/detail.vue
View File

@ -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>