diff --git a/mindinsight/ui/package.json b/mindinsight/ui/package.json
index 4a906a2ad5e990054f77a83482f2713de14cdf93..8720d03c6d61235ec95b02a1fd1c4d080a1c53e2 100644
--- a/mindinsight/ui/package.json
+++ b/mindinsight/ui/package.json
@@ -15,10 +15,10 @@
     "d3-graphviz": "3.0.4",
     "element-ui": "2.11.1",
     "vue": "2.6.11",
-    "vue-i18n": "8.9.0",
-    "vue-router": "3.0.6",
+    "vue-i18n": "8.15.0",
+    "vue-router": "3.1.3",
     "vuex": "3.1.1",
-    "echarts": "4.4.0"
+    "echarts": "4.7.0"
   },
   "devDependencies": {
     "@intlify/vue-i18n-loader": "0.6.1",
diff --git a/mindinsight/ui/src/views/train-manage/image.vue b/mindinsight/ui/src/views/train-manage/image.vue
index 331ae0a12da2f0e4fa21189ecb372b751bba0d88..a0b1a103a267139e82052f44c6f62f71e73d054f 100644
--- a/mindinsight/ui/src/views/train-manage/image.vue
+++ b/mindinsight/ui/src/views/train-manage/image.vue
@@ -340,10 +340,22 @@ export default {
                   const tempData = res.data.metadatas;
                   sampleItem.sampleData = tempData;
                   const oldTotalStepNum = sampleItem.totalStepNum;
-                  sampleItem.totalStepNum = tempData.length - 1;
+                  if (tempData.length) {
+                    sampleItem.totalStepNum = tempData.length - 1;
+                  } else {
+                    sampleItem.totalStepNum = 0;
+                    sampleItem.sliderValue = 0;
+                    sampleItem.curStep = '';
+                    sampleItem.curImgUrl = '';
+                    sampleItem.curTime = '';
+                    return;
+                  }
                   if (sampleItem.sliderValue === oldTotalStepNum) {
                     sampleItem.sliderValue = sampleItem.totalStepNum;
                   }
+                  if (sampleItem.sliderValue > sampleItem.totalStepNum) {
+                    sampleItem.sliderValue = sampleItem.totalStepNum;
+                  }
                   const curSampleData =
                 sampleItem.sampleData[sampleItem.sliderValue];
                   // Initialize the current step information