西海岸需求开发

front/src/views/home/videoSurveillance/components/CameraPopupOnMap.vue

@@ -25,12 +25,12 @@
             </a-carousel>
           <div class="operation-content" style="position:ab">
               <div class="video-content">
-              <h5-player :video-url="videoUrl"></h5-player> 
+              <h5-player :video-url="videoUrl"></h5-player>
               </div>
               <div class="text-label">
                 <span>{{defaultIndex+1}}</span>/<span>{{cameraDataList.length}}</span>
               </div>
-              <div class="footer-button"> 
+              <div class="footer-button">
                 <a-button type="primary" @click="applyNow(cameraDataList[defaultIndex])">立即申请</a-button>
                 <a-button type="primary" style="margin-left:20px" @click="addIntoCart(cameraDataList[defaultIndex])">加入申购车</a-button>
                 </div>
@@ -46,11 +46,15 @@
     LeftCircleOutlined,
     RightCircleOutlined,
   } from '@ant-design/icons-vue'
-  import { useRouter } from 'vue-router'
+  // import { useRouter } from 'vue-router'
   import H5Player from '@/views/home/components/H5Player.vue'
   import mybus from '@/myplugins/mybus'
+  import { message } from 'ant-design-vue'
   import { getStreamByChannelCode } from '@/api/videoSurveillance'
   import {getCameraLiveStream} from '@/api/file'
+  import {willApplyCameraSelect,
+    getApplyCameraListXha,
+  } from '@/api/home'
   export default {
     name: '',
     components: {
@@ -78,10 +82,10 @@
     data() {
       return {
         openVideo: false,
-        videoStream: '',  
+        videoStream: '',
          videoUrl:'', //视频预览url
          defaultIndex:0,//默认显示列表中的对一个
-         router:useRouter()
+        //  router:useRouter()
       }
     },
     methods: {
@@ -94,13 +98,59 @@
       },
       //立即申请
       applyNow(item){
-        console.log('applyNowapplyNow',item);
-       //跳转至申请页面
-          this.router.push({
-          path: '/apply',
-          query: {
-         
-          },
+        getApplyCameraListXha().then(res => {
+          let flag = true
+          if (res.data.code == 0) {
+            res.data.data.map((val) => {
+              val.cameraInfo = JSON.parse(val.cameraInfo)
+              console.log('applyNowapplyNow',val.cameraInfo);
+              if(flag && val.cameraInfo.channelId == item.channelId){
+                flag = false
+              }
+            })
+            if(flag){
+              willApplyCameraSelect().then(res => {
+                if (res.data.code == 0) {
+                  res.data.data.map(val => {
+                    if(item.channelId == val.channelId){
+                      item.id = val.id
+                    }
+                  })
+                }
+                let obj = {
+                  arr: [
+                    {
+                      checked: true,
+                      delFlag: 0,
+                      id: '1593084734789996545',
+                      idtCameraChannel: '790582098133127168',
+                      loading: false,
+                      note1: '',
+                      resourceId: '1522550195055828996',
+                      resourceName: '摄像头列表',
+                      type: '基础设施',
+                    },
+                  ],
+                  deptName: '西海岸新区工业和信息化局',
+                  deptId: '732560225344761856',
+                }
+                item.type = '基础设施'
+                item.delFlag = 0
+                item.resourceId = item.channelId
+                item.resourceName = item.channelName
+                obj.arr[0].note1 = JSON.stringify([item])
+                if (obj.arr.length > 0) {
+                  localStorage.setItem('applyList', JSON.stringify([obj]))
+                  console.log('applyNowapplyNowobj',obj);
+                  this.$router.push({
+                    path: '/apply',
+                  })
+                }
+              })
+            }else{
+              message.warning('该摄像头已申请！')
+            }
+          }
         })
       },
       //加入申购车
@@ -136,7 +186,7 @@
            console.log('uyutyuyopopopop',this.cameraDataList[this.defaultIndex]);
             this.getVideoUrl(this.cameraDataList[this.defaultIndex]);
         }
-       
+
       },
       //查看下一个
       handleNext(){
@@ -146,10 +196,10 @@
             this.getVideoUrl(this.cameraDataList[0]);
           }else{
             this.defaultIndex = this.defaultIndex + 1;
-               console.log('opopopop',this.cameraDataList[this.defaultIndex]); 
+               console.log('opopopop',this.cameraDataList[this.defaultIndex]);
                   this.getVideoUrl(this.cameraDataList[this.defaultIndex]);
           }
-       
+
       }
     },
   }
@@ -229,14 +279,14 @@
       }
         .video-content{
      width: 750px;
-     height:600px; 
-     text-align: left; 
+     height:600px;
+     text-align: left;
      padding: 5px;
     }
     .footer-button{
        width: 750px;
-       //height:50px; 
-       text-align: center; 
+       //height:50px;
+       text-align: center;
        padding-top:5px;
     }
     }
@@ -289,7 +339,7 @@
   .ant-carousel :deep(.slick-dots) {
    display: none !important;
   }
-   
+
   }
   // .current-video {
   //   width: 320px;