用户设备列表增加黑底

zh-baseversion-web/src/components/bigWindow/UserCenter.vue

@@ -97,23 +97,24 @@
         @click.stop="toBodyClick"
         v-show="yhquserCenterShow"
       >
-        <div class="list-top">
-          <div class="title">设备列表</div>
+        <div class="table-wrapper">
+          <div class="list-top">
+            <div class="title">设备列表</div>
 
-          <div class="close" @click="close">
-            <i
-              class="el-icon-close"
-              style="font-size: 20px; color: #5dfefe"
-            ></i>
+            <div class="close" @click="close">
+              <i
+                class="el-icon-close"
+                style="font-size: 20px; color: #5dfefe"
+              ></i>
+            </div>
           </div>
+          <UserCenterDevice
+            ref="yhquserCenter"
+            :show="true"
+            :detcetorList="safetyDeviceList"
+            v-if="safetyDeviceList.length > 0"
+          />
         </div>
-
-        <UserCenterDevice
-          ref="yhquserCenter"
-          :show="true"
-          :detcetorList="safetyDeviceList"
-          v-if="safetyDeviceList.length > 0"
-        />
       </div>
     </div>
   </transition>
@@ -376,6 +377,15 @@ export default {
   }
 }
 .toBody {
+  position: fixed;
+  left: 0;
+  right: 0;
+  top: 0;
+  bottom: 0;
+  background: rgba(0,0,0,.5);
+  z-index: 999999999;
+}
+.table-wrapper {
   position: fixed;
   left: 50%;
   top: 20%;