feat: 增加待我处理按钮

h5/src/views/video/controller.vue

@@ -3,7 +3,7 @@
     <van-action-bar>
     <van-action-bar>
       <van-action-bar-icon icon="video-o" text="场景" @click="onClickIcon('scene')" />
       <van-action-bar-icon icon="video-o" text="场景" @click="onClickIcon('scene')" />
       <van-action-bar-icon v-if="props.ptzEnable" icon="aim" text="云台" @click="onClickIcon('ptz')" />
       <van-action-bar-icon v-if="props.ptzEnable" icon="aim" text="云台" @click="onClickIcon('ptz')" />
-      <van-action-bar-button type="danger" color="#387CF5" text="截图巡检" @click="onClickButton" />
+      <van-action-bar-button type="danger" color="#387CF5" style="height: 44px" text="截图巡检" @click="onClickButton" />
     </van-action-bar>
     </van-action-bar>
   </div>
   </div>
 </template>
 </template>

h5/src/views/video/index.vue

@@ -291,11 +291,17 @@
 
 
     <!--底部按钮区-->
     <!--底部按钮区-->
     <VideoController
     <VideoController
+        v-if="originUser === 'record'"
         :ptz-enable="ptzEnableInController"
         :ptz-enable="ptzEnableInController"
         @screenshot="handleScreenshot"
         @screenshot="handleScreenshot"
         @showMonitor="navBack"
         @showMonitor="navBack"
         @showPTZ="handleShowPTZ"
         @showPTZ="handleShowPTZ"
     />
     />
+    <ProcessingController
+        v-else
+        @screenshot="handleScreenshot"
+        @back="handleBack"
+    />
   </div>
   </div>
 </template>
 </template>
 <script setup>
 <script setup>
@@ -303,6 +309,7 @@ import { ref, onMounted } from "vue";
 import { Toast } from "vant";
 import { Toast } from "vant";
 import livePlayer from "@/components/extension/index.vue";
 import livePlayer from "@/components/extension/index.vue";
 import VideoController from './controller.vue'
 import VideoController from './controller.vue'
+import ProcessingController from './processingController.vue';
 import shopTour from "@/components/shopTour.vue";
 import shopTour from "@/components/shopTour.vue";
 //import vconsole from 'vconsole';
 //import vconsole from 'vconsole';
 if (process.env.NODE_ENV !== "production") {
 if (process.env.NODE_ENV !== "production") {
@@ -350,12 +357,22 @@ const navBack = () => {
 };
 };
 
 
 const ptzEnableInController = ref(paramObj.ptzEnable === '1') // 是否展示云台
 const ptzEnableInController = ref(paramObj.ptzEnable === '1') // 是否展示云台
+const originUser = ref(paramObj.origin || 'record') // processing record
 const showPTZStatus = ref(false);
 const showPTZStatus = ref(false);
 const handleShowPTZ = () => {
 const handleShowPTZ = () => {
   console.log('handleShowPTZ')
   console.log('handleShowPTZ')
   showPTZStatus.value = !showPTZStatus.value;
   showPTZStatus.value = !showPTZStatus.value;
   vionPlayer.value.setPTZEnable(showPTZStatus.value);
   vionPlayer.value.setPTZEnable(showPTZStatus.value);
 }
 }
+const handleBack = () => {
+  const params = {
+    type: "inspection-back",
+    data: {},
+    origin: originUser.value,
+  }
+  window.postMessage(params, '*');
+  uni.postMessage(params, '*');
+}
 
 
 // 监控场景编辑
 // 监控场景编辑
 const gateEditShow = ref(false);
 const gateEditShow = ref(false);
@@ -949,6 +966,7 @@ const pictureProcess = (imgUrl) => {
     data: {
     data: {
       imgUrl,
       imgUrl,
       id: paramObj.id,
       id: paramObj.id,
+      origin: originUser.value,
     }
     }
   }
   }
   window.postMessage(params, '*');
   window.postMessage(params, '*');

h5/src/views/video/processingController.vue

+<template>
+  <div class="processing-container">
+    <van-button type="default" size="normal" style="margin-right: 10px;" @click="handleBack">返回</van-button>
+    <!--icon="plus"-->
+    <van-button type="primary" size="normal" @click="handleScreenshot">截图反馈</van-button>
+  </div>
+</template>
+
+<script setup>
+const props = defineProps(['originUser']) // processing origin
+const emit = defineEmits(['screenshot', 'back'])
+
+function handleScreenshot(type) {
+  console.log('onClickIcon', type)
+  emit('screenshot')
+}
+function handleBack() {
+  console.log('handleBack')
+  emit('back')
+}
+</script>
+
+<style lang="less" scoped>
+.processing-container {
+  display: flex;
+  padding: 10px;
+  position: fixed;
+  width: 100%;
+  bottom: 0px;
+  > button {
+    flex: 1;
+    border-radius: 8px;
+  }
+}
+</style>