upd: 新增loading展示

WeDataSphere · Dec 23, 2024 · aecbf02 · aecbf02
1 parent 817c450
commit aecbf02
Show file tree

Hide file tree

Showing 2 changed files with 21 additions and 6 deletions.
diff --git a/linkis-web/src/apps/linkis/module/globalHistoryManagement/viewHistory.vue b/linkis-web/src/apps/linkis/module/globalHistoryManagement/viewHistory.vue
@@ -49,7 +49,7 @@
       :visualParams="visualParams"
     />
     <ViewLog ref="logPanel" :inHistory="true" v-show="tabName === 'engineLog' && hasEngine" @back="showviewlog = false" />
-    <term ref="termRef" v-if="tabName === 'terminal'" :logs="termLogs" :script-view-state="scriptViewState" />
+    <term ref="termRef" v-if="tabName === 'terminal'" :logs="termLogs" :script-view-state="scriptViewState" :loading="termLogLoading" />
   </div>
 </template>
 <script>
@@ -109,6 +109,7 @@ export default {
       },
       codes: { code: '' },
       termLogs: '',
+      termLogLoading: false,
       engineLogs: '',
       fromLine: 1,
       isAdminModel: false,
@@ -211,7 +212,9 @@ export default {
       } else if(name === 'terminal') {
         if (['Scheduled', 'Running'].includes(this.$route.query.status) || !this.termLogs) {
           try {
+            this.termLogLoading = true;
             const res = await api.fetch(`/jobhistory/diagnosis-query?taskID=${this.$route.query.taskID}`, 'get')
+            this.termLogLoading = false;
             const { diagnosisMsg } = res;
             this.termLogs = diagnosisMsg;
           } catch (err) {

diff --git a/linkis-web/src/components/consoleComponent/term.vue b/linkis-web/src/components/consoleComponent/term.vue
@@ -15,11 +15,19 @@
   ~ limitations under the License.
   -->
 <template>
-  <div 
-    ref="terminal" 
-    class="terminal-container"
-    :style="{ height: terminalHeight + 'px' }"
-  ></div>
+  <div>
+    <div
+      ref="terminal" 
+      class="terminal-container"
+      :style="{ height: terminalHeight + 'px' }"
+    >
+      <Spin
+        v-show="loading"
+        size="large"
+        fix/>
+    </div>
+  </div>
+
 </template>
 
 <script>
@@ -39,6 +47,10 @@ export default {
       default: () => {
         return {};
       },
+    },
+    loading: {
+      type: Boolean,
+      default: false
     }
   },