@epxing/business 0.0.0-stage → 5.3.0-beta.2

package/dist/src/components/filter/Filter.js

@@ -0,0 +1,720 @@
+import '../../../style.css';
+import { ADD_META } from "@epxing/core/src/store/actions";
+import { resolveComponent, openBlock, createElementBlock, normalizeClass, createElementVNode, createCommentVNode, Fragment, renderList, createBlock, mergeProps, createVNode, withCtx, toDisplayString, withModifiers, renderSlot } from "vue";
+/* empty css           */
+import _export_sfc from "../../../_virtual/_plugin-vue_export-helper.js";
+const _sfc_main = {
+  name: "epx-filter",
+  props: {
+    fields: {
+      type: Array,
+      default() {
+        return [];
+      }
+    },
+    metaId: {
+      type: String,
+      default: ""
+    },
+    params: {
+      type: Array,
+      default() {
+        return [];
+      }
+    },
+    modelValue: {
+      type: Array
+    },
+    filter: {
+      type: Object,
+      default() {
+        return {};
+      }
+    },
+    relations: {
+      type: Array,
+      default() {
+        return [];
+      }
+    },
+    // 是否显示筛选器
+    showFilter: {
+      type: Boolean,
+      default() {
+        return true;
+      }
+    },
+    initCondition: {
+      type: Array,
+      default() {
+        return [];
+      }
+    }
+  },
+  data() {
+    return {
+      searchConditions: [],
+      editFilterConditions: [],
+      editFilterId: "",
+      searchConfig: null,
+      commonQueryList: [],
+      allFields: [],
+      defaultProps: {
+        children: "children",
+        label: "text"
+      },
+      defaultExpandKey: [],
+      dataRelations: this.relations
+    };
+  },
+  computed: {
+    isInit() {
+      return this.allFields.length > 0 && this.searchConfig;
+    }
+  },
+  watch: {
+    metaId() {
+      const meta = this.metas[this.metaId];
+      if (!meta) {
+        this.$store.dispatch({
+          // 加回调
+          type: ADD_META,
+          metaId: this.metaId
+        }).then((data2) => {
+          if (data2) {
+            const relations = data2.getRelations();
+            this.dataRelations = relations;
+            this.getAllFieds();
+          }
+        });
+      } else {
+        const relations = meta.getRelations();
+        this.dataRelations = relations;
+        this.getAllFieds();
+      }
+    },
+    searchConditions: {
+      handler(v) {
+        this.setSearchParamsDelay(v);
+      },
+      deep: true
+    },
+    isInit() {
+      this.initSearchConditions();
+    }
+  },
+  methods: {
+    getAllFieds() {
+      const flags = this.dataRelations.map((item) => item.flag);
+      this.$http.entityFieldTreeStore({
+        metaId: this.metaId,
+        link: flags.join(","),
+        allSub: false,
+        subFields: "",
+        showKeyNameFlag: false
+      }).then((data) => {
+        const jsonData = eval("(" + data + ")");
+        jsonData.forEach((item) => {
+          item.children.forEach((field) => {
+            if (field.relatedEntity === "null" || field.relatedEntity === " ") {
+              field.relatedEntity = "";
+            }
+          });
+        });
+        this.allFields = [...jsonData];
+        this.defaultExpandKey = [this.allFields[0].code];
+      });
+    },
+    selectOperatore(index, v) {
+      const selectItem = this.searchConditions[index];
+      selectItem.operatore = v.value;
+      selectItem.operatoreC = v.name;
+      this.searchConditions[index] = selectItem;
+    },
+    selectFilterOperatore(index, v) {
+      const selectItem = this.editFilterConditions[index];
+      selectItem.operatore = v.value;
+      selectItem.operatoreC = v.name;
+      this.editFilterConditions[index] = selectItem;
+    },
+    selectOperatoreLogicalFn(index, v) {
+      const selectItem = this.searchConditions[index];
+      selectItem.operatoreLogical = v.value;
+      this.searchConditions[index] = selectItem;
+    },
+    selectFilterOperatoreLogicalFn(index, v) {
+      const selectItem = this.editFilterConditions[index];
+      selectItem.operatoreLogical = v.value;
+      this.editFilterConditions[index] = selectItem;
+    },
+    initFilter() {
+      this.modelValue.forEach(async (item, index) => {
+        let field = {};
+        this.allFields.forEach((fields) => {
+          const fieldItem = fields.children.find((fieldItem2) => fieldItem2.code === item.attriName);
+          if (fieldItem) {
+            field = { ...fieldItem, attriName: fieldItem.code, attriLabel: fieldItem.text };
+          }
+        });
+        const searchConfigItem = this.searchConfig[field.dataType] || {};
+        const { options = [], stOptions = [] } = searchConfigItem;
+        let value = item.value;
+        if (value) {
+          if (field.dataType === "list") {
+            if (typeof value === "string") value = value.split(",");
+          } else if (field.dataType === "object") {
+            if (typeof value === "string") value = value.split(",");
+            const labelArr = [];
+            for (let i = 0; i < value.length; i++) {
+              const data2 = await this.getLabel(field.relatedEntity, value[i]);
+              if (data2.label) {
+                labelArr.push(data2.label);
+              }
+            }
+            item.label = labelArr.join(",");
+          }
+        }
+        const operatore = item.relation ? item.relation : options[0] && options[0].value;
+        let operatoreC = "";
+        if (operatore) {
+          const option = options.find((item2) => item2.value === operatore) || {};
+          operatoreC = option.name;
+        }
+        this.searchConditions[index] = {
+          ...item,
+          attriName: item.attriName,
+          attriLabel: field.attriLabel,
+          codeKey: field.relatedEntity && field.relatedEntity !== "null" ? field.relatedEntity : field.codeKey,
+          dataType: field.dataType,
+          operatore,
+          operatoreC,
+          value: value || (field.dataType === "list" ? [] : ""),
+          operatoreLogical: item.link ? item.link : stOptions[0] && stOptions[0].value
+        };
+      });
+    },
+    async initSearchConditions() {
+      if (this.modelValue) {
+        this.initFilter();
+        return;
+      }
+      for (let index = 0; index < this.fields.length; index++) {
+        const item = this.fields[index];
+        let field = {};
+        if (typeof item === "string") {
+          this.allFields.forEach((fields) => {
+            const fieldItem = fields.children.find((fieldItem2) => fieldItem2.code === item);
+            if (fieldItem) {
+              field = { ...fieldItem, attriName: fieldItem.code, attriLabel: fieldItem.text };
+            }
+          });
+        } else {
+          field = { ...item };
+        }
+        const searchConfigItem = this.searchConfig[field.dataType] || {};
+        const { options = [], stOptions = [] } = searchConfigItem;
+        const condition = this.initCondition[index];
+        if (condition.value) {
+          if (field.dataType === "list") {
+            if (typeof condition.value === "string") condition.value = condition.value.split(",");
+          }
+          if (field.dataType === "object") {
+            if (typeof condition.value === "string") condition.value = condition.value.split(",");
+            const labelArr = [];
+            for (let i = 0; i < condition.value.length; i++) {
+              const data2 = await this.getLabel(field.relatedEntity, condition.value[i]);
+              if (data2.label) {
+                labelArr.push(data2.label);
+              }
+            }
+            condition.label = labelArr.join(",");
+          }
+        }
+        this.searchConditions[index] = {
+          ...condition,
+          attriName: field.attriName,
+          attriLabel: field.attriLabel,
+          codeKey: field.relatedEntity && field.relatedEntity !== "null" ? field.relatedEntity : field.codeKey,
+          dataType: field.dataType,
+          operatore: condition.relation ? condition.relation : options[0] && options[0].value,
+          value: condition.value ? condition.value : field.dataType === "list" ? [] : "",
+          operatoreLogical: condition.link ? condition.link : stOptions[0] && stOptions[0].value
+        };
+      }
+    },
+    deleteSearchField(index) {
+      const fields = this.fields.splice(index, 1);
+      delete this.searchConditions[index];
+      this.$emit("update:fields", fields);
+    },
+    deleteFilterField(index) {
+      delete this.editFilterConditions[index];
+    },
+    addSearchField(field) {
+      if (!field.leaf) return;
+      const searchField = { ...field, attriName: field.code, attriLabel: field.text };
+      if (searchField.relatedEntity && searchField.relatedEntity !== "null") {
+        searchField.codeKey = searchField.relatedEntity;
+      }
+      const fields = [...this.fields, searchField];
+      const searchConfigItem = this.searchConfig[searchField.dataType] || {};
+      const { options = [], stOptions = [] } = searchConfigItem;
+      this.searchConditions.push({
+        attriName: searchField.attriName,
+        attriLabel: searchField.attriLabel,
+        dataType: searchField.dataType,
+        codeKey: searchField.codeKey,
+        operatore: options[0] && options[0].value,
+        operatoreC: options[0] && options[0].name,
+        value: searchField.dataType === "list" ? [] : "",
+        operatoreLogical: stOptions[0] && stOptions[0].value
+      });
+      this.$emit("update:fields", fields);
+    },
+    // 添加筛选器字段
+    addFilterField(field) {
+      if (!field.leaf) return;
+      const searchField = { ...field, attriName: field.code, attriLabel: field.text };
+      if (searchField.relatedEntity && searchField.relatedEntity !== "null") {
+        searchField.codeKey = searchField.relatedEntity;
+      }
+      const searchConfigItem = this.searchConfig[searchField.dataType] || {};
+      const { options = [], stOptions = [] } = searchConfigItem;
+      this.editFilterConditions.push({
+        attriName: searchField.attriName,
+        attriLabel: searchField.attriLabel,
+        dataType: searchField.dataType,
+        codeKey: searchField.codeKey,
+        operatore: options[0] && options[0].value,
+        value: searchField.dataType === "list" ? [] : "",
+        operatoreLogical: stOptions[0] && stOptions[0].value
+      });
+    },
+    clearConditions() {
+      this.searchConditions.forEach((item, index) => {
+        const field = this.fields.find((field2) => field2.attriName === item.attriName) || {};
+        const searchConfigItem = this.searchConfig[field.dataType] || {};
+        const { options = [], stOptions = [] } = searchConfigItem;
+        this.searchConditions[index] = {
+          attriName: item.attriName,
+          attriLabel: item.attriLabel,
+          codeKey: item.codeKey,
+          dataType: item.dataType,
+          operatore: options[0] && options[0].value,
+          value: item.dataType === "list" ? [] : "",
+          operatoreLogical: stOptions[0] && stOptions[0].value
+        };
+      });
+    },
+    clearFilterConditions() {
+      this.editFilterConditions.forEach((item, index) => {
+        const field = this.fields.find((field2) => field2.attriName === item.attriName) || {};
+        const searchConfigItem = this.searchConfig[field.dataType] || {};
+        const { options = [], stOptions = [] } = searchConfigItem;
+        this.editFilterConditions[index] = {
+          attriName: item.attriName,
+          attriLabel: field.attriLabel,
+          dataType: item.dataType,
+          codeKey: field.codeKey,
+          operatore: options[0] && options[0].value,
+          value: item.dataType === "list" ? [] : "",
+          operatoreLogical: stOptions[0] && stOptions[0].value
+        };
+      });
+    },
+    switchFoldBtn(index) {
+      this.checkboxFolds[index] = !this.checkboxFolds[index];
+    },
+    getAllSearchConfig() {
+      this.$http.$request({
+        action: "getAllSearchConfig",
+        entityId: "FM_SEARCH_CONFIG"
+      }).then((data2) => {
+        this.searchConfig = { ...data2 };
+      });
+    },
+    setSearchParams(searchConditions) {
+      const searchParams = [];
+      searchConditions.forEach((item, index) => {
+        const param = { field: item.attriName, leftBrace: item.leftBrace, rightBrace: item.rightBrace, fieldC: item.attriLabel, operatoreC: item.operatoreC, codeKey: item.codeKey, value: item.value, relation: item.operatore, link: item.operatoreLogical || "and", inputMode: item.inputMode };
+        if (item.dataType === "date") {
+          param.dateType = item.dateType;
+          param.value = "";
+          if (item.operatore === "in_scope" || item.operatore === "no_in_scope") {
+            if (item.range) {
+              param.value = item.range.map((value) => this.$moment(value).format("YYYY-MM-DD"));
+            }
+          } else if (item.value && item.dateType === "set_date") {
+            param.value = this.$moment(item.value).format("YYYY-MM-DD");
+          }
+        }
+        if (Array.isArray(param.value)) {
+          param.value = param.value.join(",");
+        }
+        if (item.dataType === "num" && (item.operatore === "in_scope" || item.operatore === "no_in_scope")) {
+          if (item.max) {
+            item.value = (item.min || 0) + "," + item.max;
+          }
+        }
+        searchParams.push(param);
+      });
+      searchParams.forEach((item, index) => {
+        if (index === searchParams.length - 1) {
+          item.link = "";
+        }
+      });
+      this.$emit("update:params", searchParams);
+      this.$emit("update:modelValue", searchParams);
+      this.$emit("update:filter", {});
+    },
+    formatParams() {
+      const searchParams = [...this.params];
+      const params = {};
+      searchParams.map((item, i) => {
+        if (i < searchParams.length - 1) {
+          params[`link${i + 1}`] = item.link || "and";
+        }
+        params[`leftBrace${i + 1}`] = "";
+        params[`field${i + 1}`] = "";
+        params[`value${i + 1}`] = item.value;
+        if (item.dateType) params[`dateType${i + 1}`] = item.dateType;
+        params[`attriName${i + 1}`] = item.field.replace("#", "").replace(/\|/g, ".");
+        params[`relation${i + 1}`] = item.relation;
+        params[`realRelation${i + 1}`] = item.relation;
+        params[`realValue${i + 1}`] = item.value;
+        params[`rightBrace${i + 1}`] = "";
+        params[`metaId${i + 1}`] = this.metaId;
+      });
+      params.size = searchParams.length;
+      return params;
+    },
+    // 保存为筛选器
+    saveCommonQuery() {
+      this.$prompt("", "请输入筛选器名称", {
+        confirmButtonText: "保存",
+        cancelButtonText: this.$t("cancel"),
+        inputPattern: /.+/,
+        inputErrorMessage: "请输入筛选器名称"
+      }).then(({ value }) => {
+        const params = this.formatParams();
+        this.$http.save({
+          action: "saveCommonQuery",
+          entityId: "FM_CONDITION_QUERY",
+          roleId: this.user.currentRoleId,
+          mt_id: this.metaId,
+          newname: value,
+          ...params
+        }).then(() => {
+          this.$message.success("保存成功");
+          this.getCommonQueryList();
+        });
+      });
+    },
+    // 获取筛选器
+    getCommonQueryList() {
+      this.$http.$request({
+        action: "commonQuery",
+        entityId: "FM_CONDITION_QUERY",
+        "scope.MT_ID": this.metaId,
+        "scope.ROLE_ID": this.user.currentRoleId,
+        order_field: "ID",
+        order_mode: "DESC"
+      }).then((data2) => {
+        this.commonQueryList = [...data2.entitys];
+      });
+    },
+    useFilter(item) {
+      this.$http.$request({
+        action: "getCommonQuery",
+        entityId: "FM_CONDITION_QUERY",
+        id: item.ID
+      }).then((data2) => {
+        this.$emit("update:filter", { ...item });
+        this.$emit("update:params", [...data2.query.data]);
+      });
+    },
+    // 删除筛选器
+    removeFilter(item) {
+      this.$http.save({
+        action: "remove",
+        entityId: "FM_CONDITION_QUERY",
+        id: item.ID
+      }).then((data2) => {
+        this.$message.success("删除成功");
+        this.getCommonQueryList();
+      }).catch((err) => {
+        this.$message.error(err.message || "删除失败");
+      });
+    },
+    getLabel(metaId, id) {
+      return new Promise((resolve) => {
+        this.$http.get({
+          action: "getLabel",
+          entityId: metaId,
+          id
+        }).then((data2) => {
+          resolve(data2);
+        }).catch(() => {
+          resolve({});
+        });
+      });
+    },
+    // 编辑筛选器
+    editFilter(item) {
+      if (this.editFilterId === item.ID) {
+        this.editFilterId = null;
+        return;
+      }
+      this.editFilterConditions = [];
+      this.$http.$request({
+        action: "getCommonQuery",
+        entityId: "FM_CONDITION_QUERY",
+        id: item.ID
+      }).then((data2) => {
+        data2.query.data.forEach(async (item2, index) => {
+          let field = null;
+          this.allFields.forEach((fields) => {
+            field = fields.children.find((fieldItem) => fieldItem.code === item2.attriName) || {};
+          });
+          field.codeKey = field.relatedEntity && field.relatedEntity !== "null" ? field.relatedEntity : field.codeKey;
+          const params = {
+            attriName: item2.attriName,
+            attriLabel: field.attriLabel || field.text,
+            dataType: field.dataType,
+            codeKey: field.codeKey,
+            operatore: item2.relation,
+            value: item2.value,
+            operatoreLogical: item2.link || "and"
+          };
+          if (field.dataType === "object" && item2.inputMode !== "express") {
+            const labelArr = [];
+            const valueArr = item2.value.split(",");
+            for (let i = 0; i < valueArr.length; i++) {
+              const data3 = await this.getLabel(field.codeKey, valueArr[i]);
+              if (data3.label) {
+                labelArr.push(data3.label);
+              }
+            }
+            params.label = labelArr.join(",");
+          }
+          this.editFilterConditions[index] = params;
+        });
+        this.editFilterId = item.ID;
+      });
+    },
+    updateCondition(index, type, params = {}) {
+      const { key, value } = params;
+      if (type === "filter") {
+        if (key === "deleteField") {
+          this.deleteFilterField(index);
+        } else if (key === "selectOperatore") {
+          this.selectFilterOperatore(index, value);
+        } else if (key === "selectOperatoreLogical") {
+          this.selectFilterOperatoreLogicalFn(index, value);
+        }
+      } else {
+        if (key === "deleteField") {
+          this.deleteSearchField(index);
+        } else if (key === "selectOperatore") {
+          this.selectOperatore(index, value);
+        } else if (key === "selectOperatoreLogical") {
+          this.selectOperatoreLogicalFn(index, value);
+        }
+      }
+    }
+    // 清空当前筛选器
+    // 获取筛选器查询条件
+  },
+  created() {
+    this.getAllFieds();
+    this.getAllSearchConfig();
+    this.getCommonQueryList();
+    this.setSearchParamsDelay = this.$_.debounce(this.setSearchParams, 200);
+  },
+  mounted() {
+  }
+};
+const _hoisted_1 = { class: "filter-condition" };
+const _hoisted_2 = {
+  key: 0,
+  class: "filter-condition__title"
+};
+const _hoisted_3 = { class: "filter-condition__list" };
+const _hoisted_4 = { class: "filter-condition-opera" };
+const _hoisted_5 = { class: "filter-condition-opera__popper" };
+const _hoisted_6 = {
+  key: 0,
+  class: "filter-collection"
+};
+const _hoisted_7 = { class: "filter-collection__list" };
+const _hoisted_8 = ["onClick"];
+const _hoisted_9 = { class: "filter-collection-item-name" };
+const _hoisted_10 = { class: "filter-collection-item__operate" };
+const _hoisted_11 = ["onClick"];
+const _hoisted_12 = {
+  key: 0,
+  class: "filter-collection-content"
+};
+const _hoisted_13 = { class: "filter-condition__list" };
+const _hoisted_14 = { class: "filter-condition-opera" };
+const _hoisted_15 = { class: "filter-condition-opera__popper" };
+function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
+  const _component_epx_filter_item = resolveComponent("epx-filter-item");
+  const _component_el_tree = resolveComponent("el-tree");
+  const _component_el_popover = resolveComponent("el-popover");
+  const _component_el_popconfirm = resolveComponent("el-popconfirm");
+  return $data.searchConfig ? (openBlock(), createElementBlock("div", {
+    key: 0,
+    class: normalizeClass(["filter", { "no-filter": !$props.showFilter }])
+  }, [
+    createElementVNode("div", _hoisted_1, [
+      $props.showFilter ? (openBlock(), createElementBlock("p", _hoisted_2, "筛选条件")) : createCommentVNode("", true),
+      createElementVNode("ul", _hoisted_3, [
+        (openBlock(true), createElementBlock(Fragment, null, renderList($data.searchConditions, (condition, index) => {
+          return openBlock(), createBlock(_component_epx_filter_item, mergeProps({ ref_for: true }, _ctx.$forwardAttrs(_ctx.$attrs), {
+            key: condition.attriName + index,
+            "search-condition": condition,
+            searchConfig: $data.searchConfig,
+            onUpdate: (v) => $options.updateCondition(index, "condition", v)
+          }), null, 16, ["search-condition", "searchConfig", "onUpdate"]);
+        }), 128))
+      ]),
+      createElementVNode("div", _hoisted_4, [
+        createVNode(_component_el_popover, {
+          ref: "popover",
+          trigger: "click",
+          tabindex: 1
+        }, {
+          reference: withCtx(() => [..._cache[5] || (_cache[5] = [
+            createElementVNode("span", { class: "filter-condition-opera__item" }, [
+              createElementVNode("i", { class: "el-icon-plus" }),
+              createElementVNode("font", null, "添加筛选条件")
+            ], -1)
+          ])]),
+          default: withCtx(() => [
+            createElementVNode("div", _hoisted_5, [
+              createVNode(_component_el_tree, {
+                data: $data.allFields,
+                "node-key": "code",
+                "default-expanded-keys": $data.defaultExpandKey,
+                props: $data.defaultProps,
+                onNodeClick: $options.addSearchField
+              }, null, 8, ["data", "default-expanded-keys", "props", "onNodeClick"])
+            ])
+          ]),
+          _: 1
+        }, 512),
+        createElementVNode("span", {
+          class: "filter-condition-opera__item",
+          onClick: _cache[0] || (_cache[0] = (...args) => $options.clearConditions && $options.clearConditions(...args))
+        }, [..._cache[6] || (_cache[6] = [
+          createElementVNode("i", { class: "epx-icon-clear" }, null, -1),
+          createElementVNode("font", null, "清空", -1)
+        ])]),
+        $props.showFilter ? (openBlock(), createElementBlock("span", {
+          key: 0,
+          class: "filter-condition-opera__item",
+          onClick: _cache[1] || (_cache[1] = (...args) => $options.saveCommonQuery && $options.saveCommonQuery(...args))
+        }, [..._cache[7] || (_cache[7] = [
+          createElementVNode("i", { class: "epx-icon-save" }, null, -1),
+          createElementVNode("font", null, "保存为筛选器", -1)
+        ])])) : createCommentVNode("", true)
+      ])
+    ]),
+    $props.showFilter ? (openBlock(), createElementBlock("div", _hoisted_6, [
+      _cache[11] || (_cache[11] = createElementVNode("p", { class: "filter-condition__title" }, "筛选器", -1)),
+      createElementVNode("ul", _hoisted_7, [
+        (openBlock(true), createElementBlock(Fragment, null, renderList($data.commonQueryList, (item, index) => {
+          return openBlock(), createElementBlock("li", {
+            class: "filter-collection__item",
+            key: item.ID
+          }, [
+            createElementVNode("p", {
+              class: "filter-collection-item__title",
+              onClick: ($event) => $options.useFilter(item)
+            }, [
+              createElementVNode("span", _hoisted_9, toDisplayString(index + 1) + "、" + toDisplayString(item.NAME), 1),
+              createElementVNode("span", _hoisted_10, [
+                createElementVNode("i", {
+                  class: "el-icon-edit",
+                  onClick: withModifiers(($event) => $options.editFilter(item), ["stop"])
+                }, null, 8, _hoisted_11),
+                createVNode(_component_el_popconfirm, {
+                  title: "确定删除？",
+                  onConfirm: ($event) => $options.removeFilter(item)
+                }, {
+                  reference: withCtx(() => [
+                    createElementVNode("i", {
+                      class: "el-icon-close",
+                      onClick: _cache[2] || (_cache[2] = withModifiers(() => {
+                      }, ["stop"]))
+                    })
+                  ]),
+                  _: 1
+                }, 8, ["onConfirm"])
+              ])
+            ], 8, _hoisted_8),
+            $data.editFilterId === item.ID ? (openBlock(), createElementBlock("div", _hoisted_12, [
+              createElementVNode("ul", _hoisted_13, [
+                (openBlock(true), createElementBlock(Fragment, null, renderList($data.editFilterConditions, (condition, index2) => {
+                  return openBlock(), createBlock(_component_epx_filter_item, mergeProps({ ref_for: true }, _ctx.$forwardAttrs(_ctx.$attrs), {
+                    key: condition.attriName + index2,
+                    "search-condition": condition,
+                    searchConfig: $data.searchConfig,
+                    onUpdate: (v) => $options.updateCondition(index2, "filter", v)
+                  }), null, 16, ["search-condition", "searchConfig", "onUpdate"]);
+                }), 128))
+              ]),
+              createElementVNode("div", _hoisted_14, [
+                createVNode(_component_el_popover, {
+                  ref_for: true,
+                  ref: "popover",
+                  trigger: "click",
+                  tabindex: 1
+                }, {
+                  reference: withCtx(() => [..._cache[8] || (_cache[8] = [
+                    createElementVNode("span", { class: "filter-condition-opera__item" }, [
+                      createElementVNode("i", { class: "el-icon-plus" }),
+                      createElementVNode("font", null, "添加筛选条件")
+                    ], -1)
+                  ])]),
+                  default: withCtx(() => [
+                    createElementVNode("div", _hoisted_15, [
+                      createVNode(_component_el_tree, {
+                        "node-key": "code",
+                        data: $data.allFields,
+                        "default-expanded-keys": $data.defaultExpandKey,
+                        props: $data.defaultProps,
+                        onNodeClick: $options.addFilterField
+                      }, null, 8, ["data", "default-expanded-keys", "props", "onNodeClick"])
+                    ])
+                  ]),
+                  _: 1
+                }, 512),
+                createElementVNode("span", {
+                  class: "filter-condition-opera__item",
+                  onClick: _cache[3] || (_cache[3] = (...args) => $options.clearFilterConditions && $options.clearFilterConditions(...args))
+                }, [..._cache[9] || (_cache[9] = [
+                  createElementVNode("i", { class: "epx-icon-clear" }, null, -1),
+                  createElementVNode("font", null, "清空", -1)
+                ])]),
+                createElementVNode("span", {
+                  class: "filter-condition-opera__item",
+                  onClick: _cache[4] || (_cache[4] = ($event) => $data.editFilterId = null)
+                }, [..._cache[10] || (_cache[10] = [
+                  createElementVNode("i", { class: "epx-icon-save" }, null, -1),
+                  createElementVNode("font", null, "保存", -1)
+                ])])
+              ])
+            ])) : createCommentVNode("", true)
+          ]);
+        }), 128))
+      ])
+    ])) : createCommentVNode("", true),
+    renderSlot(_ctx.$slots, "button", { condition: $data.searchConditions }, void 0, true)
+  ], 2)) : createCommentVNode("", true);
+}
+const Filter = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render], ["__scopeId", "data-v-d5ca1527"]]);
+export {
+  Filter as default
+};