公用样式

src/assets/styles/lend-manage.scss

@@ -1,3 +1,4 @@
+// 借阅管理
 .cell-lend{
   display: inline-block;
   height: 26px;
@@ -55,3 +56,55 @@ color:#F65163;
   margin-right: 5px;
 }
 
+//3D库房
+.iframe_box{
+  width: 100%;
+  height: calc(100vh - 285px);
+}
+.warehouse{
+  display: flex;
+  .warehouse-left{
+    flex: 1;
+  }
+  .warehouse-right{
+    width: 460px;
+  }
+}
+
+::v-deep .el-table .el-table__header .el-table__cell{
+  padding: 0;
+  height: 30px;
+  .cell{
+    font-size: 14px;
+  }
+}
+
+::v-deep .light-blue{
+  background-color: #011E4F !important;
+}
+
+.title-arrow{
+  position: relative;
+  &::before{
+    content:'';
+    width: 36px;
+    height: 12px;
+    position: absolute;
+    left: -70px;
+    top: 50%;
+    transform: translateY(-50%);
+  }
+  &::after{
+    content:'';
+    width: 36px;
+    height: 12px;
+    position: absolute;
+    right: -70px;
+    top: 50%;
+    transform: translateY(-50%);
+  }
+}
+
+.warehouse-svg{
+  margin:0 10px 1px 0;
+}

src/views/storeManage/warehouse3D/fullView/index.vue

@@ -19,7 +19,7 @@
       <span class="right-top-line" />
       <span class="left-bottom-line" />
       <h3>
-        <p class="title-arrow"><svg-icon icon-class="alerm" class-name="svg-style" />报警记录</p>
+        <p class="title-arrow"><svg-icon icon-class="alerm" class-name="warehouse-svg" />报警记录</p>
       </h3>
       <!--表格渲染-->
       <el-table
@@ -65,14 +65,9 @@ export default {
 </script>
 
 <style lang="scss" scoped>
-.iframe_box{
-  width: 100%;
-  height: calc(100vh - 285px);
-}
-.warehouse{
-  display: flex;
+@import '~@/assets/styles/lend-manage.scss';
+
   .warehouse-left{
-    flex: 1;
     position: relative;
     h2{
       position: absolute;
@@ -84,7 +79,6 @@ export default {
     }
   }
   .warehouse-right{
-    width: 460px;
     h3{
       color: #fff;
       font-size: 16px;
@@ -96,43 +90,14 @@ export default {
       display: inline-block;
     }
   }
-}
-
-::v-deep .el-table .el-table__header .el-table__cell{
-  padding: 0;
-  height: 30px;
-  .cell{
-    font-size: 14px;
-  }
-}
-::v-deep .light-blue{
-  background-color: #011E4F !important;
 
-}
 .title-arrow{
   position: relative;
   &::before{
-    content:'';
-    width: 36px;
-    height: 12px;
     background: url('../../../../assets/images/warehouse_arrow_left.png') no-repeat;
-    position: absolute;
-    left: -70px;
-    top: 50%;
-    transform: translateY(-50%);
   }
   &::after{
-    content:'';
-    width: 36px;
-    height: 12px;
     background: url('../../../../assets/images/warehouse_arrow_right.png') no-repeat;
-    position: absolute;
-    right: -70px;
-    top: 50%;
-    transform: translateY(-50%);
   }
 }
-.svg-style{
-  margin:0 10px 1px 0;
-}
 </style>