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

package/src/views/user/notify_message/dialog.vue

@@ -39,7 +39,7 @@
 </template>
 
 <script>
-import { loadViewComponent } from "@base/utils/resolveViewComponent";
+import { loadViewComponentAsync } from "@base/utils/resolveViewComponent";
 export default {
   props: {},
   data() {
@@ -80,7 +80,7 @@ export default {
       }
     },
     open(row, callback) {
-      this.notifyMessageRead(row, () => {
+      this.notifyMessageRead(row, async () => {
         let turl = row.jumpContent;
         let wfUrl = turl.split("?")[0];
         let param = this.getUrlParam(turl);
@@ -102,8 +102,10 @@ export default {
             formCode: formCode,
             dataId: wfDataId,
           });
-          let url = "/user/form/vform/render.vue";
-          this.wfContent = require("@base/views" + url).default;
+          // 路径是常量，用字面量 import：生成普通 ImportDependency，不参与 views context
+          this.wfContent = (
+            await import("@base/views/user/form/vform/render.vue")
+          ).default;
         } else {
           this.param = Object.assign(param, {
             _dataId: wfDataId,
@@ -113,7 +115,7 @@ export default {
           this.wfDataId = !id || typeof id == "object" ? 0 : id;
           // this.showWfDialog = true;
           this.showWfContent = true;
-          let res = loadViewComponent(url);
+          const res = await loadViewComponentAsync(url);
           this.remoteView =
             res.kind === "remote"
               ? {

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

@@ -0,0 +1,188 @@
+<template>
+  <div
+    class="cc-entry"
+    v-loading="loading"
+    :element-loading-text="loadingText"
+    element-loading-background="rgba(255, 255, 255, 0.9)"
+  >
+    <div class="cc-entry__box" v-if="errMsg">
+      <el-alert :title="errMsg" type="error" :closable="false" show-icon />
+      <div class="cc-entry__footer">
+        <el-button type="primary" size="small" @click="start">重试</el-button>
+      </div>
+    </div>
+  </div>
+</template>
+
+<script>
+/**
+ * 呼叫中心(CC)业务专用外链入口。
+ *
+ * 背景：业务系统(呼叫中心)只会带 appid / appkey / account / callNo 四个参数跳过来，
+ * 拿不到 form_outLinkView 所需的 tp（用户身份密文）。本页在 form_outLinkView 之前加一层：
+ *   1. 取四个参数
+ *   2. 调后台接口换取 tp
+ *   3. replace 到 /form_outLinkView，formCode 写死、dataId 固定 0
+ *
+ * 入口地址示例：
+ *   https://csmuat.chinamacro.com/#/cc_form_outLinkView
+ *     ?appid=6789B4BBAF71D4F9D79E0912856E04E
+ *     &appkey=坐席id
+ *     &account=坐席帐号
+ *     &callNo=来电手机
+ *
+ * 最终跳转：
+ *   #/form_outLinkView?url=/user/form/view/edit&formCode=xxx&dataId=0&tp=xxx&callNo=xxx...
+ */
+
+/* ------------------------------------------------------------------ *
+ * 业务定制配置：换业务页面只改这里
+ * ------------------------------------------------------------------ */
+const CC_CONFIG = {
+  // 固定的表单视图路由，form_outLinkView 的 url 参数
+  formUrl: "/user/form/view/edit",
+  // 写死的表单编码（按实际业务表单调整）
+  formCode: "patentApply_edit",
+  // 写死的单据 ID，新建为 0
+  dataId: "0",
+};
+
+/** 透传给业务表单的参数（form_outLinkView 会 v-bind 到目标组件上） */
+const PASS_THROUGH = ["callNo", "account", "agentId"];
+
+export default {
+  name: "ccFormOutLinkView",
+  data() {
+    return {
+      loading: false,
+      loadingText: "正在获取身份信息…",
+      errMsg: "",
+    };
+  },
+  created() {
+    this.start();
+  },
+  methods: {
+    /** 大小写不敏感地取 query，业务系统对参数大小写不一定稳定 */
+    pickQuery(...names) {
+      let query = this.$route.query || {};
+      let keys = Object.keys(query);
+      for (let name of names) {
+        let key = keys.find((k) => k.toLowerCase() === name.toLowerCase());
+        if (
+          key &&
+          query[key] !== "" &&
+          query[key] !== undefined &&
+          query[key] !== null
+        ) {
+          return query[key];
+        }
+      }
+      return "";
+    },
+    resolveParams() {
+      return {
+        appid: this.pickQuery("appid"),
+        appkey: this.pickQuery("appkey"),
+        account: this.pickQuery("account"),
+        callNo: this.pickQuery("callNo"),
+      };
+    },
+    start() {
+      this.errMsg = "";
+      let params = this.resolveParams();
+      let missing = ["appkey", "account"].filter((key) => !params[key]);
+      if (missing.length) {
+        this.errMsg =
+          "缺少必要参数：" + missing.join("、") + "，请检查呼叫中心跳转链接";
+        return;
+      }
+      this.getToken(params);
+    },
+    getToken(params) {
+      this.loading = true;
+      this.$http({
+        url: USER_PREFIX + "/auth/login",
+        method: "post",
+        data: {
+          custom: "true",
+          loginFlag: 1,
+          appkey: params.appkey,
+          account: params.account,
+        },
+        // 无 token 场景，且自行接管提示与遮罩
+        useToken: false,
+        isLoading: false,
+        failMsg: false,
+        errorMsg: false,
+        success: (res) => {
+          let token = res.objx;
+          if (!token) {
+            this.loading = false;
+            this.errMsg = "身份信息(token)获取失败：接口未返回 token";
+            return;
+          }
+          this.redirect(params, token);
+        },
+        fail: (res) => {
+          this.loading = false;
+          this.errMsg =
+            "身份信息(token)获取失败：" +
+            ((res && (res.content || res.msg)) || "接口返回异常");
+        },
+        error: (err) => {
+          this.loading = false;
+          this.errMsg =
+            "身份信息(token)获取失败：" + ((err && err.message) || "网络异常");
+        },
+      });
+    },
+    redirect(params, token) {
+      this.loadingText = "正在打开单据…";
+      let query = {
+        url: CC_CONFIG.formUrl,
+        formCode: CC_CONFIG.formCode,
+        dataId: CC_CONFIG.dataId,
+        access_token: token,
+      };
+      // 来电号码等业务参数透传给表单，供表单脚本取用
+      let source = { ...params, agentId: params.appkey };
+      PASS_THROUGH.forEach((key) => {
+        if (source[key]) {
+          query[key] = source[key];
+        }
+      });
+      let i18nLang = this.pickQuery("i18nLang");
+      if (i18nLang) {
+        query.i18nLang = i18nLang;
+      }
+      // replace：不在历史里留下本入口页，避免回退时重复换取 tp
+      // 注：vue-router 3.0.2 的 replace 不返回 Promise，不能链 .then/.catch
+      this.$router.replace({
+        path: "/form_outLinkView",
+        query: query,
+      });
+    },
+  },
+};
+</script>
+
+<style lang="scss" scoped>
+.cc-entry {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  width: 100%;
+  height: 100vh;
+}
+
+.cc-entry__box {
+  width: 420px;
+  max-width: 80%;
+}
+
+.cc-entry__footer {
+  margin-top: 12px;
+  text-align: center;
+}
+</style>

package/src/views/user/outLink/form_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"
 import {
   setReportGlobalParam
 } from "@base/components/xform/utils/util";
@@ -96,7 +96,7 @@ export default {
       this.showWfContent = true;
       this.initUserInfo(async () => {
         await this.initI18n();
-        let res = loadViewComponent(url);
+        const res = await loadViewComponentAsync(url);
         if (res.kind === "remote") {
           this.$message({ message: "该单据归属子应用 " + res.owner + "，请从对应入口打开", type: "warning" });
         }

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

@@ -7,13 +7,13 @@
         style="width: 100%; height: calc(100vh - 40px)"
       ></iframe>
     </div>
-    <component :is="content" v-if="type == 2"></component>
+    <component :is="content" v-if="type == 2 && content"></component>
   </div>
 </template>
 
 <script>
 import { getToken } from "@base/utils/auth";
-import { loadViewComponent } from "@base/utils/resolveViewComponent";
+import { loadViewComponentAsync } from "@base/utils/resolveViewComponent";
 
 export default {
   name: "outLink",
@@ -24,11 +24,11 @@ export default {
       type: 0,
     };
   },
-  mounted() {
+  async mounted() {
     let url = this.$route.query.url;
     let route = this.$route.query.route;
     if (route) {
-      let res = loadViewComponent(route);
+      const res = await loadViewComponentAsync(route);
       if (res.kind === "remote") {
         this.$message({ message: "该页面归属子应用 " + res.owner + "，请从对应入口打开", type: "warning" });
       }

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" });
         }