From ddb0df2153bc75e54c3f7c1049be663d4d2dba96 Mon Sep 17 00:00:00 2001
From: hanbaoshan <hanbaoshan@aiotlink.com>
Date: 星期六, 15 八月 2020 19:10:03 +0800
Subject: [PATCH] Merge branch 'master' of http://192.168.5.5:10010/r/vue-smart-ai

---
 src/pages/cameraVideo/index/Video.vue |   88 +++++++++++++++++++++++++++++++++++++++++---
 1 files changed, 82 insertions(+), 6 deletions(-)

diff --git a/src/pages/cameraVideo/index/Video.vue b/src/pages/cameraVideo/index/Video.vue
index 789a470..bffa55d 100644
--- a/src/pages/cameraVideo/index/Video.vue
+++ b/src/pages/cameraVideo/index/Video.vue
@@ -29,7 +29,7 @@
         </div>
         <div
           :class="guid === 1 ? 'video-main-box' : 'video-main-box-side'"
-          style="width: 100%; height: calc(100% - 52px);"
+          style="width: 100%; height: calc(100% - 35px);"
           v-if="visibilityState"
         >
           <video-item
@@ -555,7 +555,7 @@
 .monitoring-right {
   width: 100%;
   height: 100%;
-  min-width: 1243px;
+  min-width: 981px;
   //float: right;
   box-sizing: border-box;
   padding: 10px;
@@ -564,7 +564,7 @@
     width: 70.5%;
     min-width: 740px;
     max-width: 1208px;
-    height: 75%;
+    height: 71%;
     float: left;
     box-sizing: border-box;
     // box-shadow: #e4e7ed 0px 0px 9px inset;
@@ -613,7 +613,7 @@
     //width: calc(29.5% - 10px);
     width: calc(34% - 10px);
     //width: auto;
-    height: 73%;
+    height: 70.5%;
     background-color: #fff;
     float: left;
     margin: 0px 0px 0px 10px;
@@ -626,15 +626,91 @@
 
   .monitoring-photo {
     width: 100%;
-    height: calc(25% + 10px);
+    height: calc(25% + 32px);
     background-color: #fff;
     float: left;
     padding: 10px;
-    margin-top: -10px;
+    //margin-top: -10px;
     box-sizing: border-box;
     border: 1px solid #e4e7ed;
     // box-shadow: #e4e7ed 0px 0px 9px inset;
     border-radius: 5px;
   }
+
 }
+.titlebar{
+  height: 10px!important;
+  background: #fff!important;
+  .button{
+    position: absolute;
+    font-size: 25px!important;
+    right: 10px;
+    top: 10px;
+    z-index: 3;
+  }
+}
+.addToBase {
+    width: 98%;
+    height: 430px;
+    position: relative;
+    .topLabel {
+      margin-top: 20px;
+      height: 40px;
+      border-bottom: 1px solid #eee;
+      font-family: PingFangSC-Medium;
+      font-size: 20px;
+      font-weight: 600;
+      line-height: 1rem;
+      color: #222222;
+      text-align: left;
+      margin-left: 15px;
+    }
+    .items {
+      width: 100%;
+      height: auto;
+      max-height: 35%;
+      overflow-y: auto;
+      margin: 20px 0px;
+      .lable {
+        width: 15%;
+        margin-top: 10px;
+        float: left;
+        //font-family: PingFangSC-Medium;
+        font-size: 14px;
+        font-weight: 600;
+      }
+      .baseList {
+        width: 85%;
+        height: 100%;
+        float: left;
+
+        // display: flex;
+        // justify-content: flex-start;
+        .base {
+          //flex-wrap: wrap;
+          width: calc(33% - 10px);
+          padding: 0px 5px;
+          line-height: 30px;
+          float: left;
+          text-align: left;
+          font-size: 12px !important;
+          .el-checkbox {
+            width: 100%;
+            display: block;
+            overflow: hidden;
+            text-overflow: ellipsis;
+            white-space: nowrap;
+            .el-checkbox__label {
+              display: inline !important;
+            }
+          }
+        }
+      }
+    }
+    .buttons {
+      position: absolute;
+      right: 0px;
+      bottom: 15px;
+    }
+  }
 </style>

--
Gitblit v1.8.0