diff --git a/package-lock.json b/package-lock.json
index e32270b..7915494 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -1859,6 +1859,16 @@
                     "integrity": "sha512-+G7P8jJmCHr+S+cLfQxygbWhXy+8YTVGzAkpEbcLo2mLoL7tij/VG41QSHACSf5QgYRhMZYHuNc6drJaO0Da+w==",
                     "dev": true
                 },
+                "ansi-styles": {
+                    "version": "4.3.0",
+                    "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-4.3.0.tgz",
+                    "integrity": "sha512-zbB9rCJAT1rbjiVDb2hqKFHNYLxgtk8NURxZ3IZwD3F6NtxbXZQCnnSi1Lkx+IDohdPlFp222wVALIheZJQSEg==",
+                    "dev": true,
+                    "optional": true,
+                    "requires": {
+                        "color-convert": "^2.0.1"
+                    }
+                },
                 "cacache": {
                     "version": "13.0.1",
                     "resolved": "https://registry.npmjs.org/cacache/-/cacache-13.0.1.tgz",
@@ -1885,6 +1895,34 @@
                         "unique-filename": "^1.1.1"
                     }
                 },
+                "chalk": {
+                    "version": "4.1.2",
+                    "resolved": "https://registry.npmjs.org/chalk/-/chalk-4.1.2.tgz",
+                    "integrity": "sha512-oKnbhFyRIXpUuez8iBMmyEa4nbj4IOQyuhc/wy9kY7/WVPcwIO9VA668Pu8RkO7+0G76SLROeyw9CpQ061i4mA==",
+                    "dev": true,
+                    "optional": true,
+                    "requires": {
+                        "ansi-styles": "^4.1.0",
+                        "supports-color": "^7.1.0"
+                    }
+                },
+                "color-convert": {
+                    "version": "2.0.1",
+                    "resolved": "https://registry.npmjs.org/color-convert/-/color-convert-2.0.1.tgz",
+                    "integrity": "sha512-RRECPsj7iu/xb5oKYcsFHSppFNnsj/52OVTRKb4zP5onXwVF3zVmmToNcOfGC+CRDpfK/U584fMg38ZHCaElKQ==",
+                    "dev": true,
+                    "optional": true,
+                    "requires": {
+                        "color-name": "~1.1.4"
+                    }
+                },
+                "color-name": {
+                    "version": "1.1.4",
+                    "resolved": "https://registry.npmjs.org/color-name/-/color-name-1.1.4.tgz",
+                    "integrity": "sha512-dOy+3AuW3a2wNbZHIuMZpTcgjGuLU/uBL/ubcZF9OXbDo8ff4O8yVp5Bf0efS8uEoYo5q4Fx7dY9OgQGXgAsQA==",
+                    "dev": true,
+                    "optional": true
+                },
                 "debug": {
                     "version": "4.1.1",
                     "resolved": "https://registry.npmjs.org/debug/-/debug-4.1.1.tgz",
@@ -1915,6 +1953,25 @@
                         "path-exists": "^4.0.0"
                     }
                 },
+                "has-flag": {
+                    "version": "4.0.0",
+                    "resolved": "https://registry.npmjs.org/has-flag/-/has-flag-4.0.0.tgz",
+                    "integrity": "sha512-EykJT/Q1KjTWctppgIAgfSO0tKVuZUjhgMr17kqTumMl6Afv3EISleU7qZUzoXDFTAHTDC4NOoG/ZxU3EvlMPQ==",
+                    "dev": true,
+                    "optional": true
+                },
+                "loader-utils": {
+                    "version": "2.0.2",
+                    "resolved": "https://registry.npmjs.org/loader-utils/-/loader-utils-2.0.2.tgz",
+                    "integrity": "sha512-TM57VeHptv569d/GKh6TAYdzKblwDNiumOdkFnejjD0XwTH87K90w3O7AiJRqdQoXygvi1VQTJTLGhJl7WqA7A==",
+                    "dev": true,
+                    "optional": true,
+                    "requires": {
+                        "big.js": "^5.2.2",
+                        "emojis-list": "^3.0.0",
+                        "json5": "^2.1.2"
+                    }
+                },
                 "locate-path": {
                     "version": "5.0.0",
                     "resolved": "https://registry.npmjs.org/locate-path/-/locate-path-5.0.0.tgz",
@@ -1985,6 +2042,16 @@
                         "minipass": "^3.1.1"
                     }
                 },
+                "supports-color": {
+                    "version": "7.2.0",
+                    "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-7.2.0.tgz",
+                    "integrity": "sha512-qpCAvRl9stuOHveKsn7HncJRvv501qIacKzQlO/+Lwxc9+0q2wLyv4Dfvt80/DPn2pqOBsJdDiogXGR9+OvwRw==",
+                    "dev": true,
+                    "optional": true,
+                    "requires": {
+                        "has-flag": "^4.0.0"
+                    }
+                },
                 "terser-webpack-plugin": {
                     "version": "2.3.8",
                     "resolved": "https://registry.npmjs.org/terser-webpack-plugin/-/terser-webpack-plugin-2.3.8.tgz",
@@ -2001,6 +2068,18 @@
                         "terser": "^4.6.12",
                         "webpack-sources": "^1.4.3"
                     }
+                },
+                "vue-loader-v16": {
+                    "version": "npm:vue-loader@16.8.3",
+                    "resolved": "https://registry.npmjs.org/vue-loader/-/vue-loader-16.8.3.tgz",
+                    "integrity": "sha512-7vKN45IxsKxe5GcVCbc2qFU5aWzyiLrYJyUuMz4BQLKctCj/fmCa0w6fGiiQ2cLFetNcek1ppGJQDCup0c1hpA==",
+                    "dev": true,
+                    "optional": true,
+                    "requires": {
+                        "chalk": "^4.1.0",
+                        "hash-sum": "^2.0.0",
+                        "loader-utils": "^2.0.0"
+                    }
                 }
             }
         },
@@ -3102,9 +3181,9 @@
             "dev": true
         },
         "are-we-there-yet": {
-            "version": "1.1.5",
-            "resolved": "https://registry.npmjs.org/are-we-there-yet/-/are-we-there-yet-1.1.5.tgz",
-            "integrity": "sha512-5hYdAkZlcG8tOLujVDTgCT+uPX0VnpAH28gWsLfzpXYm7wP6mp5Q/gYyR7YQ0cKVJcXJnl3j2kpBan13PtQf6w==",
+            "version": "1.1.7",
+            "resolved": "https://registry.npmjs.org/are-we-there-yet/-/are-we-there-yet-1.1.7.tgz",
+            "integrity": "sha512-nxwy40TuMiUGqMyRHgCSWZ9FM4VAoRP4xUYSTv5ImRog+h9yISPbVH7H8fASCIzYn9wlEv4zvFL7uKDMCFQm3g==",
             "dev": true,
             "requires": {
                 "delegates": "^1.0.0",
@@ -7051,9 +7130,9 @@
             }
         },
         "globule": {
-            "version": "1.3.2",
-            "resolved": "https://registry.npmjs.org/globule/-/globule-1.3.2.tgz",
-            "integrity": "sha512-7IDTQTIu2xzXkT+6mlluidnWo+BypnbSoEVVQCGfzqnl5Ik8d3e1d4wycb8Rj9tWW+Z39uPWsdlquqiqPCd/pA==",
+            "version": "1.3.3",
+            "resolved": "https://registry.npmjs.org/globule/-/globule-1.3.3.tgz",
+            "integrity": "sha512-mb1aYtDbIjTu4ShMB85m3UzjX9BVKe9WCzsnfMSZk+K5GpIbBOexgg4PPCt5eHDEG5/ZQAUX2Kct02zfiPLsKg==",
             "dev": true,
             "requires": {
                 "glob": "~7.1.1",
@@ -13783,87 +13862,6 @@
                 }
             }
         },
-        "vue-loader-v16": {
-            "version": "npm:vue-loader@16.8.3",
-            "resolved": "https://registry.npmjs.org/vue-loader/-/vue-loader-16.8.3.tgz",
-            "integrity": "sha512-7vKN45IxsKxe5GcVCbc2qFU5aWzyiLrYJyUuMz4BQLKctCj/fmCa0w6fGiiQ2cLFetNcek1ppGJQDCup0c1hpA==",
-            "dev": true,
-            "optional": true,
-            "requires": {
-                "chalk": "^4.1.0",
-                "hash-sum": "^2.0.0",
-                "loader-utils": "^2.0.0"
-            },
-            "dependencies": {
-                "ansi-styles": {
-                    "version": "4.3.0",
-                    "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-4.3.0.tgz",
-                    "integrity": "sha512-zbB9rCJAT1rbjiVDb2hqKFHNYLxgtk8NURxZ3IZwD3F6NtxbXZQCnnSi1Lkx+IDohdPlFp222wVALIheZJQSEg==",
-                    "dev": true,
-                    "optional": true,
-                    "requires": {
-                        "color-convert": "^2.0.1"
-                    }
-                },
-                "chalk": {
-                    "version": "4.1.2",
-                    "resolved": "https://registry.npmjs.org/chalk/-/chalk-4.1.2.tgz",
-                    "integrity": "sha512-oKnbhFyRIXpUuez8iBMmyEa4nbj4IOQyuhc/wy9kY7/WVPcwIO9VA668Pu8RkO7+0G76SLROeyw9CpQ061i4mA==",
-                    "dev": true,
-                    "optional": true,
-                    "requires": {
-                        "ansi-styles": "^4.1.0",
-                        "supports-color": "^7.1.0"
-                    }
-                },
-                "color-convert": {
-                    "version": "2.0.1",
-                    "resolved": "https://registry.npmjs.org/color-convert/-/color-convert-2.0.1.tgz",
-                    "integrity": "sha512-RRECPsj7iu/xb5oKYcsFHSppFNnsj/52OVTRKb4zP5onXwVF3zVmmToNcOfGC+CRDpfK/U584fMg38ZHCaElKQ==",
-                    "dev": true,
-                    "optional": true,
-                    "requires": {
-                        "color-name": "~1.1.4"
-                    }
-                },
-                "color-name": {
-                    "version": "1.1.4",
-                    "resolved": "https://registry.npmjs.org/color-name/-/color-name-1.1.4.tgz",
-                    "integrity": "sha512-dOy+3AuW3a2wNbZHIuMZpTcgjGuLU/uBL/ubcZF9OXbDo8ff4O8yVp5Bf0efS8uEoYo5q4Fx7dY9OgQGXgAsQA==",
-                    "dev": true,
-                    "optional": true
-                },
-                "has-flag": {
-                    "version": "4.0.0",
-                    "resolved": "https://registry.npmjs.org/has-flag/-/has-flag-4.0.0.tgz",
-                    "integrity": "sha512-EykJT/Q1KjTWctppgIAgfSO0tKVuZUjhgMr17kqTumMl6Afv3EISleU7qZUzoXDFTAHTDC4NOoG/ZxU3EvlMPQ==",
-                    "dev": true,
-                    "optional": true
-                },
-                "loader-utils": {
-                    "version": "2.0.2",
-                    "resolved": "https://registry.npmjs.org/loader-utils/-/loader-utils-2.0.2.tgz",
-                    "integrity": "sha512-TM57VeHptv569d/GKh6TAYdzKblwDNiumOdkFnejjD0XwTH87K90w3O7AiJRqdQoXygvi1VQTJTLGhJl7WqA7A==",
-                    "dev": true,
-                    "optional": true,
-                    "requires": {
-                        "big.js": "^5.2.2",
-                        "emojis-list": "^3.0.0",
-                        "json5": "^2.1.2"
-                    }
-                },
-                "supports-color": {
-                    "version": "7.2.0",
-                    "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-7.2.0.tgz",
-                    "integrity": "sha512-qpCAvRl9stuOHveKsn7HncJRvv501qIacKzQlO/+Lwxc9+0q2wLyv4Dfvt80/DPn2pqOBsJdDiogXGR9+OvwRw==",
-                    "dev": true,
-                    "optional": true,
-                    "requires": {
-                        "has-flag": "^4.0.0"
-                    }
-                }
-            }
-        },
         "vue-ref": {
             "version": "2.0.0",
             "resolved": "https://registry.npmjs.org/vue-ref/-/vue-ref-2.0.0.tgz",
@@ -14621,45 +14619,12 @@
             "dev": true
         },
         "wide-align": {
-            "version": "1.1.3",
-            "resolved": "https://registry.npmjs.org/wide-align/-/wide-align-1.1.3.tgz",
-            "integrity": "sha512-QGkOQc8XL6Bt5PwnsExKBPuMKBxnGxWWW3fU55Xt4feHozMUhdUMaBCk290qpm/wG5u/RSKzwdAC4i51YigihA==",
+            "version": "1.1.5",
+            "resolved": "https://registry.npmjs.org/wide-align/-/wide-align-1.1.5.tgz",
+            "integrity": "sha512-eDMORYaPNZ4sQIuuYPDHdQvf4gyCF9rEEV/yPxGfwPkRodwEgiMUUXTx/dex+Me0wxx53S+NgUHaP7y3MGlDmg==",
             "dev": true,
             "requires": {
-                "string-width": "^1.0.2 || 2"
-            },
-            "dependencies": {
-                "ansi-regex": {
-                    "version": "3.0.0",
-                    "resolved": "https://registry.npmjs.org/ansi-regex/-/ansi-regex-3.0.0.tgz",
-                    "integrity": "sha1-7QMXwyIGT3lGbAKWa922Bas32Zg=",
-                    "dev": true
-                },
-                "is-fullwidth-code-point": {
-                    "version": "2.0.0",
-                    "resolved": "https://registry.npmjs.org/is-fullwidth-code-point/-/is-fullwidth-code-point-2.0.0.tgz",
-                    "integrity": "sha1-o7MKXE8ZkYMWeqq5O+764937ZU8=",
-                    "dev": true
-                },
-                "string-width": {
-                    "version": "2.1.1",
-                    "resolved": "https://registry.npmjs.org/string-width/-/string-width-2.1.1.tgz",
-                    "integrity": "sha512-nOqH59deCq9SRHlxq1Aw85Jnt4w6KvLKqWVik6oA9ZklXLNIOlqg4F2yrT1MVaTjAqvVwdfeZ7w7aCvJD7ugkw==",
-                    "dev": true,
-                    "requires": {
-                        "is-fullwidth-code-point": "^2.0.0",
-                        "strip-ansi": "^4.0.0"
-                    }
-                },
-                "strip-ansi": {
-                    "version": "4.0.0",
-                    "resolved": "https://registry.npmjs.org/strip-ansi/-/strip-ansi-4.0.0.tgz",
-                    "integrity": "sha1-qEeQIusaw2iocTibY1JixQXuNo8=",
-                    "dev": true,
-                    "requires": {
-                        "ansi-regex": "^3.0.0"
-                    }
-                }
+                "string-width": "^1.0.2 || 2 || 3 || 4"
             }
         },
         "word-wrap": {
diff --git a/public/antd_color.less b/public/antd_color.less
index 37c86c8..b746b9c 100644
--- a/public/antd_color.less
+++ b/public/antd_color.less
@@ -1395,7 +1395,7 @@ tr.ant-table-expanded-row:hover {background: #fbfbfb;}
 .ant-tag-green-inverse {color: #fff;background: #52c41a;border-color: #52c41a;}
 .ant-tag-blue {color: #1890ff;background: #e6f7ff;border-color: #91d5ff;}
 .ant-tag-blue-inverse {color: #fff;background: #1890ff;border-color: #1890ff;}
-.ant-tag-geekblue {color: #2f54eb;background: color(~`colorPalette("@{text-color-secondary}", 3)`);border-color: #adc6ff;}
+.ant-tag-geekblue {color: #2f54eb;background: #f0f5ff;border-color: #adc6ff;}
 .ant-tag-geekblue-inverse {color: #fff;background: #2f54eb;border-color: #2f54eb;}
 .ant-tag-purple {color: #722ed1;background: #f9f0ff;border-color: #d3adf7;}
 .ant-tag-purple-inverse {color: #fff;background: #722ed1;border-color: #722ed1;}
diff --git a/src/layouts/PageContent.vue b/src/layouts/PageContent.vue
index 61739ed..ebba40c 100644
--- a/src/layouts/PageContent.vue
+++ b/src/layouts/PageContent.vue
@@ -95,7 +95,7 @@ export default {
         .table{
             background: #ffffff;
             margin: 8px 20px;
-            min-height: calc(100vh - 190px);
+            min-height: calc(100vh - 100px);
             padding: 20px;
         }
     }
diff --git a/src/views/cameraManage/index.vue b/src/views/cameraManage/index.vue
index b13a1ce..4116dd6 100644
--- a/src/views/cameraManage/index.vue
+++ b/src/views/cameraManage/index.vue
@@ -9,6 +9,7 @@
             </a-button>
         </div>
         <a-table
+         style="margin-top:40px"
             :columns="columns"
             :row-key="record => record.id"
             :data-source="data"
@@ -170,8 +171,8 @@ export default {
 <style lang="scss" scoped>
     .button-box{
         position: absolute;
-        top:0;
-        right: 20px;
+        top:20px;
+        right: 40px;
         display: flex;
         align-items: center;
         justify-content: center;
diff --git a/src/views/productSpecManage/index.vue b/src/views/productSpecManage/index.vue
index e727ce5..0942633 100644
--- a/src/views/productSpecManage/index.vue
+++ b/src/views/productSpecManage/index.vue
@@ -23,6 +23,7 @@
             </a-button>
         </div>
         <a-table
+            style="margin-top:40px"
             :columns="columns"
             :row-key="record => record.id"
             :data-source="data"
@@ -202,8 +203,8 @@ export default {
 <style lang="scss" scoped>
     .button-box{
         position: absolute;
-        top:0;
-        right: 20px;
+        top:20px;
+        right: 40px;
         display: flex;
         align-items: center;
         justify-content: center;
diff --git a/src/views/realTimeMonitoring/index.vue b/src/views/realTimeMonitoring/index.vue
index 4420b16..01a8246 100644
--- a/src/views/realTimeMonitoring/index.vue
+++ b/src/views/realTimeMonitoring/index.vue
@@ -14,7 +14,13 @@
                         marginBottom: ((selectTab.videoStyleRow * selectTab.videoStyleColumn - index - 1) >= selectTab.videoStyleColumn) ? '20px': 0
                     }"
             >
-                <video :id="`camera${item.id}`" autoplay controls muted ></video>
+                <video 
+                :style="{
+                        height: videoHeight,
+                    }"
+                style="width: 100%;object-fit: cover;"
+                :id="`camera${item.id}`" 
+                autoplay controls muted ></video>
                 <!-- <video-player
                     v-if="showVideo"
                     @showModel="showModel(item)"
diff --git a/src/views/realTimeMonitoring/webrtcplayer.js b/src/views/realTimeMonitoring/webrtcplayer.js
index 0ca1a25..f3e5260 100644
--- a/src/views/realTimeMonitoring/webrtcplayer.js
+++ b/src/views/realTimeMonitoring/webrtcplayer.js
@@ -8,52 +8,52 @@ class WebRtcPlayer {
   stream = new MediaStream();
   uuid = null;
   options={
-    onStatusChange:null
+      onStatusChange:null
   };
 
   constructor(video1, uuid, options={}) {
-    this.server = WebRtcPlayer.server;
-    //this.video = document.getElementById(id);
-    this.video = video1
-    this.uuid = uuid;
-    Object.assign(this.options, options);
-    this.createLinks();
-    this.play();
+      this.server = WebRtcPlayer.server;
+      //this.video = document.getElementById(id);
+      this.video = video1
+      this.uuid = uuid;
+      Object.assign(this.options, options);
+      this.createLinks();
+      this.play();
   }
 
   createLinks() {
-    this.codecLink = "//" + this.server + "/stream/codec/" + this.uuid
-    this.rsdpLink = "//" + this.server + "/stream/receiver/" + this.uuid
+      this.codecLink = "//" + this.server + "/stream/codec/" + this.uuid
+      this.rsdpLink = "//" + this.server + "/stream/receiver/" + this.uuid
   }
 
   play() {
-    this.webrtc = new RTCPeerConnection({
-      iceServers: [{
-        urls: ["stun:stun.l.google.com:19302"]
-      }]
-    });
-    if(this.webrtc){
+      this.webrtc = new RTCPeerConnection({
+          iceServers: [{
+              urls: ["stun:stun.l.google.com:19302"]
+          }]
+      });
+      if(this.webrtc){
 
-    }else{
-      console.log("no")
-    }
-    this.webrtc.onnegotiationneeded = this.handleNegotiationNeeded.bind(this);
-    this.webrtc.ontrack = this.onTrack.bind(this);
-    fetch(this.codecLink)
-      .then((response) => {
-        response.json().then((data) => {
-          data.forEach((item, i) => {
-            this.webrtc.addTransceiver(item.Type, {
-              'direction': 'sendrecv'
-            });
+      }else{
+          console.log("no")
+      }
+      this.webrtc.onnegotiationneeded = this.handleNegotiationNeeded.bind(this);
+      this.webrtc.ontrack = this.onTrack.bind(this);
+      fetch(this.codecLink)
+          .then((response) => {
+              response.json().then((data) => {
+                  data.forEach((item, i) => {
+                      this.webrtc.addTransceiver(item.Type, {
+                          'direction': 'sendrecv'
+                      });
+                  });
+              });
+          })
+          .catch((error) => {
+              console.log(error);
           });
-        });
-      })
-      .catch((error) => {
-        console.log(error);
-      });
 
-    this.webrtc.onconnectionstatechange = () => {
+      this.webrtc.onconnectionstatechange = () => {
 	   if(this.webrtc.connectionState == 'connected' || this.webrtc.connectionState == 'connecting'){
 		   
 	   }else{
@@ -61,63 +61,63 @@ class WebRtcPlayer {
 		   this.load(this.uuid);
 	   }
       
-    }
+      }
   }
 
   async handleNegotiationNeeded() {
-    let offer = await this.webrtc.createOffer();
-    await this.webrtc.setLocalDescription(offer);
-    let formData = new FormData();
-    formData.append('suuid', this.uuid);
-    formData.append('data', btoa(this.webrtc.localDescription.sdp));
-    fetch(this.rsdpLink, {
-        method: 'POST',
-        body: formData
-      })
-      .then((response) => {
-        response.text().then((data) => {
-          this.webrtc.setRemoteDescription(new RTCSessionDescription({
-            type: 'answer',
-            sdp: atob(data)
-          }))
-        });
+      let offer = await this.webrtc.createOffer();
+      await this.webrtc.setLocalDescription(offer);
+      let formData = new FormData();
+      formData.append('suuid', this.uuid);
+      formData.append('data', btoa(this.webrtc.localDescription.sdp));
+      fetch(this.rsdpLink, {
+          method: 'POST',
+          body: formData
       })
-      .catch((err) => {})
+          .then((response) => {
+              response.text().then((data) => {
+                  this.webrtc.setRemoteDescription(new RTCSessionDescription({
+                      type: 'answer',
+                      sdp: atob(data)
+                  }))
+              });
+          })
+          .catch((err) => {})
   }
 
   onTrack(event) {
-    this.stream.addTrack(event.track);
-    this.video.srcObject = this.stream;
-    this.video.play();
+      this.stream.addTrack(event.track);
+      this.video.srcObject = this.stream;
+      this.video.play();
   }
 
   load(uuid) {
-    this.destroy();
-    this.uuid = uuid;
-    this.createLinks();
-    this.play();
+      this.destroy();
+      this.uuid = uuid;
+      this.createLinks();
+      this.play();
   }
 
   destroy() {
 
-    this.webrtc.close();
-    this.webrtc = null;
-    this.video.srcObject = null;
-    this.stream = new MediaStream();
+      this.webrtc.close();
+      this.webrtc = null;
+      this.video.srcObject = null;
+      this.stream = new MediaStream();
   }
 
   getImageUrl() {
-    let canvas = document.createElement("canvas");
-    canvas.width = this.video.videoWidth;
-    canvas.height = this.video.videoHeight;
-    canvas.getContext('2d').drawImage(video, 0, 0, canvas.width, canvas.height);
-    let dataURL = canvas.toDataURL();
-    canvas.remove();
-    return dataURL;
+      let canvas = document.createElement("canvas");
+      canvas.width = this.video.videoWidth;
+      canvas.height = this.video.videoHeight;
+      canvas.getContext('2d').drawImage(video, 0, 0, canvas.width, canvas.height);
+      let dataURL = canvas.toDataURL();
+      canvas.remove();
+      return dataURL;
   }
 
   static setServer(serv) {
-    this.server = serv;
+      this.server = serv;
   }
 }
 export default WebRtcPlayer; 
diff --git a/src/views/repertoryManage/index.vue b/src/views/repertoryManage/index.vue
index 6b9182c..34529d1 100644
--- a/src/views/repertoryManage/index.vue
+++ b/src/views/repertoryManage/index.vue
@@ -19,6 +19,7 @@
             </a-upload>
         </div>
         <a-table
+            style="margin-top:40px"
             :columns="columns"
             :row-key="record => record.id"
             :data-source="data"
@@ -153,8 +154,8 @@ export default {
 <style lang="scss" scoped>
     .button-box{
         position: absolute;
-        top:0;
-        right: 20px;
+        top:20px;
+        right: 40px;
         display: flex;
         align-items: center;
         justify-content: center;
diff --git a/src/views/roadwayManage/index.vue b/src/views/roadwayManage/index.vue
index c4e380e..0b68d77 100644
--- a/src/views/roadwayManage/index.vue
+++ b/src/views/roadwayManage/index.vue
@@ -4,6 +4,7 @@
             新增巷道
         </a-button>
         <a-table
+         style="margin-top:40px"
             :columns="columns"
             :row-key="record => record.id"
             :data-source="data"
@@ -175,7 +176,7 @@ export default {
 <style lang="scss" scoped>
     .add{
         position: absolute;
-        top:0;
-        right: 20px;
+        top:20px;
+        right: 40px;
     }
 </style>