diff --git a/src/views/pictureOnMap/page/components/DialogTabs/component/ShiPingJianKong.vue b/src/views/pictureOnMap/page/components/DialogTabs/component/ShiPingJianKong.vue
index 718cfc2..fe62b2b 100644
--- a/src/views/pictureOnMap/page/components/DialogTabs/component/ShiPingJianKong.vue
+++ b/src/views/pictureOnMap/page/components/DialogTabs/component/ShiPingJianKong.vue
@@ -29,13 +29,20 @@
         <el-table :data="cameraList" style="height: 100%" class="dispatchTable" stripe>
           <el-table-column label="摄像头名称" show-overflow-tooltip>
             <template #default="{row}">
-              <span @click="tableSelect(row)" class="blue" :class="tableActive.includes(row.id)?'active':''">{{row.name}}</span>
+              <span @click="tableSelect(row)" class="blue" :class="tableActive.includes(row.indexCode)?'active':''">{{row.name}}</span>
             </template>
           </el-table-column>
           <el-table-column label="类型" width="56">
             <template #default="{row}">
-              <svg-icon icon-class="qiangj" class="el-input__icon input-icon" v-if="row.cameraType==1"/>
-              <svg-icon icon-class="qiuj" class="el-input__icon input-icon"  v-if="row.cameraType==2"/>
+              <el-tooltip
+                class="box-item"
+                effect="dark"
+                :content="row.cameraStatus==1?'在线':'离线'"
+                placement="right-start"
+              >
+                <svg-icon icon-class="qiangj" class="el-input__icon input-icon" v-if="row.cameraType==1" :class="row.cameraStatus==1?'green':''"/>
+                <svg-icon icon-class="qiuj" class="el-input__icon input-icon"  v-if="row.cameraType==2" :class="row.cameraStatus==1?'green':''"/>
+              </el-tooltip>
             </template>
           </el-table-column>
           <el-table-column label="类型" width="58">
@@ -50,6 +57,14 @@
           </el-table-column>
         </el-table>
       </div>
+      <pagination
+        v-show="serchParms.total>0"
+        :total="serchParms.total"
+        v-model:page="serchParms.pageNum"
+        v-model:limit="serchParms.pageSize"
+          layout="total,prev,next"
+        @pagination="getCamera"
+      />
     </div>
     <!-- <div class="leftbox" v-if="!videoList.includes(dataCode)">
       <div
@@ -111,7 +126,7 @@
     cameraUserId: useUserStore().userInfo.userId,
     groupId:'',
     pageNum:1,
-    pageSize:999,
+    pageSize:20,
     cameraStatus:'',
   },
   cameraStatus:'全部',
@@ -159,14 +174,12 @@
 
 // 获取监控视频列表
 function GetcameraList() {
-  
   pageCamera()
-
   console.log('props.videoList', props.videoList);
   // 如果是单独视频站点的类型 就没有多个 不用查询 直接赋值点击地图获取到的stcode
   if (props.videoList.includes(props.dataCode)) {
     AllData.cameraIndexCode = [props.dataID];
-    tableActive.value=[props.dataCode]
+    tableActive.value=[props.dataID]
     return;
   }
 
@@ -193,7 +206,7 @@
     leftList.value = res.data;
     // leftclick(res.data[0]);
     AllData.cameraIndexCode = [res.data[0].cameraId];
-    tableActive.value=[res.data[0].id]
+    tableActive.value=[res.data[0].cameraId]
   });
 }
 function pageCamera(){
@@ -206,8 +219,13 @@
   listCameraStatus(parms).then(res=>{
     state.value=res.data
   })
+  getCamera()
+}
+
+function getCamera(){
   pageCameraInfoByCameraStatus(serchParms.value).then(res=>{
     cameraList.value=res.data
+    serchParms.value.total=res.total
   })
 }
 
@@ -251,7 +269,7 @@
     tableActive.value=tableActive.value.slice(1,tableActive.value.length-1)
   }
   AllData.cameraIndexCode.push(row.indexCode)
-  tableActive.value.push(row.id)
+  tableActive.value.push(row.indexCode)
   // debugger
 }
 
@@ -264,6 +282,7 @@
 </script>
 
 <style lang="scss" scoped>
+@import '@/assets/styles/mapcss.scss';
 #shipingjiankong {
   width: 100%;
   height: 100%;
@@ -284,6 +303,7 @@
     left: 0;
     bottom: 0;
     width:40px;
+    overflow: auto;
     .tab{
       padding:10px;
       text-align: center;
@@ -307,7 +327,7 @@
   }
   .cameraTable{
     width: 100%;
-    height: calc(100% - 200px);
+    height: calc(100% - 250px);
   }
 }
 .leftbox {
@@ -361,4 +381,7 @@
 :deep(.el-input__inner){
   color: #ccefff;
 }
+.green{
+  color: green;
+}
 </style>