我的申请视频播放接口替换

front/src/views/personalCenter/components/AbilityApplication.vue

@@ -225,14 +225,51 @@
                     style="cursor: pointer"
                     @click="
                       openView(
-                        backUrl + 'resource/hls/getHls/?key=' + val.channelId
+                        'http://10.134.135.92:9537/data_service/getCamera/getCameraLiveStream?cameraIndexCode=' + val.channelCode+'&protocol=wss&transmode=1&streamType=1'
                       )
                     "
                   >
-                    {{ backUrl + 'resource/hls/getHls/?key=' + val.channelId }}
+                    {{ 'http://10.134.135.92:9537/data_service/getCamera/getCameraLiveStream?cameraIndexCode=' + val.channelCode+'&protocol=wss&transmode=1&streamType=1' }}
                   </span>
                 </div>
               </div>
+              <div class="button-bottom" v-if="item.approveStatus == '通过'">
+                  <a
+            style="
+              display: inline-block;
+              width: 88px;
+              height: 32px;
+              line-height: 32px;
+              text-align: center;
+              background: #40a9ff;
+              border-radius: 5px;
+              font-size: 14px;
+              color: #fff;
+              cursor:pointer;
+            "
+            href="/static/download/InstallRootCert.exe"
+          >
+            证书下载
+          </a>
+           <span
+            style="
+              display: inline-block;
+              width: 88px;
+              height: 32px;
+              line-height: 32px;
+              text-align: center;
+              background: #40a9ff;
+              border-radius: 5px;
+              font-size: 14px;
+              color: #fff;
+              margin-left:40px;
+              cursor:pointer;
+            "
+            @click="downLoadClient()"
+          >
+            客户端下载
+          </span>
+              </div>
             </div>
           </div>
         </div>
@@ -319,12 +356,18 @@
     dept.deptName = infrastructure.deptName
   }
   const showThis = () => {
+    console.log('props.refObj.enclosure',props.refObj);
     window.open(
       window.SITE_CONFIG.previewUrl +
         'hisense_office/onlinePreview?url=' +
-        btoa(encodeURI(props.refObj.enclosure))
+        btoa(encodeURI(props.refObj))
     )
   }
+  //下载海康客户端
+    const downLoadClient = () => {
+      let url = "https://open.hikvision.com/download/5c67f1e2f05948198c909700?type=10";
+    window.open( url, '_blank')
+  }
   const showArr = ref([])
   console.log(props.refObj, '=====================================')
   const endThis = (instanceId) => {
@@ -518,6 +561,8 @@
       })
   }
   const openView = (url) => {
+    console.log('valval',url);
+    //http://10.134.135.92:9537/data_service/getCamera/getCameraLiveStream?cameraIndexCode=37021100421318000090&protocol=wss&transmode=1&streamType=1
     window.open(url, '_blank')
   }
 </script>
@@ -566,6 +611,10 @@
           width: 2.5rem;
         }
       }
+      .downButton{
+         display: flex;
+         justify-content: normal;
+      }
     }
   }
   .bottom {
@@ -592,7 +641,7 @@
         .box {
           margin-left: 0.1rem;
           .ability {
-            height: 1.6rem;
+            height: 2.0rem;
             display: flex;
             border-bottom: 1px #eee solid;
             padding: 0.1rem 0;
@@ -700,6 +749,10 @@
                   position: relative;
                 }
               }
+              .button-bottom{
+                margin-top: 0;
+                margin-bottom: 10px;
+              }
             }
             .DownloadAttachment {
               position: absolute;