CN-1219: 实体搜索页下方统计原型优化

src/components/advancedSearch/Index.vue

@@ -7,6 +7,7 @@
         ref="textMode"
         :column-list="columnList"
         :str="str"
+        :show-list="showList"
         @changeMode="changeMode"
         @search="search"
     ></text-mode>
@@ -17,6 +18,7 @@
         :operator-list="showOperatorList"
         :connection-list="showConnectionList"
         :convert-meta-list="metaList"
+        :show-list="showList"
         @changeMode="changeMode"
         @search="search"
     ></tag-mode>
@@ -50,6 +52,9 @@ export default {
       type: Boolean,
       default: true
     },
+    showList: {
+      type: Boolean
+    },
     // 条件字段列表
     columnList: {
       type: Array,

src/components/advancedSearch/TagMode.vue

@@ -88,7 +88,7 @@
           </template>
         </el-popover>
       </div>
-      <div class="search__suffix new-search__suffix" @click="search">
+      <div class="search__suffix" :class="showList ? 'new-search__suffix' : 'entity-explorer-search'" @click="search">
         <i class="el-icon-search"></i>
       </div>
     </div>
@@ -107,7 +107,8 @@ export default {
     columnList: Array,
     operatorList: Array,
     connectionList: Array,
-    convertMetaList: Array
+    convertMetaList: Array,
+    showList: Boolean
   },
   data () {
     return {

src/components/advancedSearch/TextMode.vue

@@ -18,7 +18,7 @@
     <div class="search__suffix-close" @click="cleanParams">
       <i class="el-icon-error"></i>
     </div>
-    <div class="search__suffix new-search__suffix" @click="search">
+    <div class="search__suffix" :class="showList ? 'new-search__suffix' : 'entity-explorer-search'" @click="search">
       <i class="el-icon-search"></i>
     </div>
   </div>
@@ -42,7 +42,8 @@ export default {
   name: 'TextMode',
   props: {
     columnList: Array,
-    str: String
+    str: String,
+    showList: Boolean
   },
   data () {
     return {
@@ -230,4 +231,8 @@ export default {
     margin-top: 9px !important;
   }
 }
+.entity-explorer-search {
+  color: #3976CB;
+  margin-top: -2px;
+}
 </style>