单独使用loading对象

src/views/yhlywsytst/yhlywsytst/index.vue

@@ -2,7 +2,7 @@
  * @Description:
  * @Author: lisu lisu@gavelinfo.com
  * @LastEditors: lisu lisu@gavelinfo.com
- * @LastEditTime: 2024-10-24 10:57:34
+ * @LastEditTime: 2024-10-24 13:48:05
  * @FilePath: /zghywpc-vue/src/views/yhlywsytst/yhlywsytst/index.vue
 -->
 <template>
@@ -10,11 +10,11 @@
     element-loading-background="rgba(0, 0, 0, 0.8)" ref="app" class="min_full nullbp">
     <!-- 弹框组件dialig -->
     <czDialog @save='getSave' :app='this' v-if='showDialog' />
-    <div  v-show="loading==false"  class="bigTitle  animate__animated  animate__fadeInDown ">
+    <div  v-show="tdloading==false"  class="bigTitle  animate__animated  animate__fadeInDown ">
       一回路异物溯源态势图
     </div>
     <!-- 视角工具栏-->
-    <div  v-show="loading==false"  class="toolButton animate__animated  animate__fadeInRight"    >
+    <div  v-show="tdloading==false"  class="toolButton animate__animated  animate__fadeInRight"    >
       <div class="flex1 text-center">
         <div class="menu">
           <span  style="cursor: pointer;"  @click="toFullPage('jyfkgl/jyfkgl')">
@@ -39,7 +39,7 @@
         </div>
       </div>
     </div>
-    <div  v-show="loading==false"  class="toolButton2  animate__animated  animate__fadeInLeft">
+    <div  v-show="tdloading==false"  class="toolButton2  animate__animated  animate__fadeInLeft">
       <div class="flex1 text-center">
         <div class="menu"> <span  style="cursor: pointer;"   @click="toFullPage('sbxxgl/sbxx')">
             设备信息
@@ -282,7 +282,7 @@
       </div> -->
     </div>
     <!-- 溯源排查-->
-    <div v-show="loading==false" class="sypc  animate__animated  animate__fadeInUp   ">
+    <div v-show="tdloading==false" class="sypc  animate__animated  animate__fadeInUp   ">
       <div class="full  data-box1" style="position: relative;">
         <i class="topL"></i>
         <i class="topR"></i>
@@ -650,6 +650,7 @@
         },
         /* 加载相关动画*/
         loading: true,
+        tdloading:true,
         loadingText: '正在加载模型,请等待!',
         viewer: null,
         scene: null,
@@ -1544,6 +1545,7 @@
 
         model.addEventListener("loaded", () => {
           this.loading = false
+          this.tdloading=false
           /* 解决共用showleft控制没有关闭效果
           放置默认不控制，初始dom是存在的直接出现关闭特效
           */