补充首页视频

src/views/index.vue

@@ -1,94 +1,120 @@
-<template>
+<template> 
-  <div class="app-container home">
+  <div class="app-container home"> 
-      <video autoplay loop muted id="bgvid" class="home-page-video">
+      <video ref="videoPlayer" autoplay loop muted id="bgvid" class="home-page-video"> 
-        <source src="../assets/video/homepage.mp4" type="video/mp4">
+        <source src="../assets/video/homepage.mp4" type="video/mp4"> 
-      </video>
+      </video> 
-  </div>
+      <div class="middlewight">欢迎使用运营管理平台</div> 
-</template>
+  </div> 
-
+</template> 
-<script setup name="Index">
+ 
-const version = ref('3.8.5')
+<script setup name="Index"> 
-
+import { onMounted, watch, ref } from 'vue';
-function goTarget(url) {
+import { useRoute } from 'vue-router';
-  window.open(url, '__blank')
+const { proxy } = getCurrentInstance(); 
-}
+const version = ref('3.8.5') 
-</script>
+const route = useRoute();
-
+const videoElement = ref(null);
-<style scoped lang="scss">
+onMounted(() => {
-.home {
+  videoElement.value = proxy.$refs.videoPlayer;
-  blockquote {
+  if (videoElement.value) {
-    padding: 10px 20px;
+    videoElement.value.play();
-    margin: 0 0 20px;
-    font-size: 17.5px;
-    border-left: 5px solid #eee;
   }
-  hr {
+});
-    margin-top: 20px;
+watch(() => route.path, () => {
-    margin-bottom: 20px;
+  if (videoElement.value) {
-    border: 0;
+    videoElement.value.play();
-    border-top: 1px solid #eee;
   }
-  .col-item {
+});
-    margin-bottom: 20px;
+ 
-  }
+function goTarget(url) { 
-
+  window.open(url, '__blank') 
-  ul {
+} 
-    padding: 0;
+</script> 
-    margin: 0;
+ 
-  }
+<style scoped lang="scss"> 
-
+.home { 
-  font-family: "open sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
+  blockquote { 
-  font-size: 13px;
+    padding: 10px 20px; 
-  color: #676a6c;
+    margin: 0 0 20px; 
-  overflow-x: hidden;
+    font-size: 17.5px; 
-
+    border-left: 5px solid #eee; 
-  ul {
+  } 
-    list-style-type: none;
+  hr { 
-  }
+    margin-top: 20px; 
-
+    margin-bottom: 20px; 
-  h4 {
+    border: 0; 
-    margin-top: 0px;
+    border-top: 1px solid #eee; 
-  }
+  } 
-
+  .col-item { 
-  h2 {
+    margin-bottom: 20px; 
-    margin-top: 10px;
+  } 
-    font-size: 26px;
+ 
-    font-weight: 100;
+  ul { 
-  }
+    padding: 0; 
-
+    margin: 0; 
-  p {
+  } 
-    margin-top: 10px;
+ 
-
+  font-family: "open sans", "Helvetica Neue", Helvetica, Arial, sans-serif; 
-    b {
+  font-size: 13px; 
-      font-weight: 700;
+  color: #676a6c; 
-    }
+  overflow-x: hidden; 
-  }
+ 
-
+  ul { 
-  .update-log {
+    list-style-type: none; 
-    ol {
+  } 
-      display: block;
+ 
-      list-style-type: decimal;
+  h4 { 
-      margin-block-start: 1em;
+    margin-top: 0px; 
-      margin-block-end: 1em;
+  } 
-      margin-inline-start: 0;
+ 
-      margin-inline-end: 0;
+  h2 { 
-      padding-inline-start: 40px;
+    margin-top: 10px; 
-    }
+    font-size: 26px; 
-  }
+    font-weight: 100; 
-  
+  } 
-  .home-page-video{
+ 
-    position: fixed;
+  p { 
-    top: 50%;
+    margin-top: 10px; 
-    left: 50%;
+ 
-    min-width: 100%;
+    b { 
-    min-height: 100%;
+      font-weight: 700; 
-    width: auto;
+    } 
-    height: auto;
+  } 
-    transform: translateX(-50%) translateY(-50%);
+ 
-    z-index: -100;
+  .update-log { 
-}
+    ol { 
-  
+      display: block; 
-}
+      list-style-type: decimal; 
-</style>
+      margin-block-start: 1em; 
-
+      margin-block-end: 1em; 
-
+      margin-inline-start: 0; 
+      margin-inline-end: 0; 
+      padding-inline-start: 40px; 
+    } 
+  } 
+   
+  .home-page-video{ 
+    position: fixed; 
+    top: 50%; 
+    left: 50%; 
+    min-width: 100%; 
+    min-height: 100%; 
+    width: auto; 
+    height: auto; 
+    transform: translateX(-50%) translateY(-50%); 
+    z-index: -100; 
+} 
+  .middlewight{ 
+    color:#eee; 
+    position: absolute; 
+    top: 50%; 
+    left: 50%; 
+    transform: translate(-50%, -50%); 
+    font-size:88px; 
+    font-family: cursive;
+    width: 100%;
+    text-align: center;
+  } 
+   
+} 
+</style> 

src/views/model/alert/deviceparamalert.vue

@@ -847,13 +847,13 @@ function computeDelPolicy() {
   oldPolicyRows.value.forEach(item=>{
     let flag = false;
     newSeletedRows.forEach(element=>{
-      if(item.id == element.id){
+      if(item.id == element.policyId){
         flag = true;
       }
     })
     if(!flag){
       policyParams.value = policyParams.value.filter(element=>{
-        return item.id === element.id
+        return item.id === element.policyId
       })
       deletePolicyRows.value.push(item);
     }
@@ -865,13 +865,13 @@ function computeAddPolicy() {
   newSeletedRows.forEach(item=>{
     let flag = false;
     oldPolicyRows.value.forEach(element=>{
-      if(item.id == element.id){
+      if(item.policyId == element.id){
         flag = true;
       }
     })
     if(!flag){
       policyParams.value = policyParams.value.filter(element=>{
-        return item.id !== element.id;
+        return item.policyId !== element.id;
       })
       //为了新增不能传id给后台
       let policyParam = {};