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

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

@@ -1,137 +1,139 @@
-<template>
-  <el-dialog
-    :title="$t1('查看单据流程')"
-    :append-to-body="true"
-    :modal-append-to-body="true"
-    :close-on-click-modal="false"
-    v-if="showWfDialog2"
-    :visible.sync="showWfDialog2"
-    :modal="false"
-    custom-class="el-dialog dialog-style designer-dialog indexUse"
-    width="100%"
-    height="100%"
-    top="0px"
-    bottom="0px"
-    :destroy-on-close="true"
-    v-el-drag-dialog
-  >
-    <div id="containt">
-      <component
-        v-if="showWfContent && wfContent"
-        :is="wfContent"
-        visible-key="showWfContent"
-        v-bind="param"
-        :_isNotifyMessage="true"
-        :parent-target="_self"
-        @reload="$reloadHandle"
-      ></component>
-      <micro-view-host
-        v-else-if="showWfContent && remoteView"
-        :owner="remoteView.owner"
-        :target-path="remoteView.targetPath"
-        :biz-params="remoteView.bizParams"
-        :view-meta="remoteView.viewMeta"
-        @reload="$reloadHandle"
-        @close="showWfContent = false"
-      ></micro-view-host>
-    </div>
-  </el-dialog>
-</template>
-
-<script>
-import { loadViewComponent } from "@base/utils/resolveViewComponent";
-export default {
-  props: {},
-  data() {
-    return {
-      showWfDialog2: false,
-      wfUrl2: "",
-      showWfContent: true,
-      wfContent: null,
-      remoteView: null,
-      wfDataId: "",
-      param: {},
-    };
-  },
-  methods: {
-    getUrlParam(url) {
-      var reg = /([^?&=]+)=([^?&=]+)/g,
-        obj = {},
-        str = url;
-      url.replace(reg, function () {
-        obj[arguments[1]] = arguments[2];
-      });
-      return obj;
-    },
-    notifyMessageRead(row, callback) {
-      if (row.readed == 0) {
-        this.$http({
-          url: USER_PREFIX + `/notify_message/read`,
-          method: `post`,
-          data: [row.id],
-          isLoading: true,
-          loadingTarget: document.body,
-          success: (res) => {
-            callback && callback();
-          },
-        });
-      } else {
-        callback && callback();
-      }
-    },
-    open(row, callback) {
-      this.notifyMessageRead(row, () => {
-        let turl = row.jumpContent;
-        let wfUrl = turl.split("?")[0];
-        let param = this.getUrlParam(turl);
-        let wfDataId = param.dataId;
-        if (!wfDataId) {
-          wfDataId = 0;
-        } else if (!isNaN(wfDataId)) {
-          wfDataId = Number(wfDataId);
-        }
-
-        if (wfUrl == "form") {
-          let formCode = null;
-          if (param.formCode) {
-            formCode = param.formCode;
-          } else {
-            formCode = param.objTypeCode.substr(9);
-          }
-          this.param = Object.assign(param, {
-            formCode: formCode,
-            dataId: wfDataId,
-          });
-          let url = "/user/form/vform/render.vue";
-          this.wfContent = require("@base/views" + url).default;
-        } else {
-          this.param = Object.assign(param, {
-            _dataId: wfDataId,
-          });
-          let url = wfUrl + ".vue";
-          let id = wfDataId;
-          this.wfDataId = !id || typeof id == "object" ? 0 : id;
-          // this.showWfDialog = true;
-          this.showWfContent = true;
-          let res = loadViewComponent(url);
-          this.remoteView =
-            res.kind === "remote"
-              ? {
-                  owner: res.owner,
-                  targetPath: res.targetPath,
-                  bizParams: this.param,
-                  viewMeta: { visibleKey: "showWfContent", _isNotifyMessage: true },
-                }
-              : null;
-          this.wfContent = res.component;
-        }
-        this.showWfDialog2 = true;
-
-        callback && callback();
-      });
-    },
-  },
-};
-</script>
-
-<style scoped></style>
+<template>
+  <el-dialog
+    :title="$t1('查看单据流程')"
+    :append-to-body="true"
+    :modal-append-to-body="true"
+    :close-on-click-modal="false"
+    v-if="showWfDialog2"
+    :visible.sync="showWfDialog2"
+    :modal="false"
+    custom-class="el-dialog dialog-style designer-dialog indexUse"
+    width="100%"
+    height="100%"
+    top="0px"
+    bottom="0px"
+    :destroy-on-close="true"
+    v-el-drag-dialog
+  >
+    <div id="containt">
+      <component
+        v-if="showWfContent && wfContent"
+        :is="wfContent"
+        visible-key="showWfContent"
+        v-bind="param"
+        :_isNotifyMessage="true"
+        :parent-target="_self"
+        @reload="$reloadHandle"
+      ></component>
+      <micro-view-host
+        v-else-if="showWfContent && remoteView"
+        :owner="remoteView.owner"
+        :target-path="remoteView.targetPath"
+        :biz-params="remoteView.bizParams"
+        :view-meta="remoteView.viewMeta"
+        @reload="$reloadHandle"
+        @close="showWfContent = false"
+      ></micro-view-host>
+    </div>
+  </el-dialog>
+</template>
+
+<script>
+import { loadViewComponentAsync } from "@base/utils/resolveViewComponent";
+export default {
+  props: {},
+  data() {
+    return {
+      showWfDialog2: false,
+      wfUrl2: "",
+      showWfContent: true,
+      wfContent: null,
+      remoteView: null,
+      wfDataId: "",
+      param: {},
+    };
+  },
+  methods: {
+    getUrlParam(url) {
+      var reg = /([^?&=]+)=([^?&=]+)/g,
+        obj = {},
+        str = url;
+      url.replace(reg, function () {
+        obj[arguments[1]] = arguments[2];
+      });
+      return obj;
+    },
+    notifyMessageRead(row, callback) {
+      if (row.readed == 0) {
+        this.$http({
+          url: USER_PREFIX + `/notify_message/read`,
+          method: `post`,
+          data: [row.id],
+          isLoading: true,
+          loadingTarget: document.body,
+          success: (res) => {
+            callback && callback();
+          },
+        });
+      } else {
+        callback && callback();
+      }
+    },
+    open(row, callback) {
+      this.notifyMessageRead(row, async () => {
+        let turl = row.jumpContent;
+        let wfUrl = turl.split("?")[0];
+        let param = this.getUrlParam(turl);
+        let wfDataId = param.dataId;
+        if (!wfDataId) {
+          wfDataId = 0;
+        } else if (!isNaN(wfDataId)) {
+          wfDataId = Number(wfDataId);
+        }
+
+        if (wfUrl == "form") {
+          let formCode = null;
+          if (param.formCode) {
+            formCode = param.formCode;
+          } else {
+            formCode = param.objTypeCode.substr(9);
+          }
+          this.param = Object.assign(param, {
+            formCode: formCode,
+            dataId: wfDataId,
+          });
+          // 路径是常量，用字面量 import：生成普通 ImportDependency，不参与 views context
+          this.wfContent = (
+            await import("@base/views/user/form/vform/render.vue")
+          ).default;
+        } else {
+          this.param = Object.assign(param, {
+            _dataId: wfDataId,
+          });
+          let url = wfUrl + ".vue";
+          let id = wfDataId;
+          this.wfDataId = !id || typeof id == "object" ? 0 : id;
+          // this.showWfDialog = true;
+          this.showWfContent = true;
+          const res = await loadViewComponentAsync(url);
+          this.remoteView =
+            res.kind === "remote"
+              ? {
+                  owner: res.owner,
+                  targetPath: res.targetPath,
+                  bizParams: this.param,
+                  viewMeta: { visibleKey: "showWfContent", _isNotifyMessage: true },
+                }
+              : null;
+          this.wfContent = res.component;
+        }
+        this.showWfDialog2 = true;
+
+        callback && callback();
+      });
+    },
+  },
+};
+</script>
+
+<style scoped></style>

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>