[skywalking-rocketbot-ui] branch master updated: Feat: Search Endpoint use keyword params in trace view. (#494)

[qiuxiafan]

This is an automated email from the ASF dual-hosted git repository.

qiuxiafan pushed a commit to branch master
in repository https://gitbox.apache.org/repos/asf/skywalking-rocketbot-ui.git


The following commit(s) were added to refs/heads/master by this push:
     new b9ffe9f  Feat: Search Endpoint use keyword params in trace view. (#494)
b9ffe9f is described below

commit b9ffe9f5a77852144a22447a485be10197158aa7
Author: liqiangz <liqiang.z...@gmail.com>
AuthorDate: Sat May 22 14:57:28 2021 +0800

    Feat: Search Endpoint use keyword params in trace view. (#494)
---
 src/views/components/common/trace-select.vue | 11 ++++++++++-
 src/views/components/trace/trace-search.vue  |  8 ++++++++
 2 files changed, 18 insertions(+), 1 deletion(-)

diff --git a/src/views/components/common/trace-select.vue 
b/src/views/components/common/trace-select.vue
index 6c37e26..39ecc0d 100644
--- a/src/views/components/common/trace-select.vue
+++ b/src/views/components/common/trace-select.vue
@@ -36,7 +36,13 @@ limitations under the License. -->
     </div>
     <div class="rk-trace-sel" v-if="visible">
       <div v-if="hasSearch">
-        <input type="text" class="rk-trace-sel-search" v-model="search" 
:placeholder="`${$t('search')}...`" />
+        <input
+          type="text"
+          class="rk-trace-sel-search"
+          v-model="search"
+          @keyup.enter="handlerEnter"
+          :placeholder="`${$t('search')}...`"
+        />
         <svg class="icon sm close" @click="search = ''" v-if="search">
           <use xlink:href="#clear"></use>
         </svg>
@@ -75,6 +81,9 @@ limitations under the License. -->
       this.$emit('input', i);
       this.visible = false;
     }
+    public handlerEnter() {
+      this.$emit('search', this.search);
+    }
   }
 </script>
 
diff --git a/src/views/components/trace/trace-search.vue 
b/src/views/components/trace/trace-search.vue
index 75d8de4..fc92ac2 100644
--- a/src/views/components/trace/trace-search.vue
+++ b/src/views/components/trace/trace-search.vue
@@ -58,6 +58,7 @@ limitations under the License. -->
           :title="$t('endpointName')"
           :value="endpoint"
           @input="chooseEndpoint"
+          @search="searchEndpoint"
           :data="rocketTrace.endpoints"
         />
       </div>
@@ -173,6 +174,13 @@ limitations under the License. -->
         duration: this.durationTime,
       });
     }
+    private searchEndpoint(search: string) {
+      this.GET_ITEM_ENDPOINTS({
+        serviceId: this.service.key,
+        keyword: search,
+        duration: this.durationTime,
+      });
+    }
     private chooseStatus(i: Option) {
       this.traceState = i;
     }