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

package/dist/src/views/client/SystemAppManager.vue.js

@@ -0,0 +1,559 @@
+import { createVNode, createTextVNode, resolveComponent } from "vue";
+import draggable from "@epxing/core/src/components/draggable";
+import { mapGetters } from "vuex";
+import component from "@epxing/core/src/mixins/component";
+const _sfc_main = {
+  name: "epx-client-system-app-manager",
+  mixins: [component],
+  detailFlag: true,
+  columnOperates: [{
+    text: "进入配置中心",
+    handler: "openSystemConfig"
+  }, {
+    text: "查看详情",
+    handler: "goPage",
+    pageFlag: "v_add",
+    params: {
+      name: "#[NAME]",
+      id: "#[ID]",
+      pageType: "DETAIL"
+    }
+  }, {
+    text: "删除",
+    handler: "removeSystem"
+  }],
+  data() {
+    return {
+      inputName: "",
+      systemList: [],
+      systemListData: [],
+      activeDropDown: "",
+      confirmDelete: false,
+      draggleApp: {},
+      dragOptions() {
+        return {
+          animation: 200,
+          group: "description",
+          disabled: false,
+          ghostClass: "ghost"
+        };
+      },
+      addSystemInfo: {},
+      appTypeOptions: [],
+      activeAppType: "",
+      appName: "",
+      allSystemNotApp: true,
+      systemDrag: false,
+      isEditSearchName: false,
+      showImportSystemDialog: false,
+      fileList: [],
+      loading: false,
+      systemInfo: {}
+    };
+  },
+  components: {
+    draggable
+  },
+  computed: {
+    ...mapGetters(["getCodeById"]),
+    isClientManage() {
+      const {
+        manageClientId = ""
+      } = this.user;
+      if (!manageClientId) return false;
+      const clientList = manageClientId.split(",");
+      return clientList.includes(this.CLIENT);
+    },
+    columnOperates() {
+      const {
+        columnOperates = []
+      } = this.$configs;
+      if (!this.isClientManage) {
+        return [];
+      } else {
+        return columnOperates;
+      }
+    },
+    // appColumnOperates () {
+    //   const { appColumnOperates = [] } = this.$configs
+    //   if (!this.isClientManage) {
+    //     return [appColumnOperates[0]]
+    //   } else {
+    //     return appColumnOperates
+    //   }
+    // },
+    getApplication() {
+      return (application) => {
+        const app = JSON.parse(application || "[]");
+        return app;
+      };
+    }
+  },
+  methods: {
+    editAppName(v) {
+      this.isEditSearchName = true;
+    },
+    searchApp() {
+      this.isEditSearchName = false;
+      const arr = [];
+      let showFlag = false;
+      this.systemList.forEach((item) => {
+        const apps = item.SERVICE ? JSON.parse(item.SERVICE) : [];
+        const service = apps.filter((app) => {
+          let flag = true;
+          if (this.activeAppType && app.type !== this.activeAppType) {
+            flag = false;
+          }
+          return app.name.includes(this.appName) && flag;
+        });
+        if (!showFlag && (this.appName || this.activeAppType) && service.length > 0) {
+          showFlag = true;
+        }
+        arr.push({
+          ...item,
+          SERVICE: JSON.stringify(service)
+        });
+      });
+      arr.forEach((item) => {
+        this.draggleApp[item.ID] = item.SERVICE ? JSON.parse(item.SERVICE) : [];
+      });
+      if (!(this.appName || this.activeAppType)) {
+        showFlag = true;
+      }
+      this.allSystemNotApp = showFlag;
+    },
+    scrollSystem(item) {
+      const container = this.$refs.container;
+      const elem = this.$refs[item.ID][0];
+      container.scrollTop = elem.offsetTop - 80;
+    },
+    manageApp(system, app) {
+      if (app.type === "ex_link") {
+        window.open(app.exterAddress);
+      } else if (system.systemAdmin === "true") {
+        const rootPath = this.$util.getRootPath();
+        const url = `${rootPath}/manage/${system["CLIENT|CODE"]}/${system.CODE}/${app.code}`;
+        this.$util.openWindow(url);
+      } else {
+        const url = `#app/${system["CLIENT|CODE"]}/${system.CODE}/${app.code}`;
+        this.$util.openWindow(url);
+      }
+    },
+    async openApp(system, app) {
+      const rootPath = this.$util.getRootPath();
+      let url = `${rootPath}/app/${system["CLIENT|CODE"]}/${system.CODE}/${app.code}`;
+      if (app.type === "ex_link") {
+        window.open(app.exterAddress);
+      } else {
+        if (app.IS_SHORT_URL === "1") {
+          const shortUrl = await this.$http.get({
+            action: "getShortUrl",
+            entityId: "FM_URL_MAP",
+            url
+          }, {
+            domainContext: window.BASE_PROJECT_NAME,
+            client: window.BASE_CLIENT_ID,
+            system: window.BASE_SYSTEM_ID
+          });
+          url = `${rootPath}/s/${shortUrl}`;
+        }
+        this.$util.openWindow(url);
+      }
+    },
+    // 创建应用
+    createApp(system) {
+      const {
+        addAppPageId
+      } = this.$configs;
+      if (addAppPageId) {
+        this.addSystemInfo = {
+          ...system
+        };
+        const defaultValue = {};
+        defaultValue.CLIENT = system.CLIENT;
+        defaultValue.SYSTEM = system.ID;
+        const query = {
+          openType: "2",
+          pageType: "ADD",
+          pageId: addAppPageId,
+          defaultValue,
+          callback: this.goSetting,
+          title: `${system.NAME}-创建应用`,
+          dialogWidth: "1082px",
+          createAi: this.appConfig["CLIENT|OPEN_AI"] === "1",
+          systemType: this.systemInfo.SYSTEM_TYPE
+        };
+        this.$createPage(query);
+      }
+    },
+    goSetting(v) {
+      if (v.TYPE === "ex_link") {
+        window.open(v.EXTER_ADDRESS);
+      } else {
+        const rootPath = this.$util.getRootPath();
+        const url = `${rootPath}/manage/${this.addSystemInfo["CLIENT|CODE"]}/${this.addSystemInfo.CODE}/${v.CODE}`;
+        this.$util.openWindow(url);
+      }
+      this.getSystemList();
+    },
+    // $refesh () {
+    //   this.getSystemList()
+    // },
+    // 删除app
+    appDelete(app) {
+      this.$confirm(this.$t("Confirm the deletion") + "？").then(() => {
+        this.$http.removeMulti({
+          entityId: "FM_SERVICE",
+          ids: app.id
+        }).then(() => {
+          this.$message.success("删除成功");
+          this.getSystemList();
+        }).catch((err) => {
+          this.$message.error(err.message || "删除失败");
+        });
+      });
+    },
+    // 授权
+    appAccredit(system, app) {
+      const {
+        appAccreditPageId
+      } = this.$configs;
+      if (appAccreditPageId) {
+        const query = {
+          systemId: system.ID,
+          serviceId: app.id,
+          pageId: appAccreditPageId,
+          systemName: system.NAME,
+          appName: app.name
+        };
+        this.$createPage(query);
+      }
+    },
+    // 启用/停用app
+    startApp(app) {
+      this.$http.update({
+        entityId: "FM_SERVICE",
+        "bean.ID": app.id,
+        "bean.STATUS": app.status !== "ON" ? "ON" : "OFF"
+      }).then(() => {
+        this.$message.success(this.$t("handle a successful"));
+        this.getSystemList();
+      });
+    },
+    // 复制链接
+    async copyLink(system, app) {
+      const rootPath = this.$util.getRootPath();
+      let url = `${rootPath}/app/${system["CLIENT|CODE"]}/${system.CODE}/${app.code}`;
+      if (app.type === "ex_link") {
+        url = app.exterAddress;
+      } else if (app.IS_SHORT_URL === "1") {
+        const shortUrl = await this.$http.get({
+          action: "getShortUrl",
+          entityId: "FM_URL_MAP",
+          url
+        }, {
+          domainContext: window.BASE_PROJECT_NAME,
+          client: window.BASE_CLIENT_ID,
+          system: window.BASE_SYSTEM_ID
+        });
+        url = `${rootPath}/s/${shortUrl}`;
+      }
+      var input = document.createElement("input");
+      input.value = url;
+      document.body.appendChild(input);
+      input.select();
+      document.execCommand("Copy");
+      document.body.removeChild(input);
+      this.$message.success(this.$t("copy success"));
+    },
+    // 创建系统
+    createSystem() {
+      const query = {
+        openType: "2",
+        title: "创建系统",
+        component: "client-create-method",
+        dialogWidth: "720px",
+        dialogHeight: "440px"
+      };
+      this.$createPage(query);
+    },
+    // 设置
+    settingItem(button, item) {
+      const query = {
+        flag: "v_add",
+        component: "entity-edit-page",
+        pageType: "EDIT",
+        id: item.ID,
+        metaId: this.$metaId,
+        callback: this.getSystemList
+      };
+      this.$createPage(query);
+    },
+    // 复制
+    copyItem(button, item) {
+      const query = {
+        component: "client-self-build-system",
+        metaId: "FM_SYSTEM",
+        pageType: "EDIT",
+        copyType: "copy",
+        clientId: item.CLIENT,
+        id: item.ID
+      };
+      this.$createPage(query);
+    },
+    // 发布共享
+    publishShare(button, item) {
+      this.$confirm("确认共享？").then(() => {
+        this.$http.$post({
+          action: "publish",
+          entityId: "FM_APPLICATION_MARKET",
+          appId: item.ID
+        }).then(() => {
+          this.$message.success("发布成功");
+        }).catch((err) => {
+          this.$message.error(err.message || "发布失败");
+        });
+      });
+    },
+    // 删除
+    removeItem(button, item) {
+      this.$confirm(this.$t("Confirm the deletion") + "？").then(() => {
+        this.$http.removeMulti({
+          entityId: this.$metaId,
+          ids: item.ID
+        }).then(() => {
+          this.$message.success("删除成功");
+          this.getSystemList();
+        }).catch((err) => {
+          this.$message.error(err.message || "删除失败");
+        });
+      });
+    },
+    changeConfirmDelete() {
+      setTimeout(() => {
+        const checkbox = this.$refs.checkbox.$el;
+        const checkboxInput = checkbox.children[0];
+        if (this.confirmDelete) {
+          checkbox.className += " is-checked";
+          checkboxInput.className += " is-checked";
+        } else {
+          checkbox.className = checkbox.className.replace(" is-checked", "");
+          checkboxInput.className = checkboxInput.className.replace(" is-checked", "");
+        }
+      }, 200);
+    },
+    removeSystem(button, item) {
+      const that = this;
+      that.confirmDelete = false;
+      this.$confirm(createVNode("div", null, [createVNode("span", null, [createTextVNode("该操作会删除系统内所有数据，删除后我们会为您备份系统数据，在一定时间内可进行删除系统恢复。备份数据需要一定时间，继续执行操作请勾选我已经知晓，确认删除。")]), createVNode("br", null, null), createVNode("font", {
+        "color": "red",
+        "style": {
+          marginRight: "4px"
+        }
+      }, [createTextVNode("*")]), createVNode(resolveComponent("el-checkbox"), {
+        "ref": "checkbox",
+        "modelValue": that.confirmDelete,
+        "onUpdate:modelValue": ($event) => that.confirmDelete = $event,
+        "onClick": that.changeConfirmDelete.bind(that)
+      }, {
+        default: () => [createTextVNode("我已知晓，确定删除")]
+      })]), this.$t("hint"), {
+        customClass: "el-message-box--500",
+        confirmButtonText: "删除",
+        cancelButtonText: this.$t("cancel"),
+        type: "warning",
+        beforeClose(action, instance, done) {
+          if (action === "confirm" && !that.confirmDelete) {
+            this.$message.error("请先勾选我已经知晓，确认删除");
+          } else {
+            done();
+          }
+        }
+      }).then(() => {
+        if (that.confirmDelete) {
+          this.$http.$post({
+            action: "delSys",
+            entityId: this.$metaId,
+            systemId: item.ID
+          }).then((data) => {
+            this.$message({
+              type: "success",
+              message: "处理成功，正在为您删除"
+            });
+            this.getSystemList();
+          }).catch((err) => {
+            this.$message.error(err.message);
+          });
+        }
+      });
+    },
+    dropdownHandler(e, id) {
+      e.stopPropagation();
+      this.activeDropDown = id;
+    },
+    getSystemInfo() {
+      this.$http.get({
+        entityId: this.$metaId,
+        id: this.$query.id
+      }).then((data) => {
+        this.systemInfo = data.data;
+      });
+    },
+    getSystemList() {
+      const scopeParams = [{
+        field: "NAME",
+        values: this.inputName,
+        mode: "like",
+        lb: "(",
+        rb: ")"
+      }];
+      this.$http.list({
+        action: "getSystemList",
+        entityId: this.$metaId,
+        "scope.CLIENT": this.CLIENT,
+        "scope.ID": this.$query.id,
+        scopeParams: JSON.stringify(scopeParams),
+        columnFieldNames: "ID#,CLIENT#,CLIENT|CODE,SYSTEM#,NAME#,CODE#,TYPE#,FIRST_PAGE#,SERVER_TAG#,BRIEF_INTRODUCTION#,DETAILS#,STATUS#,SERVICE,ICON,ICON_BG_COLOR,VERSION,DEL_STATUS#,systemAdmin"
+      }).then((data) => {
+        this.systemListData = data.entitys;
+        this.systemList = [...this.systemListData];
+        if (this.appName || this.activeAppType) {
+          this.searchApp();
+        } else {
+          this.systemList.forEach((item) => {
+            this.draggleApp[item.ID] = item.SERVICE ? JSON.parse(item.SERVICE) : [];
+          });
+        }
+      });
+    },
+    getManageService(id) {
+      return this.$http.get({
+        action: "hasMangeService",
+        entityId: "FM_USER",
+        querySystem: id || this.appConfig.ID
+      });
+    },
+    openSystemConfig(operate, system) {
+      this.getManageService(system.ID).then((manageRight) => {
+        const {
+          systemServiceId
+        } = manageRight || {};
+        if (systemServiceId) {
+          const {
+            client: clientCode
+          } = this.$route.params;
+          const {
+            "CLIENT|CODE": client
+          } = this.appConfig;
+          const _token = this.$util.search("_token");
+          const token = this.$util.getToken(clientCode || client);
+          const rootPath = this.$util.getRootPath();
+          this.$util.openWindow(`${rootPath}/system/${system["CLIENT|CODE"]}/${system.CODE}?_token=${_token || token || ""}`);
+        } else {
+          this.$message.error("没有权限访问");
+        }
+      }).catch((err) => {
+        this.$message.error(err.message);
+      });
+    },
+    onMove(e) {
+      if (!e.relatedContext.element) return false;
+      return true;
+    },
+    systemMoveEnd(evt) {
+      this.systemDrag = false;
+      const str = this.systemList.reduce((str2, item, index) => str2 += item.ID + ":" + index + ",", "");
+      this.$http.$post({
+        action: "moveList",
+        entityId: this.$metaId,
+        orderString: str
+      }).then(() => {
+        this.getSystemList();
+      });
+    },
+    moveEnd(system, e) {
+      const sysId = system.ID;
+      const str = this.draggleApp[sysId].reduce((str2, item, index) => str2 += item.id + ":" + index + ",", "");
+      this.drag = false;
+      this.$http.$post({
+        action: "moveList",
+        entityId: "FM_SERVICE",
+        orderString: str
+      }).then(() => {
+      }).catch((err) => {
+        this.$message.error(err.message || "拖拽排序失败");
+        this.getSystemList();
+      });
+    },
+    async getAppTypeCodes() {
+      let options = this.getCodeById("FM_SERVICE_TYPE");
+      if (!options) {
+        await this.$store.dispatch({
+          type: "ADD_LIST",
+          key: "FM_SERVICE_TYPE"
+        }).then((data) => {
+          options = data;
+        });
+      }
+      this.appTypeOptions = [{
+        name: "全部",
+        code: "",
+        id: "all"
+      }, ...options];
+    },
+    upload({
+      file
+    }) {
+      this.fileList = [file];
+    },
+    reupload() {
+      this.fileList = [];
+      this.$refs.uploadBtn.click();
+    },
+    deleteFile() {
+      this.fileList = [];
+    },
+    importSystem() {
+      const file = this.fileList[0];
+      if (this.loading) return;
+      if (!file) {
+        this.$message.error("请先上传文件");
+        return;
+      }
+      this.loading = true;
+      this.$http.$post({
+        action: "exportInSystemAndUpgrade",
+        entityId: "FM_SYSTEM",
+        file
+      }, {
+        requestType: "formData"
+      }).then((data) => {
+        this.loading = false;
+        this.$message.success("导入成功");
+      }).catch((err) => {
+        this.loading = false;
+        this.$message.error(err.message);
+      });
+    },
+    appSetting(item) {
+      const query = {
+        metaId: this.$metaId,
+        pageId: this.$configs.detailPageId,
+        pageType: this.readonly ? "READONLY" : "DETAIL",
+        id: item.id,
+        appType: item.type
+      };
+      this.$createPage({
+        ...query
+      });
+    }
+  },
+  created() {
+    this.getAppTypeCodes();
+    this.getSystemInfo();
+    this.getSystemList();
+  }
+};
+export {
+  _sfc_main as default
+};