视频审核成功 拼接地址

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

@@ -2,7 +2,7 @@
  * @Author: hisense.liangjunhua
  * @Date: 2022-07-12 09:42:44
  * @LastEditors: hisense.liangjunhua
- * @LastEditTime: 2022-07-21 17:25:45
+ * @LastEditTime: 2022-07-25 15:07:05
  * @Description:我的申请 能力申请 查看详情
 -->
 <template>
@@ -132,8 +132,20 @@
                 </div>
               </div>
               <div class="ability-bottom">
-                <div class="dec">位置：{{ val.nodeName }}</div>
+                <div class="dec2">位置：{{ val.nodeName }}</div>
-                <!-- <div class="result">申请结果：{{ val.content || '--' }}</div> -->
+                <div class="result" v-if="item.approveStatus == '通过'">
+                  申请结果：{{
+                    '列表地址：' +
+                    backUrl +
+                    'resource/getApplyCameraList/' +
+                    item.instanceId +
+                    ';' +
+                    '视频流地址：' +
+                    backUrl +
+                    '/resource/hls/getHls/?channelId=' +
+                    val.channelId
+                  }}
+                </div>
               </div>
             </div>
           </div>
@@ -144,6 +156,7 @@
 </template>
 <script setup>
   import { ref, defineProps } from 'vue'
+  const backUrl = ref(window.SITE_CONFIG.apiURL + '/')
   const props = defineProps({
     refObj: { type: Object, default: null },
   })
@@ -334,6 +347,16 @@
                   -webkit-box-orient: vertical;
                   word-break: break-all;
                 }
+                .dec2 {
+                  width: 7rem;
+                  height: 0.22rem;
+                  overflow: hidden;
+                  text-overflow: ellipsis;
+                  display: -webkit-box;
+                  -webkit-line-clamp: 1;
+                  -webkit-box-orient: vertical;
+                  word-break: break-all;
+                }
                 .result:hover {
                   color: #0058e1;
                   cursor: pointer;