UI tensor bugfix

1.fix an issue where the table would be displayed incorrectly when an
  error message was displayed in full screen
2.the mouse position in histogram mode is optimized
3.fix an issue where the step was displayed incorrectly when slider move
  fast

mindinsight/ui/src/components/gridTableSimple.vue

@@ -114,6 +114,7 @@ export default {
       updated: false, // Updated
       scrollTop: false, // Wheather scroll to the top
       filterCorrect: true, // Wheather the dimension input is correct
+      viewResizeFlag: false, // Size reset flag
       // Accuray options
       accuracyArr: [
         {label: 0, value: 0},
@@ -274,9 +275,10 @@ export default {
         this.gridObj.setData(this.formateArr, this.scrollTop);
         this.scrollTop = false;
         const columnsLength = this.columnsData.length;
-        if (this.columnsLength !== columnsLength) {
+        if (this.columnsLength !== columnsLength || this.viewResizeFlag) {
           this.gridObj.setColumns(this.columnsData);
           this.columnsLength = columnsLength;
+          this.viewResizeFlag = false;
         }
         this.gridObj.render();
       });
@@ -367,10 +369,14 @@ export default {
      */
     resizeView() {
       if (this.gridObj) {
-        this.$nextTick(() => {
-          this.gridObj.resizeCanvas();
-          this.gridObj.render();
-        });
+        if (this.incorrectData) {
+          this.viewResizeFlag = true;
+        } else {
+          this.$nextTick(() => {
+            this.gridObj.resizeCanvas();
+            this.gridObj.render();
+          });
+        }
       }
     },
     /**

mindinsight/ui/src/components/histogramUnit.vue

@@ -696,7 +696,7 @@ export default {
       });
       if (yIndex === null && this.viewName === 1) {
         this.fullData.forEach((item, index) => {
-          if (index > value[1]) {
+          if (index >= value[1]) {
             yIndex = yIndex === null ? index : Math.min(yIndex, index);
           }
         });

mindinsight/ui/src/views/train-manage/histogram.vue

@@ -952,7 +952,7 @@ export default {
       });
       if (yIndex === null && this.curViewName === 1) {
         sampleObject.chartData.forEach((item, index) => {
-          if (index > value[1]) {
+          if (index >= value[1]) {
             yIndex = yIndex === null ? index : Math.min(yIndex, index);
           }
         });

mindinsight/ui/src/views/train-manage/tensor.vue

@@ -566,7 +566,7 @@ export default {
               sampleItem.curStep = '';
               sampleItem.sliderValue = 0;
               sampleItem.totalStepNum = 0;
-              this.clearMartixData();
+              this.clearMartixData(sampleItem);
               return;
             }
             const oldTotalStepNum = sampleItem.totalStepNum;
@@ -966,9 +966,6 @@ export default {
         clearTimeout(sampleItem.sliderChangeTimer);
         sampleItem.sliderChangeTimer = null;
       }
-      if (sampleItem.curMartixShowSliderValue === sliderValue) {
-        return;
-      }
       if (!sampleItem.fullData || !sampleItem.fullData[sliderValue]) {
         return;
       }
@@ -980,6 +977,9 @@ export default {
       );
       sampleItem.curDataType = sampleItem.formateData.value.data_type;
       sampleItem.curDims = JSON.stringify(sampleItem.formateData.value.dims);
+      if (sampleItem.curMartixShowSliderValue === sliderValue) {
+        return;
+      }
       sampleItem.sliderChangeTimer = setTimeout(() => {
         this.freshtMartixData(sampleItem);
       }, 500);