eoss-ui 0.3.97

package/packages/flow/src/component/taskUnionExamine.vue

@@ -0,0 +1,507 @@
+<template>
+  <div class="es-flow-index task-union-examine" v-loading="loading">
+    <el-form
+      ref="infoList"
+      :model="infoList"
+      class="demo-dynamic"
+      label-width="100px"
+    >
+      <el-form-item v-if="isSinglePage" prop="opinion" label="意见">
+        <CommonOpinions @change="val => (opinion = val)" />
+      </el-form-item>
+      <el-form-item
+        v-if="isHideCurrentOrg == 0"
+        :prop="type != 'takeAdvice' ? 'nextOtherOrgObj' : 'nextCurrentOrgObj'"
+        :label="
+          type == 'takeAdvice'
+            ? currentOrgName
+              ? currentOrgName
+              : '本单位'
+            : type == 'startDraf'
+            ? '呈送单位'
+            : type === 'taskReview'
+            ? '复核人'
+            : type === 'twoOfficesDispatch'
+            ? '报送单位'
+            : '联合单位'
+        "
+      >
+        <SelectUser
+          :nextUser="
+            type != 'takeAdvice'
+              ? infoList.nextOtherOrgObj
+              : infoList.nextCurrentOrgObj
+          "
+          :multiple="newMultiple"
+          @change="
+            changeSelectUser(
+              $event,
+              type != 'takeAdvice' ? 'nextOtherOrgObj' : 'nextCurrentOrgObj'
+            )
+          "
+          :types="
+            type == 'takeAdvice'
+              ? ['department', 'employee']
+              : type == 'startDraf'
+              ? ['enterprise', 'employee']
+              : ['enterprise']
+          "
+          :params="params"
+          :disabled="disabled"
+          :onlyName="onlyName"
+        />
+      </el-form-item>
+      <el-form-item
+        prop="nextOtherOrgObj"
+        v-if="isHideOtherOrg == 0 && type == 'takeAdvice'"
+        :label="otherOrgName ? otherOrgName : '外单位'"
+      >
+        <SelectUser
+          :nextUser="infoList.nextOtherOrgObj"
+          :multiple="newMultiple"
+          @change="changeSelectUser($event, 'nextOtherOrgObj')"
+          :types="
+            isChoiceOtherOrgDept == 'true'
+              ? ['enterprise', 'department']
+              : ['enterprise']
+          "
+          :params="otherParams"
+        />
+      </el-form-item>
+      <el-form-item
+        prop="noticeType"
+        label="通知方式"
+        :rules="[
+          { required: true, message: `请选择通知方式`, trigger: 'blur' }
+        ]"
+      >
+        <el-checkbox-group v-model="infoList.noticeType">
+          <el-checkbox
+            v-for="item of infoList.noticeList"
+            :key="item.cciValue"
+            :label="item.cciValue"
+          >
+            {{ item.shortName }}
+          </el-checkbox>
+        </el-checkbox-group>
+      </el-form-item>
+      <el-form-item
+        v-show="infoList.noticeType.length != 0"
+        prop="noticeInfo"
+        label="通知消息"
+      >
+        <span>{{ infoList.noticeInfo }}</span>
+      </el-form-item>
+      <el-form-item>
+        <div style="text-align:right">
+          <el-button type="primary" size="small" @click="subMit">
+            确定
+          </el-button>
+          <el-button @click="quit" size="small">
+            取消
+          </el-button>
+        </div>
+      </el-form-item>
+    </el-form>
+  </div>
+</template>
+
+<script>
+import CommonOpinions from './CommonOpinions.vue';
+import SelectUser from '../selectUser.vue';
+import {
+  findSysCodes,
+  getNotificationMsg,
+  toTaskTakeAdvice,
+  findCodeValues,
+  toTaskStartDraft,
+  toTaskReview,
+  taskStartDraft,
+  toTaskUnionSeal,
+  taskReview,
+  toTwoOfficesDispatch,
+  taskUnionSeal,
+  twoOfficesDispatch,
+  taskUnionExamine,
+  taskTakeAdvice,
+  toTaskUnionExamine
+} from 'eoss-ui/src/config/api';
+import util from 'eoss-ui/src/utils/util.js';
+export default {
+  name: 'TaskUnionExamine',
+  components: {
+    [CommonOpinions.name]: CommonOpinions,
+    [SelectUser.name]: SelectUser
+  },
+  props: {
+    pendingId: { type: String, default: '' },
+    type: { type: String, default: '' },
+    defaultOpinion: { type: String, default: '' },
+    disabled: { type: Boolean, default: false },
+    multiple: { type: Boolean, default: true }
+  },
+  inheritAttrs: false,
+  data() {
+    return {
+      opinion: '', //办理意见
+      infoList: {
+        nextOtherOrgObj: [],
+        nextCurrentOrgObj: [],
+        noticeType: [],
+        noticeInfo: '',
+        opinion: ''
+      },
+      onlyName: '',
+      currentOrgProcessKey: '',
+      isSubFlow: true,
+      choiceDeptId: '',
+      choiceOrgId: '',
+      isSinglePage: false,
+      isChoiceOtherOrgDept: '',
+      currentOrgName: '',
+      otherOrgName: '',
+      newMultiple: true,
+      params: { filid: 'all' },
+      isHideOtherOrg: '',
+      isHideCurrentOrg: 0,
+      isOpinionRequired: 0,
+      otherParams: { filid: 'all' },
+      loading: false
+    };
+  },
+  mounted() {
+    this.loading = true;
+    this.newMultiple = this.multiple;
+    if (this.type === 'taskReview') return this.getTaskReview();
+    this.getInfo();
+  },
+  methods: {
+    isMultiple(val) {
+      if (val == 7 || val == 9 || val == 11) {
+        this.newMultiple = false;
+      }
+      if (this.type == 'takeAdvice') {
+        this.params.filid = sessionStorage.getItem('orgId');
+      }
+    },
+    subTaskReview() {
+      let {
+        infoList: { nextOtherOrgObj, noticeType, noticeInfo },
+        businessId,
+        opinion,
+        isSubFlow,
+        currentOrgProcessKey,
+        pendingId
+      } = this;
+      let params = {
+        url: taskReview,
+        data: {
+          nextUserId: nextOtherOrgObj,
+          notificationType: noticeType.join(','),
+          notificationMsg: noticeInfo,
+          opinion,
+          isSubFlow,
+          businessId,
+          currentOrgProcessKey,
+          pendingId
+        },
+        method: 'POST'
+      };
+      this.loading = true;
+      util
+        .ajax(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);
+          }
+        });
+    },
+    getTaskReview() {
+      let params = {
+        url: toTaskReview,
+        params: { pendingId: this.pendingId }
+      };
+      util
+        .ajax(params)
+        .then(res => {
+          const { status, message } = res;
+          this.loading = false;
+          if (status === 'success') {
+            const {
+              data: { initiatorUser, taskExamine }
+            } = res;
+            this.opinion = taskExamine.opinion;
+            this.infoList.nextOtherOrgObj.push(initiatorUser.userId);
+            this.onlyName = initiatorUser.username;
+            this.isSubFlow = taskExamine.isSubFlow;
+            this.currentOrgProcessKey = taskExamine.currentOrgProcessKey;
+            this.getFind();
+            this.getMessage();
+            this.getNodeType();
+          } else {
+            this.$message.error(message || '系统错误，请联系管理员！');
+          }
+        })
+        .catch(err => {
+          this.loading = false;
+          if (err.message && err.message !== 'canceled') {
+            this.$message.error(err.message);
+          }
+        });
+    },
+    getInfo() {
+      let params = {
+        url:
+          this.type == 'takeAdvice'
+            ? toTaskTakeAdvice
+            : this.type === 'startDraf'
+            ? toTaskStartDraft
+            : this.type == 'unionSeal'
+            ? toTaskUnionSeal
+            : this.type == 'twoOfficesDispatch'
+            ? toTwoOfficesDispatch
+            : toTaskUnionExamine,
+        params: { pendingId: this.pendingId },
+        headers: { Accept: 'application/json,text/plain' }
+      };
+      util
+        .ajax(params)
+        .then(res => {
+          const { message, status } = res;
+          this.loading = false;
+          if (status == 'success') {
+            const {
+              data: {
+                choiceDeptId,
+                choiceOrgId,
+                taskExamine,
+                unionDispatchOrgName,
+                unionDispatchOrgId,
+                orgNames,
+                nodeInfoMap: {
+                  nodeExtAttr: {
+                    userSelectionType,
+                    isHideOtherOrg,
+                    isHideCurrentOrg,
+                    isOpinionRequired
+                  }
+                }
+              }
+            } = res;
+            this.isSinglePage = taskExamine.isSinglePage;
+            this.isSubFlow = taskExamine.isSubFlow;
+            this.opinion = taskExamine.opinion;
+            this.choiceDeptId = choiceDeptId;
+            this.choiceOrgId = choiceOrgId;
+            if (this.type == 'takeAdvice' || this.type == 'startDraf') {
+              this.currentOrgName = res.data.currentOrgName;
+              this.otherOrgName = res.data.otherOrgName;
+              this.isChoiceOtherOrgDept = res.data.isChoiceOtherOrgDept;
+              this.isHideOtherOrg = isHideOtherOrg;
+              this.isHideCurrentOrg = isHideCurrentOrg;
+            }
+            this.isOpinionRequired = isOpinionRequired;
+            if (this.type == 'unionSeal') {
+              this.onlyName = unionDispatchOrgName;
+              this.infoList.nextOtherOrgObj.push(unionDispatchOrgId);
+            }
+            if (this.type == 'twoOfficesDispatch') {
+              this.onlyName = orgNames;
+              this.infoList.nextOtherOrgObj.push(taskExamine.nextOtherOrgObj);
+            }
+            this.isMultiple(userSelectionType);
+            this.getFind();
+            this.getMessage();
+            this.getNodeType();
+          } else {
+            this.$message.error(message || '系统错误，请联系管理员！');
+          }
+        })
+        .catch(err => {
+          this.loading = false;
+          if (err.message && err.message !== 'canceled') {
+            this.$message.error(err.message);
+          }
+        });
+    },
+    subMit() {
+      // if (
+      //   this.infoList.nextOtherOrgObjName == '' ||
+      //   this.infoList.nextOtherOrgObjName.length == 0
+      // )
+      //   return this.$message.warning('请选择联合单位');
+      if (this.type === 'taskReview') return this.subTaskReview();
+      let {
+        infoList: {
+          nextCurrentOrgObj,
+          nextOtherOrgObj,
+          noticeType,
+          noticeInfo
+        },
+        isOpinionRequired,
+        opinion,
+        type,
+        isHideOtherOrg,
+        choiceDeptId,
+        choiceOrgId,
+        isHideCurrentOrg,
+        isSubFlow,
+        pendingId
+      } = this;
+      if (
+        (type == 'takeAdvice' &&
+          (nextCurrentOrgObj == '' ||
+            (nextCurrentOrgObj == null && isHideCurrentOrg == 0))) ||
+        ((isHideOtherOrg == 0 && nextOtherOrgObj == '') ||
+          nextOtherOrgObj == null)
+      ) {
+        return this.$message.warning('请选择处理对象!');
+      } else if (
+        isHideCurrentOrg == 0 &&
+        (nextOtherOrgObj == '' || nextOtherOrgObj == null)
+      ) {
+        return this.$message.warning('请选择处理对象!');
+      }
+
+      if (isOpinionRequired == 1 && (opinion == '' || opinion == null)) {
+        return this.$message.warning('当前步骤必须输入意见!');
+      }
+      // if (this.type != 'startDraf' && this.type != 'unionSeal' && this.type != 'twoOfficesDispatch')
+      //   return this.$message.warning('暂未开放，敬请期待！');
+      const param = {
+        url:
+          this.type === 'startDraf'
+            ? taskStartDraft
+            : this.type == 'unionSeal'
+            ? taskUnionSeal
+            : this.type === 'twoOfficesDispatch'
+            ? twoOfficesDispatch
+            : this.type == 'takeAdvice'
+            ? taskTakeAdvice
+            : taskUnionExamine,
+        data: {
+          opinion,
+          pendingId,
+          nextOtherOrgObj: nextOtherOrgObj,
+          nextCurrentOrgObj: nextCurrentOrgObj,
+          notificationMsg: noticeInfo,
+          notificationType: noticeType.join(','),
+          choiceDeptId,
+          isSubFlow,
+          choiceOrgId
+        },
+        headers: { Accept: 'application/json,text/plain' },
+        method: 'POST'
+      };
+      this.loading = true;
+      util
+        .ajax(param)
+        .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);
+          }
+        });
+    },
+    quit(val) {
+      if (val === true) return this.$emit('cancel', val);
+      this.$emit('cancel');
+    },
+    changeSelectUser(val, type) {
+      const { nextUser, options } = val;
+      let newNextUser = '';
+      options.map(item => {
+        if (newNextUser) {
+          newNextUser += `,${item.stype}-${item.id}`;
+        } else {
+          newNextUser = `${item.stype}-${item.id}`;
+        }
+      });
+      this.infoList[type] = newNextUser;
+    },
+    getNodeType() {
+      util
+        .ajax({
+          url: findCodeValues,
+          params: { ccCode: 'notification_type' }
+        })
+        .then(res => {
+          const { status, data } = res;
+          this.loading = false;
+          if (status === 'success') {
+            this.infoList.noticeList = data;
+          }
+        })
+        .catch(err => {
+          this.loading = false;
+          if (err.message && err.message !== 'canceled') {
+            this.$message.error(err.message);
+          }
+        });
+    },
+    //获取通知信息
+    getMessage() {
+      let params = {
+        pendingId: this.pendingId
+      };
+      util
+        .ajax({ url: getNotificationMsg, params, methods: 'post' })
+        .then(res => {
+          if (res.status === 'success') {
+            this.infoList.noticeInfo = res.message;
+          }
+          this.loading = false;
+        })
+        .catch(err => {
+          this.loading = false;
+          if (err.message && err.message !== 'canceled') {
+            this.$message.error(err.message);
+          }
+        });
+    },
+    getFind() {
+      util
+        .ajax({
+          url: findSysCodes
+        })
+        .then(res => {
+          const { status, message } = res;
+          if (status === 'success') {
+            this.infoList.noticeType = message.split(',');
+          } else {
+            this.$message.error(message || '系统错误，请联系管理员！');
+          }
+        })
+        .catch(err => {
+          this.loading = false;
+          if (err.message && err.message !== 'canceled') {
+            this.$message.error(err.message);
+          }
+        });
+    }
+  }
+};
+</script>
+
+<style></style>

package/packages/flow/src/form.vue

@@ -0,0 +1,120 @@
+<template>
+  <div class="es-from" v-loading="loading">
+    <el-form
+      ref="dynamicValidateForm"
+      :label-position="labelPosition"
+      :model="newData"
+      :label-width="labelWidth"
+      class="demo-dynamic"
+    >
+      <el-form-item
+        prop="sort"
+        label="排序号"
+        :rules="[{ required: true, message: `请输入排序号`, trigger: 'blur' }]"
+      >
+        <el-input
+          v-model="newData.sort"
+          :placeholder="`请输入入排序号`"
+        ></el-input>
+      </el-form-item>
+      <el-form-item
+        prop="content"
+        label="内容"
+        :rules="[{ required: true, message: `请输入内容`, trigger: 'blur' }]"
+      >
+        <el-input
+          v-model="newData.content"
+          :placeholder="`请输入内容`"
+        ></el-input>
+      </el-form-item>
+      <!-- <el-form-item> -->
+      <!-- </el-form-item> -->
+    </el-form>
+    <div style="text-align:right">
+      <el-button
+        v-show="showSubBtn"
+        type="primary"
+        size="small"
+        @click="submitForm('dynamicValidateForm')"
+      >
+        保存
+      </el-button>
+    </div>
+  </div>
+</template>
+
+<script>
+import { addCommonOpion, editCommonOpion } from 'eoss-ui/src/config/api';
+import util from 'eoss-ui/src/utils/util';
+export default {
+  name: 'ideas',
+  componentName: 'ideas',
+  props: {
+    data: {
+      type: Object,
+      default: () => {}
+    },
+    formItemList: {
+      type: Array,
+      default: () => []
+    },
+    labelWidth: {
+      type: String,
+      default: '100px'
+    },
+    showSubBtn: {
+      type: Boolean,
+      default: true
+    },
+    labelPosition: {
+      type: String,
+      default: 'left'
+    }
+  },
+  data() {
+    return {
+      formList: [],
+      loading: false,
+      newData: {},
+      index: 0
+    };
+  },
+  mounted() {
+    this.data.id ? this.add(this.data.id) : this.add();
+  },
+  methods: {
+    add(id) {
+      this.loading = true;
+      util
+        .ajax({
+          url: id ? editCommonOpion : addCommonOpion,
+          params: { id }
+        })
+        .then(res => {
+          const { status, message, data } = res;
+          if (status == 'success') {
+            this.newData = data.bean;
+          } else {
+            this.$message.error(message || '系统错误，请联系管理员！');
+          }
+          this.loading = false;
+        })
+        .catch(err => {
+          this.loading = false;
+          if (err.message && err.message !== 'canceled') {
+            this.$message.error(err.message);
+          }
+        });
+    },
+    submitForm(formName) {
+      this.$refs[formName].validate(valid => {
+        if (valid) {
+          this.$emit('subMit', { addVisible: false, data: this.newData });
+        } else {
+          return false;
+        }
+      });
+    }
+  }
+};
+</script>