cloud-web-corejs 1.1.0-dev.6 → 1.1.0-dev.60

package/src/components/xform/mixins/scriptHttp.js

@@ -1,5 +1,6 @@
 import { initWf } from "../../../components/wf/wfUtil";
 import { getReportGlobalMap } from "../../../components/xform/utils/util";
+import { getCachedServiceName } from "../../../components/xform/utils/serviceNameCache";
 import { decrypt } from "@base/utils/aes";
 
 let modules = {};
@@ -78,26 +79,25 @@ modules = {
 
       let getServiceName = (callback) => {
         if (formCode && formCode !== reportTemplate.formCode) {
-          this.getHttpTarget().$http({
-            aes: true,
-            url: USER_PREFIX + `/formScript/getServiceName`,
-            method: `post`,
-            data: {
-              formCode,
-              scriptCode,
-            },
+          getCachedServiceName(this.getHttpTarget(), {
+            formCode,
+            scriptCode,
             isLoading,
-            // loadingTarget: this.getLoadingTarget(),
-            // modalStrictly: true,
-            success: (res) => {
-              let serviceName = res.objx;
+            // 调用方关掉 modal 时，查服务名这一跳也别再盖遮罩
+            modal: opts.modal,
+            aes: true,
+          }).then(
+            (serviceName) => {
               if (serviceName) {
                 callback(serviceName);
               } else {
                 this.$baseAlert("服务名不存在");
               }
             },
-          });
+            () => {
+              // 失败提示由请求层处理，不继续请求脚本
+            }
+          );
         } else {
           callback(reportTemplate.serviceName);
         }
@@ -105,23 +105,44 @@ modules = {
       let toDo = () => {
         return new Promise((resolve, reject) => {
           getServiceName((searviceName) => {
+            let reportGlobalMap = getReportGlobalMap() || {};
+            let isFormData =
+              typeof FormData !== "undefined" && data instanceof FormData;
             let reqData;
-            reqData = data;
+            if (isFormData) {
+              if (!data.has("fixeData")) {
+                data.append("fixeData", JSON.stringify(reportGlobalMap));
+              }
+              reqData = data;
+            } else {
+              reqData = {
+                // scriptCode: scriptCode,
+                fixeData: reportGlobalMap,
+                ...(data || {}),
+              };
+            }
 
-            let reportGlobalMap = getReportGlobalMap() || {};
             let url = `/${searviceName}/bd_api/${formCode}/${scriptCode}`;
             return this.getHttpTarget().$http({
-              // aes: true,
+              aes: true,
               url: url,
               method: `post`,
               // loadingTarget: this.getLoadingTarget(),
               isLoading,
               ...opts,
-              data: {
-                // scriptCode: scriptCode,
-                fixeData: reportGlobalMap,
-                ...reqData,
-              },
+              ...(isFormData
+                ? {
+                    headers: Object.assign(
+                      { "Content-Type": "multipart/form-data" },
+                      opts.headers || {}
+                    ),
+                    filterConfig: Object.assign(
+                      { enabled: false },
+                      opts.filterConfig || {}
+                    ),
+                  }
+                : {}),
+              data: reqData,
               success: (res, response) => {
                 if (res.objx) {
                   res.objx = this.handleDecryptData(res.objx);

package/src/components/xform/mixins/wfStart.js

@@ -0,0 +1,105 @@
+import { openStartWfDialog } from "@base/components/wf/wfUtil";
+import { getWfButtonNames, loadWfButtonNames, DEFAULT_SUBMIT_BTN } from "@base/components/wf/wfButtonName";
+import { loadWfAutoConfirm } from "@base/components/wf/wfAutoConfirm";
+import { loadWfUserRange } from "@base/components/wf/wfUserRange";
+import { loadWfTransferEnabled } from "@base/components/wf/wfTransferEnabled";
+import settingConfig from "@/settings";
+
+// PC 与 H5 共用启动规则、校验和回调；容器提供 wfStart() 获取各自的流程状态。
+export default {
+  computed: {
+    wfStartButtonName() {
+      return getWfButtonNames().submitBtn || settingConfig.wfStartButtonName || this.$t1(DEFAULT_SUBMIT_BTN);
+    },
+  },
+  methods: {
+    initWfStartSettings() {
+      if (this.getFormRef()?.formConfig?.wfEnabled) {
+        loadWfButtonNames(this);
+        loadWfAutoConfirm(this);
+        loadWfUserRange(this);
+        loadWfTransferEnabled(this);
+      }
+    },
+    // 流程启动按钮：有启动信息、需要按钮(showStartBtn 未显式关闭)、未启动、非预览态才显示。
+    // 声明式渲染,替代 wfUtil 的 DOM 强制注入。
+    showWfStartBtn() {
+      if (this.getFormRef()?.businessLocked) return false;
+      let ws = this.wfStart();
+      if (!ws || this.previewState) return false;
+      let opt = ws.option || {};
+      if (opt.showStartBtn === false || ws.hasWf) return false;
+      return this.evalWfStartBtnShow();
+    },
+    /**
+     * 「提交流程」按钮显隐脚本(formConfig.wfStartBtnShow)：return false 隐藏，不配则显示。
+     * 在渲染期求值，好处是随表单数据自动更新，代价是脚本会被反复执行——所以：
+     *   1) 编译结果按脚本原文缓存，避免每次渲染都 new Function；
+     *   2) 编译/执行异常一律放行(返回 true)，不能因为脚本写错就把提交入口挡死；
+     *   3) formData 取轻量的 formRef.formData，不走 getSysFormData/getRealFormData 那套重加工。
+     * 脚本里务必只读数据、返回布尔，改数据会引发渲染循环。
+     */
+    evalWfStartBtnShow() {
+      let formRef = this.getFormRef && this.getFormRef();
+      let src = formRef && formRef.formConfig && formRef.formConfig.wfStartBtnShow;
+      if (!src) return true;
+      let cache = this._wfStartShowFn; //挂实例属性即可，不需要响应式
+      if (!cache || cache.src !== src) {
+        try {
+          cache = {
+            src,
+            fn: new Function("dataId", "formCode", "formData", src),
+          };
+        } catch (error) {
+          console.error("wfStartBtnShow 脚本编译失败", error);
+          return true;
+        }
+        this._wfStartShowFn = cache;
+      }
+      try {
+        let ret = cache.fn.call(
+          formRef,
+          formRef.dataId,
+          formRef.reportTemplate && formRef.reportTemplate.formCode,
+          formRef.formData
+        );
+        return ret !== false;
+      } catch (error) {
+        console.error("wfStartBtnShow 脚本执行异常", error);
+        return true;
+      }
+    },
+    // 声明式触发流程启动(替代原注入按钮的点击),复用 wfUtil 的 openStartWfDialog
+    startWf() {
+      if (this.getFormRef()?.businessLocked) return;
+      let ws = this.wfStart();
+      if (!ws || !ws.option || !ws.ctx) return;
+      // startConfirmText 原样透传:它只承载模板脚本 wfStartConfirmText 的文案(见 indexMixin
+      // 的 option 构造)。按钮名拼接与「后台 param19 自动确认」都由 wf.js 统一处理——
+      // 在这里替它拼默认文案的话,wf.js 会把它当成脚本自定义的告警,自动确认就失效了。
+      let innerOnStart = ws.option.onStart;
+      let formRef = this.getFormRef && this.getFormRef();
+      openStartWfDialog(ws.ctx, {
+        ...ws.option, //浅拷贝:wfStartOption 是 formRef 上的共享对象,不可原地改
+        // 提交前置处理：确认框在 wfStartDialog 内部，这里(打开弹框前)是唯一能拦的位置。
+        // 既有的 onStart 是表单校验(仅 wfStartBindSave 开启时注入)，把它的 done 换成
+        // 「跑前置脚本」，即得到「先校验、后脚本、再确认框」；没开自动保存时直接跑脚本。
+        onStart: (done) => {
+          let runBefore = () => {
+            if (!formRef || typeof formRef.runBeforeSubmitWf !== "function") {
+              return done();
+            }
+            formRef.runBeforeSubmitWf("wfStart").then((pass) => {
+              if (pass) done();
+            });
+          };
+          if (typeof innerOnStart === "function") {
+            innerOnStart(runBefore);
+          } else {
+            runBefore();
+          }
+        },
+      });
+    },
+  },
+};

package/src/components/xform/mixins/wfVisibility.js

@@ -0,0 +1,33 @@
+// 与组件显隐规则一致：只匹配当前公司的角色，命中任意角色即隐藏。
+export default {
+  data() {
+    return {
+      // 脚本态与角色配置分开保存；脚本取消隐藏时不会越过角色限制。
+      wfInfoHiddenByScript: false,
+    };
+  },
+  computed: {
+    _hideWf() {
+      const inherited = this.$attrs && this.$attrs._hideWf;
+      if (inherited === true || inherited === "true") return true;
+      if (this.wfInfoHiddenByScript) return true;
+      const configured = this.formConfig && this.formConfig.wfInfoHiddenRoleCodes;
+      const codes = (Array.isArray(configured) ? configured : String(configured || "").split(","))
+        .map(code => String(code).trim()).filter(Boolean);
+      return (this.userRoleDTO2s || []).some(role => codes.includes(role.roleCode));
+    },
+  },
+  methods: {
+    /**
+     * 给表单事件脚本调用：this.setWfInfoHidden(true/false)。
+     * 只控制流程信息、导航和依赖面板的审批入口，不影响流程初始化及启动按钮。
+     */
+    setWfInfoHidden(hidden = true) {
+      this.wfInfoHiddenByScript = hidden === true || hidden === "true";
+      if (typeof this._refreshWfInfoVisibility === "function") {
+        this._refreshWfInfoVisibility();
+      }
+      return this.$nextTick();
+    },
+  },
+};

package/src/components/xform/styles/census.scss

@@ -0,0 +1,288 @@
+// Core xform census widget skins extracted from the app stylesheet.
+@import "~@base/styles/variables.scss";
+
+.form-count {
+  display: flex; /*margin-bottom: 6px !important;*/
+  overflow: hidden;
+  border-radius: 4px;
+  .form-count-item {
+    flex: 1;
+    color: rgba(255, 255, 255, 0.65);
+    line-height: 1.5;
+    background-color: $baseColor;
+    font-size: $fontSizeBase;
+    padding-bottom: 1000px;
+    margin-bottom: -1000px;
+    border-radius: 4px;
+    &:nth-child(1) {
+      background-image: linear-gradient(to right, #34c7a5, #4ed894);
+      margin-left: 0 !important;
+    }
+    &:nth-child(2) {
+      background-image: linear-gradient(to right, #5590fd, #6bd1ff);
+    }
+    &:nth-child(3) {
+      background-image: linear-gradient(to right, #fe6c69, #ffa57b);
+    }
+    &:nth-child(4) {
+      background-image: linear-gradient(to left, #ffcf60, #daae47);
+    }
+    &:nth-child(7) {
+      background-image: linear-gradient(to left, #7cc422, #63a313);
+    }
+    &:nth-child(5) {
+      background-image: linear-gradient(to left, #ffa060, #da7c3d);
+    }
+    &:nth-child(6) {
+      background-image: linear-gradient(to left, #60d0fe, #45b7e7);
+    }
+    &:nth-child(8) {
+      background-image: linear-gradient(to left, #46d2e3, #2fb7c8);
+    }
+    &:nth-child(9) {
+      background-image: linear-gradient(to left, #6ecd71, #4db751);
+    }
+    &:nth-child(10) {
+      background-image: linear-gradient(to left, #ff606c, #d8505a);
+    }
+    b {
+      color: #fff;
+      font-weight: 400;
+      font-size: 22px;
+    }
+    p {
+      margin: 0;
+    }
+    .t1 {
+      color: #ffffffcc;
+      padding: 15px 18px 0;
+      position: relative;
+      b {
+        display: inline-block;
+        margin-top: 5px;
+      }
+      &:after {
+        content: "\e794";
+        width: 22px;
+        height: 22px;
+        display: block;
+        position: absolute;
+        right: 14px;
+        top: 14px;
+        cursor: pointer;
+        font-family: element-icons !important;
+        border-radius: 50%;
+        border: solid 1px #ffffff69;
+        text-align: center;
+        line-height: 20px;
+      }
+    }
+    .t2 {
+      color: #ffffffcc;
+      margin: 12px 0;
+      padding: 0 18px;
+      p {
+        overflow: hidden;
+        margin-bottom: 8px;
+      }
+      span {
+        float: right;
+      }
+    }
+    .t3 {
+      text-align: center;
+      padding: 32px 12px;
+      font-size: 13px;
+      color: transparentize($baseColor, 0.6);
+      b {
+        font-size: 30px;
+        margin-top: 10px;
+        display: block;
+        color: $baseColor;
+      }
+    }
+    &.i-s2 {
+      background: #d8e9fc;
+    }
+  }
+}
+.form-count2 {
+  display: flex;
+  margin-bottom: 8px;
+  .form-count-item {
+    flex: 1;
+    border: solid 1px #265b860d;
+    text-align: center;
+    padding: 15px 0;
+    border-radius: 2px;
+    background-image: linear-gradient(
+      180deg,
+      rgb(243, 248, 255) 0%,
+      rgb(255, 255, 255) 100%
+    );
+    .t1 {
+      p {
+        font-size: $fontSizeBase;
+        color: #888;
+      }
+      b {
+        font-size: 30px;
+        color: #212121;
+        line-height: 1;
+      }
+    }
+  }
+}
+.form-count3 {
+  display: flex;
+  margin-bottom: 8px;
+  .form-count-item {
+    flex: 1;
+    text-align: center;
+    padding: 15px 0;
+    color: #212121;
+    position: relative;
+    &:after {
+      content: "";
+      width: 1px;
+      position: absolute;
+      top: 24px;
+      bottom: 24px;
+      background-color: #efefef;
+      right: 0;
+    }
+    &:last-child:after {
+      display: none;
+    }
+    .t1 {
+      p {
+        font-size: $fontSizeBase;
+      }
+      b {
+        font-size: 30px;
+        line-height: 1;
+        font-weight: 600;
+      }
+    }
+  }
+}
+.form-count4 {
+  display: flex;
+  margin-bottom: 8px;
+  .form-count-item {
+    flex: 1;
+    text-align: center;
+    padding: 11px 0;
+    color: #343434;
+    position: relative;
+    background: #f6f8fa;
+    line-height: 1;
+    border-radius: 8px;
+    font-size: $fontSizeBase;
+    p {
+      margin-bottom: 4px;
+    }
+  }
+}
+
+.form-count5 {
+  display: flex; /*margin-bottom: 6px !important;*/
+  overflow: hidden;
+  margin: 0 -3px;
+  .form-count-item {
+    padding: 12px 18px 10px;
+    flex: 1;
+    color: rgba(0, 0, 0, 0.65);
+    line-height: 1.5;
+    font-size: $fontSizeBase;
+    margin: 0 3px;
+    border-top: solid 3px;
+    b {
+      color: #3c4a5b;
+      font-weight: 400;
+      font-size: 22px;
+      display: inline-block;
+      margin-top: 8px;
+      margin-right: 12px;
+    }
+    span {
+      color: #888;
+    }
+    p {
+      margin: 0;
+      color: #475668;
+    }
+    &:nth-child(1) {
+      background: #eaf9f5;
+      border-top-color: #01bf8a;
+    }
+    &:nth-child(2) {
+      background: #ecf4ff;
+      border-top-color: #307df2;
+    }
+    &:nth-child(3) {
+      background: #fff8e6;
+      border-top-color: #f9b302;
+    }
+    &:nth-child(4) {
+      background: #f3f0ff;
+      border-top-color: #7f5bf2;
+    }
+    &:nth-child(5) {
+      background: #ffeeee;
+      border-top-color: #de0f0f;
+    }
+  }
+}
+.form-count6 {
+  display: flex; /*margin-bottom: 6px !important;*/
+  overflow: hidden;
+  margin: 0 -3px;
+  .form-count-item {
+    padding: 12px 18px 10px;
+    flex: 1;
+    color: rgba(0, 0, 0, 0.65);
+    line-height: 1.5;
+    font-size: $fontSizeBase;
+    margin: 0 3px;
+    border: solid 1px $borderColor;
+    border-radius: 4px;
+    b {
+      font-weight: 400;
+      font-size: 22px;
+      display: inline-block;
+      margin-top: 8px;
+      margin-right: 6px;
+    }
+    span {
+      color: #888;
+    }
+    p {
+      margin: 0;
+      color: #475668;
+      > i {
+        margin-right: 4px;
+        vertical-align: middle;
+        font-size: 16px;
+      }
+      > span {
+        vertical-align: middle;
+      }
+    }
+    &:nth-child(1) p {
+      color: #307df2;
+    }
+    &:nth-child(2) p {
+      color: #0ccd7c;
+    }
+    &:nth-child(3) p {
+      color: #fb3838;
+    }
+    &:nth-child(4) p {
+      color: #ff6949;
+    }
+    &:nth-child(5) p {
+      color: #307df2;
+    }
+  }
+}