eoss 0.1.0-alpha.21 → 0.1.0-alpha.22

package/packages/flows/src/components/start-flow.vue

@@ -0,0 +1,210 @@
+<!-- 开始流程 -->
+<template>
+  <div class="es-flows__start-flow">
+    <!-- 单流程 -->
+    <template v-if="single">
+      <es-form-item
+        prop="nextNode"
+        label="下步操作"
+        label-position="top"
+        :rules="rules.nextNode"
+      >
+        <es-radio-group
+          v-model="models.nextNode"
+          :data="nextNodeList"
+          label-key="name"
+          value-key="id"
+          placeholder="请选择下步操作"
+          :append="append"
+        ></es-radio-group>
+      </es-form-item>
+      <es-form-item
+        prop="nextNodeId"
+        label="下步节点"
+        label-position="top"
+        :rules="rules.nextNodeId"
+      >
+        <es-radio-group
+          v-model="models.nextNodeId"
+          :data="nextNodes"
+          label-key="name"
+          value-key="id"
+          placeholder="请选择下步节点"
+          :append="append"
+        ></es-radio-group>
+      </es-form-item>
+      <es-form-item
+        prop="nextUserId"
+        label="下步办理人"
+        label-position="top"
+        last
+        :rules="rules.nextUserId"
+      >
+        <es-radio-group
+          v-model="models.personnel"
+          :data="personnels"
+          label-key="name"
+          value-key="id"
+          placeholder="请选择下步办理人"
+          :append="append"
+          types=""
+        ></es-radio-group>
+      </es-form-item>
+      <es-selector title="下步办理人" :multiple="false" :types="types"></es-selector>
+    </template>
+    <es-form-item
+      v-else
+      class="es-flows__start-flow--select"
+      prop="nextNode"
+      label="选择流程"
+      label-position="top"
+      :rules="rule"
+    >
+      <es-select
+        v-model="models.nextNode"
+        label-key="name"
+        value-key="processDefId"
+        placeholder="请选择流程"
+        :data="flowList"
+        :append="append"
+      ></es-select>
+    </es-form-item>
+    <es-dialog
+      title="流程图查看"
+      size="max"
+      :visible.sync="visible"
+    >
+    <iframe
+      :src="src"
+      frameborder="0"
+      width="100%"
+      height="100%"
+    ></iframe>
+    </es-dialog>
+  </div>
+</template>
+
+<script>
+import Message from 'eoss/packages/message';
+export default {
+  name: 'StartFlow',
+
+  components: {},
+
+  props: {
+    // 表单数据支持同步更新
+    model: {
+      type: [Object, Array],
+      default() {
+        return {};
+      }
+    },
+    /**
+     * 流程列表
+     */
+    flowList: { type: Array, default: () => [] }
+  },
+
+  data() {
+    return {
+      rules: {
+        nextNode: [{ required: true, message: `请选择下步操作`, trigger: 'blur' }],
+        nextNodeId: [{ required: true, message: `请选择下步节点`, trigger: 'blur' }],
+        nextUserId: [{ required: true, message: `请选择下步办理人`, trigger: 'blur' }]
+      },
+      rule:[{ required: true, message: `请选择流程`, trigger: 'blur' }],
+      //下步操作列表
+      nextNodeList: [
+        {
+          id: '1',
+          name: '自定义'
+        }
+      ],
+      //下步节点列表
+      nextNodes: [
+        {
+          id: '1',
+          name: '拟办'
+        },
+        {
+          id: '2',
+          name: '批示'
+        },
+        {
+          id: '3',
+          name: '中转'
+        },
+        {
+          id: '4',
+          name: '办结'
+        },
+        {
+          id: '5',
+          name: '承办'
+        }
+      ],
+      //下步办理人列表
+      personnels: [
+        {
+          id: '1',
+          name: '张三'
+        },
+        {
+          id: '2',
+          name: '李四'
+        },
+        {
+          id: '3',
+          name: '王五'
+        },
+        {
+          id: '4',
+          name: '赵六'
+        }
+      ],
+      types: ['person'],
+      //查看流程的按钮
+      append: {
+        icon: 'es-icon-shu-jituan',
+        event: () => {
+          if (!this.models.nextNode) {
+            Message.error('请选择流程');
+            return;
+          }
+          this.src = '/dev-api/archives/task/taskHandle/toFlowChartView.dhtml?isStartFlowChartView=true&processDefinitionId=' + 'dwfw:27:6470013';
+          this.visible = true;
+        }
+      },
+      //流程图查看弹窗的src
+      src: '',
+      //流程图查看弹窗是否显示
+      visible: false
+    };
+  },
+
+  computed: {
+    //是否为单流程
+    single() {
+      return true;
+    },
+    //表单数据
+    models: {
+      get() {
+        return this.model || this.value;
+      },
+      set(val) {
+        this.$emit('input', val);
+        this.$emit('update:model', val);
+      }
+    }
+  },
+
+  watch: {},
+
+  created() {},
+
+  mounted() {},
+
+  methods: {}
+};
+</script>

package/packages/flows/src/flow.vue

@@ -0,0 +1,510 @@
+<template>
+  <div class="es-flows" :class="{ 'is-hide': !show }" :style="styles">
+    <!-- 标题区域 -->
+    <div class="es-flows__title">
+      <template v-show="show">
+        <span>当前节点：</span>
+        <span class="es-flows__title--node-name">
+          {{ isStartFlow ? nodeName || '拟稿' : nodeNameValue }}
+        </span>
+      </template>
+      <i
+        class="es-flows__title--shrink"
+        :class="show ? 'es-icon-zhankai' : 'es-icon-shouqi'"
+        @click="handleShrink"
+      ></i>
+    </div>
+    <!-- 标题区域 end -->
+    <es-form :model="formData" :rules="formRules" v-show="show">
+      <!-- 意见区域 -->
+      <opinions
+        v-if="showOpinion"
+        v-model="formData.opinion"
+        ref="commonOpinions"
+        :show-file="!isStartFlow && newTypeCode != 'fenyue'"
+        :ownId="pendingId"
+        :code="attachedCode"
+        :rows="rows"
+        :placeholder="pendingItemHandleDescription"
+        :pendingItemHandleDescription="pendingItemHandleDescription"
+        :required="isOpinionRequired == 1"
+        :isBanInputOpinion="isBanInputOpinion"
+        :nodeFixedOpinionSelectList="nodeFixedOpinionSelectList"
+      />
+      <!-- 意见区域 end -->
+      <!-- 开始流程 -->
+      <start-flow v-if="isStartFlow" />
+      <!-- 开始流程 end -->
+       <!-- 快捷操作 -->
+      <quick-actions :types="typeList" :type.sync="typeActive"></quick-actions>
+       <!-- 快捷操作 end -->
+    </es-form>
+  </div>
+</template>
+
+<script>
+import Opinions from './components/opinions.vue';
+import StartFlow from './components/start-flow.vue';
+import QuickActions from './components/quick-actions.vue';
+import Message from './components/message.vue';
+import {
+//   findSysCodes,
+//   getHandleInfoHtml,
+getNodeInfo,
+//   tempSave,
+//   getProcessDefList,
+//   pendedhistoryList,
+//   endFlowHtml,
+//   taskReadHtml,
+//   findCodeValues,
+//   toStartTaskReadIndex,
+//   loginUserInfo,
+//   getAdjunctFileInfos,
+//   rejectAndEnd,
+//   getFreeStartFlowParams,
+//   isCanStartSubFlow,
+//   checkForeignOrgStartedCircularRead,
+//   checkBusinessIdStartedReadTransferHandle,
+//   taskHandleHtml,
+//   getNodeInfoForStart,
+//   getUrgencyLevelChangedNotificationType
+} from 'eoss/src/config/api';
+import { ajax } from 'eoss/src/utils/ajax';
+import { getStorage } from 'eoss/src/utils/storage';
+export default {
+  name: 'EsFlows',
+  componentName: 'EsFlows',
+  components: {
+    Opinions,
+    StartFlow,
+    QuickActions,
+    Message
+  },
+  props: {
+    /**
+     * 是否发起流程
+     */
+    isStartFlow: { type: Boolean, default: false },
+    /**
+     * 业务ID
+     */
+    businessId: { type: String, default: '' },
+    /**
+     * 待办ID
+     */
+    pendingId: { type: String, default: '' },
+    /**
+     * 节点名称
+     */
+    nodeName: { type: String, default: '' },
+    /**
+     * 流程类型
+     */
+    typeCode: { type: String, default: '' },
+    /**
+     * 选择器配置
+     */
+    selectorConfig: { type: [Object, undefined], default: undefined },
+    /**
+     * 发起流程类型编码
+     */
+    flowTypeCode: { type: String, default: '' },
+    /**
+     * 默认选择流程编码
+     */
+    defaultProcessKey: { type: String, default: '' },
+    /**
+     * 是否隐藏流程按钮
+     */
+    hideBtn: { type: Boolean, default: false },
+    /**
+     * 是否传阅流程
+     */
+    isCirculate: { type: Boolean, default: false },
+    /**
+     * 表单标题位置
+     */
+    formLabelPosition: {
+      type: String,
+      default: 'right'
+    },
+    /**
+     * 是否可选中流程列表
+     */
+    flowListDisabled: {
+      type: Boolean,
+      default: false
+    },
+    /**
+     * 流程按钮
+     */
+    btnList: {
+      type: Array,
+      default: () => [
+        { text: '暂存', event: 'save' },
+        { text: '提交', event: 'sub', type: 'primary' }
+      ]
+    },
+    /**
+     * 流程提交前回调函数
+     */
+    subFun: {
+      type: Function,
+      default: (callBack) => {
+        callBack();
+      }
+    },
+    /**
+     * 紧急程度
+     */
+    urgencyLevel: {
+      type: [String, Number],
+      default: ''
+    },
+    /**
+     * 流程提交前回调函数，返回Promise
+     */
+    beforeSubmit: Function,
+    /**
+     * 流程标题
+     */
+    title: { type: String, default: '流程办理' },
+    /**
+     * 表单标题
+     */
+    formTitle: { type: String, default: '' },
+    /**
+     * 是否关闭父级弹窗
+     */
+    closeParent: Boolean,
+    /**
+     * 流程提交额外参数
+     */
+    param: {
+      type: Object,
+      default: () => {}
+    },
+    /**
+     * 流程提交额外参数
+     */
+    subParams: {
+      type: Object,
+      default: () => {}
+    },
+    /**
+     * 人员选择器参数
+     */
+    selectorParams: {
+      type: Object,
+      default: () => {
+        return {};
+      }
+    },
+    /**
+     * 表单标题宽度
+     */
+    width: {
+      type: String
+    },
+    /**
+     * 重设流程的appId
+     */
+    resetAppId: { type: String },
+    userSelectRange: {
+      type: String
+    },
+    /**
+     * 意见输入框行数
+     */
+    rows: {
+      type: [String, Number],
+      default: 10
+    },
+    /**
+     * 是否展示外单位
+     */
+    showOther: {
+      type: Boolean,
+      default: true
+    },
+    /**
+     * 是否展示办结意见
+     */
+    isEndMessage: { type: Boolean, default: false }
+  },
+
+  computed: {
+    formData: {
+      get() {
+        return this.isStartFlow ? this.nodeInfo : this.nextNode;
+      },
+      set(val) {
+        if (this.isStartFlow) {
+          this.nodeInfo = { ...this.nodeInfo, ...val };
+        } else {
+          this.nextNode = { ...this.nextNode, ...val };
+        }
+      }
+    },
+  },
+  watch: {
+  },
+  data() {
+    return {
+      // 是否展示流程组件
+      show: true,
+      // 表单校验规则
+      formRules: {
+        // 意见校验规则
+        opinion: { required: true, message: '请输入意见', trigger: 'change' }
+      },
+      // 流程样式
+      styles: {},
+      // 当前节点值
+      nodeNameValue: '',
+      // 快捷操作列表
+      typeList: [
+        {
+          name: '默认',
+          value:'default'
+        }
+      ],
+      // 快捷操作选择值
+      typeActive: 'default',
+      // 表单数据
+      nextNode: {
+        opinion: '', // 办理意见
+        nextNodeId: '', // 下步节点
+        addSignMode: 'postAddSign',
+        isAddSign: '', // 是否加签
+        isRemoveSign: '', // 是否减签
+        customLimitTime: '', //限时天数
+        customLimitTimeText: '', //限时天数
+        nextOperate: '', // 下步操作
+        notificationMsg: '', // 通知信息
+        addSignUserId: [], // 加签办理人
+        removeSignUserId: [], // 减签办理人
+        nextUserId: [], // 下步办理人
+        nextOrgId: [], //办理对象
+        nextCurrentOrgObj: [],
+        nextCurrentOrgObjSerialId: [], //本单位用户
+        nextOtherOrgObj: [], //外单位
+        nextReadUserId: [], //分阅用户
+        presetReadUserId: [], //自动分阅
+        handleExplain: '', //办理意见
+        nextItemHandleDescription: '', //下步说明
+        notificationType: [], // 通知方式
+        isLimitedTime: '2', // 是否限时办理
+        mainSubId: ''
+      },
+      // 节点信息
+      nodeInfo: {
+        nextNode: '',
+        nextUser: '',
+        option: []
+      },
+      // 是否展示意见
+      showOpinion: true,
+    };
+  },
+  created() {
+  },
+  mounted() {
+  },
+  methods: {
+    /**
+     * 处理流程组件展示隐藏
+     * @desc: 处理流程组件展示隐藏
+     * @return: void
+     */
+    handleShrink() {
+      this.show = !this.show;
+      this.styles = !this.show
+        ? { width: 0 }
+        : { width: this.width ? parseInt(this.width, 10) + 'px' : '' };
+      this.$emit('shrink', this.show);
+    },
+    /**
+     * getUserInfo
+     * @desc:获取用户信息
+     * @author liufan
+     * @date 2022年5月25日
+     **/
+    getUserInfo() {
+      const userInfo = getStorage('userInfo');
+      let mainConfig = getStorage('mainConfig');
+      if (userInfo) {
+        this.userModel = JSON.parse(userInfo);
+      }else if(mainConfig){
+        this.userModel = JSON.parse(mainConfig).userModel;
+      } else {
+        ajax({ url: loginUserInfo })
+          .then((res) => {
+            const { status, data } = res;
+            if (status == 'success') {
+              this.userModel = data;
+            } else {
+              let msg = res.msg || '系统错误，请联系管理员！';
+              error(msg);
+            }
+          })
+          .catch((err) => {});
+      }
+    },
+    /**
+     * getNodeInfo
+     * @desc:获取节点信息
+     * @author liufan
+     * @date 2022年5月25日
+     **/
+    getNodeInfo() {
+      let params = {
+        processDefinitionId: this.nodeInfo.nextNode,
+        nextNodeId: this.nextNode.nextNodeId,
+        taskId: this.taskId,
+        userId: this.userModel.userId,
+        pendingId: this.pendingId,
+        businessId: this.businessIds
+      };
+      ajax({ url: getNodeInfo, params })
+        .then((res) => {
+          const { status, message, data } = res;
+          this.loading && this.loading.close();
+          if (status === 'success') {
+            this.currentNodeEnableItemHandleDescription =
+              data.nodeExtAttr.currentNodeEnableItemHandleDescription == 1;
+            this.enableCustomLimitTimeSetting =
+              data.nodeExtAttr.enableCustomLimitTimeSetting == 1;
+            if (
+              this.enableCustomLimitTimeSetting &&
+              data.nodeMoreInfo.defaultCustomLimitDays
+            ) {
+              this.nextNode.customLimitTime =
+                this.nextNode.customLimitTimeText =
+                  data.nodeMoreInfo.defaultCustomLimitDays + '';
+            }
+            data.otherOrgDisabledObjId &&
+              (this.otherOrgDisabledObjId =
+                data.otherOrgDisabledObjId.split(','));
+            data.currentOrgDisabledObjId &&
+              (this.currentOrgDisabledObjId =
+                data.currentOrgDisabledObjId.split(','));
+            if (data != null) {
+              if (
+                data.nodeExtAttr.userSelectionType == 7 ||
+                data.nodeExtAttr.userSelectionType == 8 ||
+                data.nodeExtAttr.userSelectionType == 9 ||
+                data.nodeExtAttr.userSelectionType == 10 ||
+                data.nodeExtAttr.userSelectionType == 11 ||
+                data.nodeExtAttr.userSelectionType == 12
+              ) {
+                this.getIsShowNextUser(
+                  data.nodeExtAttr && data.nodeExtAttr.userSelectionType
+                );
+              } else {
+                this.isMultiple(
+                  data.nodeExtAttr && data.nodeExtAttr.userSelectionType,
+                  this.choiceOrgId,
+                  this.choiceDeptId,
+                  this.pOrgId
+                );
+              }
+              this.isReadMultiple(
+                data.nodeExtAttr && data.nodeExtAttr.userSelectionType
+              );
+              this.isTaskread = data.nodeExtAttr.isTaskread;
+              this.isHandleExplain = data.nodeExtAttr.isHandleExplain;
+              this.isLimitedTimeHandling =
+                data.nodeExtAttr.isLimitedTimeHandling;
+              this.nodeType = data.nodeExtAttr.nodeType;
+              //如果当前为承办节点/会签节点,则展示本单位外单位办理人选择
+              if (this.nodeType === 1 || this.nodeType === 2) {
+                this.isMainSubProcess === true
+                  ? (this.isNodeShowProcess = true)
+                  : (this.isNodeShowProcess = false);
+                this.isMainSubProcess === true
+                  ? (this.isMainSubProcess = true)
+                  : (this.isMainSubProcess = false);
+                this.isNextUser = false;
+                this.isHideCurrentOrg =
+                  res.data.nodeExtAttr.isHideCurrentOrg == 1 ? false : true; //判断是否隐藏本单位
+                this.isHideOtherOrg =
+                  res.data.nodeExtAttr.isHideOtherOrg == 1 ? false : true; //判断是否隐藏外单位
+              } else {
+                this.isHideCurrentOrg = false;
+                this.isHideOtherOrg = false;
+                this.isNodeShowProcess = false;
+                this.isMainSubProcess = false;
+                this.isNextUser = this.nextNode.nextOperate != 9;
+                // this.isMainSubProcess === true
+                //   ? (this.isMainSubProcess = true)
+                //   : (this.isMainSubProcess = false);
+              }
+              this.multiple
+                ? (this.nextNode.nextUserId = [])
+                : (this.nextNode.nextUserId = '');
+              if (
+                this.multiple &&
+                data.nodeExtAttr.isDefSelectedObj == 1 &&
+                data.nextUserList !== undefined
+              ) {
+                data.nextUserList.map((item) => {
+                  if (item.userId && item.username) {
+                    this.nextNode.nextUserId.push(item.userId);
+                    this.selectUserList.push({
+                      showname: item.username,
+                      showid: item.userId
+                    });
+                  }
+                });
+              }
+              data.nextUserList.map((item) => {
+                if (item.userId && item.username) {
+                  this.options.push({
+                    showname: item.username,
+                    showid: item.userId
+                  });
+                }
+              });
+              if (data.nodeExtAttr.presetEdit != 0) {
+                this.radioList = this.options;
+              }
+              if (
+                !this.multiple &&
+                data.nextUserList.length > 0 &&
+                data.nodeExtAttr.isDefSelectedObj == 1
+              ) {
+                this.nextNode.nextUserId = data.nextUserList[0].userId;
+                this.selectUserList.push({
+                  showname: data.nextUserList[0].username,
+                  showid: data.nextUserList[0].userId
+                });
+              }
+              this.isLimitedTimeHandling =
+                data.nodeExtAttr.isLimitedTimeHandling;
+              this.isCustomUser = data.nodeExtAttr.isCustomUser;
+              this.presetEdit = data.nodeExtAttr.presetEdit;
+              this.countersignaturetypeCode = data.countersignaturetypeCode; //是否展示处理方式
+              this.handleMode = data.countersignaturetypeText;
+              if (data.globalNodeType === 'endEvent') {
+                this.isNextUser = data.globalNodeType != 'endEvent';
+                data.globalNodeType === 'endEvent' ? (this.endFlow = true) : '';
+              }
+            }
+            this.isCustomPreset &&
+              this.$refs.customPreset.getPresetFlowInfo(
+                this.nextNode.nextNodeId,
+                this.nodeInfo.nextNode,
+                true
+              );
+          } else {
+            error(message || '系统错误，请联系管理员！');
+          }
+        })
+        .catch((err) => {
+          this.loading && this.loading.close();
+        });
+    },
+  }
+};
+</script>