!1181 UI XAI / Update tip of tag

From: @weiyanxi
Reviewed-by: @lixiaohui33,@wangyue01
Signed-off-by: @wangyue01

mindinsight/ui/src/locales/en-us.json

@@ -847,6 +847,7 @@
     "filterImg": "Filter Image",
     "tagTip": "Query image data that contains any filter tag",
     "typeTip": "Query image data that contains any prediction type",
+    "labelTip": "Only tags with data are displayed",
     "confidence": "Probability",
     "forecastTagTip": "When the inference image has the correct tag, the following three flags are displayed in the tag row",
     "TP": "TP, indicates true positive. For this tag (label), the sample is predicted to be positive, and is indeed positive;",

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

@@ -843,6 +843,7 @@
     "filterImg": "图片筛选",
     "tagTip": "查询包含任一筛选标签的图片数据",
     "typeTip": "查询包含任一预测类型的图片数据",
+    "labelTip": "仅显示有数据的标签",
     "confidence": "概率",
     "forecastTagTip": "当推理图片带有正确标签时，标签行会显示下列三种旗标",
     "TP": "TP，代表True Positive，被判定为正样本，事实上也是正样本；",

mindinsight/ui/src/mixins/threshold.vue

@@ -467,7 +467,7 @@ export default {
     },
 
     /**
-     * Formate pieceStr
+     * Format pieceStr
      * @param {Array} piecesArr PiecesArr
      * @return {String}
      */

mindinsight/ui/src/views/explain/conterfactual-interpretation.vue

@@ -37,8 +37,18 @@ limitations under the License.
               {{$t('explain.imageList')}}
             </div>
             <!-- Selecting a hoc image -->
-            <div class="hoc-filter-container">
-              <div class="title-text">{{$t('explain.tag')}}</div>
+            <div class="hoc-filter-container cl-hoc-tip-container">
+              <div class="title-text">
+                {{$t('explain.tag')}}
+                <el-tooltip placement="bottom-start"
+                    effect="light">
+                  <div slot="content"
+                      class="tooltip-container">
+                    {{ $t('explain.labelTip') }}
+                  </div>
+                  <i class="el-icon-info"></i>
+                </el-tooltip>
+              </div>
               <div class="select-options">
                 <el-select v-model="curFilterLabel"
                            :placeholder="$t('public.select')"

mindinsight/ui/src/views/explain/saliency-map.vue

@@ -70,6 +70,9 @@ limitations under the License.
           <div slot="content"
                class="saliency-tooltip-container">
             {{ $t('explain.tagTip') }}
+            {{ $t('symbols.leftbracket') }}
+            {{ $t('explain.labelTip') }}
+            {{ $t('symbols.rightbracket') }}
           </div>
           <i class="el-icon-info"></i>
         </el-tooltip>