fix:sth

src/api/tyler/hjjc.js

@@ -42,3 +42,12 @@ export function getDeviceStatus(query) {
     params: query,
   });
 }
+
+// 查询近7日报警信息
+export function getRecentSevDaysAlarms(query) {
+  return request({
+    url: "/business/screen/env/recentSevDaysAlarms",
+    method: "get",
+    params: query,
+  });
+}

src/views/Screen/items/psxt.vue

 <template>
+  <div>
     <div class="app-container home">
       <div id="cesiumContainer">
         <div class="center-title-box">
@@ -23,8 +24,8 @@
         </div>
         <div class="water-pump pst1">
           <div class="H36">
-          <div class="button on">开启</div>
-          <div class="button off">关闭</div>
+            <div class="button on" @click="openWaterPump">开启</div>
+            <div class="button off" @click="closeWaterPump">关闭</div>
           </div>
           <div class="H164">
             <div class="phd-left"></div>
@@ -121,15 +122,42 @@
         </div>
       </div>
     </div>
+    <div class="up-window" v-show="upWindowShow">
+      <div class="up-window-box">
+        <p><span></span>开启/关闭水泵</p>
+        <i class="el-icon-close close-button" @click="upWindowShow = false"></i>
+        <div class="W400">
+          <span>请输入密码</span>
+          <el-input placeholder="" v-model="password" show-password></el-input>
+        </div>
+        <div>
+          <div class="button close">关闭</div>
+          <div class="button">开启</div>
+        </div>
+      </div>
+    </div>
+  </div>
 </template>
 <script>
 export default {
   name: "cesium",
   data() {
-    return {};
+    return {
+      password: "",
+      upWindowShow: false,
+    };
   },
   created() {},
-  methods: {},
+  methods: {
+    // 水泵开启按钮
+    openWaterPump() {
+      this.upWindowShow = true;
+    },
+    // 水泵关闭按钮
+    closeWaterPump() {
+      this.upWindowShow = true;
+    },
+  },
 };
 </script>
 
@@ -223,6 +251,7 @@ export default {
           border: 2px solid #d8efff;
           border-radius: 2px;
           background: RGBA(0, 26, 49, 1);
+          cursor: pointer;
         }
         .on {
           &.active {
@@ -307,4 +336,97 @@ export default {
     }
   }
 }
+.up-window {
+  width: 100%;
+  height: 100%;
+  background: RGBA(4, 21, 42, 0.6);
+  position: absolute;
+  z-index: 9999;
+  top: 0;
+  left: 0;
+  .up-window-box {
+    width: 588px;
+    height: 350px;
+    background: linear-gradient(0deg, #062451 0%, #09162d 100%);
+    box-shadow: 0px 15px 11px 2px rgba(0, 20, 39, 0.31);
+    border: 2px solid #11b9ff;
+    opacity: 1;
+    position: absolute;
+    left: 50%;
+    top: 50%;
+    transform: translate(-50%, -50%);
+    padding: 20px 37px 37px 27px;
+    color: #ffffff;
+    p {
+      width: 500px;
+      height: 37px;
+      margin: 0px;
+      background: url("~@/assets/images/screen/psxt/title.png") no-repeat center;
+      background-size: 100%;
+      font-weight: 500;
+      font-size: 22px;
+      color: #ffffff;
+      height: 37px;
+      background-position-y: 9px;
+      span {
+        width: 27px;
+        display: inline-block;
+      }
+    }
+    .close-button {
+      font-size: 30px;
+      position: absolute;
+      top: 16px;
+      right: 16px;
+      cursor: pointer;
+      &:hover {
+        -webkit-transform: rotate(360deg);
+        transform: rotate(360deg);
+        -webkit-transition: -webkit-transform 1s linear;
+        transition: transform 1s linear;
+      }
+    }
+    .W400 {
+      width: 400px;
+      margin: auto;
+      ::v-deep .el-input__inner {
+        border-radius: 0px !important;
+        height: 52px;
+      }
+      span {
+        font-weight: 400;
+        font-size: 21px;
+        color: #ffffff;
+        margin-top: 60px;
+        display: inline-block;
+        margin-bottom: 15px;
+      }
+    }
+    .button {
+      width: 110px;
+      height: 42px;
+      background: #11b9ff;
+      border-radius: 4px;
+      font-weight: 400;
+      font-size: 20px;
+      color: #ffffff;
+      text-align: center;
+      line-height: 42px;
+      float: left;
+      margin-left: 100px;
+      margin-top: 55px;
+      cursor: pointer;
+      &:hover {
+        background: #66d2ff;
+      }
+      &.close {
+        background: none;
+        color: #fff;
+        &:hover {
+          color: #66d2ff;
+        }
+      }
+    }
+  }
+}
 </style>