diff --git a/dist.zip b/dist.zip
index 7858593..9343a31 100644
Binary files a/dist.zip and b/dist.zip differ
diff --git a/src/router/index.js b/src/router/index.js
index 285b666..fb15f7a 100644
--- a/src/router/index.js
+++ b/src/router/index.js
@@ -34,28 +34,11 @@ const routes = [{
             name: 'videoWall1`',
             meta: {
                 icon: 'desktop',
-                name: '视频墙1'
+                name: '视频墙'
             },
             component: () => import('@/views/videoWall/index'),
         },
-        {
-            path: 'videoWall2',
-            name: 'videoWall2',
-            meta: {
-                icon: 'desktop',
-                name: '视频墙2'
-            },
-            component: () => import('@/views/videoWall2/index'),
-        },
-        {
-            path: 'videoWall3',
-            name: 'videoWall3',
-            meta: {
-                icon: 'desktop',
-                name: '视频墙3'
-            },
-            component: () => import('@/views/videoWall3/index'),
-        },
+       
         {
             path: 'realTimeMonitoring',
             name: 'realTimeMonitoring',
@@ -76,15 +59,15 @@ const routes = [{
             },
             component: () => import('@/views/historyMonitoring/index')
         },
-        {
-            path: 'alarmLog',
-            name: 'alarmLog',
-            meta: {
-                icon: 'eye',
-                name: '告警日志'
-            },
-            component: () => import('@/views/alarmVideos/alarmLog')
-        },
+        // {
+        //     path: 'alarmLog',
+        //     name: 'alarmLog',
+        //     meta: {
+        //         icon: 'eye',
+        //         name: '告警日志'
+        //     },
+        //     component: () => import('@/views/alarmVideos/alarmLog')
+        // },
         {
             path: 'checkManage',
             name: 'checkManage',
diff --git a/src/views/checkManage/Subsection.vue b/src/views/checkManage/Subsection.vue
index 3d29400..a75c2c9 100644
--- a/src/views/checkManage/Subsection.vue
+++ b/src/views/checkManage/Subsection.vue
@@ -89,7 +89,7 @@ export default {
             default: () => {
                 return {
                     row: 10,
-                    column: 30
+                    column: 24
                 }
             }
         },
diff --git a/src/views/checkManage/checkOperation.vue b/src/views/checkManage/checkOperation.vue
index 4d6961b..f434788 100644
--- a/src/views/checkManage/checkOperation.vue
+++ b/src/views/checkManage/checkOperation.vue
@@ -44,7 +44,7 @@
                         </div>
                         <p>盘点图1</p>
                     </div>
-                    <div class="img-box">
+                    <!-- <div class="img-box">
                             <viewer v-if="checkObj.checkPic" style="height: 300px">
                                 <img :src="imgUrl+checkObj.checkPic2"/>
                             </viewer>
@@ -54,7 +54,7 @@
                             暂无图片
                         </div>
                         <p>盘点图2</p>
-                    </div>
+                    </div> -->
                     <!-- <div class="img-box">
                         <viewer v-if="checkObj.preoperationPic" style="height:300px;">
                             <img  :src="imgUrl+checkObj.preoperationPic"/>
@@ -330,7 +330,7 @@ export default {
                 &-content {
                     display: flex;
                     align-items: center;
-                    justify-content: space-between;
+                    justify-content: center;
                     padding-left: 25px;
 
                     .img-box {
@@ -340,7 +340,7 @@ export default {
                         flex-direction: column;
                         font-size: 17px;
                         height: 400px;
-                        margin-right: 10px;
+                        margin-right: 150px;
                         img {
                             height: 100%
                         }
diff --git a/src/views/checkManage/index.vue b/src/views/checkManage/index.vue
index 9fbb682..3647c15 100644
--- a/src/views/checkManage/index.vue
+++ b/src/views/checkManage/index.vue
@@ -46,13 +46,13 @@
                 ></a-tag>
                 盘点正确
             </span>
-            <span class="info-text">
+            <!-- <span class="info-text">
                 <a-tag
                     color="#f2ed48"
                     style="width: 30px; height: 20px; margin-right: 6px"
                 ></a-tag>
                 需盘点
-            </span>
+            </span> -->
             <span class="info-text">
                 <a-tag
                     color="#bfbfbf"
diff --git a/src/views/historyCheck/index.vue b/src/views/historyCheck/index.vue
index 5b6b275..cca2e31 100644
--- a/src/views/historyCheck/index.vue
+++ b/src/views/historyCheck/index.vue
@@ -108,7 +108,7 @@
                     <happy-scroll color="rgba(100,100,100,0.5)" size="8" class="scroll-box" style="width:320px;height:90px;">
                         <viewer>
                             <img class="historyImg" :src="imgUrl+text.pic"/> 
-                            <img class="historyImg" :src="imgUrl+text.pic+'.jpg'"/>
+                            <!-- <img class="historyImg" :src="imgUrl+text.pic+'.jpg'"/> -->
                         </viewer>
                     </happy-scroll>
                 </span>
diff --git a/src/views/historyMonitoring/index.vue b/src/views/historyMonitoring/index.vue
index 4bdef1e..d06eb49 100644
--- a/src/views/historyMonitoring/index.vue
+++ b/src/views/historyMonitoring/index.vue
@@ -156,12 +156,6 @@ export default {
                     scopedSlots: {customRender: 'pics'},
                     width:320,
                 },
-                {
-                    title: "视频状态",
-                    // dataIndex: "status",
-                    scopedSlots: {customRender: 'status'},
-                    width: 90
-                },
                 {
                     title: "工单时长",
                     dataIndex: "timeLength",
diff --git a/src/views/videoWall/index.vue b/src/views/videoWall/index.vue
index dfd81b8..cb71e07 100644
--- a/src/views/videoWall/index.vue
+++ b/src/views/videoWall/index.vue
@@ -1,58 +1,108 @@
 <template>
     <div id="videos">
-        
-        <a-button type="primary" @click="full" v-if="!isFullscreen"> 全屏<a-icon type="right" /> </a-button>
-        <a-button type="primary" @click="full" v-if="isFullscreen"><a-icon type="left" /> 退出全屏 </a-button>
-        <a-row v-for='rowIndex in row' :key='rowIndex'>
-            <a-col v-for='colIndex in column' :key='colIndex' :span="24/column" :style="{height: videoHeight}" >
-                <video class="camera" :id="rowIndex+'-'+colIndex" autoplay muted :style="{'height': '100%',width:'100%','object-fit':'fill'}" ></video>
+
+        <a-button
+            type="primary"
+            @click="full"
+            v-if="!isFullscreen"
+        > 全屏<a-icon type="right" /> </a-button>
+        <a-button
+            type="primary"
+            @click="full"
+            v-if="isFullscreen"
+        ><a-icon type="left" /> 退出全屏 </a-button>
+
+        <a-button
+            type="primary"
+            @click="countVideo(2)"
+        > <a-icon type="appstore" /></a-button>
+        <a-button
+            type="primary"
+            @click="countVideo(3)"
+        > <a-icon type="number" /></a-button>
+
+        <a-tabs
+            :activeKey="activeKey"
+            default-active-key="1"
+            @edit="onEdit"
+            @change="onTabClick"
+        >
+            <a-tab-pane
+                v-for="pane in panes"
+                :key="pane.key"
+                :tab="pane.title"
+            >
+
+            </a-tab-pane>
+        </a-tabs>
+
+        <a-row
+            v-for='rowIndex in row'
+            :key='rowIndex'
+        >
+            <a-col
+                v-for='colIndex in column'
+                :key='colIndex'
+                :span="24/column"
+                :style="{height: videoHeight}"
+            >
+                <video
+                    class="camera"
+                    :id="rowIndex+'-'+colIndex"
+                    autoplay
+                    muted
+                    :style="{'height': '100%',width:'100%','object-fit':'fill'}"
+                ></video>
             </a-col>
         </a-row>
-        
     </div>
 </template>
 
 <script>
-import WebRtcPlayer from "../../../public/static/webrtcplayer"
+import WebRtcPlayer from "../../../public/static/webrtcplayer";
 export default {
-    name: 'top',
+    name: "top",
     components: {},
     props: {
         id: {
             type: String,
-            default () {
-                return ''
-            }
-        }
+            default() {
+                return "";
+            },
+        },
     },
-    data () {
+    data() {
         return {
-            row : 0,
-            column : 0,
+            row: 0,
+            column: 0,
             a: 0,
             clientHeight: 0,
+            panes: [],
+            activeKey: 0, //当前页，当前页id，从零开始
             videoH: 0,
             isFullscreen: false,
             originHeight: 0,
             fullHeight: 0,
-            players: []
-        }
+            players: [],
+        };
     },
     //watch: {},
     computed: {
         videoHeight() {
-            return( this.clientHeight/ this.row ) + 'px';
-        }
+            return (this.clientHeight / this.row )+ "px";
+        },
     },
     destroyed() {
-        this.destory()
+        this.destory();
     },
-    mounted () {
+    mounted() {
         this.getWallStyle();
-        
         this.$nextTick(() => {
-            this.getAllCameras()
+            console.log("DOM已更新完成");
+
+            this.playPageCameras();
         });
+
         let isFullscreen =
             document.fullscreenElement ||
             document.mozFullScreenElement ||
@@ -61,7 +111,7 @@ export default {
             document.mozFullScreen ||
             document.webkitIsFullScreen;
         this.isFullscreen = !!isFullscreen;
-       
+
         let that = this;
         document.addEventListener("fullscreenchange", () => {
             that.isFullscreen = !that.isFullscreen;
@@ -76,128 +126,190 @@ export default {
             that.isFullscreen = !that.isFullscreen;
         });
     },
+    updated() {},
     methods: {
-        
-        getWallStyle(){
-            this.$api.httpApi.getWallStyle({
-                data: {}
-            }).then(res => {
-                if(res.code == 200) {
-                    this.row = res.data[0];
-                    this.column = res.data[1];
-                    this.getClientHeight();
-                    sessionStorage.setItem('originHeight', this.clientHeight)
-                }
-            }).catch(err => {
-                console.log(err)
-            })
+        getWallStyle() {
+            this.$api.httpApi
+                .getWallStyle({
+                    data: {},
+                })
+                .then((res) => {
+                    if (res.code == 200) {
+                        this.row = res.data[0];
+                        this.column = res.data[1];
+                        this.getClientHeight();
+                        sessionStorage.setItem(
+                            "originHeight",
+                            this.clientHeight
+                        );
+                    }
+                })
+                .catch((err) => {
+                    console.log(err);
+                });
         },
         getClientHeight() {
-            this.clientHeight = this.$el.clientHeight-40;
-            
-            console.log("clientHeight:"+this.clientHeight)
+            this.clientHeight = this.$el.clientHeight - 40;
+
+            console.log("clientHeight:" + this.clientHeight);
         },
-        getAllCameras(){
-            this.$api.httpApi.getAllCameras1({
-                data: {}
-            }).then(res => {
-                if(res.code == 200) {
-                    let cameras = res.data;
-                    for(let i = 1;i<=cameras.length;i++){
-                        let rowIndex = Math.floor((i-1) / this.column) + 1;
-                        if(rowIndex > this.row){
-                            return
-                        }
-                        let columnIndex = i % this.column;
-                        if(columnIndex == 0){
-                            columnIndex = this.column;
+        onEdit(targetKey, action) {
+            const index = this.panes.findIndex(
+                (pane) => pane.key === targetKey
+            );
+            if (index !== -1) {
+                this.panes.splice(index, 1);
+            }
+        },
+        //一页个数
+        countVideo(i) {
+            this.row = i;
+            this.column = i;
+
+            this.activeKey = 0;
+            this.playPageCameras();
+        },
+        //墙信息
+        pageInfo(cameras) {
+            var page = Math.ceil(cameras.length / (this.row * this.column));
+            this.panes = [];
+            for (var i = 1; i <= page; i++) {
+                this.panes.push({
+                    title: "视频墙 " + i,
+                    content: "Content of Tab " + i,
+                    key: i - 1,
+                });
+            }
+        },
+        changeTab(key) {
+            console.log(key);
+        },
+        onTabClick(key) {
+            this.destory();
+
+            console.log(key);
+            this.activeKey = key;
+            this.playPageCameras();
+        },
+
+        playPageCameras() {
+            this.$nextTick(() => {
+                this.$api.httpApi
+                    .getAllCameras({
+                        data: {},
+                    })
+                    .then((res) => {
+                        if (res.code == 200) {
+                            let cameras = res.data;
+                            this.pageInfo(cameras);
+                            var pageSize = this.row * this.column;
+                            var camerasPage = cameras.slice(
+                                this.activeKey * pageSize,
+                                (this.activeKey + 1) * pageSize
+                            );
+                            console.log(camerasPage);
+                            this.players = [];
+                            for (let i = 1; i <= camerasPage.length; i++) {
+                                let rowIndex =
+                                    Math.floor((i - 1) / this.column) + 1;
+                                if (rowIndex > this.row) {
+                                    return;
+                                }
+                                let columnIndex = i % this.column;
+                                if (columnIndex == 0) {
+                                    columnIndex = this.column;
+                                }
+                                let idName = rowIndex + "-" + columnIndex;
+                                console.log("idName:" + idName);
+                                let server =
+                                    camerasPage[i - 1].rtcServer +
+                                    ":" +
+                                    camerasPage[i - 1].rtcServerPort;
+                                let video = document.getElementById(idName);
+                                console.log(video);
+                                let player = new WebRtcPlayer(
+                                    server,
+                                    video,
+                                    "camera" + camerasPage[i - 1].id
+                                );
+                                this.players.push(player);
+                            }
                         }
-                        let idName = rowIndex + "-" + columnIndex;
-                        console.log("idName:"+idName);
-                        let server = cameras[i-1].rtcServer+":"+ cameras[i-1].rtcServerPort
-                        let video = document.getElementById(idName);
-                        let player = new WebRtcPlayer(server,video,"camera"+cameras[i-1].id);
-                        this.players.push(player);
-                    }
-                }
-            }).catch(err => {
-                console.log(err)
-            })
+                    })
+                    .catch((err) => {
+                        console.log(err);
+                    });
+            });
         },
-        destory(){
-            for(let player of this.players){
-                console.log("stop")
-                player.destroy()
+        destory() {
+            for (let player of this.players) {
+                console.log("stop");
+                player.destroy();
             }
         },
-        
-        full () {
-            if(this.isFullscreen){
-                this.exitfullscreen()
-            }else{
-                this.enterfullscreen()
+
+        full() {
+            if (this.isFullscreen) {
+                this.exitfullscreen();
+            } else {
+                this.enterfullscreen();
             }
-            
         },
         //控制全屏
-        enterfullscreen () { //进入全屏
-            var docElm = document.getElementById('videos')  // 指定容器id
+        enterfullscreen() {
+            //进入全屏
+            var docElm = document.getElementById("videos"); // 指定容器id
             //W3C
             if (docElm.requestFullscreen) {
-                docElm.requestFullscreen()
+                docElm.requestFullscreen();
             }
-           
+
             //FireFox
             else if (docElm.mozRequestFullScreen) {
-                docElm.mozRequestFullScreen()
+                docElm.mozRequestFullScreen();
             }
             //Chrome等
             else if (docElm.webkitRequestFullScreen) {
-                docElm.webkitRequestFullScreen()
+                docElm.webkitRequestFullScreen();
             }
             //IE11
             else if (elem.msRequestFullscreen) {
-                elem.msRequestFullscreen()
+                elem.msRequestFullscreen();
             }
             this.$nextTick(() => {
                 this.clientHeight = document.body.clientHeight;
-                console.log("full:"+document.body.clientHeight)
-            })
-            
+                console.log("full:" + document.body.clientHeight);
+            });
         },
         //退出全屏
-        exitfullscreen () {
+        exitfullscreen() {
             console.log("tuichu");
             if (document.exitFullscreen) {
-                document.exitFullscreen()
+                document.exitFullscreen();
             } else if (document.mozCancelFullScreen) {
-                document.mozCancelFullScreen()
+                document.mozCancelFullScreen();
             } else if (document.webkitCancelFullScreen) {
-                document.webkitCancelFullScreen()
+                document.webkitCancelFullScreen();
             } else if (document.msExitFullscreen) {
-                document.msExitFullscreen()
+                document.msExitFullscreen();
             }
             this.$nextTick(() => {
-                let origin = sessionStorage.getItem('originHeight');
-                if(origin){
+                let origin = sessionStorage.getItem("originHeight");
+                if (origin) {
                     this.clientHeight = origin;
-                }else{
+                } else {
                     this.getClientHeight();
                 }
-                
-            })
-        }
-    }
-}
-
+            });
+        },
+    },
+};
 </script>
 <style>
-  
-  /* #videos > .ant-row  {
+/* #videos > .ant-row  {
 		height: calc(100% / 8);
 	}
     #videos > .ant-row  > .ant-col{
 		height: calc(100% / 8);
 	} */
-   
-  </style>
\ No newline at end of file
+</style>
\ No newline at end of file