| | |
|---|
| | | const showModal = ref(false) |
|---|
| | | const blindb = ref(false) |
|---|
| | | let socket = null; |
|---|
| | | const socketUrl = `ws://${WebSocketHost}:${host}/api/cacheGlass/api/talk/cacheGlassOne`; |
|---|
| | | const socketUrl = `ws://${window.ipConfig.serverUrl}/api/cacheGlass/api/talk/cacheGlassOne`; |
|---|
| | | const handleMessage = (data) => { |
|---|
| | | // 报警信息 |
|---|
| | | if (data.alarmInfo[0] != null && data.alarmInfo[0].length > 0) { |
|---|
| | |
|---|
| | | <el-icon><WarnTriangleFilled /></el-icon> |
|---|
| | | <span class="alert-text"> |
|---|
| | | {{ alertText }} (id:{{ alertMessage }}) |
|---|
| | | <span class="confirm-text">{{ $t('hellow.pleaseConfirm') }}</span> |
|---|
| | | </span> |
|---|
| | | </div> |
|---|
| | | <button @click="showAlert = false" class="close-btn">×</button> |
|---|
| | |
|---|
| | | max-width: 80%; /* 防止小屏幕溢出 */ |
|---|
| | | min-width: 400px; /* 最小宽度保证 */ |
|---|
| | | } |
|---|
| | | .confirm-text { |
|---|
| | | color: rgb(242, 121, 8); |
|---|
| | | display: block; /* 强制换行 */ |
|---|
| | | text-align: center; /* 水平居中 */ |
|---|
| | | margin-top: 4px; /* 与上一行保持间距 */ |
|---|
| | | font-weight: 500; /* 加粗突出 */ |
|---|
| | | } |
|---|
| | | </style> |
|---|
