开启报警与停止

src/views/Screen/index.vue

@@ -1091,7 +1091,7 @@ export default {
 						onload: function(o){
 							var el = o.el, wrap = o.Wrap, morphView = wrap.firstElementChild;
 							o.setStyle(wrap, {
-								bottom:'0.3rem', left:'50%', height:0, width:0, zIndex:1,
+								bottom:'0.3rem', left:'47%', height:0, width:0, zIndex:1,
 								transformOrigin:'0px 0px',
 								justifyContent:'center',
 							});
@@ -1114,7 +1114,15 @@ export default {
 							});
 							
 							// <input type="checkbox" value="0" checked />全选</div>
-							el.innerHTML = `<div class="content"><div class="fixed"><dl class="scrolling4"></dl></div><i class="el-icon-circle-close"></i></div><div class="el-icon-bell">`;
+							el.innerHTML = `<div class="content">
+                                <div class="optBtnWrapper">
+                                   <a class="button alarm" style="display:none;">开始</a>
+                                   <a class="button alarm" id="startAlarmBtn">开始</a>
+                                   <a class="button stop" id="stopAlarmBtn">停止</a>
+
+
+                                </div>
+                                <div class="fixed"><dl class="scrolling4"></dl></div><i class="el-icon-circle-close"></i></div><div class="el-icon-bell">`;
 
 							var content = el.firstElementChild;
 							o.scroll = content.firstElementChild.firstElementChild;
@@ -1133,6 +1141,52 @@ export default {
 									o.shrink = true;
 								}else if(tag.className === 'el-icon-bell'){
 									o.shrink = false;
+								}else if(tag.id === 'startAlarmBtn'){
+                                     qf.UI.loading({zIndex:2051, timer:2000});
+                                    reqApi.common.requst('post','/api/screenAlarm/openAlarm', {}).then(res=>{
+                                        if(res.code === 200){
+                                            new qf.UI.Notify({
+                                                position: 'top',
+                                                zIndex:2050,
+                                                type: 'success',
+                                                duration: 3000,
+                                                autoOpen:true,
+                                                message: res.body,
+                                            });
+                                        }else{
+                                            new qf.UI.Notify({
+                                                position: 'top',
+                                                zIndex:2050,
+                                                type: 'warning',
+                                                duration: 3000,
+                                                autoOpen:true,
+                                                message: res.body,
+                                            });
+                                        }
+                                    });
+								}else if(tag.id === 'stopAlarmBtn'){
+                                     qf.UI.loading({zIndex:2051, timer:2000});
+                                    reqApi.common.requst('post','/api/screenAlarm/closeAlarm', {}).then(res=>{
+                                        if(res.code === 200){
+                                            new qf.UI.Notify({
+                                                position: 'top',
+                                                zIndex:2050,
+                                                type: 'success',
+                                                duration: 3000,
+                                                autoOpen:true,
+                                                message: res.body,
+                                            });
+                                        }else{
+                                            new qf.UI.Notify({
+                                                position: 'top',
+                                                zIndex:2050,
+                                                type: 'warning',
+                                                duration: 3000,
+                                                autoOpen:true,
+                                                message: res.body,
+                                            });
+                                        }
+                                    });
 								};
 							};
 						},
@@ -2032,6 +2086,41 @@ export default {
 	.font_digit{font-family:diget year;}
 	.font_zhengdao{font-family:zhengdao;}
 	
+    // 20241206
+    .optBtnWrapper{
+        display: flex;
+        gap: .1rem;
+        position: absolute;
+        right: -0.9rem;
+        align-items: center;
+        flex-direction: column;
+        top: 50%;
+        transform: translateY(-50%);
+        .button {
+            padding: 0.1rem 0.2rem;
+            font-size: 0.16rem;
+            border: none;
+            border-radius: 8px;
+            cursor: pointer;
+            transition: background-color 0.3s ease;
+            box-shadow: 0 4px 10px rgba(0, 0, 0, 0.2);
+        }
+        .alarm {
+            background-color: #f44336; /* 红色 */
+        }
+        .alarm:hover {
+            background-color: #d32f2f; /* 深红色 */
+        }
+        .stop {
+            background-color: #4caf50; /* 绿色 */
+        }
+        .stop:hover {
+            background-color: #388e3c; /* 深绿色 */
+        }
+    }
+       
+
+
 	.Screen {
 		position:relative;height:100%;width:100%;overflow:hidden;