测试提交

src/main.js

-import 'babel-polyfill'
 import Vue from "vue";
 import Vue from "vue";
 import App from "./App.vue";
 import App from "./App.vue";
 import ElementUI from "element-ui";
 import ElementUI from "element-ui";

src/views/sceneManage/index.vue

@@ -203,8 +203,13 @@ export default {
         },9000)
         },9000)
       }
       }
       if(this.subtaskdata.task_algo_type == '12') {
       if(this.subtaskdata.task_algo_type == '12') {
-        this.playurl = {rtsp_url:this.subtaskdata.rtsp_url};
-        this.$refs.videoplay.videoPlay()
+        console.log(this.subtaskdata)
+        this.playurl = {rtsp_url:"rtsp://192.168.9.233:8554//opt/data/vedio/1619338660378.264"};
+        console.log("bkurl",this.playurl)
+        setTimeout(() => {
+          this.$refs.videoplay.videoPlay();
+        }, 2000);
+        return false;
       } 
       } 
         this.$api.task.getPlayUrl(this.currentSubtaskId).then(res => {
         this.$api.task.getPlayUrl(this.currentSubtaskId).then(res => {
         this.playurl = res;
         this.playurl = res;

src/views/sceneManage/setting/areaconfig/Behavior.vue

 <template>
 <template>
   <div class="modal-body b-box">
   <div class="modal-body b-box">
     <div class="modal-left">
     <div class="modal-left">
-      <div class="pic" id="pic">
+      <div class="pic" id="pic" :style="{'background':caturl}">
         <canvas id="main" width="700" height="500"></canvas>
         <canvas id="main" width="700" height="500"></canvas>
       </div>
       </div>
     </div>
     </div>
@@ -119,6 +119,7 @@ export default {
       roiBody: {},
       roiBody: {},
       basedocument: null,
       basedocument: null,
       paramsData: "",
       paramsData: "",
+      caturl:""
     };
     };
   },
   },
   methods: {
   methods: {
@@ -548,8 +549,13 @@ export default {
     console.log("xxxx", this.configxml.xml);
     console.log("xxxx", this.configxml.xml);
     this.basconfig = this.oParse.parseXML(this.configxml.xml);
     this.basconfig = this.oParse.parseXML(this.configxml.xml);
     this.initConfig(this.basconfig);
     this.initConfig(this.basconfig);
+
   },
   },
   mounted() {
   mounted() {
+    document.getElementById("VionVideo").CapturePicture("D:\/vionpic/behavior.png")
+    setTimeout(() => {
+      this.caturl = "D:\/vionpic\/behavior.png"
+    }, 1000);
     this.basedocument = $.parseXML(xml);
     this.basedocument = $.parseXML(xml);
 
 
     var vthis = this;
     var vthis = this;

vue.config.js

@@ -19,7 +19,7 @@ module.exports = {
     }
     }
   },
   },
   chainWebpack: config => {
   chainWebpack: config => {
-    config.entry('main').add('babel-polyfill')
+    // config.entry('main').add('babel-polyfill')
     if (process.env.use_analyzer) {
     if (process.env.use_analyzer) {
       // 分析
       // 分析
       config
       config