feat:对接日志管理

src/utils/format.ts

@@ -0,0 +1,61 @@
+/**
+ * 获取请求方法标签类型
+ *
+ * @param method 请求方法
+ * @returns 标签类型
+ */
+export function getRequestMethodTagType(method: string): NaiveUI.ThemeColor {
+  const methodUpper = method.toUpperCase();
+  const colors: { [key: string]: NaiveUI.ThemeColor } = {
+    DELETE: 'error',
+    GET: 'success',
+    POST: 'primary',
+    PUT: 'warning'
+  };
+
+  return colors[methodUpper] ?? 'default';
+}
+
+const browserOptions = [
+  { icon: 'logos:chrome', value: 'chrome' },
+  { icon: 'logos:microsoft-edge', value: 'edge' },
+  { icon: 'logos:firefox', value: 'firefox' },
+  { icon: 'logos:opera', value: 'opera' },
+  { icon: 'logos:safari', value: 'safari' },
+  { icon: 'ic:baseline-wechat', value: 'micromessenger' },
+  { icon: 'ic:baseline-wechat', value: 'windowswechat' },
+  { icon: 'arcticons:quark-browser', value: 'quark' },
+  { icon: 'ic:baseline-wechat', value: 'wxwork' },
+  { icon: 'simple-icons:tencentqq', value: 'qq' },
+  { icon: 'arcticons:dingtalk', value: 'dingtalk' },
+  { icon: 'arcticons:uc-browser', value: 'uc' },
+  { icon: 'ri:baidu-fill', value: 'baidu' }
+];
+const osOptions = [
+  { icon: 'devicon:windows8', value: 'windows' },
+  { icon: 'wpf:macoss', value: 'osx' },
+  { icon: 'devicon:linux', value: 'linux' },
+  { icon: 'material-icon-theme:android:', value: 'android' },
+  { icon: 'wpf:iphone', value: 'ios' }
+];
+/**
+ * 获取浏览器图标
+ *
+ * @param browser 浏览器
+ * @returns 浏览器图标
+ */
+export function getBrowserIcon(browser: string): string {
+  const icon = browserOptions.find(item => browser.toLocaleLowerCase().includes(item.value));
+  return icon?.icon ?? 'stash:browser-light';
+}
+
+/**
+ * 获取操作系统图标
+ *
+ * @param os 操作系统
+ * @returns 操作系统图标
+ */
+export function getOsIcon(os: string): string {
+  const icon = osOptions.find(item => os.toLocaleLowerCase().includes(item.value));
+  return icon?.icon ?? 'mingcute:device-fill';
+}