eoss-ui 0.3.97

package/packages/flow/src/startTaskRead.vue

@@ -0,0 +1,556 @@
+<template>
+  <div
+    v-loading="loading"
+    class="task-read"
+    element-loading-text="加载中..."
+    element-loading-spinner="el-icon-loading"
+    element-loading-background="rgba(255, 255,255, 0.8)"
+  >
+    <el-form
+      ref="nextNode"
+      :model="nextNode"
+      class="demo-dynamic"
+      label-width="110px"
+    >
+      <el-form-item
+        prop="handleExplain"
+        label="当前步骤"
+        v-if="type === 'transfer'"
+      >
+        <el-input readonly v-model="nextNode.nodeName"></el-input>
+      </el-form-item>
+      <el-form-item
+        v-if="type == 'transfer' && transferInfo.isSinglePage"
+        prop="handleExplain"
+        label="意见"
+      >
+        <el-input
+          v-model="nextNode.handleExplain"
+          placeholder="请填写意见"
+        ></el-input>
+      </el-form-item>
+      <el-form-item
+        prop="nextUser"
+        :label="
+          type === 'transfer'
+            ? '转办对象'
+            : configInfo.isCdjxjTaskHandle == 'true'
+            ? '接收人'
+            : '办理用户'
+        "
+      >
+        <SelectUser
+          :nextUser="nextNode.nextUser"
+          :options="userOptions"
+          :multiple="type != 'transfer' ? multiple : false"
+          :mix="type != 'transfer'"
+          :selectUserList="selectUserList"
+          :types="
+            type == 'transfer'
+              ? ['employee', 'persongroup']
+              : ['employee', 'enterprise', 'department', 'persongroup']
+          "
+          @change="changeSelectUser($event, 'nextUser')"
+          :tabs="tabs"
+          :where="{ type: 'user' }"
+        />
+      </el-form-item>
+
+      <el-form-item
+        v-if="configInfo.isCdjxjTaskHandle != 'true' && type != 'transfer'"
+        prop="cy"
+        label="常用群组"
+        ><el-checkbox-group v-model="selectCheck">
+          <el-checkbox
+            @change="handleSelectCheck($event, item)"
+            v-for="item in configInfo.groups"
+            :label="item.name"
+            :key="item.id"
+            >{{ item.name }}</el-checkbox
+          >
+        </el-checkbox-group>
+      </el-form-item>
+      <el-form-item
+        v-if="configInfo.fyDoresult == 'true'"
+        prop="showDoresult"
+        label="流程意见"
+        ><el-radio v-model="nextNode.showDoresult" label="0">分阅</el-radio>
+        <el-radio v-model="nextNode.showDoresult" label="1">不分阅</el-radio>
+      </el-form-item>
+      <el-form-item
+        v-if="configInfo.fyeh == 'true'"
+        prop="isInHistory"
+        label="分阅记录"
+        ><el-radio v-model="nextNode.isInHistory" label="0">记录</el-radio>
+        <el-radio v-model="nextNode.isInHistory" label="1">不记录</el-radio>
+      </el-form-item>
+      <el-form-item
+        v-if="configInfo.download"
+        prop="isDownload"
+        label="打印下载文件"
+        ><el-radio v-model="nextNode.isDownload" label="0">允许</el-radio>
+        <el-radio v-model="nextNode.isDownload" label="1">不允许</el-radio>
+      </el-form-item>
+      <el-form-item
+        prop="handleExplain"
+        :label="configInfo.isCdjxjTaskHandle == 'true' ? '附言' : '办理说明'"
+        v-if="type != 'transfer'"
+      >
+        <el-input
+          v-model="nextNode.handleExplain"
+          placeholder="请填写办理说明"
+        ></el-input>
+      </el-form-item>
+      <el-form-item
+        v-if="configInfo.isCdjxjTaskHandle != 'true'"
+        prop="noticeType"
+        label="通知方式"
+        :rules="[
+          { required: true, message: `请选择通知方式`, trigger: 'blur' }
+        ]"
+      >
+        <el-checkbox-group v-model="nextNode.noticeType">
+          <el-checkbox
+            v-for="item of noticeList"
+            :key="item.cciValue"
+            :label="item.cciValue"
+          >
+            {{ item.shortName }}
+          </el-checkbox>
+        </el-checkbox-group>
+      </el-form-item>
+      <el-form-item
+        v-show="
+          nextNode.noticeType.length != 0 &&
+            configInfo.isCdjxjTaskHandle != 'true' &&
+            type == 'transfer'
+        "
+        prop="nextNode"
+        label="通知消息"
+      >
+        <span>{{ newsInfo }}</span>
+      </el-form-item>
+      <el-form-item>
+        <div style="text-align:right">
+          <el-button type="primary" size="small" @click="submit('nextNode')">
+            提交
+          </el-button>
+        </div>
+      </el-form-item>
+    </el-form>
+  </div>
+</template>
+
+<script>
+import {
+  findSysCodes,
+  taskReadHtml,
+  toStartTaskRead,
+  toTaskTransferIndex,
+  taskTransfer,
+  findCodeValues
+} from 'eoss-ui/src/config/api';
+import util from 'eoss-ui/src/utils/util';
+import SelectUser from './selectUser.vue';
+export default {
+  name: 'StartTaskRead',
+  components: {
+    [Option.name]: Option,
+    [SelectUser.name]: SelectUser
+  },
+  props: {
+    pendingId: { type: String, default: '' },
+    newsInfo: { type: String, default: '' },
+    type: { type: String, default: '' },
+    option: { type: String, default: '' },
+    taskExamine: { type: Object, default: () => {} }
+  },
+  data() {
+    return {
+      loading: false,
+      nextNode: {
+        nextUser: [],
+        userInfo: [],
+        noticeType: [],
+        handleExplain: '',
+        showDoresult: '0',
+        isInHistory: '0',
+        isDownload: '0'
+      },
+      mixList: [],
+      newSelectUserList: [],
+      orgId: 3,
+      noticeList: [],
+      userOptions: [],
+      selectCheck: [],
+      selectUserList: [],
+      transferInfo: {},
+      multiple: true,
+      params: { filid: 'all' },
+      configInfo: {}
+    };
+  },
+  computed: {
+    tabs() {
+      let tab = {};
+      if (this.type != 'transfer') {
+        tab = {
+          employee: {
+            param: {
+              filid: sessionStorage.getItem('orgId'),
+              name: '本单位用户'
+            }
+          },
+          department: { param: { filid: sessionStorage.getItem('orgId') } },
+          enterprise: {}
+        };
+      } else {
+        tab = {
+          employee: {
+            param: {
+              filid: sessionStorage.getItem('orgId')
+            }
+          }
+        };
+      }
+      return tab;
+    }
+  },
+  mounted() {
+    this.getFind();
+  },
+  methods: {
+    toTaskTransfer() {
+      const { opinion, pendingId, taskExamine } = this;
+      let params = {
+        url: toTaskTransferIndex,
+        params: {
+          opinion,
+          pendingId,
+          isSubFlow: taskExamine.isSubFlow,
+          isSinglePage: taskExamine.isSinglePage
+        }
+      };
+      util
+        .ajax(params)
+        .then(res => {
+          const {
+            status,
+            message,
+            data: { choiceDeptId, choiceOrgId, nodeInfoMap, taskExamine }
+          } = res;
+          if (status == 'success') {
+            this.isMultipleTransfer(
+              nodeInfoMap.nodeExtAttr.userSelectionType,
+              choiceOrgId,
+              choiceDeptId
+            );
+            this.nextNode.nodeName = taskExamine.nodeName;
+            this.transferInfo = taskExamine;
+          } else {
+            this.$message.error(message || '系统错误，请联系管理员！');
+          }
+        })
+        .catch(err => {
+          this.loading = false;
+          if (err.message && err.message !== 'canceled') {
+            this.$message.error(err.message);
+          }
+        });
+    },
+    isMultipleTransfer(val, choiceOrgId, choiceDeptId, pOrgId) {
+      if (val == 2 || val == 4 || val == 6 || val == 16) {
+        this.multiple = true;
+      } else {
+        this.multiple = false;
+      }
+      if (val == 1 || val == 2 || val == 5) {
+        this.params.filid = util.getStorage('orgId');
+        if (choiceOrgId) {
+          this.params.filid = choiceOrgId;
+        }
+      }
+      if (val == 5 || val == 6) {
+        this.params.filid = util.getStorage('orgId');
+        this.params.deptid = util.getStorage('orgId');
+        if (choiceDeptId) {
+          this.params.deptid = choiceDeptId;
+        }
+        if (choiceOrgId) {
+          this.params.filid = choiceOrgId;
+        }
+      }
+      if (val == 15 || val == 16) {
+        this.params.filid = util.getStorage('orgId');
+        if (pOrgId) {
+          this.params.filid = pOrgId;
+        }
+      }
+    },
+    isMultiple() {
+      let orgId = sessionStorage.getItem('orgId');
+      if (this.configInfo.selectPersonValue == 1) {
+        this.multiple = false;
+        this.params.filid = orgId;
+      } else if (this.configInfo.selectPersonValue == 2) {
+        this.multiple = true;
+        this.params.filid = orgId;
+      } else if (this.configInfo.selectPersonValue == 3) {
+        this.multiple = false;
+        this.params.filid = 'all';
+      } else if (this.configInfo.selectPersonValue == 4) {
+        this.multiple = true;
+        this.params.filid = 'all';
+      } else if (this.configInfo.selectPersonValue == 5) {
+        this.multiple = false;
+        this.params.filid = '';
+      } else if (this.configInfo.selectPersonValue == 6) {
+        this.multiple = true;
+        this.params.filid = '';
+      }
+    },
+    handleSelectCheck(val, data) {
+      let { userIds, userNames } = data;
+      if (val) {
+        let newUserIds = userIds.split(',');
+        let newUserNames = userNames.split(',');
+        newUserIds.map((item, index) => {
+          this.nextNode.nextUser.push(item);
+          this.userOptions.push({ id: item, name: newUserNames[index] });
+
+          this.selectUserList.push({
+            showid: item,
+            showname: newUserNames[index]
+          });
+        });
+        // this.selectUserList = this.newSelectUserList
+      } else {
+        let newUserIds = userIds.split(',');
+        for (let i = 0; i < this.nextNode.nextUser.length; i++) {
+          for (let j = 0; j < newUserIds.length; j++) {
+            if (this.nextNode.nextUser[i] == newUserIds[j]) {
+              this.nextNode.nextUser.splice(i, 1);
+            }
+          }
+        }
+        for (let z = 0; z < this.userOptions.length; z++) {
+          for (let x = 0; x < newUserIds.length; x++) {
+            if (this.userOptions[z].id == newUserIds[x]) {
+              this.userOptions.splice(z, 1);
+              this.selectUserList.splice(z, 1);
+            }
+          }
+        }
+        // this.newSelectUserList = this.selectUserList
+      }
+    },
+    toStartTaskRead() {
+      let params = {
+        url: toStartTaskRead,
+        params: { pendingId: this.pendingId, taskAction: this.type }
+      };
+      if (this.type != 'taskReadAndEnd') delete params.params.taskAction;
+      util
+        .ajax(params)
+        .then(res => {
+          const { status, data } = res;
+          if (status === 'success') {
+            this.configInfo = data;
+            this.isMultiple();
+          }
+        })
+        .catch(err => {
+          this.loading = false;
+          if (err.message && err.message !== 'canceled') {
+            this.$message.error(err.message);
+          }
+        });
+    },
+    changeSelectUser(val, type) {
+      const { nextUser, options, mixList } = val;
+      this.nextNode[type] = nextUser;
+      this.mixList = mixList;
+      options.map(item => {
+        this.newSelectUserList.push({
+          showname: item.showname,
+          showid: item.showid
+        });
+      });
+    },
+    getNodeType() {
+      util
+        .ajax({
+          url: findCodeValues,
+          params: { ccCode: 'notification_type' }
+        })
+        .then(res => {
+          const { status, data } = res;
+          if (status === 'success') {
+            this.noticeList = data;
+          }
+        })
+        .catch(err => {
+          this.loading = false;
+          if (err.message && err.message !== 'canceled') {
+            this.$message.error(err.message);
+          }
+        });
+    },
+    // 转办提交
+    subTaskTransfer() {
+      const { choiceDeptId, choiceOrgId } = this.taskExamine;
+      const { opinion, pendingId, nextNode, newsInfo, multiple } = this;
+      let params = {
+        url: taskTransfer,
+        data: {
+          choiceDeptId,
+          choiceOrgId,
+          nextUserId: multiple
+            ? nextNode.nextUser.join(',')
+            : nextNode.nextUser,
+          opinion,
+          pendingId,
+          notificationType: nextNode.noticeType.join(','),
+          notificationMsg: newsInfo
+        },
+        headers: { Accept: 'application/json,text/plain' },
+        method: 'post'
+      };
+      util
+        .ajax(params)
+        .then(res => {
+          const { message, status } = res;
+          if (status === 'success') {
+            this.$message.success('操作成功');
+            this.quit(true);
+          } else {
+            this.$message.error(message || '系统错误，请联系管理员！');
+          }
+          this.loading = false;
+        })
+        .catch(err => {
+          this.loading = false;
+          if (err.message && err.message !== 'canceled') {
+            this.$message.error(err.message);
+          }
+        });
+    },
+    // 提交表单
+    submit(formName) {
+      this.$refs[formName].validate(valid => {
+        if (valid) {
+          if (!this.option && this.isOpinionRequired === 1) {
+            this.$message.warning('请选择输入审批意见');
+            return;
+          }
+          // let nextUser = [];
+          // this.nextNode.nextUser.map(item => {
+          //   nextUser.push(item);
+          // });
+          let noticeType = '';
+          noticeType = this.nextNode.noticeType.join(',');
+          this.loading = true;
+          if (this.type === 'transfer') {
+            this.subTaskTransfer();
+          } else {
+            const {
+              appId,
+              businessId,
+              choiceDeptId,
+              choiceOrgId,
+              businessName,
+              processDefinitionId
+            } = this.taskExamine;
+            let params = {
+              ...this.nextNode,
+              appId,
+              businessId,
+              choiceDeptId,
+              choiceOrgId,
+              businessName,
+              processDefinitionId,
+              currentOrgProcessKey: processDefinitionId,
+              pendingId: this.pendingId,
+              opinion: this.option, // 审批意见
+              userId: util.getStorage('userId'),
+              nextReadUserId: this.mixList.join('|'),
+              noticeType
+              // nextNodeId: this.form.nextNodeId
+            };
+            delete params.nextUser;
+            const {
+              fyDoresult,
+              fyeh,
+              download,
+              isCdjxjTaskHandle
+            } = this.configInfo;
+            fyDoresult != 'true' && delete params.showDoresult;
+            fyeh != 'true' && delete params.isInHistory;
+            !download && delete params.isDownload;
+            isCdjxjTaskHandle == 'true' && delete params.noticeType;
+            util
+              .ajax({
+                url: taskReadHtml,
+                params: { taskAction: this.type },
+                headers: { Accept: 'application/json,text/plain' },
+                method: 'post',
+                data: params
+              })
+              .then(res => {
+                const { message, status } = res;
+                this.loading = false;
+                if (status === 'success') {
+                  this.$message.success('操作成功');
+                  this.quit(true);
+                } else {
+                  this.$message.error(message || '系统错误，请联系管理员！');
+                }
+              })
+              .catch(err => {
+                this.loading = false;
+                if (err.message && err.message !== 'canceled') {
+                  this.$message.error(err.message);
+                }
+              });
+          }
+        } else {
+          return false;
+        }
+      });
+    },
+    quit(val) {
+      if (val === true) return this.$emit('cancel', this.type);
+      this.$emit('cancel');
+    },
+
+    getFind() {
+      this.loading = true;
+      util
+        .ajax({
+          url: findSysCodes
+        })
+        .then(res => {
+          const { status, message } = res;
+          this.loading = false;
+          if (status === 'success') {
+            this.nextNode.noticeType = message.split(',');
+          } else {
+            this.$message.error(message || '系统错误，请联系管理员！');
+          }
+          this.getNodeType();
+          if (this.type === 'transfer') {
+            this.toTaskTransfer();
+          } else {
+            this.toStartTaskRead();
+          }
+        })
+        .catch(err => {
+          this.loading = false;
+          if (err.message && err.message !== 'canceled') {
+            this.$message.error(err.message);
+          }
+        });
+    }
+  }
+};
+</script>

package/packages/flow/src/table.vue

@@ -0,0 +1,51 @@
+<template>
+  <el-table :data="dataList" border stripe style="width: 100%;margin-top:10px">
+    <el-table-column
+      v-for="item of tableHead"
+      :key="item.id"
+      align="center"
+      :prop="item.prop"
+      :label="item.lable"
+      :width="item.prop != 'content' && 180"
+      v-bind="$attrs"
+    ></el-table-column>
+    <el-table-column label="操作" width="100">
+      <template v-if="scope.row.userid" slot-scope="scope">
+        <el-button type="text" size="small" @click="handleClick(scope.row)"
+          >编辑</el-button
+        >
+        <el-button type="text" size="small" @click="delClick(scope.row)"
+          >删除</el-button
+        >
+      </template>
+    </el-table-column>
+  </el-table>
+</template>
+
+<script>
+export default {
+  name: 'Table',
+  componentName: 'Table',
+  props: {
+    dataList: {
+      type: Array,
+      default: () => []
+    },
+    tableHead: {
+      type: Array,
+      default: () => [
+        { id: 0, lable: '内容', prop: 'content' },
+        { id: 1, lable: '用户', prop: 'username' }
+      ]
+    }
+  },
+  methods: {
+    handleClick(val) {
+      this.$emit('upDateClick', val);
+    },
+    delClick(val) {
+      this.$emit('delClick', val);
+    }
+  }
+};
+</script>

package/packages/flow-group/index.js

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