针对中移物联的监控只能使用一次的问题进行功能设置请求URL在使用前一刻抓取

components/AiMonitor/AiMonitor.vue

@@ -1,8 +1,8 @@
 <template>
   <section class="AiMonitor">
     <template v-if="type=='cmcc'">
-      <iframe :src="src" allow="autoplay *; microphone *; fullscreen *" allowfullscreen allowtransparency
+      <iframe v-if="cmccUrl" :src="cmccUrl" allow="autoplay *; microphone *; fullscreen *" allowfullscreen
-              allowusermedia frameBorder="no"/>
+              allowtransparency allowusermedia frameBorder="no"/>
     </template>
     <hikversion-monitor v-else-if="type=='hik'" :src="src"/>
     <dhVideo v-else-if="type=='dahua'" :src="src"/>
@@ -14,6 +14,7 @@
 import HikversionMonitor from "./hikversionMonitor";
 import dhVideo from "./dhVideo";
 import slwVideo from "./slwVideo";
+import request from "dui/lib/js/request";
 
 export default {
   name: "AiMonitor",
@@ -29,6 +30,24 @@ export default {
      * @values cmcc,hik
      */
     type: {default: "cmcc"},
+  },
+  data() {
+    return {
+      cmccUrl: ""
+    }
+  },
+  methods: {
+    getCmccURL() {
+      const {did} = this.$attrs
+      request.post(`/app/appzyvideoequipment/getWebSdkUrl?deviceId=${did}`).then(res => {
+        if (res.code == 0) {
+          this.cmccUrl = JSON.parse(res.data).url
+        }
+      }).finally(() => this.cmccUrl = this.cmccUrl || this.src)
+    }
+  },
+  created() {
+    this.getCmccURL()
   }
 }
 </script>

components/AiMonitorCarousel.vue

@@ -14,7 +14,7 @@ export default {
   <section class="AiMonitorCarousel">
     <el-carousel height="100%" indicator-position="none" arrow="hover">
       <el-carousel-item v-for="item in list" :key="item.id">
-        <ai-monitor :src="item.src" :type="item.monitorType"/>
+        <ai-monitor v-bind="item" :type="item.monitorType"/>
       </el-carousel-item>
     </el-carousel>
   </section>