super-page-designer 2.1.38 → 2.1.41

package/dist/es/components/design/views/assemblys/chart/statistical-table/component/table-showcondition.vue.js

@@ -0,0 +1,507 @@
+import { defineComponent, ref, resolveComponent, openBlock, createElementBlock, Fragment, createElementVNode, createVNode, withCtx, createTextVNode, unref, withDirectives, vShow } from "vue";
+import { Plus, Delete } from "@element-plus/icons";
+import BindVariable from "../../../common/common-variable-bind.vue.js";
+import { getUuidv4 } from "../../../../../utils/common-util.js";
+import { usePageContextStore } from "../../../../../../../stores/page-store.js";
+const _hoisted_1 = { style: { "text-align": "center", "margin": "0px -8px", "padding-top": "4px", "padding-left": "2px" } };
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "table-showcondition",
+  props: {
+    data: {
+      type: Array,
+      required: true,
+      default: () => []
+    },
+    title: {
+      type: String,
+      default: "显示条件"
+    },
+    paramTypes: {
+      type: Array,
+      default: () => ["data", "task", "page", "request"]
+    }
+  },
+  setup(__props) {
+    const pageDesignUtil = usePageContextStore();
+    const props = __props;
+    const tableHeight = ref(300);
+    const tableDatas = ref([]);
+    if (props.data) {
+      tableDatas.value = props.data;
+    }
+    const dialogTableVisible = ref(false);
+    function openDialog() {
+      let tempHeight = window.innerHeight - 140 - 176;
+      if (tempHeight > 500) {
+        tempHeight = 500;
+      } else if (tempHeight < 100) {
+        tempHeight = 100;
+      }
+      tableHeight.value = tempHeight;
+      dialogTableVisible.value = true;
+    }
+    function moveTop(rowItem) {
+      let sortIndex = queryIndex(rowItem);
+      if (sortIndex < 1) {
+        return;
+      }
+      const items = tableDatas.value;
+      [items[sortIndex - 1], items[sortIndex]] = [items[sortIndex], items[sortIndex - 1]];
+    }
+    function moveToBottom(rowItem) {
+      let sortIndex = queryIndex(rowItem);
+      if (sortIndex == -1 || tableDatas.value.length == sortIndex + 1) {
+        return;
+      }
+      const items = tableDatas.value;
+      [items[sortIndex], items[sortIndex + 1]] = [items[sortIndex + 1], items[sortIndex]];
+    }
+    function queryIndex(rowItem) {
+      let sortIndex = -1;
+      const itemLen = tableDatas.value.length;
+      for (let index = 0; index < itemLen; index++) {
+        if (tableDatas.value[index].uuid == rowItem.uuid) {
+          sortIndex = index;
+          break;
+        }
+      }
+      return sortIndex;
+    }
+    function addData(rowItem) {
+      let sortIndex = -1;
+      if (rowItem) {
+        sortIndex = queryIndex(rowItem);
+      }
+      const data = {
+        uuid: getUuidv4(),
+        leftBracket: "",
+        propName: "",
+        operator: "",
+        propValueType: "",
+        rightBracket: "",
+        joinSign: "",
+        dataType: ""
+        //字段类型
+      };
+      tableDatas.value.splice(sortIndex + 1, 0, data);
+    }
+    function deleteData(rowItem) {
+      let delIdnex = queryIndex(rowItem);
+      if (delIdnex > -1) {
+        tableDatas.value.splice(delIdnex, 1);
+      }
+    }
+    const currentRow = ref({});
+    function handleCurrentChange(val) {
+      currentRow.value = val;
+    }
+    function updatePropValue(val, rowObj, fieldName) {
+      if (fieldName == "propValue") {
+        rowObj.propValue = val;
+      } else {
+        rowObj.propName = val;
+        let dataType = "";
+        if (val && val.startsWith("${")) {
+          let propName = val.substring(2, val.length - 1);
+          if (propName.startsWith("page."))
+            ;
+          else if (propName.startsWith("data.")) {
+            propName = propName.substring(5);
+            dataType = pageDesignUtil.getModelField(propName);
+          }
+        }
+        rowObj.dataType = dataType;
+      }
+    }
+    return (_ctx, _cache) => {
+      const _component_el_button = resolveComponent("el-button");
+      const _component_el_row = resolveComponent("el-row");
+      const _component_Top = resolveComponent("Top");
+      const _component_el_icon = resolveComponent("el-icon");
+      const _component_Bottom = resolveComponent("Bottom");
+      const _component_el_table_column = resolveComponent("el-table-column");
+      const _component_el_option = resolveComponent("el-option");
+      const _component_el_select = resolveComponent("el-select");
+      const _component_el_table = resolveComponent("el-table");
+      const _component_el_dialog = resolveComponent("el-dialog");
+      return openBlock(), createElementBlock(Fragment, null, [
+        createElementVNode("div", null, [
+          createVNode(_component_el_button, {
+            type: "primary",
+            onClick: openDialog
+          }, {
+            default: withCtx(() => [
+              createTextVNode("编辑")
+            ]),
+            _: 1
+          })
+        ]),
+        createVNode(_component_el_dialog, {
+          modelValue: dialogTableVisible.value,
+          "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => dialogTableVisible.value = $event),
+          title: __props.title,
+          width: "900",
+          "append-to-body": ""
+        }, {
+          default: withCtx(() => [
+            createVNode(_component_el_row, { style: { "padding-bottom": "8px" } }, {
+              default: withCtx(() => [
+                createVNode(_component_el_button, {
+                  icon: unref(Plus),
+                  plain: "",
+                  type: "primary",
+                  onClick: addData
+                }, {
+                  default: withCtx(() => [
+                    createTextVNode(" 添加 ")
+                  ]),
+                  _: 1
+                }, 8, ["icon"])
+              ]),
+              _: 1
+            }),
+            createVNode(_component_el_table, {
+              border: "",
+              "highlight-current-row": "",
+              onCurrentChange: handleCurrentChange,
+              data: tableDatas.value,
+              style: { "width": "100%" }
+            }, {
+              default: withCtx(() => [
+                createVNode(_component_el_table_column, {
+                  label: "",
+                  width: "50"
+                }, {
+                  default: withCtx((scope) => [
+                    createElementVNode("div", _hoisted_1, [
+                      createVNode(_component_el_icon, {
+                        size: "14",
+                        style: { "cursor": "pointer" },
+                        onClick: ($event) => moveTop(scope.row)
+                      }, {
+                        default: withCtx(() => [
+                          createVNode(_component_Top)
+                        ]),
+                        _: 2
+                      }, 1032, ["onClick"]),
+                      createVNode(_component_el_icon, {
+                        size: "14",
+                        style: { "margin-left": "2px", "cursor": "pointer" },
+                        onClick: ($event) => moveToBottom(scope.row)
+                      }, {
+                        default: withCtx(() => [
+                          createVNode(_component_Bottom)
+                        ]),
+                        _: 2
+                      }, 1032, ["onClick"])
+                    ])
+                  ]),
+                  _: 1
+                }),
+                createVNode(_component_el_table_column, {
+                  prop: "leftBracket",
+                  label: "(",
+                  width: "80"
+                }, {
+                  default: withCtx((scope) => [
+                    createVNode(_component_el_select, {
+                      modelValue: scope.row.leftBracket,
+                      "onUpdate:modelValue": ($event) => scope.row.leftBracket = $event,
+                      clearable: "",
+                      placeholder: "请选择"
+                    }, {
+                      default: withCtx(() => [
+                        createVNode(_component_el_option, {
+                          label: "",
+                          value: ""
+                        }),
+                        createVNode(_component_el_option, {
+                          label: "(",
+                          value: "("
+                        }),
+                        createVNode(_component_el_option, {
+                          label: "((",
+                          value: "(("
+                        }),
+                        createVNode(_component_el_option, {
+                          label: "(((",
+                          value: "((("
+                        }),
+                        createVNode(_component_el_option, {
+                          label: "((((",
+                          value: "(((("
+                        })
+                      ]),
+                      _: 2
+                    }, 1032, ["modelValue", "onUpdate:modelValue"])
+                  ]),
+                  _: 1
+                }),
+                createVNode(_component_el_table_column, {
+                  prop: "propName",
+                  label: "字段名(*)",
+                  width: "150"
+                }, {
+                  default: withCtx((scope) => [
+                    createVNode(BindVariable, {
+                      modelValue: scope.row.propName,
+                      paramTypes: __props.paramTypes,
+                      "onUpdate:modelValue": (val) => updatePropValue(val, scope.row, "propName")
+                    }, null, 8, ["modelValue", "paramTypes", "onUpdate:modelValue"])
+                  ]),
+                  _: 1
+                }),
+                createVNode(_component_el_table_column, {
+                  prop: "operator",
+                  label: "操作符",
+                  width: "90"
+                }, {
+                  default: withCtx((scope) => [
+                    createVNode(_component_el_select, {
+                      modelValue: scope.row.operator,
+                      "onUpdate:modelValue": ($event) => scope.row.operator = $event,
+                      clearable: "",
+                      placeholder: "请选择"
+                    }, {
+                      default: withCtx(() => [
+                        withDirectives(createVNode(_component_el_option, {
+                          label: "大于",
+                          value: "GT"
+                        }, null, 512), [
+                          [
+                            vShow,
+                            scope.row.dataType == "int" || scope.row.dataType == "long" || scope.row.dataType == "float" || scope.row.dataType == "double"
+                          ]
+                        ]),
+                        withDirectives(createVNode(_component_el_option, {
+                          label: "小于",
+                          value: "LT"
+                        }, null, 512), [
+                          [
+                            vShow,
+                            scope.row.dataType == "int" || scope.row.dataType == "long" || scope.row.dataType == "float" || scope.row.dataType == "double"
+                          ]
+                        ]),
+                        withDirectives(createVNode(_component_el_option, {
+                          label: "晚于",
+                          value: "GT"
+                        }, null, 512), [
+                          [vShow, scope.row.dataType == "date" || scope.row.dataType == "datetime"]
+                        ]),
+                        withDirectives(createVNode(_component_el_option, {
+                          label: "早于",
+                          value: "LT"
+                        }, null, 512), [
+                          [vShow, scope.row.dataType == "date" || scope.row.dataType == "datetime"]
+                        ]),
+                        createVNode(_component_el_option, {
+                          label: "等于",
+                          value: "EQ"
+                        }),
+                        withDirectives(createVNode(_component_el_option, {
+                          label: "不大于",
+                          value: "LET"
+                        }, null, 512), [
+                          [
+                            vShow,
+                            scope.row.dataType == "int" || scope.row.dataType == "long" || scope.row.dataType == "float" || scope.row.dataType == "double"
+                          ]
+                        ]),
+                        withDirectives(createVNode(_component_el_option, {
+                          label: "不小于",
+                          value: "GET"
+                        }, null, 512), [
+                          [
+                            vShow,
+                            scope.row.dataType == "int" || scope.row.dataType == "long" || scope.row.dataType == "float" || scope.row.dataType == "double"
+                          ]
+                        ]),
+                        withDirectives(createVNode(_component_el_option, {
+                          label: "不晚于",
+                          value: "LET"
+                        }, null, 512), [
+                          [vShow, scope.row.dataType == "date" || scope.row.dataType == "datetime"]
+                        ]),
+                        withDirectives(createVNode(_component_el_option, {
+                          label: "不早于",
+                          value: "GET"
+                        }, null, 512), [
+                          [vShow, scope.row.dataType == "date" || scope.row.dataType == "datetime"]
+                        ]),
+                        createVNode(_component_el_option, {
+                          label: "不等于",
+                          value: "NET"
+                        }),
+                        createVNode(_component_el_option, {
+                          label: "包含",
+                          value: "CONTAIN"
+                        }),
+                        createVNode(_component_el_option, {
+                          label: "不包含",
+                          value: "NOT_CONTAIN"
+                        }),
+                        createVNode(_component_el_option, {
+                          label: "等于Null",
+                          value: "IS_NULL"
+                        }),
+                        createVNode(_component_el_option, {
+                          label: "不等于Null",
+                          value: "IS_NOT_NULL"
+                        })
+                      ]),
+                      _: 2
+                    }, 1032, ["modelValue", "onUpdate:modelValue"])
+                  ]),
+                  _: 1
+                }),
+                createVNode(_component_el_table_column, {
+                  prop: "propValue",
+                  label: "值(*)",
+                  width: "150"
+                }, {
+                  default: withCtx((scope) => [
+                    createVNode(BindVariable, {
+                      modelValue: scope.row.propValue,
+                      "onUpdate:modelValue": (val) => updatePropValue(val, scope.row, "propValue")
+                    }, null, 8, ["modelValue", "onUpdate:modelValue"])
+                  ]),
+                  _: 1
+                }),
+                createVNode(_component_el_table_column, {
+                  prop: "rightBracket",
+                  label: ")",
+                  width: "80"
+                }, {
+                  default: withCtx((scope) => [
+                    createVNode(_component_el_select, {
+                      modelValue: scope.row.rightBracket,
+                      "onUpdate:modelValue": ($event) => scope.row.rightBracket = $event,
+                      placeholder: "请选择",
+                      clearable: ""
+                    }, {
+                      default: withCtx(() => [
+                        createVNode(_component_el_option, {
+                          label: "",
+                          value: ""
+                        }),
+                        createVNode(_component_el_option, {
+                          label: ")",
+                          value: ")"
+                        }),
+                        createVNode(_component_el_option, {
+                          label: "))",
+                          value: "))"
+                        }),
+                        createVNode(_component_el_option, {
+                          label: ")))",
+                          value: ")))"
+                        }),
+                        createVNode(_component_el_option, {
+                          label: "))))",
+                          value: "))))"
+                        })
+                      ]),
+                      _: 2
+                    }, 1032, ["modelValue", "onUpdate:modelValue"])
+                  ]),
+                  _: 1
+                }),
+                createVNode(_component_el_table_column, {
+                  prop: "joinSign",
+                  label: "并且/或者",
+                  width: "80"
+                }, {
+                  default: withCtx((scope) => [
+                    createVNode(_component_el_select, {
+                      modelValue: scope.row.joinSign,
+                      "onUpdate:modelValue": ($event) => scope.row.joinSign = $event,
+                      clearable: "",
+                      placeholder: "请选择"
+                    }, {
+                      default: withCtx(() => [
+                        createVNode(_component_el_option, {
+                          label: "或者",
+                          value: "or"
+                        }),
+                        createVNode(_component_el_option, {
+                          label: "并且",
+                          value: "and"
+                        })
+                      ]),
+                      _: 2
+                    }, 1032, ["modelValue", "onUpdate:modelValue"])
+                  ]),
+                  _: 1
+                }),
+                createVNode(_component_el_table_column, {
+                  prop: "variableIsNull",
+                  label: "变量为空时",
+                  width: "120"
+                }, {
+                  default: withCtx((scope) => [
+                    createVNode(_component_el_select, {
+                      modelValue: scope.row.variableIsNull,
+                      "onUpdate:modelValue": ($event) => scope.row.variableIsNull = $event,
+                      clearable: "",
+                      placeholder: "请选择"
+                    }, {
+                      default: withCtx(() => [
+                        createVNode(_component_el_option, {
+                          label: "Null",
+                          value: "null"
+                        }),
+                        createVNode(_component_el_option, {
+                          label: "忽略(1=1)",
+                          value: "ignore"
+                        }),
+                        createVNode(_component_el_option, {
+                          label: "不符合(1<>1)",
+                          value: "notequal"
+                        })
+                      ]),
+                      _: 2
+                    }, 1032, ["modelValue", "onUpdate:modelValue"])
+                  ]),
+                  _: 1
+                }),
+                createVNode(_component_el_table_column, {
+                  label: "操作",
+                  width: "60"
+                }, {
+                  default: withCtx((scope) => [
+                    createVNode(_component_el_icon, {
+                      size: "14",
+                      style: { "color": "#5893ef", "cursor": "pointer", "font-weight": "bold", "margin-right": "8px", "margin-left": "6px" },
+                      onClick: ($event) => addData(scope.row)
+                    }, {
+                      default: withCtx(() => [
+                        createVNode(unref(Plus))
+                      ]),
+                      _: 2
+                    }, 1032, ["onClick"]),
+                    createVNode(_component_el_icon, {
+                      size: "14",
+                      style: { "color": "#5893ef", "cursor": "pointer" },
+                      onClick: ($event) => deleteData(scope.row)
+                    }, {
+                      default: withCtx(() => [
+                        createVNode(unref(Delete))
+                      ]),
+                      _: 2
+                    }, 1032, ["onClick"])
+                  ]),
+                  _: 1
+                })
+              ]),
+              _: 1
+            }, 8, ["data"])
+          ]),
+          _: 1
+        }, 8, ["modelValue", "title"])
+      ], 64);
+    };
+  }
+});
+export {
+  _sfc_main as default
+};

package/dist/es/components/design/views/assemblys/chart/statistical-table/component/table-showcondition.vue2.js

@@ -0,0 +1,4 @@
+import _sfc_main from "./table-showcondition.vue.js";
+export {
+  _sfc_main as default
+};