加载样式

src/layout/components/NavBar/index.scss

@@ -359,7 +359,7 @@
 }
 
 .el-loading-mask {
-  background: rgb(15, 79, 99, 0.1) !important;
+  background: rgb(15, 79, 99, 0.4) !important;
 }
 
 .el-loading-spinner .path {

src/views/als/intelligentQA/index.vue

@@ -11,10 +11,10 @@
       </div>
       <el-pagination style="position: absolute; bottom: 15px" small :pager-count="5" background layout="prev, pager, next" :total="this.historyRequset.total" @prev-click="prevHandle" @next-click="nextHandle" @current-change="currentHandle"> </el-pagination>
     </div>
-    <div class="chat">
+    <div class="chat" v-loading="chatLoading">
       <!-- <div class="header">Header</div> -->
       <div ref="main" class="main">
-        <div class="chatLine" v-loading="chatLoading">
+        <div class="chatLine">
           <div v-for="(item, index) in chatInfo" :key="index">
             <div class="chatRow chatQ" v-if="item.question">
               <div class="questionContent">{{ item.question }}</div>
@@ -347,13 +347,15 @@ export default {
             question: data.question,
             userId: data.userId
           })
-          this.chatLoading = false
           if (newData.sqlAnswer) {
             this.sqlAnswerKey = Object.keys(newData.sqlAnswer[0])
           }
           this.chatInfo.push(newData)
         }
-      } catch (error) {}
+        this.chatLoading = false
+      } catch (error) {
+        this.chatLoading = false
+      }
     },
 
     deleteHistory(id) {