updated alignment of tools

src/components/Selector.vue

@@ -14,7 +14,6 @@ See the License for the specific language governing permissions and
 limitations under the License. -->
 <template>
   <el-select  
-  ref="customSelector"
     :size="size"
     v-model="selected"
     :placeholder="placeholder"
@@ -48,7 +47,6 @@ interface Option {
 
 /*global  defineProps, defineEmits*/
 const emit = defineEmits(["change", "query"]);
-const customSelector = ref<string>(null)
 const props = defineProps({
   options: {
     type: Array as PropType<(Option & { disabled?: boolean })[]>,
@@ -86,10 +84,6 @@ function remoteMethod(query: string) {
   }
 }
 
-onMounted(() => {
-  console.log(customSelector.value)
-})
-
 watch(
   () => props.value,
   (data) => {

src/views/dashboard/panel/Tool.vue

@@ -27,8 +27,7 @@ limitations under the License. -->
               v-if="!selectedSelector.length || selectedSelector === '$service'"
               @click="setSelectedSelector('$service')"
               class="tool-btn"
-              type="secondary"
-              size="xs"
+              size="small"
             >
               <Icon size="sm" iconName="playlist_add" />
             </el-button>
@@ -67,7 +66,6 @@ limitations under the License. -->
               style="margin-left: 4px"
               @click="setSelectedSelector('$endpoint')"
               class="tool-btn"
-              type="secondary"
             >
               <Icon size="sm" iconName="view" />
             </el-button>

src/views/dashboard/related/trace/Filter.vue

@@ -295,6 +295,7 @@ async function queryTraces() {
   }
 }
 function changeField(type: string, opt: any) {
+  activeFilter
   state[type] = opt[0];
   if (type === "service") {
     getEndpoints(state.service.id);