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

package/src/layout/components/extractedCode/viewDialog.vue

@@ -100,7 +100,7 @@ export default {
       this.$emit("update:visible", false);
       this.$emit("close");
     },
-    openWfDialog() {
+    async openWfDialog() {
       let obj = this.extractedRow?.obj;
       if (!obj) return;
       let objType = this.extractedRow.objType;
@@ -110,27 +110,27 @@ export default {
         readonly: true,
       };
 
-      let url;
+      let loadView;
       if (objType == "FormTemplate") {
-        url = "/bd/setting/form_template/edit.vue";
+        loadView = () => import("@base/views/bd/setting/form_template/edit.vue");
         wfDataId = obj.formCode;
         this.title = this.$t1("查看表单模板");
       } else if (objType == "FormScript") {
         if (obj.scriptType == 1) {
-          url = "/bd/setting/form_script/edit1.vue";
+          loadView = () => import("@base/views/bd/setting/form_script/edit1.vue");
         } else {
-          url = "/bd/setting/form_script/edit.vue";
+          loadView = () => import("@base/views/bd/setting/form_script/edit.vue");
         }
         this.title = this.$t1("查看表单脚本");
       } else if (objType == "TableTemplate") {
-        url = "/bd/setting/table_model/edit.vue";
+        loadView = () => import("@base/views/bd/setting/table_model/edit.vue");
         this.title = this.$t1("查看数据表定义模板");
       }
       this.param = Object.assign(param, {
         _dataId: wfDataId,
         extractedObj: obj,
       });
-      this.wfContent = require("@base/views" + url).default;
+      this.wfContent = loadView ? (await loadView()).default : null;
 
       this.showWfContent = true;
     },

package/src/router/index.js

@@ -1,27 +1,48 @@
-import Vue from "vue";
-import Router from "vue-router";
-
-Vue.use(Router);
-
-import { constantRoutes as route1s } from "@base/router/modules/system";
-import { constantRoutes as route2s } from "@/router/modules/customer";
-
-export const constantRoutes = [...route1s, ...route2s];
-
-const createRouter = () =>
-  new Router({
-    // mode: 'history', // require service support
-    scrollBehavior: () => ({
-      y: 0,
-    }),
-    routes: constantRoutes,
-  });
-
-const router = createRouter();
-
-export function resetRouter() {
-  const newRouter = createRouter();
-  router.matcher = newRouter.matcher; // reset router
-}
-
-export default router;
+import Vue from "vue";
+import Router from "vue-router";
+import { Message } from "element-ui";
+
+Vue.use(Router);
+
+import { constantRoutes as route1s } from "@base/router/modules/system";
+import { constantRoutes as route2s } from "@/router/modules/customer";
+
+export const constantRoutes = [...route1s, ...route2s];
+
+const createRouter = () =>
+  new Router({
+    // mode: 'history', // require service support
+    scrollBehavior: () => ({
+      y: 0,
+    }),
+    routes: constantRoutes,
+  });
+
+const router = createRouter();
+
+// 视图改按需加载后，路由跳转会真的去网络拉 chunk，于是多出一类以前不可能发生的失败：
+// 发版后旧标签页持有的 chunk 哈希已失效（404）、网络超时、或被网关截断（截断表现为
+// chunk 内 SyntaxError，不是网络错误）。vue-router 对这类失败是静默的——点了没反应。
+//
+// 菜单驱动的视图不走这里：store/modules/permission.js 的 loadView 自己 catch 后渲染
+// MenuFallback。这里兜的是 constantRoutes 里那批 () => import(...) 的静态路由。
+//
+// 只提示、不自动 reload：本系统表单页多，自动刷新会吞掉用户未保存的录入；而且一旦
+// 某个 chunk 持续拉不到（例如网关截断），自动刷新会退化成"用户每点一次就刷一次"的循环。
+router.onError((error) => {
+  const msg = (error && error.message) || "";
+  if (!/Loading (CSS )?chunk .* failed|ChunkLoadError/i.test(msg)) return;
+  console.error("[router] 页面资源加载失败：", error);
+  try {
+    Message.error("页面资源加载失败，请刷新页面后重试");
+  } catch (e) {
+    // Message 尚未可用时静默，至少 console 里留了痕迹
+  }
+});
+
+export function resetRouter() {
+  const newRouter = createRouter();
+  router.matcher = newRouter.matcher; // reset router
+}
+
+export default router;

package/src/router/modules/customer.js

@@ -1,19 +1,76 @@
 export const constantRoutes = [
+  /*{
+    // 呼叫中心(CC)专用入口：只带 appid/appkey/account/callNo，
+    // 先换取 tp 再 replace 到 /form_outLinkView
+    path: "/cc_form_outLinkView",
+    component: () => import("@base/views/user/outLink/cc_form_view"),
+    meta: {
+      checkToken: false,
+    },
+    hidden: true,
+  },
   {
     path: "",
     component: () => import("@/layout/index"),
-    children: [
-      {
-        path: '/pmd/product/common/common_product_display/detail/:id',
-        component: () => import('@/views/pmd/product/common/common_product_display/detail'),
-        name: 'commonProductDisplayEdit',
-        meta: {
-          title: '产品详情',
-          paramField: 'id',
-          menuUrl: '/pmd/product/common/common_product_display/detail'
-        }
-      },
-    ]
-  }
+    children: [
+      {
+        path: "/basic/wf/wf_manage/list2",
+        component: () => import("@base/views/user/wf/wf_manage/list2"),
+        name: "wf_manage:list2",
+        meta: {
+          title: "流程待办",
+          icon: "dashboard",
+        },
+      },
+       {
+        // bizTab 示例 A：手写接口版（前端 mock，无流程，不吃后台前置条件）
+        path: "/demo/bizTab/simple",
+        component: () => import("@base/views/demo/bizTab/simple/list"),
+        name: "demoBizTabSimple",
+        meta: {
+          title: "bizTab 示例(手写接口)",
+          icon: "dashboard",
+        },
+      },
+      {
+        // bizTab 示例 B：formCode + 通用 bd_api（照 stdxx 的产品变更申请页）
+        path: "/demo/bizTab/bill",
+        component: () => import("@base/views/demo/bizTab/bill/list"),
+        name: "demoBizTabBill",
+        meta: {
+          title: "bizTab 示例(formCode+流程)",
+          icon: "dashboard",
+        },
+      },
+      {
+        // bizTab 示例 C：自定义控制器 + 流程（照 std / 本仓库 pmd/price/ladderPrice 页）
+        path: "/demo/bizTab/wf",
+        component: () => import("@base/views/demo/bizTab/wf/list"),
+        name: "demoBizTabWf",
+        meta: {
+          title: "bizTab 示例(自定义接口+流程)",
+          icon: "dashboard",
+        },
+      },
+      {
+        // bizTab 示例 D：独立模式（不在页签里，待办直开走的路径），复用示例 C 的详情
+        path: "/demo/bizTab/standalone",
+        component: () => import("@base/views/demo/bizTab/standalone/index.vue"),
+        name: "demoBizTabStandalone",
+        meta: {
+          title: "bizTab 示例(独立模式)",
+          icon: "dashboard",
+        },
+      },
+      {
+        path: "/support/form-dialog-demo",
+        component: () => import("@/views/support/form-dialog-demo/index.vue"),
+        name: "formDialogDemo",
+        meta: {
+          title: "formDialog 示例",
+          icon: "dashboard",
+        },
+      }, 
+    ],
+  },*/
 ];
-

package/src/store/modules/permission.js

@@ -15,6 +15,7 @@ import {
   registerSubApps,
   buildSubAppRoutes,
 } from "@base/microRouter";
+import { loadViewComponentAsync } from "@base/utils/resolveViewComponent";
 import MenuFallback from "@base/views/user/menuFallback/index.vue";
 
 // qiankun 宿主态（仅 settings.microMainEnabled 的主应用登录后填充）
@@ -87,7 +88,7 @@ function buildUserInfoSnapshot(userState = {}) {
 
 let modules = {};
 
-// loadView 失败兜底：独立运行点到别家应用的菜单 / 菜单配置错误时展示提示页
+// loadView 失败兜底：独立运行点到别家应用的菜单 / 菜单配置错误 / 视图 chunk 加载失败时展示提示页
 function createFallbackComponent(view, error) {
   return {
     name: "menuLoadFallback",
@@ -108,25 +109,23 @@ let configUtl = {
   sidebarRoutes,
   Layout,
   getRouters,
+  // 委托 resolveViewComponent（全仓唯一的视图 import 落地点）。
+  //
+  // 这里原来写的是 AMD 异步形式 require([...], resolve, fail)，看着是懒加载，实则不是：
+  // webpack 的 AMDRequireDependenciesBlockParserPlugin 调 ContextDependencyHelpers.create
+  // 时不传 mode，默认落 mode:"sync"，且 root/regExp 与 resolveViewComponent 那条完全一致
+  // （ContextIdentifier 相同 = 同一个 ContextModule），于是整棵 views 照样焊进入口 chunk。
+  // 必须一并改掉，否则只改 resolveViewComponent 的结果是：app.js 变小，但首次点菜单时
+  // 下载一个十几 MB 的异步 chunk。
+  //
+  // 顺带干掉本文件这份重复的 @base/views 前缀嗅探——归属判断统一由 resolveViewPath 负责。
   loadView: function (view) {
     return (resolve) => {
-      const fail = (e) => resolve(createFallbackComponent(view, e));
-      try {
-        if (view) {
-          let t = "@base/views";
-          // let t2 = "@/components"
-          if (view.startsWith(t)) {
-            let path = view.substr(t.length);
-            return require(["../../views" + path], resolve, fail);
-          } /* else if (view.startsWith(t2)) {
-            let path = view.substr(t2.length);
-            return require(['@/components' + path], resolve, fail);
-          } */
-        }
-        return require(["@/views" + view], resolve, fail);
-      } catch (e) {
-        fail(e);
-      }
+      loadViewComponentAsync(view)
+        .then((res) =>
+          resolve(res.component || createFallbackComponent(view, res.error))
+        )
+        .catch((e) => resolve(createFallbackComponent(view, e)));
     };
   },
 };

package/src/utils/assetUrl.js

@@ -0,0 +1,19 @@
+/**
+ * 取出 require(图片) 的真实 URL。
+ *
+ * webpack4(url-loader，vue-cli 设了 esModule:false) 下 require 直接返回 URL 字符串；
+ * webpack5(vue-cli5 的 asset modules) 下返回的是 ES Module 命名空间对象，且该对象
+ * 由 Object.create(null) 生成——没有原型链就没有 toString，直接绑到 :src 上时
+ * setAttribute 会抛 "Cannot convert object to primitive value" 整棵子树渲染失败
+ * （webpack5 的 asset modules 没有 esModule 开关，只能在取值处兜底）。
+ *
+ * 消费应用的构建配置不受本库控制，凡是把 require 结果往 DOM 属性上放的地方都要过这里。
+ */
+export function assetUrl(mod) {
+  if (mod && typeof mod === "object") {
+    return mod.default || "";
+  }
+  return mod || "";
+}
+
+export default assetUrl;