西海岸需求开发

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
-            style="width: 100%; height: 100%; position: relative">
+      <div style="width: 100%; height: 100%; position: relative">
         <div class="waterMark waterMark-left-top">
           {{ userInfo.usernameShow }}
         </div>
@@ -137,7 +139,7 @@
   import mybus from '@/myplugins/mybus'
   import { useRouter } from 'vue-router'
   import H5Player from '@/views/home/components/H5Player.vue'
-  import {getCameraLiveStream} from '@/api/file'
+  import { getCameraLiveStream } from '@/api/file'
   const dataList = reactive({ toBeApplied: [], requested: [], selectItem: {} })
   const showVisible = ref(false)
   // 待办
@@ -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
@@ -302,12 +312,12 @@
   initApply()
   const videoUrl = ref('')
   //获取视频控件所需播放地址
-  const getVideoUrl = (data) =>{
-      let param = data;
+  const getVideoUrl = (data) => {
+    let param = data
     getCameraLiveStream(param).then((res) => {
       //console.log('555555rrrrr',res)
-      if(res.data.data){
-        videoUrl.value = res.data.data.url;
+      if (res.data.data) {
+        videoUrl.value = res.data.data.url
       }
       showVisible.value = true
     })