Merge branch 'hi-ucs-dev' of http://192.168.124.50:3000/wuhongjian/hi-ucs into hi-ucs-dev

front/src/supermap/map-showResource.js

@@ -83,11 +83,12 @@ function createMarkerClusterLayer(layerClassName, mapObj) {
             maxClusterRadius: 80,
         })
         markerClusterLayer.on('clusterclick', function(a) {
-            //console.log('cluster ' + a.layer.getAllChildMarkers().length);
+            //console.log('cluster ' + a.layer.getAllChildMarkers());
             if (a.layer.getAllChildMarkers().length < 50) {
                 let clusterList = [];
                 for (var i = 0; i < a.layer.getAllChildMarkers().length; i++) {
                     //console.log('yyyyyyyyy', a.layer.getAllChildMarkers()[i].resourceData);
+                    //console.log('yyyyyyyyy', a.layer.getAllChildMarkers()[i].fData);
                     clusterList.push(a.layer.getAllChildMarkers()[i].resourceData);
                 }
                 //console.log('clusterList ' + a.layer.getAllChildMarkers(array, true));

front/src/views/home/components/H5Player.vue

@@ -67,6 +67,7 @@ import { message } from 'ant-design-vue'
                 handler(newVal, oldVal) {
                     console.log('oldVal:', oldVal)
                     console.log('newVal:', newVal)
+                   //this.realplay(newVal,0);   
                 },
                 // 立即处理 进入页面就触发
                 immediate: true

front/src/views/home/infrastructureApplication.vue

@@ -2,7 +2,7 @@
  * @Author: Light
  * @Date: 2022-11-18 11:53:43
  * @LastEditors: Light
- * @LastEditTime: 2022-11-21 17:51:38
+ * @LastEditTime: 2022-11-22 11:57:18
  * @Description: 告诉大家这是什么
 -->
 <template>
@@ -23,7 +23,7 @@
               cancel-text="否"
               @confirm="delWillApplyCamera(item.id)"
             >
-              <a-button type="link" danger>移出</a-button>
+              <a-button type="link" danger style="padding: 0">移出</a-button>
             </a-popconfirm>
           </a-list-item>
         </template>
@@ -45,17 +45,26 @@
                 {{ item.cameraInfo.channelName }}
               </a-tooltip>
             </div>
+            <a-tag color="cyan" style="margin-right: 0">
+              {{ item.approveStatus }}
+            </a-tag>
             <a-popconfirm
               v-if="item.approveStatus == '通过'"
-              :title="'是否删除' + item.cameraInfo.channelName + '?'"
+              :title="'是否撤销' + item.cameraInfo.channelName + '?'"
               ok-text="是"
               cancel-text="否"
               @confirm="deleteApply(item)"
             >
-              <a-button type="link" danger>删除</a-button>
+              <a-button type="link" danger style="padding: 0">撤销</a-button>
             </a-popconfirm>
-            <a-button v-else type="link" danger @click="deleteApply(item)">
+            <a-button
-              删除
+              v-else
+              type="link"
+              danger
+              @click="deleteApply(item)"
+              style="padding: 0"
+            >
+              撤销
             </a-button>
           </a-list-item>
         </template>
@@ -68,12 +77,18 @@
   <a-modal
     :width="800"
     v-model:visible="visible"
-    title="删除申请"
+    title="撤销申请"
     @ok="handleOk"
     @cancel="clear"
   >
-    <p>本次申请的摄像头包含以下{{ showArr.length }}个摄像头，是否删除申请？</p>
+    <p>本次申请的视频监控包含以下{{ showArr.length }}个，是否撤销申请？</p>
-    <a-table :columns="columns" :data-source="showArr">
+    <a-table
+      :columns="columns"
+      :data-source="showArr"
+      :pagination="{
+        pageSize: 5,
+      }"
+    >
       <template #bodyCell="{ column, text }">
         <template v-if="column.dataIndex === 'name'">
           <a>{{ text }}</a>
@@ -123,7 +138,7 @@
   ]
   const router = useRouter()
   const delWillApplyCamera = (id) => {
-    console.log('删除===>', id)
+    console.log('撤销===>', id)
     if (delWacFlag.value) {
       delWacFlag.value = false
       willApplyCameraBatchDelete([id]).then((res) => {
@@ -147,7 +162,7 @@
           loading: false,
           note1: '',
           resourceId: '1522550195055828996',
-          resourceName: '摄像头列表',
+          resourceName: '视频监控列表',
           type: '基础设施',
         },
       ],
@@ -170,9 +185,9 @@
       })
     }
   }
-  // 删除已申请
+  // 撤销已申请
   const deleteApply = (item) => {
-    console.log('删除========>', item)
+    console.log('撤销========>', item)
     if (delApply.value) {
       delApply.value = false
       switch (item.approveStatus) {
@@ -189,9 +204,9 @@
         case '通过':
           delApplyCamera([item.id]).then((res) => {
             if (res.data.code == 0) {
-              message.success('删除成功')
+              message.success('撤销成功')
             } else {
-              message.warning('删除失败')
+              message.warning('撤销失败')
             }
             initApply()
           })
@@ -202,9 +217,9 @@
   const handleOk = () => {
     endProcess({ instanceId: instanceId.value }).then((res) => {
       if (res.data.code == 0) {
-        message.success('删除成功')
+        message.success('撤销成功')
       } else {
-        message.warning('删除失败')
+        message.warning('撤销失败')
       }
       initApply()
       visible.value = false
@@ -247,7 +262,7 @@
   mybus.on('selectCamera', (obj) => {
     // 判断最多10条
     if (dataList.toBeApplied.length + dataList.requested.length >= 10) {
-      message.warning('最多只能申请10个摄像头！')
+      message.warning('最多只能申请10个视频监控！')
       return
     }
     // 判断是否已操作
@@ -258,7 +273,7 @@
       }
     })
     dataList.requested.map((val) => {
-      if (addFlag && val.channelId == obj.channelId) {
+      if (addFlag && val.cameraInfo.channelId == obj.channelId) {
         addFlag = false
       }
     })
@@ -274,7 +289,7 @@
           init()
         })
       } else {
-        message.warning('已申请该摄像头！')
+        message.warning('已申请该视频监控！')
       }
     }
   })
@@ -288,34 +303,40 @@
     position: fixed;
     top: 50%;
     right: 0.16rem;
-    margin-top: -3.5rem;
+    margin-top: -3.9rem;
     .bottom {
-      margin-top: 32px;
+      margin-top: 20px;
     }
     .title {
       font-size: 16px;
       font-weight: 600;
     }
     .name {
-      width: 150px;
+      width: 1.3rem;
       overflow: hidden;
       display: -webkit-box;
       -webkit-line-clamp: 1;
       -webkit-box-orient: vertical;
       word-break: break-all;
     }
+    .top .name {
+      width: 1.8rem;
+    }
     :deep(.ant-list-footer) {
       display: flex;
       justify-content: flex-end;
     }
     :deep(.ant-list-items) {
       width: 2.5rem;
-      height: 2.45rem;
+      height: 3rem;
       overflow-y: scroll;
     }
+    :deep(.ant-list-item) {
+      padding: 5px 5px 5px 10px;
+    }
     :deep(.ant-spin-nested-loading) {
       width: 2.5rem;
-      height: 2.45rem;
+      height: 3rem;
     }
   }
 </style>

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);
+        getApplyCameraListXha().then(res => {
-       //跳转至申请页面
+          let flag = true
-          this.router.push({
+          if (res.data.code == 0) {
-          path: '/apply',
+            res.data.data.map((val) => {
-          query: {
+              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; 
+     height:600px;
-     text-align: left; 
+     text-align: left;
      padding: 5px;
     }
     .footer-button{
        width: 750px;
-       //height:50px; 
+       //height:50px;
-       text-align: center; 
+       text-align: center;
        padding-top:5px;
     }
     }
@@ -289,7 +339,7 @@
   .ant-carousel :deep(.slick-dots) {
    display: none !important;
   }
-   
+
   }
   // .current-video {
   //   width: 320px;

front/src/views/home/videoSurveillance/index.vue

@@ -237,7 +237,7 @@ import { ElMessage } from 'element-plus'
           let params = {
         placeTypeCode: data,
         pageNum: "1",
-        pageSize: 30000,
+        pageSize: 40000,
         }
       CameraConditionPlaceType(params).then((res) => {
           this.addResourceTomap('videoMap', res.data.data)
@@ -523,7 +523,7 @@ import { ElMessage } from 'element-plus'
         if(queryString){
           getCameraByCondition({
             pageNum: 1,
-            pageSize: 10,
+            pageSize: 40000,
             regionId: "70be8c5b664f4bcf869d82f2e8335051",
             type: "0",
             name:queryString,
@@ -551,7 +551,7 @@ import { ElMessage } from 'element-plus'
         let params = {
         regionId: "70be8c5b664f4bcf869d82f2e8335051",
         pageNum: "1",
-        pageSize: 30000,
+        pageSize: 40000,
         type: 0,
         borderPolygonList: []
         }