github/skywalking-booster-ui
2
0
Fork 1
mirror of https://github.com/apache/skywalking-booster-ui.git synced 2025-05-14 00:37:33 +00:00
Code Issues Packages Projects Releases Wiki Activity

update

Browse Source
This commit is contained in:
Fine 2022-10-12 16:59:44 +08:00
parent cea367ce54
commit da11f5b8ca
2 changed files with 35 additions and 23 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

26
src/components/Graph.vue
View File

@ -66,7 +66,6 @@ const visMenus = ref<boolean>(false);
const { setOptions, resize, getInstance } = useECharts( const { setOptions, resize, getInstance } = useECharts(
chartRef as Ref<HTMLDivElement> chartRef as Ref<HTMLDivElement>
); );
const { eventAssociate } = associateProcessor();
const currentParams = ref<Nullable<EventParams>>(null); const currentParams = ref<Nullable<EventParams>>(null);
const showTrace = ref<boolean>(false); const showTrace = ref<boolean>(false);
const traceOptions = ref<{ type: string; filters?: unknown }>({ const traceOptions = ref<{ type: string; filters?: unknown }>({
@ -154,6 +153,7 @@ function updateOptions() {
return; return;
} }
if (props.filters.isRange) { if (props.filters.isRange) {
const { eventAssociate } = associateProcessor();
const options = eventAssociate(props); const options = eventAssociate(props);
setOptions(options || props.option); setOptions(options || props.option);
} else { } else {
@ -166,27 +166,8 @@ function updateOptions() {
} }
function viewTrace() { function viewTrace() {
if (!currentParams.value) { const item = associateProcessor().traceFilters(currentParams.value);
return;
}
const start = appStore.intervalUnix[currentParams.value.dataIndex];
const end = start;
const { step } = appStore.durationRow;
const item = {
duration: {
start: dateFormatStep(
getLocalTime(appStore.utc, new Date(start)),
step,
true
),
end: dateFormatStep(
getLocalTime(appStore.utc, new Date(end)),
step,
true
),
step,
},
};
traceOptions.value = { traceOptions.value = {
...traceOptions.value, ...traceOptions.value,
filters: item, filters: item,
@ -205,6 +186,7 @@ watch(
} }
let options; let options;
if (props.filters && props.filters.isRange) { if (props.filters && props.filters.isRange) {
const { eventAssociate } = associateProcessor();
options = eventAssociate(props); options = eventAssociate(props);
} }
setOptions(options || props.option); setOptions(options || props.option);

32
src/hooks/useAssociateProcessor.ts
View File

@ -14,6 +14,10 @@
* See the License for the specific language governing permissions and * See the License for the specific language governing permissions and
* limitations under the License. * limitations under the License.
*/ */
import { useAppStoreWithOut } from "@/store/modules/app";
import dateFormatStep from "@/utils/dateFormat";
import getLocalTime from "@/utils/localtime";
export default function associateProcessor() { export default function associateProcessor() {
function eventAssociate(props: any) { function eventAssociate(props: any) {
if (!props.filters) { if (!props.filters) {
@ -59,5 +63,31 @@ export default function associateProcessor() {
}; };
return options; return options;
} }
return { eventAssociate }; function traceFilters(currentParams: any) {
const appStore = useAppStoreWithOut();
if (!currentParams.value) {
return;
}
const start = appStore.intervalUnix[currentParams.value.dataIndex];
const end = start;
const { step } = appStore.durationRow;
const item = {
duration: {
start: dateFormatStep(
getLocalTime(appStore.utc, new Date(start)),
step,
true
),
end: dateFormatStep(
getLocalTime(appStore.utc, new Date(end)),
step,
true
),
step,
},
};
return item;
}
return { eventAssociate, traceFilters };
} }