From 2f38a287444853f5041996db591b1923ce32176b Mon Sep 17 00:00:00 2001
From: chenyao <1219716595@qq.com>
Date: Tue, 30 Sep 2025 16:57:54 +0800
Subject: [PATCH] feat：更新注销弹框
---
src/views/device/airport.vue | 49 +++++++++++++++++++++++++++++++++++++++++++------
1 files changed, 43 insertions(+), 6 deletions(-)
diff --git a/src/views/device/airport.vue b/src/views/device/airport.vue
index 77b7576..b5dff7e 100644
--- a/src/views/device/airport.vue
+++ b/src/views/device/airport.vue
@@ -127,14 +127,16 @@
<el-input v-model="operate_password" disabled></el-input>
</el-dialog>
- <el-dialog title="注销" class="zx-cancel" append-to-body v-model="cancenOperate" width="460px">
- <div style="display: flex;justify-content: center;margin-bottom: 10px;">注销
- <span style="color:cornflowerblue;font-weight: bolder;margin: 0px 4px;">
+ <el-dialog title="注销" class="ztzf-dialog-mange zx-cancel" append-to-body v-model="cancenOperate" width="560px">
+ <div class="txt-contain">
+ <img :src="warnSvg" />注销
+ <span class="name">
{{ cancelSNName }}
- </span> 设备可能会影响相关数据,确认注销吗?</div>
- <div style="display: flex;justify-content: center;color:red;font-size: 12px;">*删除相关图片、视频、事件</div>
+ </span> 设备可能会影响相关数据,确认注销吗?
+ </div>
+ <div class="delete-txt">*删除相关图片、视频、事件</div>
<template #footer>
- <span class="dialog-footer" style="display: flex;justify-content: center;">
+ <span class="dialog-footer">
<el-button @click="cancenOperate = false">取 消</el-button>
<el-button type="primary" @click="cancenOperateDo">确 定</el-button>
</span>
@@ -227,6 +229,8 @@
import DockControlPanel from './components/DockControlPanel.vue'
import { getWebsocketUrl } from '@/utils/websocket/config';
import ConnectWebSocket from '@/utils/websocket';
+import warnSvg from '@/assets/images/warn.svg'
+
export default {
components: {
FirmwareManage,
@@ -258,6 +262,7 @@
password: [{ required: true, validator: validatePass, trigger: 'blur' }],
password2: [{ required: true, validator: validatePass2, trigger: 'blur' }],
},
+ warnSvg: warnSvg,
cancelSNName: '',
cancenOperate: false,
cancenOperateRow: {},
@@ -1559,5 +1564,37 @@
right: 30px;
}
+.force-center-dialog .el-dialog {
+
+}
+.zx-cancel {
+ .txt-contain {
+ display: flex;
+ justify-content: center;
+ margin-bottom: 20px;
+ font-family: Source Han Sans CN, Source Han Sans CN;
+ font-weight: 400;
+ font-size: 14px;
+ img {
+ width: 20px;
+ height: 20px;
+ }
+ .name {
+ color: #0E8BFF;
+ margin-left: 6px;
+ margin-right: 6px;
+ }
+
+ }
+ .delete-txt {
+ font-family: Source Han Sans CN, Source Han Sans CN;
+ font-weight: 400;
+ display: flex;
+ justify-content: center;
+ color: #FF0000;
+ font-size: 12px;
+ margin-bottom: 20px;
+ }
+}
</style>
--
Gitblit v1.9.3