UI fix bug of debugger that can create watch point in running state and optimized tensor value incomplete display

mindinsight/ui/src/components/debugger-grid-table-simple.vue

@@ -72,8 +72,11 @@ limitations under the License.
                      :label="item.label"
                      :value="item.value"></el-option>
         </el-select>
-        {{$t('components.gridAccuracy')}}<el-select v-model="accuracy"
-                   class="select-item"
+        {{$t('components.gridAccuracy')}}
+        <span :title="$t('components.accuracyTips')"
+              class="el-icon-warning"></span>
+        <el-select v-model="accuracy"
+                   class="select-item-debugger"
                    @change="accuracyChange">
           <el-option v-for="item in accuracyArr"
                      :key="item.label"
@@ -702,7 +705,7 @@ export default {
     }
     .accuracy-container {
       float: right;
-      .select-item {
+      .select-item-debugger {
         width: 65px;
         margin-left: 5px;
       }

mindinsight/ui/src/components/grid-table-simple.vue

@@ -68,7 +68,10 @@ limitations under the License.
                      :label="item.label"
                      :value="item.value"></el-option>
         </el-select>
-        {{$t('components.gridAccuracy')}}<el-select v-model="accuracy"
+        {{$t('components.gridAccuracy')}}
+        <span :title="$t('components.accuracyTips')"
+              class="el-icon-warning"></span>
+        <el-select v-model="accuracy"
                    class="select-item"
                    @change="accuracyChange">
           <el-option v-for="item in accuracyArr"

mindinsight/ui/src/locales/zh-cn.json

@@ -470,7 +470,8 @@
     "dimsFilterInputTitle": "维度选择",
     "dimsFilterInputTip": "维度输入值可以是具体的索引（和Python的索引含义一致，支持负号）或者冒号\":\"，其中冒号\":\"表示当前维度的所有值",
     "category": "分类",
-    "scientificCounting": "科学计数"
+    "scientificCounting": "科学计数",
+    "accuracyTips":"如果数值展示不全，可以拖拽表头的分隔线查看"
   },
   "debugger": {
     "debugger": "调试器",
@@ -826,6 +827,8 @@
     "5054B181": "监测点更新失败，请暂停训练后重试",
     "5054B182": "监测点删除失败，请暂停训练后重试",
     "5054B183": "后台训练运行中，请稍后重试",
-    "5054B184": "操作过快，后台服务已暂停。"
+    "5054B184": "操作过快，后台服务已暂停。",
+    "5054B189": "请勿重复设置。",
+    "5054B083": "监测点创建失败，请勿使用已失效规则。"
   }
 }

mindinsight/ui/src/mixins/debugger-mixin.vue

@@ -18,6 +18,9 @@ export default {
      * Initialize the condition
      */
     initCondition() {
+      if (this.metadata.state === 'running') {
+        return;
+      }
       RequestService.queryConditions(this.trainId).then((res) => {
         if (res && res.data) {
           this.conditionCollections = res.data;
@@ -544,6 +547,9 @@ export default {
       this.resetGraph();
     },
     recheckWatchpoint() {
+      if (!this.enableRecheck) {
+        return;
+      }
       RequestService.recheckWatchPoints().then(
           (res) => {
             if (res && res.data && res.data.metadata && res.data.metadata.enable_recheck !== undefined) {
@@ -587,7 +593,7 @@ export default {
      * @param {Object} item watchpoint data
      */
     deleteWatchpoint(item) {
-      if (!this.watchPointArr.length) {
+      if (!this.watchPointArr.length || this.metadata.state === 'running') {
         return;
       }
       if ((item && item.id) || !item) {

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

@@ -1764,6 +1764,7 @@ export default {
       .step {
         height: 100%;
         background-repeat: round;
+        user-select: none;
         img {
           width: 100%;
         }