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

package/src/views/user/wf/wf_manage/wfContentDialog.vue

@@ -1,134 +1,134 @@
-<template>
-  <el-dialog
-    :title="$t1('查看单据流程')"
-    :append-to-body="true"
-    :modal-append-to-body="true"
-    :close-on-click-modal="false"
-    :visible.sync="showWfDialog"
-    :modal="false"
-    custom-class="el-dialog dialog-style designer-dialog indexUse"
-    width="100%"
-    height="100%"
-    top="0px"
-    bottom="0px"
-    :destroy-on-close="true"
-    @close="wfClose"
-  >
-    <div id="containt">
-      <component
-        v-if="showWfContent && wfContent"
-        :is="wfContent"
-        visible-key="showWfContent"
-        v-bind="param"
-        :parent-target="_self"
-        :defaultShowWfContent="true"
-        :_viewType="1"
-        @reload="$reloadHandle"
-        :_handleCallback="handleCallback"
-      ></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"
-        @handle-callback="handleCallback"
-        @close="showWfContent = false"
-      ></micro-view-host>
-    </div>
-  </el-dialog>
-</template>
-
-<script>
-import { loadViewComponentAsync } from "@base/utils/resolveViewComponent";
-export default {
-  name: "wfContentDialog",
-  props: {
-    option: {
-      type: Object,
-      default: {},
-    },
-  },
-  components: {},
-  data() {
-    return {
-      param: {},
-      wfContent: null,
-      remoteView: null,
-      showWfContent: false,
-      showWfDialog: true,
-    };
-  },
-  created() {
-    this.openWfDialog();
-  },
-  methods: {
-    handleCallback(flag) {
-      if ([1, 2, 3, 4].includes(flag)) {
-        this.$http({
-          url: USER_PREFIX + "/wf_diy_attribute/getValue",
-          method: `post`,
-          data: { attributeKey: "param4" },
-          isLoading: true,
-          success: (res) => {
-            let val = res.objx || false;
-            this.option._handleCallback && this.option._handleCallback(flag);
-            if (val === true) {
-              this.wfClose();
-            }
-          },
-        });
-      } else {
-        this.option._handleCallback && this.option._handleCallback(flag);
-      }
-    },
-    wfClose() {
-      this.showWfDialog = false;
-      this.$emit("update:visible", false);
-      this.$emit("close");
-    },
-    // 异步：await 之后才置 showWfContent（见方法末尾），否则弹窗先开出空壳
-    async openWfDialog() {
-      let id = this.option.objId;
-      let wfDataId = !id || typeof id == "object" ? 0 : Number(id);
-      let param = this.option.param || {};
-      if (this.option.url == "form") {
-        let formCode = null;
-        if (this.option.formCode) {
-          formCode = this.option.formCode;
-        } else {
-          formCode = this.option.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 = this.option.url + ".vue";
-        const res = await loadViewComponentAsync(url);
-        this.remoteView =
-          res.kind === "remote"
-            ? {
-                owner: res.owner,
-                targetPath: res.targetPath,
-                bizParams: this.param,
-                viewMeta: { visibleKey: "showWfContent", defaultShowWfContent: true, viewType: 1 },
-              }
-            : null;
-        this.wfContent = res.component;
-      }
-      this.showWfContent = true;
-    },
-  },
-};
-</script>
-
-<style scoped></style>
+<template>
+  <el-dialog
+    :title="$t1('查看单据流程')"
+    :append-to-body="true"
+    :modal-append-to-body="true"
+    :close-on-click-modal="false"
+    :visible.sync="showWfDialog"
+    :modal="false"
+    custom-class="el-dialog dialog-style designer-dialog indexUse"
+    width="100%"
+    height="100%"
+    top="0px"
+    bottom="0px"
+    :destroy-on-close="true"
+    @close="wfClose"
+  >
+    <div id="containt">
+      <component
+        v-if="showWfContent && wfContent"
+        :is="wfContent"
+        visible-key="showWfContent"
+        v-bind="param"
+        :parent-target="_self"
+        :defaultShowWfContent="true"
+        :_viewType="1"
+        @reload="$reloadHandle"
+        :_handleCallback="handleCallback"
+      ></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"
+        @handle-callback="handleCallback"
+        @close="showWfContent = false"
+      ></micro-view-host>
+    </div>
+  </el-dialog>
+</template>
+
+<script>
+import { loadViewComponentAsync } from "@base/utils/resolveViewComponent";
+export default {
+  name: "wfContentDialog",
+  props: {
+    option: {
+      type: Object,
+      default: {},
+    },
+  },
+  components: {},
+  data() {
+    return {
+      param: {},
+      wfContent: null,
+      remoteView: null,
+      showWfContent: false,
+      showWfDialog: true,
+    };
+  },
+  created() {
+    this.openWfDialog();
+  },
+  methods: {
+    handleCallback(flag) {
+      if ([1, 2, 3, 4].includes(flag)) {
+        this.$http({
+          url: USER_PREFIX + "/wf_diy_attribute/getValue",
+          method: `post`,
+          data: { attributeKey: "param4" },
+          isLoading: true,
+          success: (res) => {
+            let val = res.objx || false;
+            this.option._handleCallback && this.option._handleCallback(flag);
+            if (val === true) {
+              this.wfClose();
+            }
+          },
+        });
+      } else {
+        this.option._handleCallback && this.option._handleCallback(flag);
+      }
+    },
+    wfClose() {
+      this.showWfDialog = false;
+      this.$emit("update:visible", false);
+      this.$emit("close");
+    },
+    // 异步：await 之后才置 showWfContent（见方法末尾），否则弹窗先开出空壳
+    async openWfDialog() {
+      let id = this.option.objId;
+      let wfDataId = !id || typeof id == "object" ? 0 : Number(id);
+      let param = this.option.param || {};
+      if (this.option.url == "form") {
+        let formCode = null;
+        if (this.option.formCode) {
+          formCode = this.option.formCode;
+        } else {
+          formCode = this.option.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 = this.option.url + ".vue";
+        const res = await loadViewComponentAsync(url);
+        this.remoteView =
+          res.kind === "remote"
+            ? {
+                owner: res.owner,
+                targetPath: res.targetPath,
+                bizParams: this.param,
+                viewMeta: { visibleKey: "showWfContent", defaultShowWfContent: true, viewType: 1 },
+              }
+            : null;
+        this.wfContent = res.component;
+      }
+      this.showWfContent = true;
+    },
+  },
+};
+</script>
+
+<style scoped></style>