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

package/dist/src/components/CodeManage.js

@@ -0,0 +1,1030 @@
+import '../../style.css';
+import { mapGetters } from "vuex";
+import { evalWith } from "@epxing/utils/src/eval-with";
+import component from "@epxing/core/src/mixins/component";
+import draggable from "@epxing/core/src/components/draggable";
+import { resolveComponent, resolveDirective, openBlock, createElementBlock, createVNode, withCtx, createElementVNode, toDisplayString, createTextVNode, createCommentVNode, withDirectives, createBlock, TransitionGroup, Fragment, renderList, normalizeClass, withModifiers } from "vue";
+/* empty css               */
+import _export_sfc from "../../_virtual/_plugin-vue_export-helper.js";
+const _sfc_main = {
+  name: "epx-code-manage",
+  mixins: [component],
+  flex: true,
+  pageFlag: true,
+  components: {
+    draggable
+  },
+  data() {
+    return {
+      codeList: [],
+      currentPage: 1,
+      pageSize: 20,
+      expandKeys: [],
+      searchKeyParams: [],
+      searchParams: [],
+      loadFinish: false,
+      selectCodeItem: null,
+      editable: false,
+      loadForm: true,
+      codeOptionsTree: [],
+      addCodeOptionVisible: false,
+      upCodeOption: null,
+      option: {},
+      optionKey: "",
+      addPage: false,
+      total: 0,
+      activeTab: "option",
+      checkedKeys: [],
+      selectedCodeIds: [],
+      colorList: ["#FFFFFF", "#F2F3F7", "#E2F4FD", "#EEFAE1", "#F7E9BC", "#FBD3D0", "#C2CDF0", "#DBCEF5", "#E8D5CB", "#C0EBE5", "#E48484", "#DFB85D", "#B1C774", "#77C386", "#6EC4C4", "#69B1E4", "#6F81DB", "#A287E1", "#75636A", "#7C9CC0"]
+    };
+  },
+  computed: {
+    ...mapGetters([
+      "getMetaById"
+    ]),
+    scopeParams() {
+      const { scopeParams: configScopeParams = [] } = this.$configs;
+      const { scopeParams: queryScopeParams = [] } = this.$query;
+      const scopeParams = [...configScopeParams, ...queryScopeParams];
+      const _scopeParams = this.$_.cloneDeep([...scopeParams, ...this.searchParams]);
+      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;
+    },
+    formConfigs() {
+      return { ...this.$configs, editable: true };
+    }
+  },
+  watch: {
+    searchKeyParams() {
+      if (this.initData) {
+        this.selectCodeItem = null;
+        this.$refesh();
+      }
+    },
+    scopeParams: {
+      deep: true,
+      handler() {
+        if (this.initData) {
+          this.selectCodeItem = null;
+          this.$refesh();
+        }
+      }
+    },
+    optionKey(val) {
+      this.$refs.tree.filter(val);
+    }
+  },
+  methods: {
+    getData(current) {
+      if (this.loadFinish) return;
+      if (this.loading) return;
+      this.loading = true;
+      let { queryParams = {}, pageFlag, orderFields, order_field: orderField = [], order_mode: orderMode = [] } = this.$configs;
+      if (orderFields && orderFields.length > 0) {
+        orderField = orderFields.map((item) => item.attriName || item);
+        orderMode = orderFields.map((item) => item.sort || "asc");
+      }
+      const params = {
+        entityId: this.$metaId,
+        link: "system",
+        ...this.$formatParams(queryParams),
+        ...this.searchKeyParams,
+        order_field: orderField.join(","),
+        order_mode: orderMode.join(","),
+        columnFieldNames: this.$meta.getListFields().join("#,") + "#,SYSTEM|CODE,SYSTEM|NAME"
+      };
+      if (pageFlag) {
+        params.page = current || this.currentPage;
+        params.limit = this.pageSize;
+      }
+      if (this.scopeParams.length > 0) {
+        params.scopeParams = JSON.stringify(this.scopeParams);
+      }
+      this.currentPage = params.page + 1;
+      this.$http.list(params).then((data) => {
+        this.initData = true;
+        this.loading = false;
+        this.total = data.total;
+        this.codeList = [...this.codeList, ...data.entitys];
+        if (data.entitys.length < this.pageSize) {
+          this.loadFinish = true;
+        }
+      }).catch(() => {
+        this.loading = false;
+      });
+    },
+    addEntity() {
+      this.addPage = true;
+    },
+    importCode(key) {
+      this.$createPage({
+        component: "import-page",
+        metaId: key === "define" ? "FM_CODE_DEFINE" : "FM_CODE_PUB",
+        dynamicParams: {
+          CLIENT: this.CLIENT,
+          SYSTEM: this.SYSTEM
+        }
+      });
+    },
+    exportCode() {
+      const params = {};
+      if (this.scopeParams) {
+        params.scopeParams = JSON.stringify(this.scopeParams);
+      }
+      this.$createPage({
+        metaId: this.$metaId,
+        component: "export-page",
+        flag: "v_export",
+        selects: this.selectCodeItem.ID,
+        selectIds: [this.selectCodeItem.ID],
+        total: this.total,
+        params,
+        fields: this.$meta.getExportFields()
+      });
+    },
+    toggleSelectCode(id) {
+      const index = this.selectedCodeIds.indexOf(id);
+      if (index === -1) {
+        this.selectedCodeIds.push(id);
+      } else {
+        this.selectedCodeIds.splice(index, 1);
+      }
+    },
+    selectAllCode() {
+      if (this.selectedCodeIds.length === this.codeList.length) {
+        this.selectedCodeIds = [];
+      } else {
+        this.selectedCodeIds = this.codeList.map((item) => item.ID);
+      }
+    },
+    batchExportCode() {
+      const params = {};
+      if (this.scopeParams) {
+        params.scopeParams = JSON.stringify(this.scopeParams);
+      }
+      this.$createPage({
+        metaId: this.$metaId,
+        component: "export-page",
+        flag: "v_export",
+        selects: this.selectedCodeIds.join(","),
+        selectIds: [...this.selectedCodeIds],
+        total: this.total,
+        params,
+        fields: this.$meta.getExportFields()
+      });
+    },
+    copyCode() {
+      const { copyPageId } = this.$configs;
+      if (!this.selectCodeItem) {
+        this.$message.error("请先选中要复制的代码定义表");
+        return;
+      }
+      this.$createPage({
+        openType: "2",
+        component: "entity-add-page",
+        metaId: this.$metaId,
+        pageType: "ADD",
+        id: this.selectCodeItem.ID,
+        pageId: copyPageId
+      });
+    },
+    deleteCode(item) {
+      this.$http.removeMulti({
+        entityId: this.$metaId,
+        ids: item.ID
+      }).then(() => {
+        this.selectCodeItem = null;
+        this.$refesh();
+        if (item.ID === this.selectCodeItem.ID) this.selectCodeItem = null;
+      });
+    },
+    viewCode(codeItem) {
+      this.selectCodeItem = codeItem;
+      this.getCodeOptions();
+      this.cancelEdit();
+    },
+    editCode() {
+      this.editable = true;
+      this.loadForm = false;
+      this.$nextTick(() => {
+        this.loadForm = true;
+      });
+    },
+    shareCode() {
+      this.$http.update({
+        entityId: "FM_CODE_DEFINE",
+        "bean.ID": this.selectCodeItem.ID,
+        "bean.SCOPE": "frame"
+      }).then((data) => {
+        this.selectCodeItem = { ...this.selectCodeItem, SCOPE: "client" };
+        const index = this.codeList.findIndex((item) => item.ID === this.selectCodeItem.ID);
+        if (index !== -1) {
+          this.codeList.splice(index, 1, { ...this.selectCodeItem, SCOPE: "client" });
+        }
+      });
+    },
+    getCodeOptions() {
+      this.$http.getTree({
+        entityId: "FM_CODE_DEFINE",
+        key: this.selectCodeItem.ID,
+        useCache: "0",
+        mysort: "ORDER_NUM",
+        dir: "ASC",
+        scope: "all"
+      }).then((data) => {
+        this.codeOptionsTree = data;
+        this.checkedKeys = [];
+      });
+    },
+    cancelEdit(finish) {
+      this.editable = false;
+      this.loadForm = false;
+      this.$nextTick(() => {
+        this.loadForm = true;
+      });
+      if (finish) {
+        this.$http.get({
+          entityId: this.$metaId,
+          id: this.selectCodeItem.ID
+        }).then((data) => {
+          this.selectCodeItem = data.data;
+          const index = this.codeList.findIndex((item) => item.ID === this.selectCodeItem.ID);
+          if (index !== -1) {
+            this.codeList.splice(index, 1, data.data);
+          }
+        });
+      }
+    },
+    filterNode(value, data) {
+      if (!value) return true;
+      return data.title.indexOf(value) !== -1;
+    },
+    expandNode(node) {
+      this.expandKeys = [.../* @__PURE__ */ new Set([...this.expandKeys, node.id])];
+    },
+    collapseNode(node) {
+      const index = this.expandKeys.findIndex((item) => item === node.id);
+      if (index !== -1) {
+        this.expandKeys.splice(index, 1);
+      }
+    },
+    addCodeOption(data) {
+      this.addCodeOptionVisible = true;
+      this.upCodeOption = data;
+      this.option = {
+        ENABLE: "1"
+      };
+    },
+    editCodeOption(data) {
+      this.addCodeOptionVisible = true;
+      this.$http.get({
+        entityId: "FM_CODE_PUB",
+        id: data.id
+      }).then((data2) => {
+        this.option = { LANGUAGE_PARAM: {}, ...data2.data };
+      });
+    },
+    saveCodeOption(isContinue) {
+      if (!this.option.CODE || !this.option.NAME) {
+        this.$message.error("请输入代码项信息");
+        return;
+      }
+      const params = {
+        "bean.CLIENT": this.$tab.CLIENT,
+        "bean.SYSTEM": this.$tab.SYSTEM,
+        "bean.CODE": this.option.CODE,
+        "bean.CODE_DEFINE": this.selectCodeItem.ID,
+        "bean.NAME": this.option.NAME,
+        "bean.ICON": this.option.ICON && typeof this.option.ICON === "object" ? this.option.ICON.id : this.option.ICON,
+        "bean.ICON_COLOR": this.option.ICON_COLOR,
+        "bean.ICON_BG_COLOR": this.option.ICON_BG_COLOR,
+        "bean.FONT_COLOR": this.option.FONT_COLOR,
+        "bean.LANGUAGE_PARAM": this.option.LANGUAGE_PARAM,
+        "bean.ENABLE": this.option.ENABLE
+      };
+      if (this.selectCodeItem.SCOPE === "client") {
+        delete params["bean.SYSTEM"];
+      }
+      if (this.upCodeOption) {
+        params["bean.UP"] = this.upCodeOption.id;
+      }
+      if (this.option.ID) {
+        params.action = "update";
+        params["bean.ID"] = this.option.ID;
+      }
+      if (this.isRequesting === true) return;
+      this.isRequesting = true;
+      this.$http.save({
+        entityId: "FM_CODE_PUB",
+        ...params
+      }).then(() => {
+        this.getCodeOptions();
+        this.option = {
+          NAME: "",
+          CODE: "",
+          ICON: "",
+          ICON_COLOR: "",
+          ICON_BG_COLOR: "",
+          FONT_COLOR: "",
+          ENABLE: "1",
+          LANGUAGE_PARAM: {}
+        };
+        if (isContinue !== true) {
+          this.upCodeOption = null;
+          this.addCodeOptionVisible = false;
+        }
+        this.isRequesting = false;
+      }).catch((err) => {
+        this.$message.error(err.message || "处理失败");
+        this.isRequesting = false;
+      });
+    },
+    addCodeCallback(code) {
+      this.addPage = false;
+      this.$http.get({
+        entityId: this.$metaId,
+        id: code.id
+      }).then((data) => {
+        this.viewCode(data.data);
+      });
+      this.currentPage = 1;
+      this.codeList = [];
+      this.loading = false;
+      this.loadFinish = false;
+      this.getData();
+    },
+    onTreeCheck() {
+      this.checkedKeys = this.$refs.tree.getCheckedKeys();
+    },
+    batchDeleteCodeOption() {
+      this.$confirm(`确认删除选中的 ${this.checkedKeys.length} 个代码项？`, "提示", {
+        confirmButtonText: "确定",
+        cancelButtonText: "取消",
+        type: "warning"
+      }).then(() => {
+        this.$http.removeMulti({
+          entityId: "FM_CODE_PUB",
+          ids: this.checkedKeys.join(",")
+        }).then(() => {
+          this.$message.success("删除成功");
+          this.getCodeOptions();
+        });
+      }).catch(() => {
+      });
+    },
+    deleteCodeOption(item) {
+      this.$http.removeMulti({
+        entityId: "FM_CODE_PUB",
+        ids: item.id
+      }).then(() => {
+        this.getCodeOptions();
+      });
+    },
+    getCodeOptionNode(modules, parentId) {
+      let node = null;
+      for (let i = 0; i < modules.length; i++) {
+        const module = modules[i];
+        if (module.id === parentId) {
+          node = module;
+          return node;
+        } else if (module.children && module.children.length > 0) {
+          node = this.getCodeOptionNode(module.children, parentId);
+        }
+        if (node) {
+          return node;
+        }
+      }
+    },
+    dropCodeOption(node, current, type, event) {
+      let parentId = "";
+      let modules = [];
+      if (type === "after" || type === "before") {
+        parentId = current.data.parent || "root";
+      } else if (type === "inner") {
+        parentId = current.data.id;
+      }
+      if (parentId === "root") {
+        modules = [...this.codeOptionsTree];
+      } else {
+        const parentNode = this.getCodeOptionNode(this.codeOptionsTree, parentId) || { children: [...this.codeOptionsTree] };
+        modules = [...parentNode.children];
+      }
+      const str = modules.reduce((str2, item, index) => str2 += item.id + ":" + index + ",", "");
+      this.$http.$post({
+        action: "moveTree",
+        entityId: "FM_CODE_PUB",
+        id: node.data.id,
+        selfAttriName: "ID",
+        newParentId: parentId,
+        orderString: str,
+        orderAtrriName: "ORDER_NUM"
+      }).then((data) => {
+        this.getCodeOptions();
+      });
+    },
+    search(v) {
+      this.searchParams = v;
+    },
+    $refesh() {
+      if (this.selectCodeItem) {
+        if (this.$refs.formItem && this.$refs.formItem.$refs.form) {
+          const { data = {} } = this.$refs.formItem.$refs.form.model || {};
+          const index = this.codeList.findIndex((item) => item.ID === this.selectCodeItem.ID);
+          if (index !== -1) {
+            this.codeList.splice(index, 1, { ...this.codeList[index], ...data });
+          }
+        }
+      } else {
+        if (this.refeshTimer) return;
+        this.refeshTimer = setTimeout(() => {
+          this.currentPage = 1;
+          this.codeList = [];
+          this.loading = false;
+          this.loadFinish = false;
+          this.getData();
+          clearTimeout(this.refeshTimer);
+          this.refeshTimer = null;
+        }, 100);
+      }
+    },
+    importCurrentCode() {
+      this.$createPage({
+        metaId: "FM_CODE_PUB",
+        component: "import-page",
+        dynamicParams: {
+          CLIENT: this.CLIENT,
+          SYSTEM: this.SYSTEM,
+          CODE_DEFINE: this.selectCodeItem.ID
+        }
+      });
+    },
+    async exportCurrentCode() {
+      let meta = this.getMetaById("FM_CODE_PUB");
+      if (!meta) {
+        meta = await this.$store.dispatch({
+          type: "ADD_META",
+          metaId: "FM_CODE_PUB"
+        });
+      }
+      this.$createPage({
+        metaId: "FM_CODE_PUB",
+        component: "export-page",
+        fields: meta.getAllFieldConfigs(),
+        total: this.codeOptionsTree.length,
+        scopeParams: [
+          {
+            field: "CLIENT",
+            values: this.CLIENT
+          },
+          {
+            field: "CODE_DEFINE",
+            values: this.selectCodeItem.ID
+          }
+        ]
+        // dynamicParams: {
+        //   CLIENT: this.CLIENT,
+        //   SYSTEM: this.SYSTEM,
+        //   CODE_DEFINE: this.selectCodeItem.ID
+        // }
+      });
+    },
+    sortFn() {
+      const str = this.codeList.reduce((str2, item, index) => str2 += item[this.$metaKey] + ":" + index + ",", "");
+      this.$http.$post({
+        action: "moveList",
+        entityId: this.$metaId,
+        orderString: str
+      });
+    }
+  }
+};
+const _hoisted_1 = { class: "code-manage" };
+const _hoisted_2 = { class: "card-header" };
+const _hoisted_3 = { class: "code-conatiner" };
+const _hoisted_4 = { class: "code-search" };
+const _hoisted_5 = {
+  key: 0,
+  class: "code-batch-bar"
+};
+const _hoisted_6 = { class: "code-batch-bar__count" };
+const _hoisted_7 = ["onClick"];
+const _hoisted_8 = { class: "code-item__name" };
+const _hoisted_9 = { class: "code-options-container" };
+const _hoisted_10 = { class: "operate" };
+const _hoisted_11 = { class: "code-option" };
+const _hoisted_12 = { key: 0 };
+const _hoisted_13 = ["onClick"];
+const _hoisted_14 = ["onClick"];
+const _hoisted_15 = { class: "code-from" };
+const _hoisted_16 = { class: "operate" };
+const _hoisted_17 = {
+  key: 0,
+  class: "code-option-form__item"
+};
+const _hoisted_18 = { class: "code-option-form__item" };
+const _hoisted_19 = { class: "code-option-form__item" };
+const _hoisted_20 = { class: "code-option-form__item" };
+const _hoisted_21 = { class: "code-option-form__item" };
+const _hoisted_22 = { class: "code-option-form__item" };
+const _hoisted_23 = { class: "code-option-form__item" };
+const _hoisted_24 = { class: "dialog-footer" };
+function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
+  const _component_el_dropdown_item = resolveComponent("el-dropdown-item");
+  const _component_el_dropdown_menu = resolveComponent("el-dropdown-menu");
+  const _component_el_dropdown = resolveComponent("el-dropdown");
+  const _component_epx_search_filter = resolveComponent("epx-search-filter");
+  const _component_el_button = resolveComponent("el-button");
+  const _component_el_checkbox = resolveComponent("el-checkbox");
+  const _component_el_tag = resolveComponent("el-tag");
+  const _component_el_popconfirm = resolveComponent("el-popconfirm");
+  const _component_draggable = resolveComponent("draggable");
+  const _component_el_card = resolveComponent("el-card");
+  const _component_epx_page = resolveComponent("epx-page");
+  const _component_el_input = resolveComponent("el-input");
+  const _component_el_tree = resolveComponent("el-tree");
+  const _component_el_tab_pane = resolveComponent("el-tab-pane");
+  const _component_epx_add_form_item = resolveComponent("epx-add-form-item");
+  const _component_el_tabs = resolveComponent("el-tabs");
+  const _component_epx_input = resolveComponent("epx-input");
+  const _component_epx_object = resolveComponent("epx-object");
+  const _component_el_color_picker = resolveComponent("el-color-picker");
+  const _component_epx_radio = resolveComponent("epx-radio");
+  const _component_el_dialog = resolveComponent("el-dialog");
+  const _directive_infinite_scroll = resolveDirective("infinite-scroll");
+  return openBlock(), createElementBlock("div", _hoisted_1, [
+    createVNode(_component_el_card, {
+      class: "card code",
+      shadow: "never"
+    }, {
+      header: withCtx(() => [
+        createElementVNode("div", _hoisted_2, [
+          createElementVNode("span", null, "代码标准（" + toDisplayString($data.total) + "）", 1),
+          createVNode(_component_el_dropdown, { class: "fr" }, {
+            dropdown: withCtx(() => [
+              createVNode(_component_el_dropdown_menu, null, {
+                default: withCtx(() => [
+                  createVNode(_component_el_dropdown_item, { onClick: $options.addEntity }, {
+                    default: withCtx(() => [..._cache[19] || (_cache[19] = [
+                      createTextVNode("+ 创建", -1)
+                    ])]),
+                    _: 1
+                  }, 8, ["onClick"]),
+                  createVNode(_component_el_dropdown_item, {
+                    onClick: _cache[0] || (_cache[0] = ($event) => $options.importCode("define"))
+                  }, {
+                    default: withCtx(() => [..._cache[20] || (_cache[20] = [
+                      createTextVNode("导入代码定义表", -1)
+                    ])]),
+                    _: 1
+                  }),
+                  createVNode(_component_el_dropdown_item, {
+                    onClick: _cache[1] || (_cache[1] = ($event) => $options.importCode("code"))
+                  }, {
+                    default: withCtx(() => [..._cache[21] || (_cache[21] = [
+                      createTextVNode("导入代码项", -1)
+                    ])]),
+                    _: 1
+                  }),
+                  createVNode(_component_el_dropdown_item, { onClick: $options.copyCode }, {
+                    default: withCtx(() => [..._cache[22] || (_cache[22] = [
+                      createTextVNode("复制代码定义表", -1)
+                    ])]),
+                    _: 1
+                  }, 8, ["onClick"]),
+                  createVNode(_component_el_dropdown_item, { onClick: $options.selectAllCode }, {
+                    default: withCtx(() => [..._cache[23] || (_cache[23] = [
+                      createTextVNode("全选", -1)
+                    ])]),
+                    _: 1
+                  }, 8, ["onClick"])
+                ]),
+                _: 1
+              })
+            ]),
+            default: withCtx(() => [
+              _cache[24] || (_cache[24] = createElementVNode("i", {
+                class: "el-icon-more",
+                style: { fontSize: "20px", cursor: "pointer" }
+              }, null, -1))
+            ]),
+            _: 1
+          })
+        ])
+      ]),
+      default: withCtx(() => [
+        createElementVNode("div", _hoisted_3, [
+          createElementVNode("div", _hoisted_4, [
+            createVNode(_component_epx_search_filter, {
+              fields: _ctx.$configs.searchFields,
+              keywords: _ctx.$configs.keywords,
+              onSearch: $options.search,
+              onSearchKeyword: _cache[2] || (_cache[2] = (v) => $data.searchKeyParams = v)
+            }, null, 8, ["fields", "keywords", "onSearch"])
+          ]),
+          $data.selectedCodeIds.length > 0 ? (openBlock(), createElementBlock("div", _hoisted_5, [
+            createElementVNode("span", _hoisted_6, "已选 " + toDisplayString($data.selectedCodeIds.length) + " 项", 1),
+            createVNode(_component_el_button, {
+              size: "small",
+              type: "primary",
+              onClick: $options.batchExportCode
+            }, {
+              default: withCtx(() => [..._cache[25] || (_cache[25] = [
+                createTextVNode("导出代码定义表", -1)
+              ])]),
+              _: 1
+            }, 8, ["onClick"]),
+            createVNode(_component_el_button, {
+              size: "small",
+              onClick: _cache[3] || (_cache[3] = ($event) => $data.selectedCodeIds = [])
+            }, {
+              default: withCtx(() => [..._cache[26] || (_cache[26] = [
+                createTextVNode("取消", -1)
+              ])]),
+              _: 1
+            })
+          ])) : createCommentVNode("", true),
+          createVNode(_component_draggable, {
+            class: "code-list",
+            list: $data.codeList,
+            "ghost-class": "ghost",
+            filter: ".code-item__sort--disable",
+            onSort: $options.sortFn
+          }, {
+            default: withCtx(() => [
+              withDirectives((openBlock(), createBlock(TransitionGroup, {
+                type: "transition",
+                class: "code-list__inner"
+              }, {
+                default: withCtx(() => [
+                  (openBlock(true), createElementBlock(Fragment, null, renderList($data.codeList, (codeItem) => {
+                    return openBlock(), createElementBlock("li", {
+                      key: codeItem.ID,
+                      class: normalizeClass(["code-item", { active: $data.selectCodeItem && $data.selectCodeItem.ID === codeItem.ID }, { "code-item__sort--disable": codeItem["SCOPE"] === "frame" && _ctx.$configs.scope !== "frame" || codeItem["SCOPE"] === "client" && _ctx.$configs.scope !== "client" }]),
+                      onClick: ($event) => $options.viewCode(codeItem)
+                    }, [
+                      createVNode(_component_el_checkbox, {
+                        value: $data.selectedCodeIds.includes(codeItem.ID),
+                        onChange: ($event) => $options.toggleSelectCode(codeItem.ID),
+                        onClick: _cache[4] || (_cache[4] = withModifiers(() => {
+                        }, ["stop"])),
+                        class: "code-item__checkbox"
+                      }, null, 8, ["value", "onChange"]),
+                      createElementVNode("span", _hoisted_8, [
+                        createTextVNode(toDisplayString(codeItem.NAME) + " ", 1),
+                        codeItem["SCOPE"] === "frame" && _ctx.$configs.scope !== "frame" ? (openBlock(), createBlock(_component_el_tag, {
+                          key: 0,
+                          style: { marginLeft: "8px" },
+                          size: "small"
+                        }, {
+                          default: withCtx(() => [..._cache[27] || (_cache[27] = [
+                            createTextVNode("国标", -1)
+                          ])]),
+                          _: 1
+                        })) : createCommentVNode("", true),
+                        codeItem["SCOPE"] === "client" && _ctx.$configs.scope !== "client" ? (openBlock(), createBlock(_component_el_tag, {
+                          key: 1,
+                          style: { marginLeft: "8px" },
+                          size: "small"
+                        }, {
+                          default: withCtx(() => [..._cache[28] || (_cache[28] = [
+                            createTextVNode("平台", -1)
+                          ])]),
+                          _: 1
+                        })) : createCommentVNode("", true)
+                      ]),
+                      createVNode(_component_el_popconfirm, {
+                        title: "确认删除该代码表？",
+                        onConfirm: ($event) => $options.deleteCode(codeItem)
+                      }, {
+                        reference: withCtx(() => [
+                          codeItem.SCOPE === "system" || codeItem.MANAGE_SYSTEM === _ctx.SYSTEM || codeItem.SYSTEM === _ctx.SYSTEM || _ctx.$configs.scope === "frame" && codeItem.SCOPE === "frame" || codeItem.SCOPE === "client" && _ctx.$configs.scope === "client" ? (openBlock(), createBlock(_component_el_button, {
+                            key: 0,
+                            class: "delete-code",
+                            type: "primary",
+                            link: ""
+                          }, {
+                            default: withCtx(() => [..._cache[29] || (_cache[29] = [
+                              createTextVNode("删除", -1)
+                            ])]),
+                            _: 1
+                          })) : createCommentVNode("", true)
+                        ]),
+                        _: 2
+                      }, 1032, ["onConfirm"])
+                    ], 10, _hoisted_7);
+                  }), 128))
+                ]),
+                _: 1
+              })), [
+                [_directive_infinite_scroll, $options.getData]
+              ])
+            ]),
+            _: 1
+          }, 8, ["list", "onSort"])
+        ])
+      ]),
+      _: 1
+    }),
+    $data.addPage ? (openBlock(), createBlock(_component_epx_page, {
+      key: 0,
+      class: "add-page",
+      component: "entity-add-page",
+      pageId: _ctx.$configs.addPageId,
+      metaId: _ctx.$metaId,
+      "current-query": { pageType: "ADD", submitBackPage: false, callback: $options.addCodeCallback }
+    }, null, 8, ["pageId", "metaId", "current-query"])) : $data.selectCodeItem ? (openBlock(), createBlock(_component_el_tabs, {
+      key: 1,
+      class: "tabs",
+      modelValue: $data.activeTab,
+      "onUpdate:modelValue": _cache[8] || (_cache[8] = ($event) => $data.activeTab = $event),
+      type: "card"
+    }, {
+      default: withCtx(() => [
+        createVNode(_component_el_tab_pane, {
+          label: `代码选项（${$data.codeOptionsTree.length}）`,
+          name: "option"
+        }, {
+          default: withCtx(() => [
+            createElementVNode("div", _hoisted_9, [
+              createElementVNode("div", _hoisted_10, [
+                createVNode(_component_el_input, {
+                  type: "text",
+                  modelValue: $data.optionKey,
+                  "onUpdate:modelValue": _cache[5] || (_cache[5] = ($event) => $data.optionKey = $event),
+                  size: "default",
+                  "suffix-icon": "el-icon-search",
+                  placeholder: "请输入搜索内容"
+                }, null, 8, ["modelValue"]),
+                createElementVNode("div", null, [
+                  $data.selectCodeItem.SCOPE === "system" || $data.selectCodeItem.MANAGE_SYSTEM === _ctx.SYSTEM || _ctx.$configs.scope === "frame" && $data.selectCodeItem.SCOPE === "frame" || $data.selectCodeItem.SCOPE === "client" && _ctx.$configs.scope === "client" ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [
+                    createVNode(_component_el_button, {
+                      size: "default",
+                      type: "primary",
+                      onClick: _cache[6] || (_cache[6] = ($event) => $options.addCodeOption(null))
+                    }, {
+                      default: withCtx(() => [..._cache[30] || (_cache[30] = [
+                        createTextVNode("添加", -1)
+                      ])]),
+                      _: 1
+                    }),
+                    createVNode(_component_el_button, {
+                      size: "default",
+                      type: "primary",
+                      onClick: $options.importCurrentCode
+                    }, {
+                      default: withCtx(() => [..._cache[31] || (_cache[31] = [
+                        createTextVNode("导入代码项", -1)
+                      ])]),
+                      _: 1
+                    }, 8, ["onClick"])
+                  ], 64)) : createCommentVNode("", true),
+                  createVNode(_component_el_button, {
+                    size: "default",
+                    type: "primary",
+                    onClick: $options.exportCurrentCode
+                  }, {
+                    default: withCtx(() => [..._cache[32] || (_cache[32] = [
+                      createTextVNode("导出代码项", -1)
+                    ])]),
+                    _: 1
+                  }, 8, ["onClick"]),
+                  $data.selectCodeItem.SCOPE === "system" || $data.selectCodeItem.MANAGE_SYSTEM === _ctx.SYSTEM || _ctx.$configs.scope === "frame" && $data.selectCodeItem.SCOPE === "frame" || $data.selectCodeItem.SCOPE === "client" && _ctx.$configs.scope === "client" ? (openBlock(), createBlock(_component_el_button, {
+                    key: 1,
+                    size: "default",
+                    type: "primary",
+                    disabled: $data.checkedKeys.length === 0,
+                    onClick: $options.batchDeleteCodeOption
+                  }, {
+                    default: withCtx(() => [..._cache[33] || (_cache[33] = [
+                      createTextVNode("批量删除", -1)
+                    ])]),
+                    _: 1
+                  }, 8, ["disabled", "onClick"])) : createCommentVNode("", true)
+                ])
+              ]),
+              createVNode(_component_el_tree, {
+                ref: "tree",
+                class: "code-tree",
+                data: $data.codeOptionsTree,
+                "node-key": "id",
+                "show-checkbox": "",
+                "filter-node-method": $options.filterNode,
+                "default-expanded-keys": $data.expandKeys,
+                onNodeExpand: $options.expandNode,
+                onNodeCollapse: $options.collapseNode,
+                onNodeDrop: $options.dropCodeOption,
+                onCheck: $options.onTreeCheck,
+                draggable: ""
+              }, {
+                default: withCtx(({ data }) => [
+                  createElementVNode("div", _hoisted_11, [
+                    createElementVNode("span", null, toDisplayString(`${data.title}（${data.code}）`), 1),
+                    $data.selectCodeItem.SCOPE === "system" || $data.selectCodeItem.MANAGE_SYSTEM === _ctx.SYSTEM || _ctx.$configs.scope === "frame" && $data.selectCodeItem.SCOPE === "frame" || $data.selectCodeItem.SCOPE === "client" && _ctx.$configs.scope === "client" ? (openBlock(), createElementBlock("span", _hoisted_12, [
+                      createElementVNode("i", {
+                        class: "add-option-level",
+                        onClick: ($event) => $options.editCodeOption(data)
+                      }, "编辑", 8, _hoisted_13),
+                      createElementVNode("i", {
+                        class: "add-option-level",
+                        onClick: ($event) => $options.addCodeOption(data)
+                      }, "添加下级", 8, _hoisted_14),
+                      createVNode(_component_el_popconfirm, {
+                        title: "确认删除该代码表？",
+                        onConfirm: ($event) => $options.deleteCodeOption(data)
+                      }, {
+                        reference: withCtx(() => [..._cache[34] || (_cache[34] = [
+                          createElementVNode("i", { class: "remove-option" }, "删除", -1)
+                        ])]),
+                        _: 1
+                      }, 8, ["onConfirm"])
+                    ])) : createCommentVNode("", true)
+                  ])
+                ]),
+                _: 1
+              }, 8, ["data", "filter-node-method", "default-expanded-keys", "onNodeExpand", "onNodeCollapse", "onNodeDrop", "onCheck"])
+            ])
+          ]),
+          _: 1
+        }, 8, ["label"]),
+        createVNode(_component_el_tab_pane, {
+          label: "代码定义",
+          name: "define"
+        }, {
+          default: withCtx(() => [
+            createElementVNode("div", _hoisted_15, [
+              createElementVNode("div", _hoisted_16, [
+                _cache[37] || (_cache[37] = createElementVNode("span", null, null, -1)),
+                createElementVNode("div", null, [
+                  $data.editable === false && ($data.selectCodeItem.SCOPE === "system" || $data.selectCodeItem.MANAGE_SYSTEM === _ctx.SYSTEM || _ctx.$configs.scope === "frame" && $data.selectCodeItem.SCOPE === "frame" || $data.selectCodeItem.SCOPE === "client" && _ctx.$configs.scope === "client") ? (openBlock(), createBlock(_component_el_button, {
+                    key: 0,
+                    size: "default",
+                    type: "primary",
+                    onClick: $options.editCode
+                  }, {
+                    default: withCtx(() => [..._cache[35] || (_cache[35] = [
+                      createTextVNode("编辑", -1)
+                    ])]),
+                    _: 1
+                  }, 8, ["onClick"])) : createCommentVNode("", true),
+                  $data.editable === false && $data.selectCodeItem.MANAGE_SYSTEM === _ctx.SYSTEM && $data.selectCodeItem.SCOPE === "system" ? (openBlock(), createBlock(_component_el_button, {
+                    key: 1,
+                    size: "default",
+                    type: "primary",
+                    onClick: $options.shareCode
+                  }, {
+                    default: withCtx(() => [..._cache[36] || (_cache[36] = [
+                      createTextVNode("共享", -1)
+                    ])]),
+                    _: 1
+                  }, 8, ["onClick"])) : createCommentVNode("", true)
+                ])
+              ]),
+              $data.loadForm ? (openBlock(), createBlock(_component_epx_add_form_item, {
+                key: 0,
+                ref: "formItem",
+                formData: $data.selectCodeItem,
+                edit: $data.editable,
+                "comp-configs": $options.formConfigs,
+                form: this,
+                onCancelEdit: _cache[7] || (_cache[7] = ($event) => $data.editable = false)
+              }, null, 8, ["formData", "edit", "comp-configs"])) : createCommentVNode("", true)
+            ])
+          ]),
+          _: 1
+        })
+      ]),
+      _: 1
+    }, 8, ["modelValue"])) : createCommentVNode("", true),
+    createVNode(_component_el_dialog, {
+      title: "代码项新增",
+      modelValue: $data.addCodeOptionVisible,
+      "onUpdate:modelValue": _cache[18] || (_cache[18] = ($event) => $data.addCodeOptionVisible = $event),
+      "destroy-on-close": "",
+      width: "700px"
+    }, {
+      default: withCtx(() => [
+        createElementVNode("div", null, [
+          $data.upCodeOption ? (openBlock(), createElementBlock("p", _hoisted_17, [
+            _cache[38] || (_cache[38] = createElementVNode("label", { for: "" }, "上级代码：", -1)),
+            createElementVNode("span", null, toDisplayString($data.upCodeOption.title), 1)
+          ])) : createCommentVNode("", true),
+          createElementVNode("p", _hoisted_18, [
+            _cache[39] || (_cache[39] = createElementVNode("label", { for: "" }, "编号：", -1)),
+            createVNode(_component_el_input, {
+              modelValue: $data.option.CODE,
+              "onUpdate:modelValue": _cache[9] || (_cache[9] = ($event) => $data.option.CODE = $event),
+              type: "text",
+              placeholder: "请输入编号"
+            }, null, 8, ["modelValue"])
+          ]),
+          createElementVNode("p", _hoisted_19, [
+            _cache[40] || (_cache[40] = createElementVNode("label", { for: "" }, "名称：", -1)),
+            createVNode(_component_epx_input, {
+              class: "code-option-form__input",
+              modelValue: $data.option.NAME,
+              "onUpdate:modelValue": _cache[10] || (_cache[10] = ($event) => $data.option.NAME = $event),
+              i18nValue: $data.option.LANGUAGE_PARAM && $data.option.LANGUAGE_PARAM.NAME,
+              onChangeLanguage: _cache[11] || (_cache[11] = (v) => $data.option["LANGUAGE_PARAM"] = { ...$data.option.LANGUAGE_PARAM || {}, NAME: v }),
+              fieldConfigs: { attriName: "NAME", state: "EDIT", attriLabel: "名称", attribute: { international: "1" } }
+            }, null, 8, ["modelValue", "i18nValue"])
+          ]),
+          createElementVNode("p", _hoisted_20, [
+            _cache[41] || (_cache[41] = createElementVNode("label", { for: "" }, "图标：", -1)),
+            createVNode(_component_epx_object, {
+              modelValue: $data.option.ICON,
+              "onUpdate:modelValue": _cache[12] || (_cache[12] = ($event) => $data.option.ICON = $event),
+              fieldConfigs: { attriName: "ICON", state: "EDIT", attriLabel: "图标", dataType: "object", codeKey: "FM_FONT_ICON" }
+            }, null, 8, ["modelValue"])
+          ]),
+          createElementVNode("div", _hoisted_21, [
+            _cache[42] || (_cache[42] = createElementVNode("label", { for: "" }, "颜色：", -1)),
+            createVNode(_component_el_color_picker, {
+              modelValue: $data.option.FONT_COLOR,
+              "onUpdate:modelValue": _cache[13] || (_cache[13] = ($event) => $data.option.FONT_COLOR = $event),
+              "show-alpha": "",
+              predefine: $data.colorList
+            }, null, 8, ["modelValue", "predefine"])
+          ]),
+          createElementVNode("div", _hoisted_22, [
+            _cache[43] || (_cache[43] = createElementVNode("label", { for: "" }, "背景色：", -1)),
+            createVNode(_component_el_color_picker, {
+              modelValue: $data.option.ICON_BG_COLOR,
+              "onUpdate:modelValue": _cache[14] || (_cache[14] = ($event) => $data.option.ICON_BG_COLOR = $event),
+              "show-alpha": "",
+              predefine: $data.colorList
+            }, null, 8, ["modelValue", "predefine"])
+          ]),
+          createElementVNode("p", _hoisted_23, [
+            _cache[44] || (_cache[44] = createElementVNode("label", { for: "" }, "是否启用：", -1)),
+            createVNode(_component_epx_radio, {
+              modelValue: $data.option.ENABLE,
+              "onUpdate:modelValue": _cache[15] || (_cache[15] = ($event) => $data.option.ENABLE = $event),
+              fieldConfigs: { attriName: "ENABLE", state: "EDIT", attriLabel: "是否启用", dataType: "radio", codeKey: "FRAME_PUB_BOOLEAN" }
+            }, null, 8, ["modelValue"])
+          ])
+        ]),
+        createElementVNode("div", _hoisted_24, [
+          createVNode(_component_el_button, {
+            onClick: _cache[16] || (_cache[16] = ($event) => {
+              $data.addCodeOptionVisible = false;
+              $data.upCodeOption = null;
+            })
+          }, {
+            default: withCtx(() => [..._cache[45] || (_cache[45] = [
+              createTextVNode("取 消", -1)
+            ])]),
+            _: 1
+          }),
+          createVNode(_component_el_button, {
+            type: "primary",
+            onClick: $options.saveCodeOption
+          }, {
+            default: withCtx(() => [..._cache[46] || (_cache[46] = [
+              createTextVNode("确 定", -1)
+            ])]),
+            _: 1
+          }, 8, ["onClick"]),
+          createVNode(_component_el_button, {
+            type: "primary",
+            onClick: _cache[17] || (_cache[17] = ($event) => $options.saveCodeOption(true))
+          }, {
+            default: withCtx(() => [..._cache[47] || (_cache[47] = [
+              createTextVNode("确定并继续", -1)
+            ])]),
+            _: 1
+          })
+        ])
+      ]),
+      _: 1
+    }, 8, ["modelValue"])
+  ]);
+}
+const CodeManage = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render], ["__scopeId", "data-v-71b46a75"]]);
+export {
+  CodeManage as default
+};