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

package/dist/src/components/ConfigParamFormItem.vue.js

@@ -0,0 +1,389 @@
+import { createVNode, resolveComponent, createTextVNode, isVNode } from "vue";
+import AddFormItem from "@epxing/components/src/add-form-item";
+function _isSlot(s) {
+  return typeof s === "function" || Object.prototype.toString.call(s) === "[object Object]" && !isVNode(s);
+}
+const _sfc_main = {
+  name: "epx-config-param-form-item",
+  extends: AddFormItem,
+  data() {
+    return {
+      variableList: [],
+      commonOperates: [],
+      value: ["meta.id"],
+      showAddCodeDialog: false,
+      codeData: {
+        value: "",
+        label: ""
+      },
+      codeList: [],
+      isEditCode: false,
+      editCodeIndex: 0
+    };
+  },
+  methods: {
+    renderForm() {
+      if (this.fieldsConfigs.length > 0) {
+        return createVNode(resolveComponent("epx-table-form"), {
+          "class": "form-content",
+          "ref": "form",
+          "metaId": this.$metaId,
+          "fieldsConfigs": this.fieldsConfigs,
+          "pageType": this.componentType,
+          "modelValue": this.data,
+          "onUpdate:modelValue": ($event) => this.data = $event,
+          "column": this.column,
+          "labelAlign": this.$configs.labelAlign
+        }, {
+          default: ({
+            showLabel,
+            fieldConfigs,
+            metaId,
+            ruleMetaId
+          }) => {
+            return fieldConfigs.attriName === "SHOW_CONDITION" ? createVNode(resolveComponent("epx-table-form-item"), {
+              "show-label": showLabel,
+              "label": fieldConfigs.attriLabel,
+              "metaId": metaId,
+              "ruleMetaId": ruleMetaId,
+              "functionList": [],
+              "variableList": this.variableList,
+              "fieldConfigs": fieldConfigs
+            }, null) : fieldConfigs.attriName === "CUSTOM_CODE_KEY" ? createVNode(resolveComponent("epx-table-form-item"), {
+              "show-label": showLabel,
+              "label": fieldConfigs.attriLabel,
+              "metaId": metaId,
+              "ruleMetaId": ruleMetaId,
+              "functionList": [],
+              "variableList": this.variableList,
+              "fieldConfigs": fieldConfigs
+            }, {
+              default: () => [createVNode("div", {
+                "class": "custom-code-container"
+              }, [this.codeList.map((item, index) => {
+                return createVNode("div", {
+                  "key": item.value,
+                  "class": "custom-code-item"
+                }, [createVNode("span", null, null), createTextVNode(" "), item.label, `(${item.value})`, (this.pageType === "ADD" || this.pageType === "EDIT") && createVNode("div", {
+                  "class": "custom-code-item__mask"
+                }, [createVNode("i", {
+                  "class": "el-icon-edit",
+                  "onClick": this.editCode.bind(this, item, index)
+                }, null), createTextVNode(" |"), createVNode("i", {
+                  "class": "el-icon-close",
+                  "onClick": this.deleteCode.bind(this, index)
+                }, null)])]);
+              }), (this.pageType === "ADD" || this.pageType === "EDIT") && createVNode(resolveComponent("el-button"), {
+                "type": "primary",
+                "link": true,
+                "onClick": this.addCode
+              }, {
+                default: () => [createTextVNode("新增")]
+              })])]
+            }) : fieldConfigs.attriName === "DEFAULT_VALUE" && this.data.TYPE === "operates" ? createVNode(resolveComponent("epx-table-form-item"), {
+              "show-label": showLabel,
+              "label": fieldConfigs.attriLabel,
+              "metaId": metaId,
+              "ruleMetaId": ruleMetaId,
+              "functionList": [],
+              "variableList": this.variableList,
+              "fieldConfigs": fieldConfigs
+            }, {
+              default: () => [createVNode("div", null, [this.formatOperate(fieldConfigs.attriName).map((operate, index) => createVNode("span", {
+                "style": {
+                  marginRight: "10px"
+                }
+              }, [createVNode(resolveComponent("el-button"), {
+                "size": "default",
+                "type": operate.ui,
+                "key": operate.text
+              }, {
+                default: () => [createVNode("i", {
+                  "class": ["fa", operate.icon]
+                }, null), operate.text]
+              }), (this.pageType === "EDIT" || this.pageType === "ADD") && createVNode("i", {
+                "class": "el-icon-close",
+                "onClick": this.deleteOperate.bind(this, fieldConfigs.attriName, index),
+                "style": {
+                  marginLeft: "4px",
+                  cursor: "pointer",
+                  color: "red"
+                }
+              }, null)]))]), (this.pageType === "EDIT" || this.pageType === "ADD") && createVNode(resolveComponent("el-dropdown"), null, {
+                default: () => [createVNode("span", {
+                  "class": "el-dropdown-link"
+                }, [createVNode(resolveComponent("el-button"), {
+                  "type": "primary",
+                  "link": true
+                }, {
+                  default: () => [createTextVNode("添加默认按钮")]
+                })])],
+                dropdown: () => {
+                  let _slot;
+                  return createVNode(resolveComponent("el-dropdown-menu"), null, _isSlot(_slot = this.commonOperates.map((item) => createVNode(resolveComponent("el-dropdown-item"), {
+                    "onClick": this.addOperate.bind(this, fieldConfigs.attriName, item)
+                  }, {
+                    default: () => [item.text]
+                  }))) ? _slot : {
+                    default: () => [_slot]
+                  });
+                }
+              })]
+            }) : createVNode(resolveComponent("epx-table-form-item"), {
+              "show-label": showLabel,
+              "label": fieldConfigs.attriLabel,
+              "metaId": metaId,
+              "ruleMetaId": ruleMetaId,
+              "fieldConfigs": fieldConfigs,
+              "rules": [{
+                required: fieldConfigs.isRequired === "1" && fieldConfigs.state !== "SEARCH",
+                message: `${fieldConfigs.attriLabel}不能为空`
+              }]
+            }, null);
+          }
+        });
+      }
+    },
+    renderCodeKeyDialog() {
+      return createVNode(resolveComponent("el-dialog"), {
+        "title": "代码项新增",
+        "modelValue": this.showAddCodeDialog,
+        "onUpdate:modelValue": (v) => {
+          this.showAddCodeDialog = v;
+        },
+        "destroy-on-close": true,
+        "width": "560px"
+      }, {
+        default: () => [createVNode("div", {
+          "class": "add-code-option-content"
+        }, [createVNode("p", {
+          "class": "add-code-option-item"
+        }, [createTextVNode("编号："), createVNode(resolveComponent("el-input"), {
+          "style": "width: 300px",
+          "modelValue": this.codeData.value,
+          "onUpdate:modelValue": ($event) => this.codeData.value = $event,
+          "type": "text",
+          "placeholder": "请输入编号"
+        }, null)]), createVNode("p", {
+          "class": "add-code-option-item"
+        }, [createTextVNode("名称："), createVNode(resolveComponent("el-input"), {
+          "style": "width: 300px",
+          "modelValue": this.codeData.label,
+          "onUpdate:modelValue": ($event) => this.codeData.label = $event,
+          "type": "text",
+          "placeholder": "请输入名称"
+        }, null)])]), createVNode("div", {
+          "class": "dialog-footer"
+        }, [createVNode(resolveComponent("el-button"), {
+          "onClick": () => {
+            this.showAddCodeDialog = false;
+          }
+        }, {
+          default: () => [createTextVNode("取 消")]
+        }), createVNode(resolveComponent("el-button"), {
+          "type": "primary",
+          "onClick": this.saveCodeOption
+        }, {
+          default: () => [createTextVNode("确 定")]
+        })])]
+      });
+    },
+    editCode(item, index) {
+      this.codeData = {
+        ...item
+      };
+      this.isEditCode = true;
+      this.editCodeIndex = index;
+      this.showAddCodeDialog = true;
+    },
+    deleteCode(index) {
+      this.codeList.splice(index, 1);
+    },
+    saveCodeOption() {
+      if (!this.codeData.value) {
+        this.$message.error("请输入编号");
+        return;
+      }
+      if (!this.codeData.label) {
+        this.$message.error("请输入名称");
+        return;
+      }
+      const index = this.codeList.findIndex((item, index2) => {
+        return index2 !== this.editCodeIndex && item.value === this.codeData.value;
+      });
+      if (this.isEditCode) {
+        if (index !== -1 && index !== this.editCodeIndex) {
+          this.$message.warning("编号重复，请重新输入");
+          return;
+        }
+        this.codeList.splice(this.editCodeIndex, 1, {
+          ...this.codeData
+        });
+      } else {
+        if (index !== -1) {
+          this.$message.warning("编号重复，请重新输入");
+          return;
+        }
+        this.codeList.push({
+          ...this.codeData
+        });
+      }
+      this.data.CUSTOM_CODE_KEY = JSON.stringify(this.codeList);
+      this.showAddCodeDialog = false;
+    },
+    addCode() {
+      this.codeData = {
+        value: "",
+        label: ""
+      };
+      this.isEditCode = false;
+      this.showAddCodeDialog = true;
+    },
+    formatOperate(attriName) {
+      const value = this.data[attriName];
+      if (value) {
+        return JSON.parse(value);
+      } else {
+        return [];
+      }
+    },
+    addOperate(attriName, item) {
+      const operates = this.formatOperate(attriName);
+      operates.push(item);
+      this.data[attriName] = JSON.stringify(operates);
+    },
+    deleteOperate(attriName, index) {
+      const operates = this.formatOperate(attriName);
+      operates.splice(index, 1);
+      this.data[attriName] = operates.length > 0 ? JSON.stringify(operates) : "";
+    },
+    getVariableList() {
+      const {
+        UP_ID
+      } = this.$query.defaultValue || {};
+      const {
+        templateId
+      } = this.$query;
+      const upId = UP_ID || this.data.UP_ID;
+      this.$http.getTree({
+        action: "getPageAttributeTree",
+        entityId: "FM_PAGE_ATTRIBUTE",
+        pageId: templateId,
+        "scope.PAGE": templateId || this.data.PAGE,
+        showEntity: "1",
+        order_field: "ORDER_NUM",
+        order_mode: "asc"
+      }).then((data) => {
+        let parent = null;
+        const formatData = (arr) => {
+          arr.forEach((item) => {
+            const {
+              CODE,
+              TYPE
+            } = item.entity.data || {};
+            item.code = `config.${CODE}`;
+            item.type = TYPE;
+            item.leaf = true;
+            if (item.type === "field") {
+              item.children = [];
+            }
+            if (item.id === upId) parent = item;
+            if (item.children) formatData(item.children);
+          });
+        };
+        formatData(data);
+        this.variableList = [{
+          code: "config",
+          text: "配置信息",
+          children: data
+        }];
+        if (parent && parent.type === "field") {
+          this.variableList.push({
+            code: "field",
+            text: "字段信息",
+            children: [{
+              code: "field.attriName",
+              text: "字段编号",
+              leaf: true
+            }, {
+              code: "field.attriLabel",
+              text: "字段名称",
+              leaf: true
+            }, {
+              code: "field.dataType",
+              text: "字段类型",
+              leaf: true
+            }, {
+              code: "field.relationSort",
+              text: "字段关联方式",
+              leaf: true
+            }, {
+              code: "field.isMeta",
+              text: "对象字段",
+              leaf: true
+            }]
+          });
+        }
+      });
+    },
+    getCommonOperates() {
+      const {
+        templateId
+      } = this.$query;
+      this.$http.list({
+        entityId: "FM_PAGE_COMMON_OPERATES",
+        "scope.PAGE": templateId || this.data.PAGE,
+        link: "handler,component|left join",
+        order_field: "ORDER_NUM",
+        order_mode: "asc"
+      }).then((data) => {
+        this.commonOperates = data.entitys.map((item) => {
+          const handler = {};
+          if (item.TEXT) handler.text = item.TEXT;
+          if (item.HANDLER) handler.handler = item["HANDLER|CODE"];
+          if (item.UI) handler.ui = item.UI;
+          if (item.ICON) handler.icon = item.ICON;
+          if (item.ACTION) handler.action = item.ACTION;
+          if (item.COMPONENT) handler.component = item["COMPONENT|CODE"];
+          if (item.NUM) handler.num = item.NUM;
+          if (item.CONFIRM) handler.confirm = item.CONFIRM === "1";
+          if (item.CONFIRM_MSG) handler.confirmMsg = item.CONFIRM_MSG;
+          if (item.SUCCESS_MSG) handler.successMsg = item.SUCCESS_MSG;
+          if (item.FAIL_MSG) handler.failMsg = item.FAIL_MSG;
+          if (item.OPEN_MODE) handler.openMode = item.OPEN_MODE;
+          if (item.MOVE_TYPE) handler.moveType = item.MOVE_TYPE;
+          if (item.PAGE_TYPE) handler.pageType = item.PAGE_TYPE;
+          if (item.PAGE_FLAG) handler.pageFlag = item.PAGE_FLAG;
+          if (item.TERMINAL) handler.terminal = item.TERMINAL;
+          if (item.CONDITION_EL) {
+            handler.showConditionType = "el";
+            handler.showConditionEl = item.CONDITION_EL;
+          }
+          if (item.PARAMS) {
+            handler.params = window.eval("(" + item.PARAMS + ")");
+          }
+          return handler;
+        });
+      });
+    }
+  },
+  created() {
+    this.getVariableList();
+    this.getCommonOperates();
+    if (this.data.CUSTOM_CODE_KEY) {
+      this.codeList = JSON.parse(this.data.CUSTOM_CODE_KEY);
+    }
+  },
+  render() {
+    if (!this.showFlag) return null;
+    return createVNode("div", {
+      "class": ["epx-add-form-item", {
+        "is-fold": this.isFold
+      }],
+      "style": this.$component.style
+    }, [this.renderFormTitle(), this.renderFormContent(), this.renderFormDrawer(), this.renderCodeKeyDialog()]);
+  }
+};
+export {
+  _sfc_main as default
+};

package/dist/src/components/CreatePage.js

@@ -0,0 +1,298 @@
+import '../../style.css';
+import component from "@epxing/core/src/mixins/component";
+import { evalWith } from "@epxing/utils/src/eval-with";
+import { createDashboardConfig } from "@epxing/dashboard/src/design-target";
+import { resolveComponent, openBlock, createElementBlock, createBlock, createElementVNode, Fragment, renderList, normalizeStyle, createCommentVNode, toDisplayString, createVNode, withCtx, createTextVNode } from "vue";
+/* empty css               */
+import _export_sfc from "../../_virtual/_plugin-vue_export-helper.js";
+const _sfc_main = {
+  name: "epx-create-page",
+  mixins: [component],
+  data() {
+    return {
+      templateList: null,
+      template: null,
+      searchScopeParams: [],
+      searchKeyParams: {},
+      createPageVisible: false,
+      form: {},
+      fieldsConfigs: []
+    };
+  },
+  computed: {
+    searchFields() {
+      const { searchFields = [] } = this.$configs;
+      return searchFields;
+    },
+    scopeParams() {
+      const { scopeParams: configScopeParams = [] } = this.$configs;
+      const { scopeParams: queryScopeParams = [] } = this.$query;
+      const _scopeParams = this.$_.cloneDeep([...configScopeParams, ...queryScopeParams, ...this.searchScopeParams]);
+      const that = this;
+      for (const scopeKey in _scopeParams) {
+        const scope = _scopeParams[scopeKey];
+        if (!scope) continue;
+        let values = scope.values;
+        if (/\$\[(.+)\]/.test(values)) {
+          values = values.replace(/\$\[(.+)\]/, (match, key) => {
+            try {
+              return evalWith(`that.$query.${key}`, { that }) || evalWith(`that.$tab.${key}`, { that }) || evalWith(`that.${key}`, { that }) || "";
+            } catch (error) {
+              return scope.values;
+            }
+          });
+        }
+        if (/#\{(.+)\}/.test(values)) {
+          values = values.replace(/#\{(.+)\}/, (match, key) => {
+            try {
+              return evalWith(`that.$query.${key}`, { that }) || evalWith(`that.$tab.${key}`, { that }) || "";
+            } catch (error) {
+              return scope.values;
+            }
+          });
+        }
+        scope.values = values;
+      }
+      return _scopeParams;
+    }
+  },
+  methods: {
+    search(params) {
+      this.searchScopeParams = params;
+      this.getData();
+    },
+    initComponent() {
+      this.getData();
+    },
+    getData() {
+      const params = {
+        entityId: "FM_PAGE",
+        "scope.TYPE": "02",
+        columnFieldNames: this.$meta.getAllFields().join("#,") + "#",
+        ...this.searchKeyParams
+      };
+      if (this.scopeParams) params.scopeParams = JSON.stringify(this.scopeParams);
+      this.$http.list(params).then((data) => {
+        this.templateList = data.entitys;
+      });
+    },
+    getPageFieldConfigs() {
+      const fields = ["CODE", "TITLE", "FLAG", "META_ID", "TERMINAL"];
+      this.$FieldFactory.createFields({
+        metaId: "FM_PAGE_CONFIG",
+        pageType: "ADD",
+        fields
+      }).then((data) => {
+        this.fieldsConfigs = data;
+      });
+    },
+    createBasePage() {
+      const template = this.templateList.find((item) => item.CODE === "base-page");
+      this.template = template;
+      this.createPageVisible = true;
+    },
+    createPage(toVisual) {
+      const form = this.$refs.form;
+      form.validate((valid, err) => {
+        if (!valid) {
+          for (const key in err) {
+            const errMessgae = err[key][0];
+            this.$message.error(errMessgae.message);
+            return;
+          }
+        } else {
+          const params = {
+            entityId: "FM_PAGE_CONFIG",
+            "bean.CLIENT": this.CLIENT,
+            "bean.SYSTEM": this.SYSTEM,
+            "bean.APP": this.APP,
+            "bean.PAGE_ID": this.template.ID
+          };
+          const formData = form.model.data;
+          for (const key in formData) {
+            if (!key.includes("#")) params[`bean.${key}`] = formData[key];
+          }
+          if (this.template.CODE === "dashboard") {
+            try {
+              const raw = this.template.CONTENT;
+              const config = raw ? typeof raw === "string" ? JSON.parse(raw) : raw : {};
+              const next = createDashboardConfig(config, config.designTarget);
+              if (!(next.items || []).length) delete next.designTarget;
+              params["bean.CONTENT"] = JSON.stringify(next);
+            } catch (e) {
+              this.$message.error("看板模板配置无法解析，请检查模板");
+              return;
+            }
+          }
+          if (this.isRequesting) return;
+          this.isRequesting = true;
+          this.$http.save(params).then((data) => {
+            this.$message.success("保存成功");
+            this.createPageVisible = false;
+            if (toVisual) {
+              if (this.template.CODE === "dashboard") {
+                this.$router.push({ name: "Config", params: { client: this.$route.params.client || this.appConfig["CLIENT|CODE"], system: this.$route.params.system || this.appConfig["SYSTEM|CODE"], mode: "dashboard", configId: data } });
+                this.isRequesting = false;
+                return;
+              }
+              this.goPage({
+                component: "page-designer",
+                metaId: "FM_PAGE_CONFIG",
+                type: "replace",
+                params: {
+                  entityId: formData.META_ID,
+                  title: formData.TITLE,
+                  id: data
+                }
+              });
+            } else {
+              this.backPage();
+            }
+            this.isRequesting = false;
+          }).catch((err2) => {
+            this.$message.error(err2.message);
+            this.isRequesting = false;
+          });
+        }
+      });
+    }
+  },
+  created() {
+    this.getPageFieldConfigs();
+    this.$event.on("search-keyword", (searchKeyParams) => {
+      if (searchKeyParams) {
+        this.searchKeyParams = searchKeyParams;
+        this.getData();
+      }
+    });
+  }
+};
+const _hoisted_1 = { class: "page-container" };
+const _hoisted_2 = {
+  key: 1,
+  class: "component-list"
+};
+const _hoisted_3 = ["onClick"];
+const _hoisted_4 = {
+  key: 0,
+  class: "no-image"
+};
+const _hoisted_5 = { class: "component-content" };
+const _hoisted_6 = { class: "component-name" };
+const _hoisted_7 = { class: "component-desc__item" };
+const _hoisted_8 = {
+  key: 2,
+  class: "no-data"
+};
+const _hoisted_9 = { class: "button-group" };
+function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
+  const _component_epx_search_filter = resolveComponent("epx-search-filter");
+  const _component_epx_table_form = resolveComponent("epx-table-form");
+  const _component_el_button = resolveComponent("el-button");
+  const _component_el_dialog = resolveComponent("el-dialog");
+  return openBlock(), createElementBlock("div", null, [
+    (openBlock(), createBlock(_component_epx_search_filter, {
+      meta: _ctx.$meta,
+      fields: $options.searchFields,
+      showFilter: false,
+      key: _ctx.$configs.keywords,
+      onSearch: $options.search
+    }, null, 8, ["meta", "fields", "onSearch"])),
+    createElementVNode("div", _hoisted_1, [
+      !$data.templateList ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [], 64)) : $data.templateList.length > 0 ? (openBlock(), createElementBlock("ul", _hoisted_2, [
+        createElementVNode("li", {
+          class: "component-item",
+          onClick: _cache[0] || (_cache[0] = (...args) => $options.createBasePage && $options.createBasePage(...args))
+        }, [..._cache[6] || (_cache[6] = [
+          createElementVNode("div", { class: "base-page" }, [
+            createElementVNode("i", { class: "el-icon-circle-plus-outline" }),
+            createElementVNode("p", null, "从空白页面创建")
+          ], -1)
+        ])]),
+        (openBlock(true), createElementBlock(Fragment, null, renderList($data.templateList, (component2) => {
+          return openBlock(), createElementBlock(Fragment, {
+            key: component2.ID
+          }, [
+            component2.CODE !== "base-page" ? (openBlock(), createElementBlock("li", {
+              key: 0,
+              class: "component-item",
+              onClick: ($event) => {
+                $data.template = component2;
+                $data.createPageVisible = true;
+              }
+            }, [
+              createElementVNode("div", {
+                class: "component-image",
+                style: normalizeStyle(component2.PICTURE ? { backgroundImage: `url(${_ctx.$util.getFileUrl(component2.PICTURE)})` } : {})
+              }, [
+                !component2.PICTURE ? (openBlock(), createElementBlock("div", _hoisted_4, [..._cache[7] || (_cache[7] = [
+                  createElementVNode("i", { class: "el-icon-picture-outline" }, null, -1),
+                  createElementVNode("p", null, "暂无缩略图", -1)
+                ])])) : createCommentVNode("", true)
+              ], 4),
+              createElementVNode("div", _hoisted_5, [
+                createElementVNode("p", _hoisted_6, toDisplayString(component2.TITLE), 1),
+                createElementVNode("p", _hoisted_7, toDisplayString(component2.REMARK || "暂无描述"), 1)
+              ])
+            ], 8, _hoisted_3)) : createCommentVNode("", true)
+          ], 64);
+        }), 128))
+      ])) : (openBlock(), createElementBlock("div", _hoisted_8, [..._cache[8] || (_cache[8] = [
+        createElementVNode("i", { class: "epx-icon-kong" }, null, -1),
+        createElementVNode("p", null, "暂无模板", -1)
+      ])]))
+    ]),
+    createVNode(_component_el_dialog, {
+      width: "500px",
+      title: "填写页面信息",
+      modelValue: $data.createPageVisible,
+      "onUpdate:modelValue": _cache[5] || (_cache[5] = ($event) => $data.createPageVisible = $event)
+    }, {
+      default: withCtx(() => [
+        $data.fieldsConfigs.length > 0 ? (openBlock(), createBlock(_component_epx_table_form, {
+          key: 0,
+          class: "form-content",
+          ref: "form",
+          metaId: "FM_PAGE_CONFIG",
+          fieldsConfigs: $data.fieldsConfigs,
+          modelValue: $data.form,
+          "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => $data.form = $event),
+          column: 1
+        }, null, 8, ["fieldsConfigs", "modelValue"])) : createCommentVNode("", true),
+        createElementVNode("div", _hoisted_9, [
+          createVNode(_component_el_button, {
+            type: "primary",
+            onClick: _cache[2] || (_cache[2] = ($event) => $options.createPage(false))
+          }, {
+            default: withCtx(() => [..._cache[9] || (_cache[9] = [
+              createTextVNode("保存", -1)
+            ])]),
+            _: 1
+          }),
+          createVNode(_component_el_button, {
+            type: "primary",
+            onClick: _cache[3] || (_cache[3] = ($event) => $options.createPage(true))
+          }, {
+            default: withCtx(() => [..._cache[10] || (_cache[10] = [
+              createTextVNode("保存并配置", -1)
+            ])]),
+            _: 1
+          }),
+          createVNode(_component_el_button, {
+            onClick: _cache[4] || (_cache[4] = ($event) => $data.createPageVisible = false)
+          }, {
+            default: withCtx(() => [..._cache[11] || (_cache[11] = [
+              createTextVNode("返回", -1)
+            ])]),
+            _: 1
+          })
+        ])
+      ]),
+      _: 1
+    }, 8, ["modelValue"])
+  ]);
+}
+const CreatePage = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render], ["__scopeId", "data-v-f26e5284"]]);
+export {
+  CreatePage as default
+};