eoss-ui 0.3.97

package/packages/flow-group/src/main.vue

@@ -0,0 +1,540 @@
+<template>
+  <div class="es-flow-group" :class="{ 'is-hide-flow': !isShow }">
+    <el-tabs
+      class="es-flow-tabs es-tabs"
+      type="border-card"
+      v-model="activeName"
+      ref="tabs"
+      :before-leave="handleBefore"
+    >
+      <template v-for="(items, indexs) in tabs">
+        <el-tab-pane
+          v-if="handleHide(items.hide)"
+          :key="indexs"
+          :immediate="items.label == '流程图' ? false : items.immediate"
+          :label="items.label"
+          :name="String(indexs)"
+          :class="{ 'es-flex-vertical': items.average }"
+        >
+          <span slot="label" v-if="items.title">
+            <template v-if="typeof items.title === 'object'">
+              <i v-if="items.title.icon" :class="items.title.icon"></i>
+              <el-badge
+                v-if="
+                  Object.prototype.hasOwnProperty.call(items.title, 'count')
+                "
+                type="primary"
+                :value="items.title.count"
+                :max="99"
+              >
+              </el-badge>
+              {{ items.title.text }}
+            </template>
+            <template v-else>{{ items.title }}</template>
+          </span>
+          <template v-if="items.contents">
+            <template v-if="Array.isArray(items.contents)">
+              <template v-for="(item, index) in items.contents">
+                <div class="es-tab-pane-list" :key="index" v-if="items.average">
+                  <div class="es-tab-pane-main">
+                    <es-data-table
+                      v-if="
+                        item.type === 'data-table' ||
+                          item.type === 'dataTable' ||
+                          item.type === 'flow-list' ||
+                          item.type === 'flowList'
+                      "
+                      :appId="taskExamineAppId"
+                      v-bind="
+                        handleExclAttribute({
+                          data: item,
+                          attrs: ['events', 'visible', 'type']
+                        })
+                      "
+                      :class="{
+                        'es-flow-group-data-table':
+                          item.type === 'data-table' ||
+                          item.type === 'dataTable',
+                        'es-flow-list':
+                          item.type === 'flow-list' || item.type === 'flowList'
+                      }"
+                      :display="activeName === String(indexs)"
+                      v-on="item.events"
+                    >
+                      <template v-if="item.dialog" slot="dialog">
+                        <template v-if="Array.isArray(item.dialog)">
+                          <es-dialog
+                            v-for="(ele, ids) in item.dialog"
+                            :isReload="true"
+                            v-bind="ele"
+                            :key="ids"
+                            :visible.sync="ele.visible"
+                            v-on="{ ...ele.events }"
+                          >
+                          </es-dialog>
+                        </template>
+                        <es-dialog
+                          v-else
+                          :isReload="true"
+                          v-bind="item.dialog"
+                          :visible.sync="item.dialog.visible"
+                          v-on="{ ...item.dialog.events }"
+                        >
+                        </es-dialog>
+                      </template>
+                    </es-data-table>
+                    <es-tree-group
+                      v-if="
+                        item.type === 'tree-group' || item.type === 'treeGroup'
+                      "
+                      :appId="taskExamineAppId"
+                      v-bind="
+                        handleExclAttribute({
+                          data: item,
+                          attrs: ['events', 'visible', 'type']
+                        })
+                      "
+                      :display="activeName === String(indexs)"
+                      v-on="{ ...item.events }"
+                    ></es-tree-group>
+                    <iframe
+                      v-if="item.type === 'iframe' && !item.blank"
+                      :id="item.id || item.name"
+                      :name="item.name"
+                      frameborder="0"
+                      width="100%"
+                      height="100%"
+                      :src="handleUrlJoinParams(item)"
+                    ></iframe>
+                    <es-upload
+                      v-if="item.type === 'attachment'"
+                      :file-count.sync="items.title.count"
+                      height="auto"
+                      class="es-attachment"
+                      :ownId="businessId"
+                      v-bind="
+                        handleExclAttribute({
+                          data: item,
+                          attrs: ['events', 'type']
+                        })
+                      "
+                      :display="activeName === String(indexs)"
+                      v-on="{ ...item.events }"
+                    ></es-upload>
+                  </div>
+                </div>
+                <template v-else>
+                  <es-form
+                    v-if="item.type === 'form'"
+                    ref="esFlowForm"
+                    v-bind="
+                      handleExclAttribute({
+                        data: item,
+                        attrs: ['events', 'visible', 'type', 'model', 'ref']
+                      })
+                    "
+                    full
+                    :key="index"
+                    :autoId="true"
+                    :show-button="false"
+                    :closeDialog="false"
+                    :display="activeName === String(indexs)"
+                    :model="item.model"
+                    :businessId.sync="businessId"
+                    v-on="{ ...item.events }"
+                  ></es-form>
+                  <es-data-table
+                    v-if="
+                      item.type === 'data-table' ||
+                        item.type === 'dataTable' ||
+                        item.type === 'flow-list' ||
+                        item.type === 'flowList'
+                    "
+                    :appId="taskExamineAppId"
+                    v-bind="
+                      handleExclAttribute({
+                        data: item,
+                        attrs: ['events', 'visible', 'type']
+                      })
+                    "
+                    :key="index"
+                    :class="{
+                      'es-flow-group-data-table':
+                        item.type === 'data-table' || item.type === 'dataTable',
+                      'es-flow-list':
+                        item.type === 'flow-list' || item.type === 'flowList'
+                    }"
+                    :display="activeName === String(indexs)"
+                    v-on="item.events"
+                  >
+                    <template v-if="item.dialog" slot="dialog">
+                      <template v-if="Array.isArray(item.dialog)">
+                        <es-dialog
+                          v-for="(ele, ids) in item.dialog"
+                          :isReload="true"
+                          v-bind="ele"
+                          :key="ids"
+                          :visible.sync="ele.visible"
+                          v-on="{ ...ele.events }"
+                        >
+                        </es-dialog>
+                      </template>
+                      <es-dialog
+                        v-else
+                        :isReload="true"
+                        v-bind="item.dialog"
+                        :visible.sync="item.dialog.visible"
+                        v-on="{ ...item.dialog.events }"
+                      >
+                      </es-dialog>
+                    </template>
+                  </es-data-table>
+                  <es-tree-group
+                    v-if="
+                      item.type === 'tree-group' || item.type === 'treeGroup'
+                    "
+                    :appId="taskExamineAppId"
+                    v-bind="
+                      handleExclAttribute({
+                        data: item,
+                        attrs: ['events', 'visible', 'type']
+                      })
+                    "
+                    :key="index"
+                    :display="activeName === String(indexs)"
+                    v-on="{ ...item.events }"
+                  ></es-tree-group>
+                  <iframe
+                    v-if="item.type === 'iframe' && !item.blank"
+                    frameborder="0"
+                    width="100%"
+                    height="100%"
+                    :key="index"
+                    :id="item.id || item.name"
+                    :name="item.name"
+                    :src="handleUrlJoinParams(item)"
+                  ></iframe>
+                  <es-upload
+                    v-if="item.type === 'attachment'"
+                    height="auto"
+                    class="es-attachment"
+                    :ownId="businessId"
+                    v-bind="
+                      handleExclAttribute({
+                        data: item,
+                        attrs: ['events', 'type']
+                      })
+                    "
+                    :key="index"
+                    :file-count.sync="items.title.count"
+                    :display="activeName === String(indexs)"
+                    v-on="{ ...item.events }"
+                  ></es-upload>
+                  <es-dialog
+                    v-if="
+                      item.type === 'dialog' && activeName === String(indexs)
+                    "
+                    :isReload="true"
+                    v-bind="item"
+                    :key="index"
+                    :visible.sync="item.visible"
+                    v-on="{ ...item.events }"
+                  >
+                  </es-dialog>
+                </template>
+              </template>
+            </template>
+            <template v-else>
+              <es-form
+                v-if="items.contents.type === 'form'"
+                :show-button="false"
+                ref="esFlowForm"
+                v-bind="
+                  handleExclAttribute({
+                    data: items.contents,
+                    attrs: ['events', 'visible', 'type', 'model', 'ref']
+                  })
+                "
+                full
+                :autoId="true"
+                :businessId.sync="businessId"
+                :closeDialog="false"
+                :display="activeName === String(indexs)"
+                :model="items.contents.model"
+                v-on="{ ...items.contents.events }"
+              ></es-form>
+              <es-data-table
+                v-if="
+                  items.contents.type === 'data-table' ||
+                    items.contents.type === 'dataTable' ||
+                    items.contents.type === 'flow-list' ||
+                    items.contents.type === 'flowList'
+                "
+                :appId="taskExamineAppId"
+                v-bind="
+                  handleExclAttribute({
+                    data: items.contents,
+                    attrs: ['events', 'visible', 'type']
+                  })
+                "
+                :class="{
+                  'es-flow-group-data-table':
+                    items.contents.type === 'data-table' ||
+                    items.contents.type === 'dataTable',
+                  'es-flow-list':
+                    items.contents.type === 'flow-list' ||
+                    items.contents.type === 'flowList'
+                }"
+                :display="activeName === String(indexs)"
+                v-on="items.contents.events"
+              >
+                <template v-if="items.contents.dialog" slot="dialog">
+                  <template v-if="Array.isArray(items.contents.dialog)">
+                    <es-dialog
+                      v-for="(ele, ids) in items.contents.dialog"
+                      :isReload="true"
+                      v-bind="ele"
+                      :key="ids"
+                      :visible.sync="ele.visible"
+                      v-on="{ ...ele.events }"
+                    >
+                    </es-dialog>
+                  </template>
+                  <es-dialog
+                    v-else
+                    :isReload="true"
+                    v-bind="items.contents.dialog"
+                    :visible.sync="items.contents.dialog.visible"
+                    v-on="{ ...items.contents.dialog.events }"
+                  >
+                  </es-dialog>
+                </template>
+              </es-data-table>
+              <es-tree-group
+                v-if="
+                  items.contents.type === 'tree-group' ||
+                    items.contents.type === 'treeGroup'
+                "
+                :appId="taskExamineAppId"
+                v-bind="
+                  handleExclAttribute({
+                    data: items.contents,
+                    attrs: ['events', 'visible', 'type']
+                  })
+                "
+                :display="activeName === String(indexs)"
+                v-on="{ ...items.contents.events }"
+              ></es-tree-group>
+              <iframe
+                v-if="items.contents.type === 'iframe' && !items.contents.blank"
+                :id="items.contents.id || items.contents.name"
+                :name="items.contents.name"
+                frameborder="0"
+                width="100%"
+                height="100%"
+                :src="handleUrlJoinParams(items.contents)"
+              ></iframe>
+              <es-upload
+                v-if="items.contents.type === 'attachment'"
+                :ownId="businessId"
+                v-bind="
+                  handleExclAttribute({
+                    data: items.contents,
+                    attrs: ['events', 'type']
+                  })
+                "
+                :file-count.sync="items.title.count"
+                :display="activeName === String(indexs)"
+                height="auto"
+                class="es-attachment"
+                v-on="{ ...items.contents.events }"
+              ></es-upload>
+            </template>
+          </template>
+        </el-tab-pane>
+      </template>
+    </el-tabs>
+    <es-flow
+      v-if="isShow"
+      class="es-group-flow"
+      v-bind="flow"
+      :before-submit="handleSubmit"
+      :businessId="businessId"
+      @startTaskRead="handleTaskRead"
+      @success="handleSuccess"
+      @save="handleSave"
+    ></es-flow>
+  </div>
+</template>
+<script>
+import util from 'eoss-ui/src/utils/util';
+export default {
+  name: 'EsFlowGroup',
+  inject: {
+    esDialog: {
+      default: ''
+    },
+    injector: {
+      default: ''
+    }
+  },
+  props: {
+    // autoId: {
+    //   type: Boolean,
+    //   default: true
+    // },
+    active: {
+      type: String,
+      default: '0'
+    },
+    contents: Array,
+    closeDialog: {
+      type: Boolean,
+      default: true
+    },
+    flow: Object,
+    events: Object,
+    recordid: String,
+    pendingId: String,
+    arcurl: String,
+    itemname: String,
+    show: {
+      type: Boolean,
+      default: true
+    },
+    appId: String
+  },
+  data() {
+    return {
+      activeName: this.active,
+      businessId: undefined,
+      taskExamineAppId: this.appId
+    };
+  },
+  computed: {
+    tabs() {
+      return this.contents ? this.contents : [];
+    },
+    isShow() {
+      if (
+        this.flow &&
+        Object.prototype.hasOwnProperty.call(this.flow, 'show')
+      ) {
+        return this.flow.show;
+      }
+      let flow = util.getParams({ name: 'flow' });
+      if (flow == 0) {
+        return false;
+      }
+      return this.show;
+    }
+  },
+  watch: {
+    activeName(val) {
+      this.$emit('update:active', val);
+    },
+    businessId(val) {
+      this.handleChangeData({ businessId: val });
+    }
+  },
+  mounted() {
+    if (this.flow.businessId) {
+      this.businessId = this.flow.businessId;
+    }
+  },
+  methods: {
+    handleHide(res) {
+      return typeof res === 'boolean'
+        ? !res
+        : typeof res === 'string'
+        ? this[res]
+        : true;
+    },
+    handleExclAttribute({ data, attrs }) {
+      return util.exclAttribute({
+        data: data,
+        attrs: attrs
+      });
+    },
+    handleUrlJoinParams(res) {
+      let url = res.url;
+      let param = util.extend(
+        {},
+        { id: this.businessId, appId: this.taskExamineAppId },
+        res.param || {}
+      );
+      return util.urlJoinParams({ url, param });
+    },
+    handleBefore(active, old) {
+      return new Promise((resolve, reject) => {
+        let n = parseInt(active, 10);
+        let item = this.tabs[n];
+        let url = null;
+        let name = item.name;
+        let width = util.win.top.screen.availWidth - 10;
+        let height = util.win.top.screen.availHeight - 60;
+        if (item.url) {
+          url = this.handleUrlJoinParams(item);
+        }
+        if (
+          item.contents &&
+          item.contents.type === 'iframe' &&
+          item.contents.blank
+        ) {
+          item.contents.name && (name = item.contents.name);
+          url = this.handleUrlJoinParams(item.contents);
+        }
+        if (url) {
+          reject();
+          util.win.top.open(
+            url,
+            name,
+            `width=${width}px,height=${height}px,resizable=yes,status=yes,menubar=no,scrollbars=yes`
+          );
+        } else {
+          resolve();
+        }
+      });
+    },
+    handleSubmit() {
+      let esFlowForm = this.$refs.esFlowForm;
+      if (Array.isArray(esFlowForm)) {
+        esFlowForm = esFlowForm[0];
+      }
+      return esFlowForm.submitData(undefined, false);
+    },
+    handleTaskRead(res) {
+      if (res.data.taskExamine && res.data.taskExamine.appId) {
+        this.taskExamineAppId = res.data.taskExamine.appId;
+        this.injector &&
+          this.injector.handleChangeData({ appId: this.taskExamineAppId });
+      }
+    },
+    handleSuccess() {
+      if (this.closeDialog && this.esDialog) {
+        this.esDialog.handleClose();
+      }
+      if (util.win.top.opener) {
+        util.win.top.close();
+      }
+      if (this.events && this.events.success) {
+        this.events.success();
+      }
+      this.$emit('success');
+    },
+    handleSave(id, event) {
+      if (this.closeDialog && this.esDialog) {
+        this.esDialog.handleClose();
+      }
+      this.events && this.events.save(id, event);
+      this.$emit('save', id, event);
+    },
+    handleChangeId(id) {
+      this.businessId = id;
+    },
+    handleChangeData(res) {
+      this.$emit('changeData', res);
+    }
+  }
+};
+</script>

package/packages/flow-list/index.js

@@ -0,0 +1,5 @@
+import EsFlowList from './src/main';
+
+EsFlowList.install = Vue => Vue.component(EsFlowList.name, EsFlowList);
+
+export default EsFlowList;