super-page-designer 0.0.2-tmp8 → 1.0.1

package/dist/lib/components/design/views/assemblys/common/common-select-page.vue.js

@@ -0,0 +1,302 @@
+"use strict";
+const vue = require("vue");
+const Icons = require("@element-plus/icons");
+const http = require("agilebuilder-ui/src/utils/request");
+const pageDesignTypes = require("../../../utils/interfaces/page-design-types.js");
+const _hoisted_1 = { style: { "background-color": "rgba(88,147,239,0.06)", "padding": "10px" } };
+const _sfc_main = /* @__PURE__ */ vue.defineComponent({
+  __name: "common-select-page",
+  props: {
+    systemCode: {},
+    systemVersion: {}
+  },
+  emits: ["selectPage"],
+  setup(__props, { expose: __expose, emit: __emit }) {
+    const props = __props;
+    const emits = __emit;
+    const tableHeight = vue.ref(300);
+    const dialogPageVisible = vue.ref(false);
+    const searchModel = vue.reactive({
+      systemId: null,
+      searchValue: ""
+    });
+    function resetSearch() {
+      searchModel.systemId = null;
+      searchModel.searchValue = "";
+      confirmSearch();
+    }
+    const pagination = vue.reactive({
+      currentPage: 1,
+      pageSize: 20,
+      showTotal: true,
+      total: 0
+    });
+    const tableDatas = vue.ref([]);
+    const allSystems = vue.ref([{
+      value: "",
+      version: 1,
+      label: ""
+    }]);
+    const allSystemMap = vue.ref({});
+    function confirmSelectTable(scopeData) {
+      emits("selectPage", scopeData.row);
+      dialogPageVisible.value = false;
+    }
+    let firstInited = false;
+    function openDialog() {
+      let tempHeight = window.innerHeight - 140 - 176;
+      if (tempHeight > 500) {
+        tempHeight = 500;
+      } else if (tempHeight < 100) {
+        tempHeight = 100;
+      }
+      tableHeight.value = tempHeight;
+      dialogPageVisible.value = true;
+      if (!firstInited) {
+        firstInited = true;
+        queryAllSystems();
+        setTimeout(() => {
+          confirmSearch();
+        }, 100);
+      }
+    }
+    function queryAllSystems() {
+      http.post("/component/super-charts/findAllSystem").then((res) => {
+        const datas = res;
+        const systemCodes = [];
+        const tempMap = {};
+        for (let item of datas) {
+          allSystemMap[item.id] = item.name;
+          if (item.deleted) {
+            continue;
+          }
+          if (item.enabledState != pageDesignTypes.EnableStates.ENABLE) {
+            continue;
+          }
+          const hisData = tempMap[item.code];
+          if (hisData != null) {
+            if (item.code == props.systemCode) {
+              if (hisData.publishVersion != props.systemVersion) {
+                if (item.code == props.systemCode && item.publishVersion == props.systemVersion) {
+                  tempMap[item.code] = item;
+                } else if (item.publishVersion > hisData.publishVersion) {
+                  tempMap[item.code] = item;
+                }
+              }
+            } else if (item.publishVersion > hisData.publishVersion) {
+              tempMap[item.code] = item;
+            }
+          } else if (hisData == null) {
+            tempMap[item.code] = item;
+            systemCodes.push(item.code);
+          }
+        }
+        allSystems.value = [];
+        for (let code of systemCodes) {
+          const item = tempMap[code];
+          const publishVersion = code === props.systemCode ? props.systemVersion : item.publishVersion;
+          allSystems.value.push({
+            value: item.id,
+            label: item.name + "(" + publishVersion + ")",
+            code: item.code,
+            name: item.name,
+            version: publishVersion
+          });
+        }
+      });
+    }
+    let sortColumnInfo = null;
+    function handleSortChange({ column }) {
+      sortColumnInfo = column;
+      confirmSearch();
+    }
+    function confirmSearch() {
+      const param = {
+        //code: 'MMS_MODULE_PAGE',
+        pagination: { currentPage: pagination.currentPage, pageSize: pagination.pageSize, showTotal: true },
+        searchForm: [],
+        dynamicColumnInfo: [],
+        sorts: []
+      };
+      if (sortColumnInfo != null) {
+        param.sorts.push({
+          prop: sortColumnInfo.property,
+          order: sortColumnInfo.order == "ascending" ? "asc" : "desc"
+        });
+      }
+      if (searchModel.searchValue) {
+        param.searchForm.push({
+          propName: "code",
+          propDbName: "code",
+          operator: "like",
+          dataType: "string",
+          propValue: searchModel.searchValue,
+          joinSign: "or"
+        });
+        param.searchForm.push({
+          propName: "name",
+          propDbName: "name",
+          operator: "like",
+          dataType: "string",
+          propValue: searchModel.searchValue
+        });
+      }
+      let systemId = searchModel.systemId;
+      searchModel.tableType ? searchModel.tableType : 0;
+      const url = "/mms/app-pages/listBySystem/" + (systemId ? systemId : 0);
+      console.log("searchPages", url);
+      http.post(url, param).then((res) => {
+        tableDatas.value = res.data;
+        pagination.currentPage = res.page;
+        pagination.pageSize = res.size;
+        pagination.total = res.total;
+      });
+    }
+    __expose({
+      openDialog
+    });
+    return (_ctx, _cache) => {
+      const _component_el_option = vue.resolveComponent("el-option");
+      const _component_el_select = vue.resolveComponent("el-select");
+      const _component_el_input = vue.resolveComponent("el-input");
+      const _component_el_button = vue.resolveComponent("el-button");
+      const _component_el_table_column = vue.resolveComponent("el-table-column");
+      const _component_el_table = vue.resolveComponent("el-table");
+      const _component_el_pagination = vue.resolveComponent("el-pagination");
+      const _component_el_dialog = vue.resolveComponent("el-dialog");
+      return vue.openBlock(), vue.createBlock(_component_el_dialog, {
+        modelValue: dialogPageVisible.value,
+        "onUpdate:modelValue": _cache[4] || (_cache[4] = ($event) => dialogPageVisible.value = $event),
+        title: "选择页面",
+        width: "800"
+      }, {
+        default: vue.withCtx(() => [
+          vue.createElementVNode("div", _hoisted_1, [
+            vue.createVNode(_component_el_select, {
+              modelValue: searchModel.systemId,
+              "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => searchModel.systemId = $event),
+              placeholder: "所有应用",
+              clearable: "",
+              onChange: confirmSearch,
+              style: { "width": "220px" }
+            }, {
+              default: vue.withCtx(() => [
+                (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(allSystems.value, (item) => {
+                  return vue.openBlock(), vue.createBlock(_component_el_option, {
+                    key: item.value,
+                    label: item.label,
+                    value: item.value
+                  }, null, 8, ["label", "value"]);
+                }), 128))
+              ]),
+              _: 1
+            }, 8, ["modelValue"]),
+            vue.createVNode(_component_el_input, {
+              modelValue: searchModel.searchValue,
+              "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => searchModel.searchValue = $event),
+              style: { "width": "260px", "margin-left": "10px" },
+              clearable: "",
+              placeholder: "请输入编码或名称"
+            }, null, 8, ["modelValue"]),
+            vue.createVNode(_component_el_button, {
+              type: "primary",
+              style: { "margin-left": "10px" },
+              icon: vue.unref(Icons.Search),
+              onClick: confirmSearch
+            }, {
+              default: vue.withCtx(() => [
+                vue.createTextVNode("确定")
+              ]),
+              _: 1
+            }, 8, ["icon"]),
+            vue.createVNode(_component_el_button, {
+              style: { "margin-left": "10px" },
+              icon: vue.unref(Icons.RefreshLeft),
+              onClick: resetSearch
+            }, {
+              default: vue.withCtx(() => [
+                vue.createTextVNode("重置")
+              ]),
+              _: 1
+            }, 8, ["icon"])
+          ]),
+          vue.createVNode(_component_el_table, {
+            data: tableDatas.value,
+            stripe: "",
+            height: tableHeight.value,
+            onSortChange: handleSortChange
+          }, {
+            default: vue.withCtx(() => [
+              vue.createVNode(_component_el_table_column, {
+                type: "index",
+                label: "序",
+                width: "50"
+              }, {
+                default: vue.withCtx((scope) => [
+                  vue.createTextVNode(vue.toDisplayString(scope.$index + 1), 1)
+                ]),
+                _: 1
+              }),
+              vue.createVNode(_component_el_table_column, {
+                label: "操作",
+                width: "80"
+              }, {
+                default: vue.withCtx((scope) => [
+                  vue.createVNode(_component_el_button, {
+                    type: "primary",
+                    size: "small",
+                    onClick: ($event) => confirmSelectTable(scope)
+                  }, {
+                    default: vue.withCtx(() => [
+                      vue.createTextVNode("选择")
+                    ]),
+                    _: 2
+                  }, 1032, ["onClick"])
+                ]),
+                _: 1
+              }),
+              vue.createVNode(_component_el_table_column, {
+                property: "dataView",
+                label: "应用",
+                width: "120"
+              }, {
+                default: vue.withCtx((scope) => [
+                  vue.createElementVNode("span", null, vue.toDisplayString(allSystemMap.value[scope.row.systemId]), 1)
+                ]),
+                _: 1
+              }),
+              vue.createVNode(_component_el_table_column, {
+                property: "code",
+                label: "编码",
+                width: "160",
+                sortable: "custom"
+              }),
+              vue.createVNode(_component_el_table_column, {
+                property: "name",
+                label: "名称",
+                width: "260",
+                sortable: "custom"
+              })
+            ]),
+            _: 1
+          }, 8, ["data", "height"]),
+          vue.createVNode(_component_el_pagination, {
+            style: { "margin-top": "10px", "justify-content": "center" },
+            "current-page": pagination.currentPage,
+            "onUpdate:currentPage": _cache[2] || (_cache[2] = ($event) => pagination.currentPage = $event),
+            "page-size": pagination.pageSize,
+            "onUpdate:pageSize": _cache[3] || (_cache[3] = ($event) => pagination.pageSize = $event),
+            "page-sizes": [20, 30, 50, 100],
+            background: "",
+            layout: "sizes,prev,pager,next,jumper,total",
+            total: pagination.total,
+            onSizeChange: confirmSearch,
+            onCurrentChange: confirmSearch
+          }, null, 8, ["current-page", "page-size", "total"])
+        ]),
+        _: 1
+      }, 8, ["modelValue"]);
+    };
+  }
+});
+module.exports = _sfc_main;

package/dist/lib/components/design/views/assemblys/common/common-select-page.vue2.js

@@ -0,0 +1,3 @@
+"use strict";
+const commonSelectPage_vue_vue_type_script_setup_true_lang = require("./common-select-page.vue.js");
+module.exports = commonSelectPage_vue_vue_type_script_setup_true_lang;

package/dist/lib/components/design/views/assemblys/common/common-select-table.vue.js

@@ -0,0 +1,353 @@
+"use strict";
+const vue = require("vue");
+const Icons = require("@element-plus/icons");
+const http = require("agilebuilder-ui/src/utils/request");
+const pageDesignTypes = require("../../../utils/interfaces/page-design-types.js");
+const pageStore = require("../../../../../stores/page-store.js");
+const system = require("../../../utils/system.js");
+const _hoisted_1 = { style: { "background-color": "rgba(88, 147, 239, 0.06)", "padding": "10px" } };
+const _sfc_main = /* @__PURE__ */ vue.defineComponent({
+  __name: "common-select-table",
+  emits: ["selectTable"],
+  setup(__props, { expose: __expose, emit: __emit }) {
+    const props = __props;
+    const pageDesignUtil = pageStore.usePageContextStore();
+    pageDesignUtil.pageContext ? pageDesignUtil.pageContext : {};
+    const emits = __emit;
+    const tableHeight = vue.ref(300);
+    const appCode = system.getSystemCode();
+    const appVersion = system.getPublishVersion();
+    const dialogTableVisible = vue.ref(false);
+    const searchModel = vue.reactive({
+      systemCode: "",
+      tableType: null,
+      searchValue: ""
+    });
+    function resetSearch() {
+      searchModel.systemCode = "";
+      searchModel.tableType = null;
+      searchModel.searchValue = "";
+      confirmSearch();
+    }
+    const pagination = vue.reactive({
+      currentPage: 1,
+      pageSize: 20,
+      showTotal: true,
+      total: 0
+    });
+    const tableDatas = vue.ref([]);
+    const allSystems = vue.ref([
+      {
+        value: "",
+        version: 1,
+        label: ""
+      }
+    ]);
+    function confirmSelectTable(scopeData) {
+      const tableInfo = {
+        name: scopeData.row.name,
+        alias: scopeData.row.alias
+      };
+      if (searchModel.systemCode && searchModel.systemCode != props.systemCode) {
+        let systemCode = searchModel.systemCode;
+        let items = allSystems.value.filter((item) => {
+          return item.value == systemCode;
+        });
+        tableInfo.systemVersion = items.length > 0 ? items[0].version : 1;
+        tableInfo.systemCode = systemCode;
+      }
+      emits("selectTable", tableInfo);
+      dialogTableVisible.value = false;
+    }
+    let firstInited = 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;
+      if (!firstInited) {
+        firstInited = true;
+        queryAllSystems();
+        setTimeout(() => {
+          confirmSearch();
+        }, 100);
+      }
+    }
+    function queryAllSystems() {
+      http.get("/component/super-charts/findAllSystem").then((res) => {
+        const datas = res;
+        const systemCodes = [];
+        const tempMap = {};
+        for (let item of datas) {
+          if (item.deleted) {
+            continue;
+          }
+          if (item.enabledState != pageDesignTypes.EnableStates.ENABLE) {
+            continue;
+          }
+          const hisData = tempMap[item.code];
+          if (hisData != null && item.publishVersion > hisData.publishVersion) {
+            tempMap[item.code] = item;
+          } else if (hisData == null) {
+            tempMap[item.code] = item;
+            systemCodes.push(item.code);
+          }
+        }
+        allSystems.value = [];
+        for (let code of systemCodes) {
+          const item = tempMap[code];
+          const publishVersion = code === appCode ? appVersion : item.publishVersion;
+          allSystems.value.push({
+            value: code,
+            label: item.name + "(" + publishVersion + ")",
+            version: publishVersion
+          });
+        }
+      });
+    }
+    let sortColumnInfo = null;
+    function handleSortChange({ column }) {
+      sortColumnInfo = column;
+      confirmSearch();
+    }
+    function confirmSearch() {
+      const param = {
+        //code: 'MMS_MODULE_PAGE',
+        pagination: { currentPage: pagination.currentPage, pageSize: pagination.pageSize, showTotal: true },
+        searchForm: [],
+        dynamicColumnInfo: [],
+        sorts: []
+      };
+      if (sortColumnInfo != null) {
+        param.sorts.push({
+          prop: sortColumnInfo.property,
+          order: sortColumnInfo.order == "ascending" ? "asc" : "desc"
+        });
+      }
+      if (searchModel.searchValue) {
+        param.searchForm.push({
+          propName: "name",
+          propDbName: "name",
+          operator: "CONTAIN",
+          dataType: "TEXT",
+          propValue: searchModel.searchValue,
+          joinSign: "or"
+        });
+        param.searchForm.push({
+          propName: "alias",
+          propDbName: "alias",
+          operator: "CONTAIN",
+          dataType: "TEXT",
+          propValue: searchModel.searchValue
+        });
+      }
+      let systemCode = searchModel.systemCode;
+      let publishVersion = -1;
+      if (!systemCode) {
+        systemCode = appCode;
+        publishVersion = appVersion;
+      } else {
+        let items = allSystems.value.filter((item) => {
+          return item.value == systemCode;
+        });
+        publishVersion = items.length > 0 ? items[0].version : -1;
+      }
+      const tableType = searchModel.tableType ? searchModel.tableType : 0;
+      const url = "/mms/data-tables/list/" + systemCode + "/" + tableType + "/" + publishVersion;
+      console.log("searc", url);
+      http.post(url, param).then((res) => {
+        tableDatas.value = res.data;
+        pagination.currentPage = res.page;
+        pagination.pageSize = res.size;
+        pagination.total = res.total;
+      });
+    }
+    __expose({
+      openDialog
+    });
+    return (_ctx, _cache) => {
+      const _component_el_option = vue.resolveComponent("el-option");
+      const _component_el_select = vue.resolveComponent("el-select");
+      const _component_el_input = vue.resolveComponent("el-input");
+      const _component_el_button = vue.resolveComponent("el-button");
+      const _component_el_table_column = vue.resolveComponent("el-table-column");
+      const _component_el_text = vue.resolveComponent("el-text");
+      const _component_el_table = vue.resolveComponent("el-table");
+      const _component_el_pagination = vue.resolveComponent("el-pagination");
+      const _component_el_dialog = vue.resolveComponent("el-dialog");
+      return vue.openBlock(), vue.createBlock(_component_el_dialog, {
+        modelValue: dialogTableVisible.value,
+        "onUpdate:modelValue": _cache[5] || (_cache[5] = ($event) => dialogTableVisible.value = $event),
+        title: "选择数据模型",
+        width: "800"
+      }, {
+        default: vue.withCtx(() => [
+          vue.createElementVNode("div", _hoisted_1, [
+            vue.createVNode(_component_el_select, {
+              modelValue: searchModel.systemCode,
+              "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => searchModel.systemCode = $event),
+              placeholder: "当前应用",
+              clearable: "",
+              onChange: confirmSearch,
+              style: { "width": "120px" }
+            }, {
+              default: vue.withCtx(() => [
+                (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(allSystems.value, (item) => {
+                  return vue.openBlock(), vue.createBlock(_component_el_option, {
+                    key: item.value,
+                    label: item.label,
+                    value: item.value
+                  }, null, 8, ["label", "value"]);
+                }), 128))
+              ]),
+              _: 1
+            }, 8, ["modelValue"]),
+            vue.createVNode(_component_el_select, {
+              modelValue: searchModel.tableType,
+              "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => searchModel.tableType = $event),
+              placeholder: "表和视图",
+              clearable: "",
+              onChange: confirmSearch,
+              style: { "width": "120px", "margin-left": "10px" }
+            }, {
+              default: vue.withCtx(() => [
+                vue.createVNode(_component_el_option, {
+                  value: "1",
+                  label: "表"
+                }),
+                vue.createVNode(_component_el_option, {
+                  value: "2",
+                  label: "视图"
+                })
+              ]),
+              _: 1
+            }, 8, ["modelValue"]),
+            vue.createVNode(_component_el_input, {
+              modelValue: searchModel.searchValue,
+              "onUpdate:modelValue": _cache[2] || (_cache[2] = ($event) => searchModel.searchValue = $event),
+              style: { "width": "240px", "margin-left": "10px" },
+              placeholder: "请输入名称或别名"
+            }, null, 8, ["modelValue"]),
+            vue.createVNode(_component_el_button, {
+              type: "primary",
+              style: { "margin-left": "10px" },
+              icon: vue.unref(Icons.Search),
+              onClick: confirmSearch
+            }, {
+              default: vue.withCtx(() => [
+                vue.createTextVNode("确定")
+              ]),
+              _: 1
+            }, 8, ["icon"]),
+            vue.createVNode(_component_el_button, {
+              style: { "margin-left": "10px" },
+              icon: vue.unref(Icons.RefreshLeft),
+              onClick: resetSearch
+            }, {
+              default: vue.withCtx(() => [
+                vue.createTextVNode("重置")
+              ]),
+              _: 1
+            }, 8, ["icon"])
+          ]),
+          vue.createVNode(_component_el_table, {
+            data: tableDatas.value,
+            stripe: "",
+            height: tableHeight.value,
+            onSortChange: handleSortChange
+          }, {
+            default: vue.withCtx(() => [
+              vue.createVNode(_component_el_table_column, {
+                type: "index",
+                label: "序",
+                width: "50"
+              }, {
+                default: vue.withCtx((scope) => [
+                  vue.createTextVNode(vue.toDisplayString(scope.$index + 1), 1)
+                ]),
+                _: 1
+              }),
+              vue.createVNode(_component_el_table_column, {
+                label: "操作",
+                width: "80"
+              }, {
+                default: vue.withCtx((scope) => [
+                  vue.createVNode(_component_el_button, {
+                    type: "primary",
+                    size: "small",
+                    onClick: ($event) => confirmSelectTable(scope)
+                  }, {
+                    default: vue.withCtx(() => [
+                      vue.createTextVNode("选择")
+                    ]),
+                    _: 2
+                  }, 1032, ["onClick"])
+                ]),
+                _: 1
+              }),
+              vue.createVNode(_component_el_table_column, {
+                property: "dataView",
+                label: "类型",
+                width: "70"
+              }, {
+                default: vue.withCtx((scope) => [
+                  !scope.dataView ? (vue.openBlock(), vue.createBlock(_component_el_text, {
+                    key: 0,
+                    class: "mx-1",
+                    type: "primary"
+                  }, {
+                    default: vue.withCtx(() => [
+                      vue.createTextVNode("数据表")
+                    ]),
+                    _: 1
+                  })) : vue.createCommentVNode("", true),
+                  scope.dataView ? (vue.openBlock(), vue.createBlock(_component_el_text, {
+                    key: 1,
+                    class: "mx-1",
+                    type: "success"
+                  }, {
+                    default: vue.withCtx(() => [
+                      vue.createTextVNode("视图")
+                    ]),
+                    _: 1
+                  })) : vue.createCommentVNode("", true)
+                ]),
+                _: 1
+              }),
+              vue.createVNode(_component_el_table_column, {
+                property: "name",
+                label: "名称",
+                width: "200",
+                sortable: "custom"
+              }),
+              vue.createVNode(_component_el_table_column, {
+                property: "alias",
+                label: "别名"
+              })
+            ]),
+            _: 1
+          }, 8, ["data", "height"]),
+          vue.createVNode(_component_el_pagination, {
+            style: { "margin-top": "10px", "justify-content": "center" },
+            "current-page": pagination.currentPage,
+            "onUpdate:currentPage": _cache[3] || (_cache[3] = ($event) => pagination.currentPage = $event),
+            "page-size": pagination.pageSize,
+            "onUpdate:pageSize": _cache[4] || (_cache[4] = ($event) => pagination.pageSize = $event),
+            "page-sizes": [20, 30, 50, 100],
+            background: "",
+            layout: "sizes,prev,pager,next,jumper,total",
+            total: pagination.total,
+            onSizeChange: confirmSearch,
+            onCurrentChange: confirmSearch
+          }, null, 8, ["current-page", "page-size", "total"])
+        ]),
+        _: 1
+      }, 8, ["modelValue"]);
+    };
+  }
+});
+module.exports = _sfc_main;

package/dist/lib/components/design/views/assemblys/common/common-select-table.vue2.js

@@ -0,0 +1,3 @@
+"use strict";
+const commonSelectTable_vue_vue_type_script_setup_true_lang = require("./common-select-table.vue.js");
+module.exports = commonSelectTable_vue_vue_type_script_setup_true_lang;