fix:修改设计态和预览态loading的样式

data-room-ui/packages/BigScreenDesign/index.vue

@@ -1,6 +1,6 @@
 <template>
   <div
-    v-if="(!pageLoading) && hasPermission"
+    v-if="hasPermission"
     class="bs-page-design-wrap"
   >
     <PageTopSetting
@@ -237,6 +237,7 @@ export default {
   //   })
   // },
   created () {
+    this.changePageLoading(true)
     this.permission()
     /**
        * 以下是为了解决在火狐浏览器上推拽时弹出tab页到搜索问题

data-room-ui/packages/BigScreenRun/index.vue

@@ -1,35 +1,37 @@
 <template>
-  <div
-    v-if="!pageLoading"
-    class="bs-preview-wrap"
-    :style="previewWrapStyle"
-  >
+  <div v-if="hasPermission">
     <div
-      v-if="hasPermission"
-      class="bs-render-wrap render-theme-wrap"
-      :style="renderStyle"
+      v-loading="pageLoading"
+      element-loading-background="#151A26"
+      class="bs-preview-wrap"
+      :style="previewWrapStyle"
     >
       <div
-        v-for="chart in chartList"
-        :key="chart.code"
-        :style="{
-          position: 'absolute',
-          width: chart.w + 'px',
-          height: chart.h + 'px',
-          left: chart.x + 'px',
-          top: chart.y + 'px',
-          zIndex: chart.z || 0
-        }"
+        class="bs-render-wrap render-theme-wrap"
+        :style="renderStyle"
       >
-        <RenderCard
-          ref="RenderCardRef"
-          :key="chart.key"
-          :config="chart"
-        />
+        <div
+          v-for="chart in chartList"
+          :key="chart.code"
+          :style="{
+            position: 'absolute',
+            width: chart.w + 'px',
+            height: chart.h + 'px',
+            left: chart.x + 'px',
+            top: chart.y + 'px',
+            zIndex: chart.z || 0
+          }"
+        >
+          <RenderCard
+            ref="RenderCardRef"
+            :key="chart.key"
+            :config="chart"
+          />
+        </div>
       </div>
     </div>
-    <NotPermission v-else />
   </div>
+  <NotPermission v-else />
 </template>
 <script>
 import { get } from 'data-room-ui/js/utils/http'