提交

README.md

@@ -26,3 +26,6 @@ yarn lint
 
 ### Customize configuration
 See [Configuration Reference](https://cli.vuejs.org/config/).
+
+### 接口文档
+http://192.168.3.5:1866/

src/views/goafCameraAlarm/index.vue

@@ -1,5 +1,6 @@
 <template>
     <div class="goafCameraAlarm">
+        <div class="back" @click="back"></div>  
         <div class="table-head" >
             <div class="tab">
                 <el-button class="tab-item" :type="tabType===0?'primary':''" @click="tabClick(0)">正常</el-button>
@@ -114,6 +115,9 @@ import {getAllinfoByPage,getAbnormarlinfoByPage} from '@/api/trans'
         },
         methods:{
             parseTime,
+            back(){
+                this.$router.push('/')
+            },
             getData(){
                 if(this.tabType===0){
                     this.getAllinfoData()
@@ -173,6 +177,17 @@ import {getAllinfoByPage,getAbnormarlinfoByPage} from '@/api/trans'
         }
     }
 }
+.back{
+        width: 85px;
+        height: 4vh;
+        position: absolute;
+        right: 0;
+        top: 0;
+        background-image: url('@/assets/images/back.png');
+        background-repeat: no-repeat;
+        background-size: 100% 100%;
+        cursor: pointer;
+    }
 .table-head{
         display: flex;
         justify-content:space-between;

src/views/home/index.vue

@@ -70,7 +70,7 @@ import {
     display: flex;
     justify-content: space-between;
     .side-left,.side-right{
-        width: calc(100% - 550px);
+        width: calc(100% - 510px);
         max-width: 60%;
         height: 100%;
         display: flex;
@@ -79,7 +79,9 @@ import {
         flex-wrap: wrap;
         &.side-right{
             width: 500px;
-            max-width: 39%;
+        }
+        &.side-left{
+            flex: 1;
         }
         .item{
             &{
@@ -94,7 +96,7 @@ import {
                 flex-direction: column;
             }
             &.camera{
-                width: 648px;
+                width: 50%;
                 .container{
                     height: 510px;
                 }