fix re-fetch query

This commit is contained in:
Qiuxia Fan 2022-04-01 22:50:21 +08:00
parent cdeb0c520b
commit 412f5d78f2
4 changed files with 44 additions and 8 deletions

View File

@ -66,7 +66,7 @@ const theme = ref<string>("light");
getVersion();
const setConfig = (value: string) => {
pageName.value = value || "";
theme.value = route.path.includes("/infrastructure/") ? "dark" : "light";
// theme.value = route.path.includes("/infrastructure/") ? "dark" : "light";
};
const time = computed(() => [
appStore.durationRow.start,

View File

@ -203,8 +203,11 @@ function getLabel(metric: string, index: number) {
return encodeURIComponent(metric);
}
watch(
() => [props.config.metricTypes, props.config.metrics],
async () => {
() => [...(props.config.metricTypes || []), ...(props.config.metrics || [])],
(data, old) => {
if (JSON.stringify(data) === JSON.stringify(old)) {
return;
}
queryEndpointMetrics(endpoints.value);
}
);
@ -214,6 +217,15 @@ watch(
queryEndpoints();
}
);
watch(
() => [...(props.config.metricConfig || [])],
(data, old) => {
if (JSON.stringify(data) === JSON.stringify(old)) {
return;
}
queryEndpointMetrics(endpoints.value);
}
);
</script>
<style lang="scss" scoped>
@import "./style.scss";

View File

@ -257,8 +257,11 @@ function getLabel(metric: string, index: number) {
}
watch(
() => [props.config.metricTypes, props.config.metrics],
() => {
() => [...(props.config.metricTypes || []), ...(props.config.metrics || [])],
(data, old) => {
if (JSON.stringify(data) === JSON.stringify(old)) {
return;
}
queryInstanceMetrics(instances.value);
}
);
@ -268,6 +271,15 @@ watch(
queryInstance();
}
);
watch(
() => [...(props.config.metricConfig || [])],
(data, old) => {
if (JSON.stringify(data) === JSON.stringify(old)) {
return;
}
queryInstanceMetrics(instances.value);
}
);
</script>
<style lang="scss" scoped>
@import "./style.scss";

View File

@ -143,7 +143,6 @@ const sortServices = ref<(Service & { merge: boolean })[]>([]);
const colMetrics = computed(() =>
props.config.metrics.filter((d: string) => d)
);
queryServices();
async function queryServices() {
@ -296,9 +295,22 @@ function getLabel(metric: string, index: number) {
}
return encodeURIComponent(metric);
}
watch(
() => [props.config.metricTypes, props.config.metrics],
() => {
() => [...(props.config.metricTypes || []), ...(props.config.metrics || [])],
(data, old) => {
if (JSON.stringify(data) === JSON.stringify(old)) {
return;
}
queryServiceMetrics(services.value);
}
);
watch(
() => [...(props.config.metricConfig || [])],
(data, old) => {
if (JSON.stringify(data) === JSON.stringify(old)) {
return;
}
queryServiceMetrics(services.value);
}
);