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

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

@@ -1,131 +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 { loadViewComponent } 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");
-    },
-    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,
-        });
-        let url = "/user/form/vform/render.vue";
-        this.wfContent = require("@base/views" + url).default;
-      } else {
-        this.param = Object.assign(param, {
-          _dataId: wfDataId,
-        });
-        let url = this.option.url + ".vue";
-        let res = loadViewComponent(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>

package/src/views/user/wf/wf_obj_config/importItemDialog.vue

@@ -20,7 +20,7 @@
           </div>
         </el-upload>
         <div class="upload-finish" v-if="fileRaw">
-          <img :src="require('@/resources' + '/images/ico-txt.svg')" class="ico"/>
+          <img :src="$assetUrl(require('@/resources' + '/images/ico-txt.svg'))" class="ico"/>
           <p class="name">{{ fileRaw.name }}</p>
           <!-- <p>2022-1-17</p> -->
           <el-tooltip :enterable="false" class="item" effect="dark"

package/src/components/xform/form-designer/form-widget/field-widget/dropdown-menu-widget.vue

@@ -1,106 +0,0 @@
-<template>
-  <static-content-wrapper :designer="designer" :field="field" :design-state="designState"
-                          :display-style="field.options.displayStyle"
-                          :parent-widget="parentWidget" :parent-list="parentList"
-                          :index-of-parent-list="indexOfParentList"
-                          :sub-form-row-index="subFormRowIndex" :sub-form-col-index="subFormColIndex"
-                          :sub-form-row-id="subFormRowId">
-    <el-dropdown trigger="hover">
-
-      <el-button type="primary" class="button-sty" size="mini">
-        <span>{{ getI18nLabel(field.options.label) }}</span><span class="line"></span> <i
-        class="el-icon-arrow-down el-icon--right"></i>
-      </el-button>
-      <el-dropdown-menu slot="dropdown">
-        <template v-for="(subWidget,index) in field.widgetList">
-          <el-dropdown-item v-if="!subWidget.options.hidden" :key="index" :icon="subWidget.options.icon"
-                            @click.native="handleSubButtonWidgetClick(index)">
-<!--            {{ getI18nLabel(subWidget.options.label) }}-->
-            <dropdownItemWidget :field="subWidget" :parent-list="field.widgetList"
-                                :index-of-parent-list="index" :parent-widget="field" :tableParam="tableParam"
-                                :formItemProp="formItemProp" :ref="'item'+index">
-            </dropdownItemWidget>
-          </el-dropdown-item>
-
-        </template>
-      </el-dropdown-menu>
-    </el-dropdown>
-  </static-content-wrapper>
-</template>
-
-<script>
-import StaticContentWrapper from './static-content-wrapper'
-import emitter from '../../../../../components/xform/utils/emitter'
-import i18n from "../../../../../components/xform/utils/i18n";
-import fieldMixin from "../../../../../components/xform/form-designer/form-widget/field-widget/fieldMixin";
-import dropdownItemWidget from '../../../../../components/xform/form-designer/form-widget/field-widget/dropdown-item-widget.vue';
-
-export default {
-  name: "dropdown-menu-widget",
-  componentName: 'FieldWidget',  //必须固定为FieldWidget，用于接收父级组件的broadcast事件
-  mixins: [emitter, fieldMixin, i18n],
-  props: {
-    field: Object,
-    parentWidget: Object,
-    parentList: Array,
-    indexOfParentList: Number,
-    designer: Object,
-
-    designState: {
-      type: Boolean,
-      default: false
-    },
-
-    subFormRowIndex: { /* 子表单组件行索引，从0开始计数 */
-      type: Number,
-      default: -1
-    },
-    subFormColIndex: { /* 子表单组件列索引，从0开始计数 */
-      type: Number,
-      default: -1
-    },
-    subFormRowId: { /* 子表单组件行Id，唯一id且不可变 */
-      type: String,
-      default: ''
-    },
-
-  },
-  components: {
-    StaticContentWrapper,
-    dropdownItemWidget
-  },
-  computed: {},
-  beforeCreate() {
-    /* 这里不能访问方法和属性！！ */
-  },
-
-  created() {
-    /* 注意：子组件mounted在父组件created之后、父组件mounted之前触发，故子组件mounted需要用到的prop
-       需要在父组件created中初始化！！ */
-    this.registerToRefList()
-    this.initEventHandler()
-
-    this.handleOnCreated()
-  },
-
-  mounted() {
-    this.handleOnMounted()
-  },
-
-  beforeDestroy() {
-    this.unregisterFromRefList()
-  },
-
-  methods: {
-    handleSubButtonWidgetClick(index) {
-      this.$refs["item"+index].handleButtonWidgetClick()
-    }
-  }
-
-}
-</script>
-
-<style lang="scss" scoped>
-@import "~@/styles/global.scss"; //* static-content-wrapper已引入，还需要重复引入吗？ *//
-
-</style>

package/src/components/xform/form-designer/form-widget/field-widget/tableexportbuttonwidget.vue

@@ -1,99 +0,0 @@
-<template>
-  <static-content-wrapper
-    :designer="designer" :field="field" :design-state="designState"
-    :display-style="field.options.displayStyle"
-    :parent-widget="parentWidget" :parent-list="parentList"
-    :index-of-parent-list="indexOfParentList">
-    <el-dropdown trigger="hover">
-      <el-button type="primary" class="button-sty" size="mini">
-        <span>{{ getI18nLabel('列表导出') }}</span><span class="line"></span> <i
-        class="el-icon-arrow-down el-icon--right"></i>
-      </el-button>
-      <el-dropdown-menu slot="dropdown">
-        <el-dropdown-item icon="el-icon-upload2"
-                          @click.native="toDo()">
-          {{ getI18nLabel('条件导出') }}
-        </el-dropdown-item>
-        <el-dropdown-item icon="el-icon-upload2"
-                          @click.native="toDo('selected')">
-          {{ getI18nLabel('选择导出') }}
-        </el-dropdown-item>
-      </el-dropdown-menu>
-    </el-dropdown>
-  </static-content-wrapper>
-
-</template>
-<script>
-import emitter from '../../../../../components/xform/utils/emitter'
-import i18n from "../../../../../components/xform/utils/i18n";
-import fieldMixin from "../../../../../components/xform/form-designer/form-widget/field-widget/fieldMixin";
-import StaticContentWrapper
-  from "../../../../../components/xform/form-designer/form-widget/field-widget/static-content-wrapper.vue";
-
-export default {
-  name: 'TableExportButtonWidget',
-  components: {StaticContentWrapper},
-  componentName: 'FieldWidget',  //必须固定为FieldWidget，用于接收父级组件的broadcast事件
-  mixins: [emitter, fieldMixin, i18n],
-  props: {
-    field: Object,
-    parentWidget: Object,
-    parentList: Array,
-    indexOfParentList: Number,
-    designer: Object,
-    designState: {
-      type: Boolean,
-      default: false
-    }
-  },
-  data() {
-    return {}
-  },
-  beforeCreate() {
-    /* 这里不能访问方法和属性！！ */
-  },
-
-  created() {
-    /* 注意：子组件mounted在父组件created之后、父组件mounted之前触发，故子组件mounted需要用到的prop
-       需要在父组件created中初始化！！ */
-    this.registerToRefList()
-    this.initEventHandler()
-
-    this.handleOnCreated()
-  },
-
-  mounted() {
-    this.handleOnMounted()
-  },
-
-  beforeDestroy() {
-    this.unregisterFromRefList()
-  },
-
-  methods: {
-    toDo(type = null) {
-      if (this.designState) {
-        return
-      }
-      let opt = {
-        title: this.field.options.exportFileName || null,
-        targetRef: this.field.options.tableRef || null,
-        pageSize: (this.field.options.exportPageSize || null),
-        showImageAtTable: this.field.options.showImageAtTable || null
-      };
-      let tableExportParam = this.handleCustomEvent(this.field.options.tableExportParam);
-      let options = {...opt, ...tableExportParam, type: type};
-      let tableRef = options?.targetRef;
-      delete options.targetRef
-      let tableWidget = this.getWidgetRef(tableRef);
-      tableWidget.exportData(options)
-    }
-  }
-
-}
-</script>
-
-<style lang="scss" scoped>
-@import "~@/styles/global.scss"; //* static-content-wrapper已引入，还需要重复引入吗？ *//
-
-</style>