CN-1111: 鼠标悬浮在搜索框中的模式按钮上时增加提示信息

src/components/advancedSearch/TagMode.vue

@@ -75,8 +75,18 @@
     </div>
     <div class="tag-search__add" @click="addCondition">{{$t('entities.advancedSearch.add')}}</div>
     <div class="search__suffixes search__suffixes--tag-mode">
-      <div class="search__suffix" style="margin-right: 12px" @click="changeMode">
-        <i class="cn-icon cn-icon-search-normal"></i>
+      <div class="search__suffix" style="margin-right: 12px">
+        <el-popover
+            popper-class="my-popper-class"
+            placement="top"
+            :popper-style="{border: '1px red solid'}"
+            trigger="hover"
+            :content="$t('entity.switchToAdvancedSearch')"
+        >
+          <template #reference>
+            <i class="cn-icon cn-icon-search-normal" @click="changeMode"></i>
+          </template>
+        </el-popover>
       </div>
       <div class="search__suffix new-search__suffix" @click="search">
         <i class="el-icon-search"></i>
@@ -452,4 +462,7 @@ export default {
     margin-top: 9px !important;
   }
 }
+.my-popper-class .el-popper__arrow {
+  display: none;
+}
 </style>

src/components/advancedSearch/TextMode.vue

@@ -3,8 +3,17 @@
       ref="textSearch"
   ></textarea>
   <div class="search__suffixes search__suffixes--text-mode">
-    <div class="search__suffix" @click="changeMode">
-      <i class="cn-icon cn-icon-filter"></i>
+    <div class="search__suffix">
+      <el-popover
+          popper-class="my-popper-class"
+          placement="top"
+          trigger="hover"
+          :content="$t('entity.switchToBasicSearch')"
+      >
+        <template #reference>
+          <i class="cn-icon cn-icon-filter" @click="changeMode"></i>
+        </template>
+      </el-popover>
     </div>
     <div class="search__suffix-close" @click="cleanParams">
       <i class="el-icon-error"></i>