西海岸需求开发

front/src/views/home/infrastructureApplication.vue

@@ -2,7 +2,7 @@
  * @Author: Light
  * @Date: 2022-11-18 11:53:43
  * @LastEditors: Light
- * @LastEditTime: 2022-11-22 14:50:32
+ * @LastEditTime: 2022-11-22 19:13:02
  * @Description: 告诉大家这是什么
 -->
 <template>
@@ -69,7 +69,10 @@
           </a-list-item>
         </template>
         <template #header>
-          <div class="title">已申请列表</div>
+          <div class="title">
+            已申请列表
+            <a-button type="link" @click="goToApply">详情</a-button>
+          </div>
         </template>
       </a-list>
     </div>
@@ -104,8 +107,7 @@
     @cancel="clear"
   >
     <div style="width: 100%; display: flex; justify-content: center">
-          <div
+      <div style="width: 100%; height: 100%; position: relative">
-            style="width: 100%; height: 100%; position: relative">
         <div class="waterMark waterMark-left-top">
           {{ userInfo.usernameShow }}
         </div>
@@ -243,10 +245,18 @@
       }
     }
   }
+  const goToApply = () => {
+    router.push({
+      path: '/personalCenter',
+      query: {
+        type: 'apply',
+      },
+    })
+  }
   const selectItem = (item) => {
     if (item.approveStatus == '通过') {
       dataList.selectItem = item
-      getVideoUrl(item.cameraInfo);
+      getVideoUrl(item.cameraInfo)
     } else {
       dataList.selectItem = {}
       showVisible.value = false
@@ -303,11 +313,11 @@
   const videoUrl = ref('')
   //获取视频控件所需播放地址
   const getVideoUrl = (data) => {
-      let param = data;
+    let param = data
     getCameraLiveStream(param).then((res) => {
       //console.log('555555rrrrr',res)
       if (res.data.data) {
-        videoUrl.value = res.data.data.url;
+        videoUrl.value = res.data.data.url
       }
       showVisible.value = true
     })