巡店流程

h5/src/api/index.js

@@ -10,5 +10,40 @@ const tourApi = {
     getCapture(params,config) {
         return req('get', `/patrol/patrolDeviceChannel/capture/${params.id}`, params, config)
     },
+    // 提交巡店记录
+    submitPatrolRecord(params,config) {
+        return req('post', `/patrol/patrolRecord`, params, config)
+    },
+    setBookmark(params,config) {
+        return req('post', `/patrol/patrolGate/bookmark`, params, config)
+    },
+    delBookmark(params,config) {
+        return req('post', `/patrol/patrolGate/unbookmark`, params, config)
+    },
+    // 获取监控点
+    getPatrolGateList(params,config) {
+        return req('get', `/patrol/patrolGate/list`, params, config)
+    },
+    uploadScreenshot(params,config){
+      return req('post', `/patrol/b-patrol-screenshot`, params, config)
+    },
+    // 巡店模板
+    getPatrolTemplateListFun(params,config){
+      return req('get', `/patrol/b-patrol-template/list`, params, config)
+    },
+    // 查询单个模板
+    getPatrolTemplateOne(params,config){
+      return req('get', `/patrol/b-patrol-template/${params.id}`, params, config)
+    },
+    getPatrolSopTypeTree(params,config) {
+        return req('get', `/patrol/patrolSopType/tree`, params, config)
+    },
+    getUsers(params,config) {
+        return req('get', `/patrol/s-user/mall/${params.mallId}`)
+    },
+    //提交巡店记录
+    confirmPatrolRecord(params,config) {
+        return req('post', `/patrol/patrolRecord`, params, config)
+    },
 }
 export default tourApi;
\ No newline at end of file

h5/src/components/livePlayer.vue

@@ -16,7 +16,7 @@
 import { defineComponent,reactive,toRefs} from 'vue'
 import { Toast} from 'vant';
 import EZUIKit from 'ezuikit-js'
-import SLPlayer from '@/static/js/slplayer'
+import SLPlayer from '@/static/js/slplayer';
 import tourApi from '@/api';
 export default defineComponent({
     props: {
@@ -83,6 +83,7 @@ export default defineComponent({
             if (this.platform == 1) {
                 // 清除萤石云视频
                 if (this.playerEz) {
+                    this.playerEz.stop()
                     let canvasVideo = document.getElementById('my-video')
                     canvasVideo.innerHTML = ''
                 }
@@ -103,23 +104,23 @@ export default defineComponent({
                     this.player.stop();
                 }
                 if (this.playerEz) {
-                    let canvasVideo = document.getElementById('my-video')
-                    canvasVideo.innerHTML = ''
-                }
+                    this.playerEz.stop().then(()=>{
+                        this.playerEz.play(this.palyUrl);
+                    });
+                }else{
                     // 开始萤石云视频
                     this.playerEz = new EZUIKit.EZUIKitPlayer({
                         id: "my-video", // 视频容器ID
                         accessToken: atoken,
                         url: this.palyUrl,
-                    template: 'mobileLive', //simple - 极简版;standard-标准版;security - 安防版(预览回放);voice-语音版；
+                        template: 'mobileLive', //simple - 极简版;standard-标准版;security - 安防版(预览回放);voice-语音版mobileLive-手机
                         autoplay: true,
-                    //footer: ['hd', 'fullScreen'],
                         width: window.innerWidth,
                         height:window.innerWidth*1080/1920,
                     });
+                }
                 Toast.clear();
             }
-
         },
         loadTourVideo() {
             Toast.loading({
@@ -146,9 +147,13 @@ export default defineComponent({
     created() {
         this.loadTourVideo();
     },
-
     destroyed(){
-       
+        if (this.player) {
+            this.player.stop();
+        }
+        if (this.playerEz) {
+            this.playerEz.stop()
+        }
     },
     setup(props, context) {
         const params = reactive(props.params);
@@ -171,7 +176,7 @@ export default defineComponent({
             background: #000;
         }
     }
-    :deep(.head-message),:deep(.live-ptz-title){
+    :deep(.head-message),:deep(.live-ptz-title),:deep(.mobile-ez-ptz-container){
         display: none!important;
     }
     :deep(.mobile-ez-ptz-container){

h5/src/components/shopTour.vue

+<template>
+    <div class="tour-btns1">
+        <div class="box">
+            <span @click="navBack">{{decodeURIComponent(paramObj.name)}}<van-icon class="icon" name="play" /></span>
+        </div>
+        <div class="box box1">
+            <span v-if="bookmark" @click="delCollectGate">
+                <van-icon class="iconMargin" color="#F7B500" name="star" />收藏
+            </span>
+            <span v-else @click="collectGate">
+                <van-icon class="iconMargin" name="star-o" />收藏
+            </span>
+            <span @click="pictureBtn">
+                <van-icon class="iconMargin" name="photograph" />开始巡检
+            </span>
+        </div>
+    </div>
+</template>
+
+<script setup>
+    import { reactive, ref, onMounted, getCurrentInstance } from 'vue';
+    import { Toast } from 'vant';
+    import tourApi from '@/api';
+    const navBack = () => {
+        wx.miniProgram.redirectTo({
+            url: `/pages/tour/gate/index?type=${paramObj.type}&atoken=${paramObj.atoken}&userId=${paramObj.userId}&id=${paramObj.id}&channelid=${paramObj.channelid}&platform=${paramObj.platform}&mallId=${paramObj.mallId}&name=${paramObj.name}`
+        });
+    };
+    const bookmark = ref(paramObj.bookmark)
+    const collectGate= ()=>{
+        tourApi.setBookmark({
+            userId:paramObj.userId,
+            patrolGateIds:[paramObj.id]
+        }).then(res=>{
+            if(res.data.code==200){
+                bookmark.value = true;
+              return Toast.success('收藏成功');
+            }
+        })
+    }
+    const delCollectGate= ()=>{
+        tourApi.delBookmark({
+            userId:paramObj.userId,
+            patrolGateIds:[paramObj.id]
+        }).then(res=>{
+            if(res.data.code==200){
+                bookmark.value = false;
+              return Toast.success('取消收藏成功');
+            }
+        })
+    }
+    const pictureBtn = () => {
+        Toast.loading({
+           duration: 0, 
+           message: '视频截图中···',
+           forbidClick: true,
+        }); 
+        // tourApi.getCapture({id:paramObj.channelid}).then(res=>{
+        //     if(res.status!=200){
+        //       return Toast.fail(res.data.msg);
+        //     }
+        //     let picUrl = res.data.data;
+        //     Toast.clear();
+        //     if(paramObj.type!='titem'){
+        //         wx.miniProgram.redirectTo({
+        //          url: `/pages/tour/index/index?action=capture&picUrl=${picUrl}&id=${paramObj.id}&channelid=${paramObj.channelid}&mallId=${paramObj.mallId}&title=${paramObj.name}&atoken=${paramObj.atoken}&userId=${paramObj.userId}`
+        //         }); 
+        //     }else{
+        //       /***********巡店详情截图****************/
+        //         wx.miniProgram.navigateTo({
+        //           url: `/pages/tour/titemDetail/index?action=capture&picUrl=${picUrl}&id=${paramObj.tid}`
+        //         });
+        //     }
+              
+        // })
+    };
+</script>
+
+<style scoped lang="less">
+    .tour-btns1{
+        display: flex;
+        background: #E6EDFF;
+        height: 15vw;
+        line-height: 15vw;
+        padding: 0 20px;
+        .box{
+            display: inline-block;
+            flex: 1;
+        }
+        .box1{
+            text-align: right;
+            span{
+                margin-left: 20px;
+            }
+        }
+        .icon{
+            transform: rotate(90deg);
+        }
+    }
+</style>
\ No newline at end of file