同步

src/components/area/AlarmArea.vue

@@ -19,6 +19,7 @@
               }"
       :cell-style="{ background: '#1e1e1e', color: 'rgb(220,220,220)',padding:'3px',fontSize:'12px'}"
       @row-dblclick="itemDblclick"
+      @cell-click="itemChecked"
       >
       <el-table-column
         prop="lastUpdateTime"
@@ -36,7 +37,7 @@
         prop="address"
         align="center"
         label="确认">
-        <input type="checkbox" disabled="disabled" />
+        <input type="checkbox"/>
       </el-table-column>
     </el-table>
     </div>
@@ -50,6 +51,8 @@
 <script>
 import MessageBridge from "../../assets/script/MessageBridge";
 import WindturbineDetailPages from '../area/windturbine/WindturbineDetailPages.vue'
+import BackgroundData from '../../assets/script/BackgroundData'
+
 export default {
   name: "AlarmArea",
   components:{
@@ -84,11 +87,28 @@ export default {
       }
       console.log(val);
     },
+    /* 行双击 */
     itemDblclick(row){
       if(row.category1!='FJ')return;
       this.dialogVisible = true;
       this.currentWindturbine=row;
     },
+    /* 报警确认 */
+    itemChecked(row, column){
+      if(column.label!="确认")return;
+      var bd = BackgroundData.getInstance();
+      if(!bd.LoginUser){
+        this.$notify({
+          title: "请登录",
+          message: "确认报警需要先登录！",
+          type: "warning",
+          position: "bottom-right",
+          offset: 60,
+        });
+        return;
+      }
+      console.log(row);
+    }
   },
 };
 </script>

src/components/area/windturbine/warning.vue

@@ -107,10 +107,10 @@
         top: 42px;
         -webkit-border-radius: 50%;
         -moz-border-radius: 50%;
-        border: 2px solid red;
+        /* border: 2px solid rgba(255,0,0,.5); */
         border-radius: 50%;
         z-index: 2;
-        background-color: red;
+        background-color: rgba(255,0,0,.8);
     }
 
     /* 产生动画（向外扩散变大）的圆圈  */
@@ -120,7 +120,7 @@
         height: 80px;
         left: 2px;
         top: 2px;
-        border: 6px solid red;
+        border: 3px solid rgba(255,0,0,.8);
         -webkit-border-radius: 50%;
         -moz-border-radius: 50%;
         border-radius: 50%;
@@ -132,6 +132,6 @@
         -webkit-animation-iteration-count: infinite;
         -moz-animation-iteration-count: infinite;
         animation-iteration-count: infinite;
-        box-shadow: 1px 1px 30px red;
+        box-shadow: 1px 1px 15px rgba(255,0,0,.8);
     }
 </style>