cloud-web-corejs 1.0.280 → 1.1.0-dev.10

package/src/views/user/outLink/form_view.vue

@@ -1,202 +1,202 @@
-<template>
-  <div :id="$route.query.isMobile!=='true'?'containt':''">
-    <component v-if="showWfContent && wfContent" :is="wfContent" visible-key="showWfContent" :outParam.sync="outParam"
-               :_dataId.sync="dataId" :defaultShowWfContent="defaultShowWfContent" :_isOutLink="true"
-               :parent-target="_self"
-               @reload="$reloadHandle" v-bind="queryParam"></component>
-  </div>
-</template>
-
-<script>
-import indexUtil from "@base/utils/index.js"
-import { loadViewComponent } from "@base/utils/resolveViewComponent"
-import {
-  setReportGlobalParam
-} from "@base/components/xform/utils/util";
-
-export default {
-  data() {
-    return {
-      reportCode: null,
-      showWfContent: true,
-      wfContent: null,
-      outParam: null,
-      dataId: null,
-      defaultShowWfContent: null,
-      queryParam: {}
-    };
-  },
-  created() {
-    this.login();
-  },
-  mounted() {
-    history.pushState(null, null, document.URL);
-    window.addEventListener('popstate', this.handlePopState); // 在Vue组件的mounted钩子中添加事件监听
-  },
-  beforeDestroy() {
-    window.removeEventListener('popstate', this.handlePopState); // 在beforeDestroy钩子中移除事件监听
-  },
-  methods: {
-    initGlobalReqData() {
-      let fd = this.$route.query.fd;
-      if (fd) {
-        setReportGlobalParam(fd);
-      }
-    },
-    async initData() {
-      const isMobile = /iPhone|iPad|iPod|Android/i.test(navigator.userAgent);
-      let queryParam = this.$baseLodash.cloneDeep(this.$route.query);
-      let murl = this.$route.query.urlmobile;
-      let purl = murl && isMobile ? murl : this.$route.query.url;
-      let dataId = this.$route.query.dataId;
-      if (purl == '/index') {
-        location.hash = '/home';
-        location.reload();
-        return;
-      }
-      /*let param = this.$route.query.param;
-      if (param) {
-        this.outParam = JSON.parse(param)
-      }*/
-      this.dataId = dataId;
-      if (this.$route.query.showWfContent == 'true') {
-        this.defaultShowWfContent = true;
-      }
-
-      delete queryParam.urlmobile;
-      delete queryParam.url;
-
-      if (purl.indexOf('.html') >= 0) {
-        let eUrl = purl;
-        let pstr = Object.keys(queryParam).map(key => {
-          return key + "=" + queryParam[key]
-        }).join("&")
-
-        if (pstr) {
-          if (purl.indexOf('.html?') >= 0) {
-            eUrl = eUrl + '&' + pstr
-          } else {
-            eUrl = eUrl + '?' + pstr
-          }
-        }
-
-        location.href = eUrl;
-        return
-      }
-
-      delete queryParam.dataId;
-      delete queryParam.showWfContent;
-      delete queryParam.access_token;
-      delete queryParam.tp;
-      delete queryParam.thirdparty_info;
-      delete queryParam.i18nLang;
-
-      let url = purl + '.vue';
-      this.queryParam = queryParam;
-      this.showWfContent = true;
-      this.initUserInfo(async () => {
-        await this.initI18n();
-        let res = loadViewComponent(url);
-        if (res.kind === "remote") {
-          this.$message({ message: "该单据归属子应用 " + res.owner + "，请从对应入口打开", type: "warning" });
-        }
-        this.wfContent = res.component;
-      })
-    },
-    initUserInfo(callback) {
-      this.$store
-        .dispatch('user/getInfo2')
-        .then(() => {
-          callback && callback();
-        });
-    },
-    getI18nLang() {
-      let i18nLang = this.$route.query.i18nLang || "zh";
-      return i18nLang;
-    },
-    initI18n() {
-      let lang = this.getI18nLang();
-      this.$i18n.locale = lang // 设置给本地的i18n插件
-      localStorage.setItem("i18n-lang", lang);
-      return indexUtil.initI18nMessage("business", lang, true);
-    },
-    login() {
-      let token = this.$route.query.access_token;
-      let url = this.$route.query.url;
-      let hasToken = this.$route.query.hasToken;
-      let tp = this.$route.query.tp || this.$route.query.thirdparty_info;
-      if (url) {
-        if (token) {
-          this.initByToken(token);
-        } else if (tp) {
-          this.thirdpartyLogin(tp);
-        } else if (hasToken == "true") {
-          this.$nextTick(() => {
-            this.initData();
-          });
-        }
-        this.initGlobalReqData();
-      }
-    },
-    initByToken(token) {
-      if (!token) return;
-      this.$store
-        .dispatch('user/addToken', {
-          token
-        })
-        .then(() => {
-          this.$nextTick(() => {
-            this.initData();
-          });
-        });
-    },
-    thirdpartyLogin(tp) {
-      let lang = this.getI18nLang();
-      this.$http({
-        url: USER_PREFIX + `/thirdparty_auth/login`,
-        method: `post`,
-        data: {
-          tp: tp,
-          language: lang
-        },
-        isLoading: true,
-        modalStrictly: true,
-        useToken: false,
-        success: res => {
-          let thirdpartyToken = res.objx;
-          this.initByToken(thirdpartyToken);
-        }
-      });
-    },
-    handlePopState(event) {
-      // 阻止回退
-      history.go(1);
-    }
-  }
-};
-</script>
-
-<style lang="scss" scoped>
-::v-deep .tab-box > .el-tabs__content {
-
-  .designer-view {
-    height: calc(100vh - 33px)
-  }
-
-  .grid-height,
-  .designer-view .el-form.render-form {
-    height: calc(100vh - 41px)
-  }
-}
-
-::v-deep #containt .detail-wrap {
-  .d-header {
-    margin: -8px -12px 0;
-  }
-
-  .d-cont {
-    margin: 0 -12px;
-    height: calc(100vh - 73px)
-  }
-}
-</style>
+<template>
+  <div :id="$route.query.isMobile!=='true'?'containt':''">
+    <component v-if="showWfContent && wfContent" :is="wfContent" visible-key="showWfContent" :outParam.sync="outParam"
+               :_dataId.sync="dataId" :defaultShowWfContent="defaultShowWfContent" :_isOutLink="true"
+               :parent-target="_self"
+               @reload="$reloadHandle" v-bind="queryParam"></component>
+  </div>
+</template>
+
+<script>
+import indexUtil from "@base/utils/index.js"
+import { loadViewComponentAsync } from "@base/utils/resolveViewComponent"
+import {
+  setReportGlobalParam
+} from "@base/components/xform/utils/util";
+
+export default {
+  data() {
+    return {
+      reportCode: null,
+      showWfContent: true,
+      wfContent: null,
+      outParam: null,
+      dataId: null,
+      defaultShowWfContent: null,
+      queryParam: {}
+    };
+  },
+  created() {
+    this.login();
+  },
+  mounted() {
+    history.pushState(null, null, document.URL);
+    window.addEventListener('popstate', this.handlePopState); // 在Vue组件的mounted钩子中添加事件监听
+  },
+  beforeDestroy() {
+    window.removeEventListener('popstate', this.handlePopState); // 在beforeDestroy钩子中移除事件监听
+  },
+  methods: {
+    initGlobalReqData() {
+      let fd = this.$route.query.fd;
+      if (fd) {
+        setReportGlobalParam(fd);
+      }
+    },
+    async initData() {
+      const isMobile = /iPhone|iPad|iPod|Android/i.test(navigator.userAgent);
+      let queryParam = this.$baseLodash.cloneDeep(this.$route.query);
+      let murl = this.$route.query.urlmobile;
+      let purl = murl && isMobile ? murl : this.$route.query.url;
+      let dataId = this.$route.query.dataId;
+      if (purl == '/index') {
+        location.hash = '/home';
+        location.reload();
+        return;
+      }
+      /*let param = this.$route.query.param;
+      if (param) {
+        this.outParam = JSON.parse(param)
+      }*/
+      this.dataId = dataId;
+      if (this.$route.query.showWfContent == 'true') {
+        this.defaultShowWfContent = true;
+      }
+
+      delete queryParam.urlmobile;
+      delete queryParam.url;
+
+      if (purl.indexOf('.html') >= 0) {
+        let eUrl = purl;
+        let pstr = Object.keys(queryParam).map(key => {
+          return key + "=" + queryParam[key]
+        }).join("&")
+
+        if (pstr) {
+          if (purl.indexOf('.html?') >= 0) {
+            eUrl = eUrl + '&' + pstr
+          } else {
+            eUrl = eUrl + '?' + pstr
+          }
+        }
+
+        location.href = eUrl;
+        return
+      }
+
+      delete queryParam.dataId;
+      delete queryParam.showWfContent;
+      delete queryParam.access_token;
+      delete queryParam.tp;
+      delete queryParam.thirdparty_info;
+      delete queryParam.i18nLang;
+
+      let url = purl + '.vue';
+      this.queryParam = queryParam;
+      this.showWfContent = true;
+      this.initUserInfo(async () => {
+        await this.initI18n();
+        const res = await loadViewComponentAsync(url);
+        if (res.kind === "remote") {
+          this.$message({ message: "该单据归属子应用 " + res.owner + "，请从对应入口打开", type: "warning" });
+        }
+        this.wfContent = res.component;
+      })
+    },
+    initUserInfo(callback) {
+      this.$store
+        .dispatch('user/getInfo2')
+        .then(() => {
+          callback && callback();
+        });
+    },
+    getI18nLang() {
+      let i18nLang = this.$route.query.i18nLang || "zh";
+      return i18nLang;
+    },
+    initI18n() {
+      let lang = this.getI18nLang();
+      this.$i18n.locale = lang // 设置给本地的i18n插件
+      localStorage.setItem("i18n-lang", lang);
+      return indexUtil.initI18nMessage("business", lang, true);
+    },
+    login() {
+      let token = this.$route.query.access_token;
+      let url = this.$route.query.url;
+      let hasToken = this.$route.query.hasToken;
+      let tp = this.$route.query.tp || this.$route.query.thirdparty_info;
+      if (url) {
+        if (token) {
+          this.initByToken(token);
+        } else if (tp) {
+          this.thirdpartyLogin(tp);
+        } else if (hasToken == "true") {
+          this.$nextTick(() => {
+            this.initData();
+          });
+        }
+        this.initGlobalReqData();
+      }
+    },
+    initByToken(token) {
+      if (!token) return;
+      this.$store
+        .dispatch('user/addToken', {
+          token
+        })
+        .then(() => {
+          this.$nextTick(() => {
+            this.initData();
+          });
+        });
+    },
+    thirdpartyLogin(tp) {
+      let lang = this.getI18nLang();
+      this.$http({
+        url: USER_PREFIX + `/thirdparty_auth/login`,
+        method: `post`,
+        data: {
+          tp: tp,
+          language: lang
+        },
+        isLoading: true,
+        modalStrictly: true,
+        useToken: false,
+        success: res => {
+          let thirdpartyToken = res.objx;
+          this.initByToken(thirdpartyToken);
+        }
+      });
+    },
+    handlePopState(event) {
+      // 阻止回退
+      history.go(1);
+    }
+  }
+};
+</script>
+
+<style lang="scss" scoped>
+::v-deep .tab-box > .el-tabs__content {
+
+  .designer-view {
+    height: calc(100vh - 33px)
+  }
+
+  .grid-height,
+  .designer-view .el-form.render-form {
+    height: calc(100vh - 41px)
+  }
+}
+
+::v-deep #containt .detail-wrap {
+  .d-header {
+    margin: -8px -12px 0;
+  }
+
+  .d-cont {
+    margin: 0 -12px;
+    height: calc(100vh - 73px)
+  }
+}
+</style>

package/src/views/user/outLink/index.vue

@@ -1,110 +1,110 @@
-<template>
-  <div>
-    <div id="containt" style="margin-bottom: -4px" v-if="type == 1">
-      <iframe
-        v-if="url"
-        :src="url"
-        style="width: 100%; height: calc(100vh - 40px)"
-      ></iframe>
-    </div>
-    <component :is="content" v-if="type == 2"></component>
-  </div>
-</template>
-
-<script>
-import { getToken } from "@base/utils/auth";
-import { loadViewComponent } from "@base/utils/resolveViewComponent";
-
-export default {
-  name: "outLink",
-  data() {
-    return {
-      url: null,
-      content: null,
-      type: 0,
-    };
-  },
-  mounted() {
-    let url = this.$route.query.url;
-    let route = this.$route.query.route;
-    if (route) {
-      let res = loadViewComponent(route);
-      if (res.kind === "remote") {
-        this.$message({ message: "该页面归属子应用 " + res.owner + "，请从对应入口打开", type: "warning" });
-      }
-      this.content = res.component;
-      this.type = 2;
-    } else {
-      let params = this.getCustomReqUrlAndCleanUrl(url);
-      let reqUrl = params.custom_req_url;
-      if (reqUrl) {
-        this.$http({
-          url: reqUrl,
-          method: `post`,
-          data: { thirdUrl: params.newUrl },
-          isLoading: true,
-          // modalStrictly: true,
-          success: (res) => {
-            this.url = res.objx;
-            this.type = 1;
-          },
-        });
-      } else if (url.indexOf("dw=true") >= 0) {
-        this.$http({
-          url: USER_PREFIX + `/dw_auth/getDwAsc`,
-          method: `post`,
-          data: {},
-          isLoading: true,
-          // modalStrictly: true,
-          success: (res) => {
-            this.url =
-              url.replace("dw=true", "dw=" + res.objx.dw) + "&param=" + res.objx.param;
-            this.type = 1;
-          },
-        });
-      } else if (url.indexOf("token=platform_token") >= 0) {
-        this.$http({
-          url: YX_PREFIX + `/fundPlatform/getToken`,
-          method: `post`,
-          data: {},
-          isLoading: true,
-          success: (res) => {
-            this.url = url.replace("token=platform_token", "token=" + res.objx);
-            this.type = 1;
-          },
-        });
-      } else if (url.indexOf("token=true") >= 0) {
-        let token = getToken();
-        this.url = url.replace("token=true", "token=" + token);
-        this.type = 1;
-      } else {
-        this.url = url;
-        this.type = 1;
-      }
-    }
-  },
-  methods: {
-    getCustomReqUrlAndCleanUrl(url) {
-      // 直接使用正则表达式匹配
-      const match = url.match(/[?&]custom_req_url=([^&?#]+)/);
-      if (match) {
-        const customReqUrl = decodeURIComponent(match[1]);
-        // 移除匹配到的参数部分
-        const newUrl = url.replace(match[0], match[0].startsWith("?") ? "?" : "");
-
-        return {
-          custom_req_url: customReqUrl,
-          newUrl: newUrl.replace(/\?$/, "").replace(/\?&/, "?"),
-        };
-      }
-
-      return {
-        custom_req_url: "",
-        newUrl: url,
-      };
-    },
-  },
-};
-</script>
-
-<style></style>
+<template>
+  <div>
+    <div id="containt" style="margin-bottom: -4px" v-if="type == 1">
+      <iframe
+        v-if="url"
+        :src="url"
+        style="width: 100%; height: calc(100vh - 40px)"
+      ></iframe>
+    </div>
+    <component :is="content" v-if="type == 2 && content"></component>
+  </div>
+</template>
+
+<script>
+import { getToken } from "@base/utils/auth";
+import { loadViewComponentAsync } from "@base/utils/resolveViewComponent";
+
+export default {
+  name: "outLink",
+  data() {
+    return {
+      url: null,
+      content: null,
+      type: 0,
+    };
+  },
+  async mounted() {
+    let url = this.$route.query.url;
+    let route = this.$route.query.route;
+    if (route) {
+      const res = await loadViewComponentAsync(route);
+      if (res.kind === "remote") {
+        this.$message({ message: "该页面归属子应用 " + res.owner + "，请从对应入口打开", type: "warning" });
+      }
+      this.content = res.component;
+      this.type = 2;
+    } else {
+      let params = this.getCustomReqUrlAndCleanUrl(url);
+      let reqUrl = params.custom_req_url;
+      if (reqUrl) {
+        this.$http({
+          url: reqUrl,
+          method: `post`,
+          data: { thirdUrl: params.newUrl },
+          isLoading: true,
+          // modalStrictly: true,
+          success: (res) => {
+            this.url = res.objx;
+            this.type = 1;
+          },
+        });
+      } else if (url.indexOf("dw=true") >= 0) {
+        this.$http({
+          url: USER_PREFIX + `/dw_auth/getDwAsc`,
+          method: `post`,
+          data: {},
+          isLoading: true,
+          // modalStrictly: true,
+          success: (res) => {
+            this.url =
+              url.replace("dw=true", "dw=" + res.objx.dw) + "&param=" + res.objx.param;
+            this.type = 1;
+          },
+        });
+      } else if (url.indexOf("token=platform_token") >= 0) {
+        this.$http({
+          url: YX_PREFIX + `/fundPlatform/getToken`,
+          method: `post`,
+          data: {},
+          isLoading: true,
+          success: (res) => {
+            this.url = url.replace("token=platform_token", "token=" + res.objx);
+            this.type = 1;
+          },
+        });
+      } else if (url.indexOf("token=true") >= 0) {
+        let token = getToken();
+        this.url = url.replace("token=true", "token=" + token);
+        this.type = 1;
+      } else {
+        this.url = url;
+        this.type = 1;
+      }
+    }
+  },
+  methods: {
+    getCustomReqUrlAndCleanUrl(url) {
+      // 直接使用正则表达式匹配
+      const match = url.match(/[?&]custom_req_url=([^&?#]+)/);
+      if (match) {
+        const customReqUrl = decodeURIComponent(match[1]);
+        // 移除匹配到的参数部分
+        const newUrl = url.replace(match[0], match[0].startsWith("?") ? "?" : "");
+
+        return {
+          custom_req_url: customReqUrl,
+          newUrl: newUrl.replace(/\?$/, "").replace(/\?&/, "?"),
+        };
+      }
+
+      return {
+        custom_req_url: "",
+        newUrl: url,
+      };
+    },
+  },
+};
+</script>
+
+<style></style>

package/src/views/user/outLink/view.vue

@@ -9,7 +9,7 @@
 
 <script>
 import indexUtil from "@base/utils/index.js"
-import { loadViewComponent } from "@base/utils/resolveViewComponent"
+import { loadViewComponentAsync } from "@base/utils/resolveViewComponent"
 
 export default {
   data() {
@@ -86,9 +86,9 @@ export default {
       this.queryParam = queryParam;
       this.showWfContent = true;
 
-      this.initUserInfo(() => {
+      this.initUserInfo(async () => {
         this.initI18n();
-        let res = loadViewComponent(url);
+        const res = await loadViewComponentAsync(url);
         if (res.kind === "remote") {
           this.$message({ message: "该单据归属子应用 " + res.owner + "，请从对应入口打开", type: "warning" });
         }