From f91488e266286396b3cb5a5ad5a3094a4b25d4d1 Mon Sep 17 00:00:00 2001
From: "liu.shiyi" <liu.shiyi@ustcinfo.com>
Date: Wed, 12 Jul 2023 15:56:57 +0800
Subject: [PATCH] =?UTF-8?q?fix:=E4=BF=AE=E6=94=B9=E8=AE=BE=E8=AE=A1?=
 =?UTF-8?q?=E6=80=81=E5=92=8C=E9=A2=84=E8=A7=88=E6=80=81loading=E7=9A=84?=
 =?UTF-8?q?=E6=A0=B7=E5=BC=8F?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../packages/BigScreenDesign/index.vue        |  3 +-
 data-room-ui/packages/BigScreenRun/index.vue  | 50 ++++++++++---------
 2 files changed, 28 insertions(+), 25 deletions(-)

diff --git a/data-room-ui/packages/BigScreenDesign/index.vue b/data-room-ui/packages/BigScreenDesign/index.vue
index 4b847dad..8647fa7c 100644
--- a/data-room-ui/packages/BigScreenDesign/index.vue
+++ b/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页到搜索问题
diff --git a/data-room-ui/packages/BigScreenRun/index.vue b/data-room-ui/packages/BigScreenRun/index.vue
index 3decb327..3648851f 100644
--- a/data-room-ui/packages/BigScreenRun/index.vue
+++ b/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'