Function useOperationLog

frontend/src/hooks/useOperationLog.ts:137–176

()

};

export const useOperationLog = () => {
  const logs = ref<OperationLoggerItem[]>([]);

  const levelColors = {
    info: "blue",
    warning: "orange",
    error: "red",
    unknown: "gray"
  };

  const fetchData = async () => {
    const { execute } = getOperationLog();
    const data = await execute();
    logs.value = data.value?.reverse() || [];
  };

  const generateTextByItem = (item: OperationLoggerItem) => {
    const handler = renderMap[item.type];
    if (!handler) return t("TXT_CODE_43df9305");
    const { text, data } = handler(item as any);
    let i = 0;
    return text.replace(/\<\<\s*[\w_]+\s*\>\>/g, () => data[i++] ?? "--");
  };

  const getColorByLevel = (level: OperationLoggerItem["operation_level"]) => {
    return levelColors[level] ?? levelColors.unknown;
  };

  const formattedLogs = computed(() => {
    return logs.value.map((item) => {
      return {
        ...item,
        color: getColorByLevel(item.operation_level),
        text: generateTextByItem(item)
      };
    });
  });

  return { fetchData, logs, getColorByLevel, generateTextByItem, formattedLogs };
};