feat 更新 雨刷控制增加

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

@@ -27,6 +27,11 @@
           <span>{{ item.label }}</span>
           <img src="../images/add.svg" @click="controlClick(item.add)">
         </div>
+        <div>雨刷
+          <Button .native="controlClick(49)">开</Button>
+          <Button @click.native="controlClick(48)">关</Button>
+        </div>
+
       </div>
     </div>
   </Dialog>
@@ -36,11 +41,15 @@
 import Dialog from "@screen/components/Dialog/index.vue";
 import { controlCamera } from "@screen/pages/Home/components/RoadAndEvents/utils/httpList.js"
 import { throttle } from "lodash"
+import Switcher from '@screen/pages/service/PublishingChannelManagement/components/Switcher.vue';
+import Button from "@screen/components/Buttons/Button.vue";
 
+//开 49 关 48
 export default {
   name: 'CameraControlDialog',
   components: {
-    Dialog
+    Dialog,
+    Button
   },
   model: {
     prop: 'visible',
@@ -71,7 +80,18 @@ export default {
           add: "13",
           sub: "14"
         },
-      ]
+      ],
+      activeOption: {
+        active: {
+          text: "开"
+        },
+        unActive: {
+          text: "关"
+        }
+      },
+      data: {
+        state: 0
+      }
     }
   },
   computed: {
@@ -87,7 +107,21 @@ export default {
   methods: {
     controlClick: throttle(function (type) {
       controlCamera(this.deviceId, type)
-    }, 150)
+    }, 150),
+    async handleSwitcherChange(value, data) {
+      let str = data.state ? "关闭" : "开启";
+
+      data.state = value;
+      const isContinue = await confirm({ message: `${str}` })
+        .catch(() => {
+          console.log(data.state, value, 333)
+          data.state = !value;
+        });
+
+      if (!isContinue) return;
+
+
+    },
   },
 }
 </script>
@@ -180,12 +214,13 @@ export default {
   .options {
     display: flex;
     flex-direction: column;
-
+    justify-content: center;
     gap: 18px;
 
     >div {
       display: flex;
       align-items: center;
+      justify-content: center;
       gap: 9px;
 
       img {