@since2006/pages 2025.8.6 → 2025.11.0

package/dist/es/src/app/log/components/AccessLogDetail.vue2.js

@@ -0,0 +1,240 @@
+import { defineComponent as V, ref as j, reactive as U, watch as z, resolveComponent as l, openBlock as s, createBlock as c, withCtx as o, createVNode as r, createElementVNode as u, toDisplayString as a, createElementBlock as G, createTextVNode as i, normalizeStyle as H, createCommentVNode as g } from "vue";
+import { message as S } from "ant-design-vue";
+import { getAccessLog as q } from "../api.js";
+const R = { key: 1 }, $ = { class: "text-ellipsis" }, F = { class: "performance-analysis" }, W = /* @__PURE__ */ V({
+  __name: "AccessLogDetail",
+  props: {
+    open: {
+      type: Boolean,
+      default: !1
+    },
+    logId: {
+      type: String,
+      default: ""
+    }
+  },
+  emits: ["update:open", "refresh"],
+  setup(y, { emit: C }) {
+    const f = y, I = C, d = j(!1), t = U({});
+    z(
+      () => f.open,
+      (e) => {
+        e && f.logId ? M() : Object.assign(t, {});
+      }
+    );
+    const M = async () => {
+      if (f.logId) {
+        d.value = !0;
+        try {
+          const e = await q({ id: f.logId });
+          e.code === 200 ? Object.assign(t, e.data) : S.error(e.message || "获取日志详情失败");
+        } catch (e) {
+          S.error("获取日志详情失败"), console.error("Error loading access log detail:", e);
+        } finally {
+          d.value = !1;
+        }
+      }
+    }, T = () => {
+      I("update:open", !1);
+    }, k = (e) => ({
+      GET: "green",
+      POST: "blue",
+      PUT: "orange",
+      DELETE: "red",
+      PATCH: "purple"
+    })[e] || "default", v = (e) => e >= 200 && e < 300 ? "#52c41a" : e >= 300 && e < 400 ? "#1890ff" : e >= 400 && e < 500 ? "#fa8c16" : e >= 500 ? "#ff4d4f" : "#666", A = (e) => e >= 200 && e < 300 ? "success" : e >= 300 && e < 400 ? "info" : e >= 400 && e < 500 ? "warning" : e >= 500 ? "error" : "info", b = (e) => e ? e < 100 ? "#52c41a" : e < 500 ? "#fa8c16" : e < 1e3 ? "#ff7875" : "#ff4d4f" : "#666", w = (e) => e ? e < 100 ? "优秀" : e < 500 ? "良好" : e < 1e3 ? "一般" : "较差" : "未知", D = (e) => e ? e < 100 ? "#52c41a" : e < 500 ? "#1890ff" : e < 1e3 ? "#fa8c16" : "#ff4d4f" : "#666", E = (e) => ({
+      200: "请求成功",
+      201: "创建成功",
+      204: "删除成功",
+      301: "永久重定向",
+      302: "临时重定向",
+      304: "未修改",
+      400: "请求参数错误",
+      401: "未授权访问",
+      403: "禁止访问",
+      404: "资源不存在",
+      405: "请求方法不允许",
+      500: "服务器内部错误",
+      502: "网关错误",
+      503: "服务不可用",
+      504: "网关超时"
+    })[e] || `HTTP ${e} 状态码`;
+    return (e, h) => {
+      const p = l("a-tag"), n = l("a-descriptions-item"), P = l("a-tooltip"), _ = l("a-statistic"), m = l("a-col"), x = l("a-row"), L = l("a-alert"), O = l("a-descriptions"), B = l("a-spin"), N = l("a-modal");
+      return s(), c(N, {
+        title: "访问日志详情",
+        width: 900,
+        footer: null,
+        open: y.open,
+        onCancel: T,
+        destroyOnClose: !0
+      }, {
+        default: o(() => [
+          r(B, { spinning: d.value }, {
+            default: o(() => [
+              Object.keys(t).length > 0 ? (s(), c(O, {
+                key: 0,
+                column: 1,
+                bordered: "",
+                size: "small"
+              }, {
+                default: o(() => [
+                  r(n, { label: "追踪ID" }, {
+                    default: o(() => [
+                      t.traceId ? (s(), c(p, {
+                        key: 0,
+                        color: "purple"
+                      }, {
+                        default: o(() => [
+                          u("code", null, a(t.traceId), 1)
+                        ]),
+                        _: 1
+                      })) : (s(), G("span", R, "-"))
+                    ]),
+                    _: 1
+                  }),
+                  r(n, { label: "用户ID" }, {
+                    default: o(() => [
+                      i(a(t.userId || "-"), 1)
+                    ]),
+                    _: 1
+                  }),
+                  r(n, { label: "请求方法" }, {
+                    default: o(() => [
+                      r(p, {
+                        color: k(t.method)
+                      }, {
+                        default: o(() => [
+                          i(a(t.method), 1)
+                        ]),
+                        _: 1
+                      }, 8, ["color"])
+                    ]),
+                    _: 1
+                  }),
+                  r(n, { label: "请求URI" }, {
+                    default: o(() => [
+                      u("code", null, a(t.uri || "-"), 1)
+                    ]),
+                    _: 1
+                  }),
+                  r(n, { label: "响应状态" }, {
+                    default: o(() => [
+                      r(p, {
+                        color: v(t.responseStatus)
+                      }, {
+                        default: o(() => [
+                          i(a(t.responseStatus), 1)
+                        ]),
+                        _: 1
+                      }, 8, ["color"])
+                    ]),
+                    _: 1
+                  }),
+                  r(n, { label: "请求耗时" }, {
+                    default: o(() => [
+                      u("span", {
+                        style: H({ color: b(t.latencyMs) })
+                      }, a(t.latencyMs || 0) + "ms ", 5)
+                    ]),
+                    _: 1
+                  }),
+                  r(n, { label: "IP地址" }, {
+                    default: o(() => [
+                      i(a(t.ipAddress || "-"), 1)
+                    ]),
+                    _: 1
+                  }),
+                  t.userAgent ? (s(), c(n, {
+                    key: 0,
+                    label: "User-Agent"
+                  }, {
+                    default: o(() => [
+                      r(P, {
+                        title: t.userAgent
+                      }, {
+                        default: o(() => [
+                          u("span", $, a(t.userAgent), 1)
+                        ]),
+                        _: 1
+                      }, 8, ["title"])
+                    ]),
+                    _: 1
+                  })) : g("", !0),
+                  r(n, { label: "请求时间" }, {
+                    default: o(() => [
+                      i(a(t.requestTime), 1)
+                    ]),
+                    _: 1
+                  }),
+                  r(n, { label: "性能分析" }, {
+                    default: o(() => [
+                      u("div", F, [
+                        r(x, { gutter: 16 }, {
+                          default: o(() => [
+                            r(m, { span: 8 }, {
+                              default: o(() => [
+                                r(_, {
+                                  title: "响应状态",
+                                  value: t.responseStatus,
+                                  "value-style": { color: v(t.responseStatus) }
+                                }, null, 8, ["value", "value-style"])
+                              ]),
+                              _: 1
+                            }),
+                            r(m, { span: 8 }, {
+                              default: o(() => [
+                                r(_, {
+                                  title: "响应时间",
+                                  value: t.latencyMs || 0,
+                                  suffix: "ms",
+                                  "value-style": { color: b(t.latencyMs) }
+                                }, null, 8, ["value", "value-style"])
+                              ]),
+                              _: 1
+                            }),
+                            r(m, { span: 8 }, {
+                              default: o(() => [
+                                r(_, {
+                                  title: "性能评级",
+                                  value: w(t.latencyMs),
+                                  "value-style": { color: D(t.latencyMs) }
+                                }, null, 8, ["value", "value-style"])
+                              ]),
+                              _: 1
+                            })
+                          ]),
+                          _: 1
+                        })
+                      ])
+                    ]),
+                    _: 1
+                  }),
+                  t.responseStatus ? (s(), c(n, {
+                    key: 1,
+                    label: "状态码说明"
+                  }, {
+                    default: o(() => [
+                      r(L, {
+                        message: E(t.responseStatus),
+                        type: A(t.responseStatus),
+                        "show-icon": ""
+                      }, null, 8, ["message", "type"])
+                    ]),
+                    _: 1
+                  })) : g("", !0)
+                ]),
+                _: 1
+              })) : g("", !0)
+            ]),
+            _: 1
+          }, 8, ["spinning"])
+        ]),
+        _: 1
+      }, 8, ["open"]);
+    };
+  }
+});
+export {
+  W as default
+};

package/dist/es/src/app/log/components/AccessLogList.vue.js

@@ -0,0 +1,7 @@
+import o from "./AccessLogList.vue2.js";
+/* empty css                   */
+import t from "../../../../_virtual/_plugin-vue_export-helper.js";
+const a = /* @__PURE__ */ t(o, [["__scopeId", "data-v-43cad169"]]);
+export {
+  a as default
+};

package/dist/es/src/app/log/components/AccessLogList.vue2.js

@@ -0,0 +1,452 @@
+import { defineComponent as j, ref as D, reactive as S, computed as F, resolveComponent as u, openBlock as p, createElementBlock as E, createElementVNode as g, createVNode as t, withCtx as l, createTextVNode as d, unref as x, createBlock as I, toDisplayString as v, normalizeStyle as $, createCommentVNode as J, nextTick as K } from "vue";
+import { message as R } from "ant-design-vue";
+import { SearchOutlined as Q, RedoOutlined as W, GlobalOutlined as X, DownloadOutlined as Z } from "@ant-design/icons-vue";
+import { queryAccessLogs as ee } from "../api.js";
+import te from "./AccessLogDetail.vue.js";
+import { FxCardTable as le } from "@since2006/components";
+const ae = { class: "access-log-list" }, oe = { class: "ant-pro-table" }, ne = { class: "ant-pro-table-search" }, de = { class: "text-ellipsis" }, se = { class: "text-ellipsis" }, re = { class: "text-ellipsis" }, ue = ["onClick"], Ie = /* @__PURE__ */ j({
+  __name: "AccessLogList",
+  setup(ie) {
+    const w = D(), U = D(!1), C = D(!1), c = [
+      {
+        title: "追踪ID",
+        dataIndex: "traceId",
+        width: "200px",
+        fixed: "left"
+      },
+      {
+        title: "用户ID",
+        dataIndex: "userId",
+        width: "120px"
+      },
+      {
+        title: "请求方法",
+        dataIndex: "method",
+        width: "80px"
+      },
+      {
+        title: "请求URI",
+        dataIndex: "uri",
+        width: "250px",
+        ellipsis: !0
+      },
+      {
+        title: "状态码",
+        dataIndex: "responseStatus",
+        width: "80px",
+        sorter: !0
+      },
+      {
+        title: "耗时",
+        dataIndex: "latencyMs",
+        width: "80px",
+        sorter: !0
+      },
+      {
+        title: "IP地址",
+        dataIndex: "ipAddress",
+        width: "140px"
+      },
+      {
+        title: "User-Agent",
+        dataIndex: "userAgent",
+        width: "200px",
+        ellipsis: !0
+      },
+      {
+        title: "请求时间",
+        dataIndex: "requestTime",
+        width: "180px",
+        sorter: !0
+      },
+      {
+        title: "操作",
+        dataIndex: "action",
+        width: "80px",
+        fixed: "right"
+      }
+    ], P = {
+      userId: void 0,
+      method: void 0,
+      responseStatus: void 0,
+      uri: void 0,
+      ipAddress: void 0,
+      dateRange: void 0,
+      query: void 0
+    }, a = S({ ...P }), M = F(() => ({
+      page: 1,
+      pageSize: 20,
+      userId: a.userId,
+      method: a.method,
+      responseStatus: a.responseStatus,
+      uri: a.uri,
+      ipAddress: a.ipAddress,
+      startDate: a.dateRange ? a.dateRange[0].format("YYYY-MM-DD HH:mm:ss") : void 0,
+      endDate: a.dateRange ? a.dateRange[1].format("YYYY-MM-DD HH:mm:ss") : void 0,
+      query: a.query,
+      sorting: void 0
+    })), _ = S({
+      open: !1,
+      logId: ""
+    }), m = () => {
+      var o;
+      (o = w.value) == null || o.refresh();
+    }, Y = async () => {
+      Object.assign(a, P), await K(), m();
+    }, H = () => {
+      var o;
+      (o = w.value) == null || o.refresh();
+    }, L = async () => {
+      C.value = !0;
+      try {
+        R.success("导出成功");
+      } catch {
+        R.error("导出失败");
+      } finally {
+        C.value = !1;
+      }
+    }, q = (o) => ({
+      GET: "green",
+      POST: "blue",
+      PUT: "orange",
+      DELETE: "red",
+      PATCH: "purple"
+    })[o] || "default", O = (o) => o >= 200 && o < 300 ? "green" : o >= 300 && o < 400 ? "blue" : o >= 400 && o < 500 ? "orange" : o >= 500 ? "red" : "default", V = (o) => o < 100 ? "#52c41a" : o < 500 ? "#fa8c16" : o < 1e3 ? "#ff7875" : "#ff4d4f", G = (o) => {
+      _.open = !0, _.logId = o.id;
+    };
+    return (o, e) => {
+      const y = u("a-input"), f = u("a-form-item"), i = u("a-col"), r = u("a-select-option"), T = u("a-select"), N = u("a-range-picker"), k = u("a-button"), z = u("a-row"), B = u("a-form"), h = u("a-space"), A = u("a-tag"), b = u("a-tooltip");
+      return p(), E("div", ae, [
+        g("div", oe, [
+          g("div", ne, [
+            t(B, { layout: "horizontal" }, {
+              default: l(() => [
+                t(z, {
+                  gutter: 16,
+                  type: "flex",
+                  justify: "start"
+                }, {
+                  default: l(() => [
+                    t(i, { flex: "200px" }, {
+                      default: l(() => [
+                        t(f, { label: "用户ID" }, {
+                          default: l(() => [
+                            t(y, {
+                              value: a.userId,
+                              "onUpdate:value": e[0] || (e[0] = (n) => a.userId = n),
+                              placeholder: "请输入用户ID",
+                              onPressEnter: m,
+                              allowClear: ""
+                            }, null, 8, ["value"])
+                          ]),
+                          _: 1
+                        })
+                      ]),
+                      _: 1
+                    }),
+                    t(i, { flex: "150px" }, {
+                      default: l(() => [
+                        t(f, { label: "请求方法" }, {
+                          default: l(() => [
+                            t(T, {
+                              value: a.method,
+                              "onUpdate:value": e[1] || (e[1] = (n) => a.method = n),
+                              placeholder: "选择方法",
+                              allowClear: ""
+                            }, {
+                              default: l(() => [
+                                t(r, { value: "GET" }, {
+                                  default: l(() => e[8] || (e[8] = [
+                                    d("GET")
+                                  ])),
+                                  _: 1
+                                }),
+                                t(r, { value: "POST" }, {
+                                  default: l(() => e[9] || (e[9] = [
+                                    d("POST")
+                                  ])),
+                                  _: 1
+                                }),
+                                t(r, { value: "PUT" }, {
+                                  default: l(() => e[10] || (e[10] = [
+                                    d("PUT")
+                                  ])),
+                                  _: 1
+                                }),
+                                t(r, { value: "DELETE" }, {
+                                  default: l(() => e[11] || (e[11] = [
+                                    d("DELETE")
+                                  ])),
+                                  _: 1
+                                }),
+                                t(r, { value: "PATCH" }, {
+                                  default: l(() => e[12] || (e[12] = [
+                                    d("PATCH")
+                                  ])),
+                                  _: 1
+                                })
+                              ]),
+                              _: 1
+                            }, 8, ["value"])
+                          ]),
+                          _: 1
+                        })
+                      ]),
+                      _: 1
+                    }),
+                    t(i, { flex: "150px" }, {
+                      default: l(() => [
+                        t(f, { label: "状态码" }, {
+                          default: l(() => [
+                            t(T, {
+                              value: a.responseStatus,
+                              "onUpdate:value": e[2] || (e[2] = (n) => a.responseStatus = n),
+                              placeholder: "选择状态码",
+                              allowClear: ""
+                            }, {
+                              default: l(() => [
+                                t(r, { value: 200 }, {
+                                  default: l(() => e[13] || (e[13] = [
+                                    d("200")
+                                  ])),
+                                  _: 1
+                                }),
+                                t(r, { value: 201 }, {
+                                  default: l(() => e[14] || (e[14] = [
+                                    d("201")
+                                  ])),
+                                  _: 1
+                                }),
+                                t(r, { value: 400 }, {
+                                  default: l(() => e[15] || (e[15] = [
+                                    d("400")
+                                  ])),
+                                  _: 1
+                                }),
+                                t(r, { value: 401 }, {
+                                  default: l(() => e[16] || (e[16] = [
+                                    d("401")
+                                  ])),
+                                  _: 1
+                                }),
+                                t(r, { value: 403 }, {
+                                  default: l(() => e[17] || (e[17] = [
+                                    d("403")
+                                  ])),
+                                  _: 1
+                                }),
+                                t(r, { value: 404 }, {
+                                  default: l(() => e[18] || (e[18] = [
+                                    d("404")
+                                  ])),
+                                  _: 1
+                                }),
+                                t(r, { value: 500 }, {
+                                  default: l(() => e[19] || (e[19] = [
+                                    d("500")
+                                  ])),
+                                  _: 1
+                                })
+                              ]),
+                              _: 1
+                            }, 8, ["value"])
+                          ]),
+                          _: 1
+                        })
+                      ]),
+                      _: 1
+                    }),
+                    t(i, { flex: "200px" }, {
+                      default: l(() => [
+                        t(f, { label: "请求URI" }, {
+                          default: l(() => [
+                            t(y, {
+                              value: a.uri,
+                              "onUpdate:value": e[3] || (e[3] = (n) => a.uri = n),
+                              placeholder: "请输入请求URI",
+                              onPressEnter: m,
+                              allowClear: ""
+                            }, null, 8, ["value"])
+                          ]),
+                          _: 1
+                        })
+                      ]),
+                      _: 1
+                    }),
+                    t(i, { flex: "200px" }, {
+                      default: l(() => [
+                        t(f, { label: "IP地址" }, {
+                          default: l(() => [
+                            t(y, {
+                              value: a.ipAddress,
+                              "onUpdate:value": e[4] || (e[4] = (n) => a.ipAddress = n),
+                              placeholder: "请输入IP地址",
+                              onPressEnter: m,
+                              allowClear: ""
+                            }, null, 8, ["value"])
+                          ]),
+                          _: 1
+                        })
+                      ]),
+                      _: 1
+                    }),
+                    t(i, { flex: "300px" }, {
+                      default: l(() => [
+                        t(f, { label: "时间范围" }, {
+                          default: l(() => [
+                            t(N, {
+                              value: a.dateRange,
+                              "onUpdate:value": e[5] || (e[5] = (n) => a.dateRange = n),
+                              "show-time": "",
+                              format: "YYYY-MM-DD HH:mm:ss"
+                            }, null, 8, ["value"])
+                          ]),
+                          _: 1
+                        })
+                      ]),
+                      _: 1
+                    }),
+                    t(i, { flex: "240px" }, {
+                      default: l(() => [
+                        t(f, { label: "搜索" }, {
+                          default: l(() => [
+                            t(y, {
+                              value: a.query,
+                              "onUpdate:value": e[6] || (e[6] = (n) => a.query = n),
+                              placeholder: "追踪ID、User-Agent等",
+                              onPressEnter: m,
+                              allowClear: ""
+                            }, null, 8, ["value"])
+                          ]),
+                          _: 1
+                        })
+                      ]),
+                      _: 1
+                    }),
+                    t(i, null, {
+                      default: l(() => [
+                        t(k, {
+                          onClick: m,
+                          type: "primary",
+                          loading: U.value
+                        }, {
+                          default: l(() => [
+                            t(x(Q)),
+                            e[20] || (e[20] = d(" 搜索 "))
+                          ]),
+                          _: 1
+                        }, 8, ["loading"]),
+                        t(k, {
+                          onClick: Y,
+                          style: { "margin-left": "8px" }
+                        }, {
+                          default: l(() => [
+                            t(x(W)),
+                            e[21] || (e[21] = d(" 重置 "))
+                          ]),
+                          _: 1
+                        })
+                      ]),
+                      _: 1
+                    })
+                  ]),
+                  _: 1
+                })
+              ]),
+              _: 1
+            })
+          ]),
+          t(x(le), {
+            columns: c,
+            "load-data": x(ee),
+            params: M.value,
+            ref_key: "tableRef",
+            ref: w,
+            "row-key": "id"
+          }, {
+            title: l(() => [
+              t(x(X)),
+              e[22] || (e[22] = d(" 访问日志 "))
+            ]),
+            extra: l(() => [
+              t(h, null, {
+                default: l(() => [
+                  t(k, {
+                    onClick: L,
+                    loading: C.value
+                  }, {
+                    default: l(() => [
+                      t(x(Z)),
+                      e[23] || (e[23] = d(" 导出 "))
+                    ]),
+                    _: 1
+                  }, 8, ["loading"])
+                ]),
+                _: 1
+              })
+            ]),
+            bodyCell: l(({ column: n, record: s }) => [
+              n.dataIndex === "method" ? (p(), I(A, {
+                key: 0,
+                color: q(s.method)
+              }, {
+                default: l(() => [
+                  d(v(s.method), 1)
+                ]),
+                _: 2
+              }, 1032, ["color"])) : n.dataIndex === "responseStatus" ? (p(), I(A, {
+                key: 1,
+                color: O(s.responseStatus)
+              }, {
+                default: l(() => [
+                  d(v(s.responseStatus), 1)
+                ]),
+                _: 2
+              }, 1032, ["color"])) : n.dataIndex === "latencyMs" ? (p(), E("span", {
+                key: 2,
+                style: $({ color: V(s.latencyMs) })
+              }, v(s.latencyMs) + "ms ", 5)) : n.dataIndex === "uri" ? (p(), I(b, {
+                key: 3,
+                title: s.uri
+              }, {
+                default: l(() => [
+                  g("span", de, v(s.uri), 1)
+                ]),
+                _: 2
+              }, 1032, ["title"])) : n.dataIndex === "userAgent" ? (p(), I(b, {
+                key: 4,
+                title: s.userAgent
+              }, {
+                default: l(() => [
+                  g("span", se, v(s.userAgent), 1)
+                ]),
+                _: 2
+              }, 1032, ["title"])) : n.dataIndex === "traceId" ? (p(), I(b, {
+                key: 5,
+                title: s.traceId
+              }, {
+                default: l(() => [
+                  g("span", re, v(s.traceId), 1)
+                ]),
+                _: 2
+              }, 1032, ["title"])) : n.dataIndex === "action" ? (p(), E("a", {
+                key: 6,
+                onClick: (pe) => G(s)
+              }, "详情", 8, ue)) : J("", !0)
+            ]),
+            _: 1
+          }, 8, ["load-data", "params"])
+        ]),
+        t(te, {
+          open: _.open,
+          "onUpdate:open": e[7] || (e[7] = (n) => _.open = n),
+          "log-id": _.logId,
+          onRefresh: H
+        }, null, 8, ["open", "log-id"])
+      ]);
+    };
+  }
+});
+export {
+  Ie as default
+};