feat 更新摄像头

ruoyi-ui/src/views/JiHeExpressway/pages/Home/components/Dialogs/Camera/components/CameraControlDialog.vue

@@ -27,10 +27,7 @@
           <span>{{ item.label }}</span>
           <img src="../images/add.svg" @click="controlClick(item.add)">
         </div>
-        <div>雨刷
-          <Button @click.native="controlClick(49)">开</Button>
-          <Button @click.native="controlClick(48)">关</Button>
-        </div>
+
 
       </div>
     </div>

ruoyi-ui/src/views/JiHeExpressway/pages/Home/components/Dialogs/Camera/index.vue

@@ -7,29 +7,24 @@
           <Descriptions :list="list" :data="data" style="gap: 18px">
             <template #content-deviceName>
               <span>{{ dialogData.deviceName || "-" }}</span>
-              <img
-                @click="controlDialogVisible = true"
-                v-if="
-                  [0, '0'].includes(
-                    dialogData.parseOtherConfig &&
-                      dialogData.parseOtherConfig.ptzCtrl
-                  )
-                "
-                src="@screen/images/camera-control-icon.svg"
-                width="18px"
-                height="18px"
-                style="cursor: pointer"
-              />
+              <img @click="controlDialogVisible = true" v-if="[0, '0'].includes(
+    dialogData.parseOtherConfig &&
+    dialogData.parseOtherConfig.ptzCtrl
+  )
+    " src="@screen/images/camera-control-icon.svg" width="18px" height="18px" style="cursor: pointer" />
             </template>
           </Descriptions>
+          <div style="width:50%;display:flex;margin-top:18px">
+            <span
+              style="color: #3de8ff;font-size: 15px;font-family: PingFang SC, PingFang SC;font-weight: 400;line-height: 18px;">
+              雨刷: </span>
+            <Button style="margin-left:5px;" @click.native="controlClick(49)">开</Button>
+            <Button style="margin-left:5px;" @click.native="controlClick(48)">关</Button>
+          </div>
         </ElTabPane>
         <ElTabPane label="摄相机参数" name="second">摄相机参数</ElTabPane>
         <ElTabPane label="在线率统计" name="third">
-          <LineChart
-            v-if="activeName === 'third'"
-            :productId="dialogData.productId"
-            style="height: 180px"
-          />
+          <LineChart v-if="activeName === 'third'" :productId="dialogData.productId" style="height: 180px" />
         </ElTabPane>
       </ElTabs>
 
@@ -39,10 +34,7 @@
       </div>
     </div>
 
-    <CameraControlDialog
-      :deviceId="dialogData.iotDeviceId"
-      v-model="controlDialogVisible"
-    />
+    <CameraControlDialog :deviceId="dialogData.iotDeviceId" v-model="controlDialogVisible" />
   </Dialog>
 </template>
 
@@ -58,6 +50,8 @@ import {
   getRoadInfoByStakeMark,
   getOrganizationName,
 } from "@screen/pages/Home/components/RoadAndEvents/utils/httpList.js";
+import { controlCamera } from "@screen/pages/Home/components/RoadAndEvents/utils/httpList.js"
+import { throttle } from "lodash"
 
 import { dialogDelayVisible } from "./../mixin";
 
@@ -108,12 +102,12 @@ export default {
           label: "设备状态",
           key: "deviceState",
           enum: "DeviceTypeEnum",
-          gridColumn: 2,
+          // gridColumn: 2,
         },
         {
           label: "状态更新时间",
           key: "updateTime",
-          gridColumn: 2,
+          // gridColumn: 2,
           // enum: "CameraDirectionEnum"
         },
         // {
@@ -137,6 +131,9 @@ export default {
     console.log(this.data, "this.data");
   },
   methods: {
+    controlClick: throttle(function (type) {
+      controlCamera(this.deviceId, type)
+    }, 150),
     visibleClose(bool) {
       if (bool) return;
 
@@ -199,7 +196,7 @@ export default {
     align-items: center;
     justify-content: end;
 
-    > div {
+    >div {
       font-size: 16px;
       padding: 6px 12px;
     }