act-plus 1.1.8 → 1.1.9

package/lib/{index-b2123407.js → index-9e5c202e.js}

@@ -1,5 +1,5 @@
 import { ref as h, watch as I, resolveComponent as _, openBlock as a, createElementBlock as d, createVNode as u, unref as p, isRef as b, withCtx as m, createElementVNode as g, createBlock as w, createCommentVNode as C, createTextVNode as N, Fragment as B, renderList as E, normalizeClass as S } from "vue";
-import { _ as z } from "./index-02960f7a.js";
+import { _ as z } from "./index-7ef6e17e.js";
 import "vue-router";
 const A = { class: "select-icon-container" }, F = { class: "icon-list" }, L = ["onClick"], P = {
   class: "icon-value",

package/lib/index-a02a1e59.js

@@ -0,0 +1,164 @@
+import { ref as g, watch as M, resolveComponent as s, openBlock as a, createElementBlock as f, unref as t, createBlock as n, normalizeStyle as B, withCtx as p, Fragment as y, renderList as m, createCommentVNode as _, createTextVNode as E, toDisplayString as F } from "vue";
+import { _ as L, u as O, P as R, T as $ } from "./index-7ef6e17e.js";
+import "vue-router";
+const H = { class: "search-module-container" }, Q = {
+  __name: "index",
+  props: {
+    data: { type: Object, default: () => ({}) }
+  },
+  emits: ["reset", "search"],
+  setup(w, { emit: x }) {
+    const { t: r } = O(), v = x, V = w;
+    let c = g([]), k = g([]);
+    const N = (d) => {
+      c.value = (d || []).filter((o) => o.useScenes.includes("tableSearch"));
+    }, P = (d) => {
+      const o = (d || []).filter((u) => u.permissionCode === 1001);
+      k.value = [...o, { btnName: r("act.reset"), permissionCode: "9999", btnColor: "info", btnIcon: "btn-reset" }];
+    };
+    M(
+      () => V.data,
+      (d, o) => {
+        N(d.fields), P(d.buttons);
+      },
+      { immediate: !0 }
+    );
+    const i = (d) => {
+      switch (d.permissionCode) {
+        case "9999":
+          c.value.forEach((u) => {
+            u.fieldType.includes("&") ? u.queryValue = [] : u.queryValue = void 0;
+          }), v("reset", []);
+          break;
+        default:
+          const o = c.value.filter((u) => !!u.queryValue);
+          v("search", o);
+          break;
+      }
+    };
+    return (d, o) => {
+      const u = s("el-input"), C = s("el-option"), T = s("el-select"), Y = s("el-cascader"), q = s("el-date-picker"), U = s("el-form-item"), I = s("a-svg-icon"), S = s("el-button"), D = s("el-form");
+      return a(), f("div", H, [
+        t(c) && t(c).length ? (a(), n(D, {
+          key: 0,
+          style: B({ "--table-query-row-width": V.data.tableConfig.tableQueryRowWidth }),
+          class: "form-content",
+          ref: "elForm",
+          "label-suffix": ":",
+          "label-position": "right"
+        }, {
+          default: p(() => [
+            (a(!0), f(y, null, m(t(c), (e, b) => (a(), n(U, {
+              class: "search-form-item",
+              "label-width": V.data.tableConfig.tableQueryLabelWidth,
+              key: b,
+              label: e.fieldName
+            }, {
+              default: p(() => [
+                e.fieldType === "input" ? (a(), n(u, {
+                  key: 0,
+                  modelValue: e.queryValue,
+                  "onUpdate:modelValue": (l) => e.queryValue = l,
+                  placeholder: `${t(r)("act.inputPlaceholder")}${e.fieldName}`,
+                  clearable: ""
+                }, null, 8, ["modelValue", "onUpdate:modelValue", "placeholder"])) : e.fieldType === "select" || e.fieldType === "switch" ? (a(), n(T, {
+                  key: 1,
+                  modelValue: e.queryValue,
+                  "onUpdate:modelValue": (l) => e.queryValue = l,
+                  placeholder: `${t(r)("act.selectPlaceholder")}${e.fieldName}`,
+                  clearable: "",
+                  filterable: "",
+                  onChange: o[0] || (o[0] = (l) => i({ permissionCode: 1001 }))
+                }, {
+                  default: p(() => [
+                    (a(!0), f(y, null, m(e.dataList, (l, h) => (a(), n(C, {
+                      key: h,
+                      label: l.key,
+                      value: l.value
+                    }, null, 8, ["label", "value"]))), 128))
+                  ]),
+                  _: 2
+                }, 1032, ["modelValue", "onUpdate:modelValue", "placeholder"])) : e.fieldType === "multipleSelect" ? (a(), n(T, {
+                  key: 2,
+                  modelValue: e.queryValue,
+                  "onUpdate:modelValue": (l) => e.queryValue = l,
+                  placeholder: t(r)("act.selectPlaceholder") + e.fieldName,
+                  clearable: "",
+                  filterable: "",
+                  onChange: o[1] || (o[1] = (l) => i({ permissionCode: 1001 }))
+                }, {
+                  default: p(() => [
+                    (a(!0), f(y, null, m(e.dataList, (l, h) => (a(), n(C, {
+                      key: h,
+                      label: l.key,
+                      value: l.value
+                    }, null, 8, ["label", "value"]))), 128))
+                  ]),
+                  _: 2
+                }, 1032, ["modelValue", "onUpdate:modelValue", "placeholder"])) : e.fieldType === "provinceCascade" ? (a(), n(Y, {
+                  key: 3,
+                  modelValue: e.queryValue,
+                  "onUpdate:modelValue": (l) => e.queryValue = l,
+                  options: e.selectList,
+                  props: { ...t(R), [e.fieldUiType]: !0 },
+                  clearable: "",
+                  filterable: "",
+                  placeholder: t(r)("act.selectPlaceholder") + e.fieldName
+                }, null, 8, ["modelValue", "onUpdate:modelValue", "options", "props", "placeholder"])) : e.fieldType === "date" ? (a(), n(q, {
+                  key: 4,
+                  modelValue: e.queryValue,
+                  "onUpdate:modelValue": (l) => e.queryValue = l,
+                  type: e.fieldUiType || "date",
+                  placeholder: `${t(r)("act.selectPlaceholder")}${t(r)("act.time")}`,
+                  "value-format": t($)[e.fieldUiType] || "YYYY-MM-DD HH:mm:ss",
+                  onChange: o[2] || (o[2] = (l) => i({ permissionCode: 1001 }))
+                }, null, 8, ["modelValue", "onUpdate:modelValue", "type", "placeholder", "value-format"])) : e.fieldType === "dateRange" ? (a(), n(q, {
+                  key: 5,
+                  modelValue: e.queryValue,
+                  "onUpdate:modelValue": (l) => e.queryValue = l,
+                  type: e.fieldUiType || "date",
+                  "start-placeholder": t(r)("act.startTime"),
+                  "end-placeholder": t(r)("act.endTime"),
+                  "value-format": t($)[e.fieldUiType] || "YYYY-MM-DD HH:mm:ss",
+                  onChange: o[3] || (o[3] = (l) => i({ permissionCode: 1001 }))
+                }, null, 8, ["modelValue", "onUpdate:modelValue", "type", "start-placeholder", "end-placeholder", "value-format"])) : _("", !0)
+              ]),
+              _: 2
+            }, 1032, ["label-width", "label"]))), 128)),
+            t(c).length ? (a(), n(U, {
+              key: 0,
+              class: "search-form-btn",
+              "label-width": "0"
+            }, {
+              default: p(() => [
+                (a(!0), f(y, null, m(t(k), (e, b) => (a(), n(S, {
+                  key: b,
+                  type: e.btnColor,
+                  onClick: (l) => i(e)
+                }, {
+                  default: p(() => [
+                    e.btnIcon ? (a(), n(I, {
+                      key: 0,
+                      class: "mr6",
+                      name: e.btnIcon,
+                      width: "12",
+                      height: "12",
+                      color: "#fff"
+                    }, null, 8, ["name"])) : _("", !0),
+                    E(" " + F(e.btnName), 1)
+                  ]),
+                  _: 2
+                }, 1032, ["type", "onClick"]))), 128))
+              ]),
+              _: 1
+            })) : _("", !0)
+          ]),
+          _: 1
+        }, 8, ["style"])) : _("", !0)
+      ]);
+    };
+  }
+}, z = /* @__PURE__ */ L(Q, [["__scopeId", "data-v-810f647f"]]);
+export {
+  z as default
+};

package/lib/{index-75534c81.js → index-b631c218.js}

@@ -1,5 +1,5 @@
 import { ref as R, inject as l, watch as j, resolveComponent as g, openBlock as s, createElementBlock as m, Fragment as y, renderList as q, unref as f, createBlock as c, resolveDynamicComponent as A, withCtx as _, createVNode as O, createCommentVNode as i, createTextVNode as B, toDisplayString as k } from "vue";
-import { _ as E } from "./index-02960f7a.js";
+import { _ as E } from "./index-7ef6e17e.js";
 import "vue-router";
 const H = { class: "header-operate-container" }, M = {
   __name: "index",
@@ -7,32 +7,32 @@ const H = { class: "header-operate-container" }, M = {
     data: { type: Object, default: () => ({}) }
   },
   emits: ["operate"],
-  setup(w, { emit: x }) {
-    const N = x, T = w;
+  setup(w, { emit: N }) {
+    const T = N, x = w;
     let b = R([]);
-    const V = l("globalProps"), v = l("menuPermissionBtns"), F = l("stringToBoolean"), $ = l("matchCondition"), D = l("getTableData"), S = l("tableBtnRefs"), P = (o) => {
-      if (!o.matchFields.length)
+    const V = l("globalProps"), v = l("menuPermissionBtns"), F = l("stringToBoolean"), $ = l("matchCondition"), D = l("getTableData"), S = l("tableBtnRefs"), P = (n) => {
+      if (!n.matchFields.length)
         return !0;
-      const n = o.matchFields.filter((t) => t.matchType != "default"), a = (t) => V.matchData[t.matchType][t.matchFieldName];
-      let e = n.reduce((t, r, p) => {
+      const o = n.matchFields.filter((t) => t.matchType != "default"), a = (t) => V.matchData[t.matchType][t.matchFieldName];
+      let e = o.reduce((t, r, p) => {
         const L = a(r);
-        return t += $(r.matchCondition, L, r.fieldValue == "" ? null : r.fieldValue == "true" ? F(r.fieldValue) : r.fieldValue), p !== n.length - 1 && (t += r.spliceCondition || "&&"), t;
+        return t += $(r.matchCondition, L, r.fieldValue == "" ? null : r.fieldValue == "true" ? F(r.fieldValue) : r.fieldValue), p !== o.length - 1 && (t += r.spliceCondition || "&&"), t;
       }, "").split("||"), d = e.reduce((t, r, p) => (t += `(${r})`, p < e.length - 1 && (t += "||"), t), "");
       return new Function(`return ${d}`)();
-    }, h = (o) => v.value.some((n) => n.unique == o.permissionCode) && P(o), I = (o) => {
-      b.value = (o || []).filter((n) => n.permissionCode !== 1001 && n.btnPostion.includes("header")).sort((n, a) => n.sort - a.sort);
+    }, h = (n) => v.value.some((o) => o.unique == n.permissionCode) && P(n), I = (n) => {
+      b.value = (n || []).filter((o) => o.permissionCode !== 1001 && o.btnPostion.includes("header")).sort((o, a) => o.sort - a.sort);
     };
     j(
-      () => T.data,
-      (o, n) => {
-        I(o.buttons);
+      () => x.data,
+      (n, o) => {
+        I(n.buttons);
       },
       { immediate: !0 }
     );
-    const C = (o) => {
-      N("operate", o, {});
+    const C = (n) => {
+      T("operate", n, {});
     };
-    return (o, n) => {
+    return (n, o) => {
       const a = g("a-svg-icon"), u = g("el-button");
       return s(), m("div", H, [
         (s(!0), m(y, null, q(f(b), (e, d) => (s(), m(y, { key: d }, [
@@ -41,7 +41,7 @@ const H = { class: "header-operate-container" }, M = {
             ref_for: !0,
             ref: (t) => f(S)[`${e.customComponentName}-${e.permissionCode}`] = t,
             buttonData: e,
-            onRefresh: n[0] || (n[0] = (t) => f(D)())
+            onRefresh: o[0] || (o[0] = (t) => f(D)())
           }, {
             default: _(() => [
               O(u, {
@@ -81,7 +81,7 @@ const H = { class: "header-operate-container" }, M = {
                 height: "12",
                 color: "#fff"
               }, null, 8, ["name"])) : i("", !0),
-              B(" " + k(e.opeateLoading ? e.btnName + "中..." : e.btnName), 1)
+              B(" " + k(e.opeateLoading ? e.btnName + n.t("act.中") + "..." : e.btnName), 1)
             ]),
             _: 2
           }, 1032, ["type", "loading", "onClick"])) : i("", !0)
@@ -89,7 +89,7 @@ const H = { class: "header-operate-container" }, M = {
       ]);
     };
   }
-}, K = /* @__PURE__ */ E(M, [["__scopeId", "data-v-96b771c9"]]);
+}, K = /* @__PURE__ */ E(M, [["__scopeId", "data-v-67a827c3"]]);
 export {
   K as default
 };

package/lib/{index-0de0e0e4.js → index-dc6223c1.js}

@@ -1,7 +1,7 @@
-import { ref as I, watch as N, resolveComponent as u, resolveDirective as P, openBlock as a, createElementBlock as d, withDirectives as R, createBlock as n, withCtx as c, createTextVNode as T, toDisplayString as K, Fragment as s, renderList as O, renderSlot as h, createCommentVNode as j, nextTick as f } from "vue";
-import { _ as A } from "./index-02960f7a.js";
+import { ref as P, watch as R, resolveComponent as u, resolveDirective as T, openBlock as a, createElementBlock as d, withDirectives as D, createBlock as n, withCtx as c, createTextVNode as K, toDisplayString as O, unref as f, Fragment as s, renderList as j, renderSlot as y, createCommentVNode as A, nextTick as w } from "vue";
+import { _ as E, u as H } from "./index-7ef6e17e.js";
 import "vue-router";
-const D = { class: "act-table" }, E = {
+const U = { class: "act-table" }, V = {
   __name: "index",
   props: {
     loading: { type: Boolean, default: !1 },
@@ -17,40 +17,40 @@ const D = { class: "act-table" }, E = {
     treeProps: { type: Object, default: () => ({ children: "children", hasChildren: "hasChildren" }) }
   },
   emits: ["update:tableQuery", "update:selection", "refresh"],
-  setup(g, { expose: y, emit: w }) {
-    const i = w, t = g;
-    let p = I(null);
-    const b = (o) => t.showPagination ? o + 1 + (t.tableQuery.pageIndex - 1) * t.tableQuery.pageSize : o + 1, x = (o) => {
-      f(() => {
+  setup(g, { expose: b, emit: x }) {
+    const { t: h } = H(), i = x, t = g;
+    let p = P(null);
+    const _ = (o) => t.showPagination ? o + 1 + (t.tableQuery.pageIndex - 1) * t.tableQuery.pageSize : o + 1, S = (o) => {
+      w(() => {
         t.data.forEach((l) => {
           o.includes(l[t.rowKey]) && p.value.toggleRowSelection(l, !0);
         });
       });
-    }, _ = (o) => p.value.getSelectionRows();
-    N(
+    }, k = (o) => p.value.getSelectionRows();
+    R(
       () => t.selection,
       (o, l) => {
-        o && o.length && x(o);
+        o && o.length && S(o);
       },
       { deep: !0, immediate: !0 }
     );
-    const S = (o) => {
+    const m = (o) => {
       i("update:selection", o);
-    }, k = (o, l) => {
-      o && f(() => {
+    }, v = (o, l) => {
+      o && w(() => {
         t.data.forEach((r) => {
           o.includes(r[t.rowKey]) && p.value.toggleRowSelection(r, !0);
         });
       });
-    }, m = (o) => {
+    }, C = (o) => {
       i("update:tableQuery", { ...t.tableQuery, pageSize: o }), i("refresh", []);
-    }, v = (o) => {
+    }, z = (o) => {
       i("update:tableQuery", { ...t.tableQuery, pageIndex: o }), i("refresh", []);
     };
-    return y({ getSelectionRows: _, updateSelection: k }), (o, l) => {
-      const r = u("el-table-column"), C = u("el-table"), z = u("el-pagination"), Q = P("loading");
-      return a(), d("div", D, [
-        R((a(), n(C, {
+    return b({ getSelectionRows: k, updateSelection: v }), (o, l) => {
+      const r = u("el-table-column"), Q = u("el-table"), I = u("el-pagination"), B = T("loading");
+      return a(), d("div", U, [
+        D((a(), n(Q, {
           ref_key: "tableRef",
           ref: p,
           data: t.data,
@@ -62,14 +62,14 @@ const D = { class: "act-table" }, E = {
           "default-expand-all": "",
           "tree-props": g.treeProps,
           "header-cell-style": { backgroundColor: "#eef1f6", color: "#1f2d3d", fontSize: "14px" },
-          onSelectionChange: S
+          onSelectionChange: m
         }, {
           empty: c(() => [
-            T(K(t.data.length || t.data.length == 0 ? "暂无数据" : ""), 1)
+            K(O(t.data.length || t.data.length == 0 ? f(h)("act.noData") : ""), 1)
           ]),
           default: c(() => [
-            (a(!0), d(s, null, O(t.headers, (e) => (a(), d(s, { key: e }, [
-              e.isCustomTableHeader ? h(o.$slots, e.prop, { key: 0 }, void 0, !0) : (a(), d(s, { key: 1 }, [
+            (a(!0), d(s, null, j(t.headers, (e) => (a(), d(s, { key: e }, [
+              e.isCustomTableHeader ? y(o.$slots, e.prop, { key: 0 }, void 0, !0) : (a(), d(s, { key: 1 }, [
                 e.render ? (a(), n(r, {
                   key: 0,
                   label: e.label,
@@ -78,8 +78,8 @@ const D = { class: "act-table" }, E = {
                   "show-overflow-tooltip": e.prop == "operate" ? !1 : e.showOverflowTooltip,
                   fixed: e.fixed
                 }, {
-                  default: c((B) => [
-                    h(o.$slots, e.prop, { scope: B }, void 0, !0)
+                  default: c((N) => [
+                    y(o.$slots, e.prop, { scope: N }, void 0, !0)
                   ]),
                   _: 2
                 }, 1032, ["label", "width", "show-overflow-tooltip", "fixed"])) : (a(), d(s, { key: 1 }, [
@@ -91,13 +91,13 @@ const D = { class: "act-table" }, E = {
                     fixed: ""
                   }, null, 8, ["width"])) : e.prop == "serialNumber" ? (a(), n(r, {
                     key: 1,
-                    index: b,
+                    index: _,
                     type: "index",
                     align: "center",
                     width: e.width,
-                    label: "序号",
+                    label: f(h)("act.sort"),
                     fixed: ""
-                  }, null, 8, ["width"])) : (a(), n(r, {
+                  }, null, 8, ["width", "label"])) : (a(), n(r, {
                     key: 2,
                     prop: e.prop,
                     label: e.label,
@@ -113,9 +113,9 @@ const D = { class: "act-table" }, E = {
           ]),
           _: 3
         }, 8, ["data", "max-height", "row-key", "tree-props"])), [
-          [Q, t.loading]
+          [B, t.loading]
         ]),
-        t.showPagination ? (a(), n(z, {
+        t.showPagination ? (a(), n(I, {
           key: 0,
           class: "table-pagination",
           "current-page": t.tableQuery.pageIndex,
@@ -126,13 +126,13 @@ const D = { class: "act-table" }, E = {
           background: "",
           layout: "total, sizes, prev, pager, next, jumper",
           total: t.total,
-          onSizeChange: m,
-          onCurrentChange: v
-        }, null, 8, ["current-page", "page-size", "total"])) : j("", !0)
+          onSizeChange: C,
+          onCurrentChange: z
+        }, null, 8, ["current-page", "page-size", "total"])) : A("", !0)
       ]);
     };
   }
-}, $ = /* @__PURE__ */ A(E, [["__scopeId", "data-v-0dd0357d"]]);
+}, M = /* @__PURE__ */ E(V, [["__scopeId", "data-v-3c7bb62d"]]);
 export {
-  $ as default
+  M as default
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "act-plus",
-  "version": "1.1.8",
+  "version": "1.1.9",
   "private": false,
   "description": "act config",
   "main": "act-plus.js",

package/style.css

@@ -1 +1 @@
-@charset "UTF-8";[data-v-824bd74c] .el-empty__image{width:100%}[data-v-824bd74c] .el-link.el-link--primary{--el-link-text-color: #409eff;--el-link-hover-text-color: #409eff}.page-container[data-v-182c790b]{position:relative}.page-container .header-operate[data-v-182c790b]{position:sticky;top:0;z-index:999}.page-container .submit-box[data-v-182c790b]{display:flex;align-items:center;justify-content:flex-end}.page-container .submit-box-l[data-v-182c790b]{width:360px;margin-right:24px}.act-table .table-pagination[data-v-0dd0357d]{padding:12px 4px;justify-content:flex-end}.search-module-container[data-v-b5618a62] .el-form-item--default{margin-bottom:12px}.search-module-container .form-content[data-v-b5618a62]{display:grid;grid-template-columns:repeat(5,1fr);gap:12px 24px;padding:12px 12px 0}.search-module-container .form-content .search-form-btn[data-v-b5618a62]{justify-self:end;align-self:start;grid-column-start:5;grid-column-end:5}.header-operate-container[data-v-96b771c9]{display:flex;align-items:center;justify-content:flex-end}.header-operate-container .el-btn[data-v-96b771c9]{margin:6px}.card-header[data-v-326c5ba6]{display:flex;align-items:center}.card-header-operate[data-v-326c5ba6]{margin-left:auto}.no-config[data-v-326c5ba6]{line-height:32px;font-weight:700}.no-config-field[data-v-326c5ba6]{margin-left:60px;color:red}.add-icon-btn[data-v-143cd143]{cursor:pointer;width:24px;height:24px;margin-left:6px}.table-post-params[data-v-143cd143]{position:relative;margin-bottom:12px}.table-post-params .submit-operate[data-v-143cd143]{position:absolute;top:-20px;right:-10px;display:flex;align-items:center}.table-post-params .submit-operate .match-opreate[data-v-143cd143]{cursor:pointer;width:12px;height:12px}.card-header[data-v-7aea1297]{display:flex;align-items:center}.card-header-operate[data-v-7aea1297]{margin-left:auto}.form-list[data-v-7aea1297]{margin-bottom:24px;border-bottom:1px solid var(--el-color-primary)}.form-list[data-v-7aea1297]:last-child{border:none}.config-list-operate[data-v-7aea1297]{display:flex;align-items:center;justify-content:flex-end}.card-header[data-v-d50513ad]{display:flex;align-items:center}.card-header-operate[data-v-d50513ad]{margin-left:auto}.form-list[data-v-d50513ad]{margin-bottom:24px;border-bottom:1px solid var(--el-color-primary)}.form-list[data-v-d50513ad]:last-child{border:none}.config-list-operate[data-v-d50513ad]{display:flex;align-items:center;justify-content:flex-end}.add-icon-btn[data-v-599e2ff7]{cursor:pointer;width:24px;height:24px;margin-left:6px}.condition-box[data-v-599e2ff7]{display:flex;justify-content:center}.condition-box[data-v-599e2ff7] .el-form-item__content{flex:0;min-width:300px}.submit-operate[data-v-599e2ff7]{display:flex;align-items:center;height:32px;padding-left:12px}.submit-operate .match-opreate[data-v-599e2ff7]{cursor:pointer;width:20px;height:20px}.add-icon-btn[data-v-9cd100d3]{cursor:pointer;width:24px;height:24px;margin-left:6px}.submit-operate[data-v-9cd100d3]{display:flex;align-items:center;height:32px;padding-left:12px}.submit-operate .match-opreate[data-v-9cd100d3]{cursor:pointer;width:20px;height:20px}.select-icon-popover .icon-list{display:grid;grid-template-columns:repeat(8,1fr)}.select-icon-popover .icon-list .icon-item{display:flex;align-items:center;justify-content:center;margin:4px 0;border:1px solid transparent}.select-icon-popover .icon-list .icon-item .icon-svg{cursor:pointer}.select-icon-popover .icon-list .icon-item-checked{border:1px solid #000}.select-icon-container .icon-value[data-v-eac43c79]{display:flex;align-items:center}.select-icon-container .icon-value .icon-btn[data-v-eac43c79]{margin-left:12px}
+@charset "UTF-8";.page-container{padding:12px}.form-card .el-card__header{font-size:16px;font-weight:700}.rotate180{transform:rotate(180deg)}.cp{cursor:pointer}.cp:hover{opacity:.8}.ml12{margin-left:12px}.mt12{margin-top:12px}.ml6{margin-left:6px!important}.ml4{margin-left:4px!important}.mr6{margin-right:6px}.mr2{margin-right:2px}.mr4{margin-right:4px}.el-select,.el-cascader,.el-form--inline .el-form-item{display:block;width:100%}.el-card{height:100%}.el-date-editor{--el-date-editor-width: 100%}[data-v-0af6a3e1] .el-empty__image{width:100%}.page-container[data-v-182c790b]{position:relative}.page-container .header-operate[data-v-182c790b]{position:sticky;top:0;z-index:999}.page-container .submit-box[data-v-182c790b]{display:flex;align-items:center;justify-content:flex-end}.page-container .submit-box-l[data-v-182c790b]{width:360px;margin-right:24px}.act-table .table-pagination[data-v-3c7bb62d]{padding:12px 4px;justify-content:flex-end}.search-module-container[data-v-810f647f] .el-form-item--default{margin-bottom:12px}.search-module-container .form-content[data-v-810f647f]{display:grid;grid-template-columns:repeat(var(--table-query-row-width),1fr);gap:12px 24px;padding:12px 12px 0}.search-module-container .form-content .search-form-btn[data-v-810f647f]{justify-self:end;align-self:start;grid-column-start:var(--table-query-row-width);grid-column-end:var(--table-query-row-width)}.header-operate-container[data-v-67a827c3]{display:flex;align-items:center;justify-content:flex-end}.header-operate-container .el-btn[data-v-67a827c3]{margin:6px}.card-header[data-v-d2f6f691]{display:flex;align-items:center}.card-header-operate[data-v-d2f6f691]{margin-left:auto}.no-config[data-v-d2f6f691]{line-height:32px;font-weight:700}.no-config-field[data-v-d2f6f691]{margin-left:60px;color:red}.add-icon-btn[data-v-e5474dc6]{cursor:pointer;width:24px;height:24px;margin-left:6px}.table-post-params[data-v-e5474dc6]{position:relative;margin-bottom:12px}.table-post-params .submit-operate[data-v-e5474dc6]{position:absolute;top:-20px;right:-10px;display:flex;align-items:center}.table-post-params .submit-operate .match-opreate[data-v-e5474dc6]{cursor:pointer;width:12px;height:12px}.card-header[data-v-7aea1297]{display:flex;align-items:center}.card-header-operate[data-v-7aea1297]{margin-left:auto}.form-list[data-v-7aea1297]{margin-bottom:24px;border-bottom:1px solid var(--el-color-primary)}.form-list[data-v-7aea1297]:last-child{border:none}.config-list-operate[data-v-7aea1297]{display:flex;align-items:center;justify-content:flex-end}.card-header[data-v-d50513ad]{display:flex;align-items:center}.card-header-operate[data-v-d50513ad]{margin-left:auto}.form-list[data-v-d50513ad]{margin-bottom:24px;border-bottom:1px solid var(--el-color-primary)}.form-list[data-v-d50513ad]:last-child{border:none}.config-list-operate[data-v-d50513ad]{display:flex;align-items:center;justify-content:flex-end}.add-icon-btn[data-v-599e2ff7]{cursor:pointer;width:24px;height:24px;margin-left:6px}.condition-box[data-v-599e2ff7]{display:flex;justify-content:center}.condition-box[data-v-599e2ff7] .el-form-item__content{flex:0;min-width:300px}.submit-operate[data-v-599e2ff7]{display:flex;align-items:center;height:32px;padding-left:12px}.submit-operate .match-opreate[data-v-599e2ff7]{cursor:pointer;width:20px;height:20px}.add-icon-btn[data-v-4134748b]{cursor:pointer;width:24px;height:24px;margin-left:6px}.submit-operate[data-v-4134748b]{display:flex;align-items:center;height:32px;padding-left:12px}.submit-operate .match-opreate[data-v-4134748b]{cursor:pointer;width:20px;height:20px}.select-icon-popover .icon-list{display:grid;grid-template-columns:repeat(8,1fr)}.select-icon-popover .icon-list .icon-item{display:flex;align-items:center;justify-content:center;margin:4px 0;border:1px solid transparent}.select-icon-popover .icon-list .icon-item .icon-svg{cursor:pointer}.select-icon-popover .icon-list .icon-item-checked{border:1px solid #000}.select-icon-container .icon-value[data-v-eac43c79]{display:flex;align-items:center}.select-icon-container .icon-value .icon-btn[data-v-eac43c79]{margin-left:12px}