eoss-ui 0.3.97

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

@@ -0,0 +1,290 @@
+<template>
+  <div class="commonOpinion">
+    <el-input
+      v-model="value"
+      :disabled="isBanInputOpinion == '1'"
+      type="textarea"
+      clear="inp"
+      placeholder="请输入意见"
+      @change="changeOpinion"
+      :rows="10"
+    ></el-input>
+    <el-input
+      v-model="input3"
+      placeholder="请输入内容"
+      class="input-with-select"
+    >
+      <el-select
+        v-model="selectValue"
+        slot="prepend"
+        :disabled="isBanInputOpinion == '1'"
+        placeholder="--请选择常用语--"
+        @change="selectChange"
+      >
+        <el-option
+          v-for="item in optionList"
+          :key="item.id"
+          :label="item.content"
+          :value="item.content"
+        ></el-option>
+      </el-select>
+      <el-button
+        slot="append"
+        icon="el-icon-edit"
+        @click="dialogVisible = true"
+      ></el-button>
+    </el-input>
+
+    <!-- 弹窗内容 -->
+    <es-dialog
+      append-to-body
+      title="常用意见设置"
+      :close-on-click-modal="false"
+      :visible.sync="dialogVisible"
+    >
+      <div class="commonOpinion-set">
+        <div style="text-align:right">
+          <el-button
+            type="primary"
+            size="small"
+            @click="
+              () => {
+                addVisible = true;
+                (FormData.sep = optionList.length + 1),
+                  (FormData.content = ''),
+                  (FormData.id = null);
+              }
+            "
+          >
+            新增
+          </el-button>
+        </div>
+        <Table
+          style="flex:1;display: flex;
+    flex-direction: column;"
+          v-if="dialogVisible"
+          :data-list="optionList"
+          @upDateClick="upDate"
+          @delClick="del"
+        />
+      </div>
+    </es-dialog>
+
+    <es-dialog
+      append-to-body
+      :close-on-click-modal="false"
+      title="添加常用意见"
+      :visible.sync="addVisible"
+      v-if="addVisible"
+      height="auto"
+    >
+      <ideas :data="FormData" @subMit="submit" />
+    </es-dialog>
+  </div>
+</template>
+
+<script>
+import {
+  saveCommonOpinion,
+  updateCommonOpinion,
+  commonOpion,
+  deleteCommonOpion
+} from 'eoss-ui/src/config/api';
+import Table from '../table.vue';
+import ideas from '../form.vue';
+import util from 'eoss-ui/src/utils/util';
+export default {
+  name: 'CommonOpinions',
+  components: {
+    [ideas.name]: ideas,
+    [Table.name]: Table
+  },
+  data() {
+    return {
+      value: '',
+      input3: '',
+      selectValue: '',
+      optionList: [],
+      dialogVisible: false,
+      addVisible: false,
+      FormData: {
+        id: null
+      }
+    };
+  },
+  props: {
+    isBanInputOpinion: {
+      type: Number,
+      default: 0
+    },
+    opinion: {
+      type: String,
+      default: ''
+    }
+  },
+  mounted() {
+    this.getCommonOpion();
+  },
+  watch: {
+    opinion(val) {
+      this.value = val;
+      this.changeOpinion();
+    }
+  },
+  methods: {
+    /**
+     * changeOpinion
+     * @desc:监听意见变化
+     * @author liufan
+     * @date 2022年10月28日
+     **/
+    changeOpinion() {
+      this.$emit('change', this.value);
+    },
+    /**
+     * getCommonOpion
+     * @desc:获取意见
+     * @author liufan
+     * @date 2022年5月25日
+     **/
+    getCommonOpion() {
+      util
+        .ajax({
+          url: commonOpion,
+          params: {
+            userId: util.getStorage('userId')
+          },
+          method: 'post'
+        })
+        .then(res => {
+          const { status, data, msg } = res;
+          if (status === 'success') {
+            this.optionList = data.list;
+            this.FormData.sep = this.optionList.length + 1;
+          } else {
+            this.$message.error(msg || '系统错误，请联系管理员！');
+          }
+        })
+        .catch(err => {
+          if (err.message && err.message !== 'canceled') {
+            this.$message.error(err.message);
+          }
+        });
+    },
+    /**
+     * upDate
+     * @desc:修改常用语
+     * @author liufan
+     * @param {Object} val 修改值
+     * @date 2022年5月25日
+     **/
+    upDate(val) {
+      this.FormData.id = val.id;
+      this.addVisible = true;
+    },
+    /**
+     * selectChange
+     * @desc:常用语选择
+     * @author liufan
+     * @param {String} val 选中值
+     * @date 2022年5月25日
+     **/
+    selectChange(val) {
+      this.value = val;
+      this.$emit('change', this.value);
+    },
+    /**
+     * del
+     * @desc:删除常用语
+     * @author liufan
+     * @param {Object} val 删除的数据
+     * @date 2022年5月25日
+     **/
+    del(val) {
+      this.$confirm('您确定要删除此信息吗?', '提示', {
+        confirmButtonText: '确定',
+        cancelButtonText: '取消',
+        type: 'warning'
+      })
+        .then(() => {
+          this.loading = util.loading(this.$loading, '删除中...');
+          util
+            .ajax({
+              url: deleteCommonOpion,
+              params: {
+                id: val.id
+              }
+            })
+            .then(res => {
+              const { status, message } = res;
+              if (status == 'success') {
+                this.$message({
+                  type: 'success',
+                  message: '删除成功!'
+                });
+                this.getCommonOpion();
+              } else {
+                this.$message({
+                  type: 'error',
+                  message: message || '系统错误，请联系管理员！'
+                });
+              }
+              this.loading.close();
+            })
+            .catch(err => {
+              if (err.message && err.message !== 'canceled') {
+                this.$message.error(err.message);
+              }
+              this.loading.close();
+            });
+        })
+        .catch(e => {});
+    },
+    /**
+     * submit
+     * @desc:新增/编辑意见保存
+     * @author liufan
+     * @param {Object} val 保存数据
+     * @date 2022年5月25日
+     **/
+    submit(val) {
+      const { addVisible, data } = val;
+      let info = {};
+      for (let key in data) {
+        info[`bean.${key}`] = data[key];
+      }
+      this.loading = util.loading(this.$loading, '提交中...');
+      util
+        .ajax({
+          url: data.id ? updateCommonOpinion : saveCommonOpinion,
+          data: info,
+          header: { 'Content-Type': 'multipart/form-data' },
+          method: 'post'
+        })
+        .then(res => {
+          const { rCode, msg } = res;
+          this.loading.close();
+          if (!rCode) {
+            if (this.FormData.id) {
+              this.$message.success('修改成功');
+            } else {
+              this.$message.success('新增成功');
+            }
+            this.getCommonOpion();
+          } else {
+            this.$message.error(msg || '系统错误，请联系管理员！');
+          }
+          this.addVisible = addVisible;
+        })
+        .catch(err => {
+          this.loading.close();
+          if (err.message && err.message !== 'canceled') {
+            this.$message.error(err.message);
+          }
+        });
+    }
+  }
+};
+</script>
+
+<style></style>

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

@@ -0,0 +1,311 @@
+<template>
+  <el-collapse v-model="activeNames" accordion>
+    <el-collapse-item title="预设节点信息（折叠不作处理）" name="1">
+      <div v-for="(item, index) of newPresetList" :key="index">
+        <el-form-item prop="flow" :label="`➤ 节点${index + 1}`">
+          <el-select
+            v-model="item.name"
+            @change="changePreset($event, null, index)"
+          >
+            <el-option
+              v-for="items in item.option"
+              :key="items.nodeId"
+              :label="items.nodeName"
+              :value="items.nodeId"
+            ></el-option>
+          </el-select>
+        </el-form-item>
+        <el-form-item v-if="item.name != 'endEvent'" prop="user" label="办理人">
+          <SelectUser
+            ref="selectUser"
+            :showUser="true"
+            :nextUser="item.nextUser"
+            :radioList="item.radioList"
+            :multiple="item.multiple"
+            :isCustomUser="item.isCustomUser"
+            :options="item.options"
+            :presetEdit="item.presetEdit"
+            :selectUserList="item.selectUserList"
+            @change="changePresetUser($event, index)"
+            :types="['employee', 'persongroup']"
+            :params="item.params"
+          />
+        </el-form-item>
+      </div>
+    </el-collapse-item>
+  </el-collapse>
+</template>
+
+<script>
+import { getNodeInfo, getPresetCustomInfo } from 'eoss-ui/src/config/api';
+import SelectUser from '../selectUser.vue';
+import util from 'eoss-ui/src/utils/util';
+export default {
+  name: 'CustomPreset',
+  components: {
+    [SelectUser.name]: SelectUser
+  },
+  data() {
+    return {
+      activeNames: '',
+      newProcessDefinitionId: '',
+      newPresetList: []
+    };
+  },
+  props: {
+    presetList: {
+      type: Array,
+      default: () => []
+    },
+    processDefinitionId: {
+      type: String,
+      default: ''
+    },
+    id: {
+      type: String,
+      default: ''
+    },
+    nextNode: {
+      type: String,
+      default: ''
+    }
+  },
+  watch: {
+    activeNames(val) {
+      this.$emit('changeActiveNames', val);
+    },
+    processDefinitionId: {
+      handler(val) {
+        this.newProcessDefinitionId = val;
+      },
+      deep: true,
+      immediate: true
+    }
+  },
+  methods: {
+    changePreset(nodeId, processDefinitionId, index) {
+      this.newPresetList.splice(index + 1);
+
+      if (nodeId === 'endEvent' || nodeId == 1) {
+        this.newPresetList[index].options = [];
+        this.newPresetList[index].selectUserList = [];
+        this.newPresetList[index].params = {};
+        this.newPresetList[index].radioList = [];
+        this.newPresetList[index].nextUser = [];
+        return;
+      }
+      this.$emit('loadingStart');
+      this.show = false;
+      this.getPresetFlowInfo(nodeId, processDefinitionId);
+      // return
+      this.getNodeInfos(nodeId, processDefinitionId, index);
+    },
+    getNodeInfos(nodeId, processDefinitionId, index) {
+      let params = {
+        processDefinitionId: processDefinitionId
+          ? processDefinitionId
+          : this.newProcessDefinitionId,
+        nextNodeId: nodeId,
+        businessId: this.id
+      };
+      util
+        .ajax({ url: getNodeInfo, params })
+        .then(res => {
+          const {
+            status,
+            message,
+            data: { nextUserList, nodeExtAttr }
+          } = res;
+          if (status === 'success') {
+            let info = this.newPresetList[index];
+            const { multiple, params } = this.isMultiple(
+              nodeExtAttr.userSelectionType
+            );
+            info.isCustomUser = nodeExtAttr.isCustomUser;
+            info.multiple = multiple;
+            info.params = params;
+            info.nextUser = [];
+            info.options = [];
+            info.selectUserList = [];
+            info.presetEdit = 0;
+            info.presetEdit = nodeExtAttr.presetEdit;
+            info.isDefSelectedObj = nodeExtAttr.isDefSelectedObj;
+            nextUserList.map(item => {
+              if (info.multiple && info.isDefSelectedObj == 1) {
+                info.nextUser.push(item.userId);
+                info.selectUserList.push({
+                  showname: item.username,
+                  showid: item.userId
+                });
+              }
+              info.options.push({
+                showname: item.username,
+                showid: item.userId
+              });
+            });
+            if (
+              !info.multiple &&
+              nextUserList.length > 0 &&
+              info.isDefSelectedObj == 1
+            ) {
+              info.nextUser = nextUserList[0].userId;
+              info.selectUserList.push({
+                showname: nextUserList[0].username,
+                showid: nextUserList[0].userId
+              });
+            }
+
+            if (!info.multiple && info.isDefSelectedObj != 1)
+              info.nextUser = '';
+
+            info.radioList = info.options;
+            this.changeSelectData();
+          } else {
+            this.$message.error(message || '系统错误，请联系管理员！');
+          }
+          this.$emit('loadingEnd');
+          nodeId &&
+            setTimeout(() => {
+              this.$refs.selectUser[index].changeInfo(
+                this.newPresetList[index]
+              );
+            }, 500);
+        })
+        .catch(err => {
+          if (err.message && err.message !== 'canceled') {
+            this.$message.error(err.message);
+          }
+        });
+    },
+    isMultiple(val, choiceOrgId, choiceDeptId, pOrgId) {
+      let multiple = false;
+      let params = {};
+      if (val == 2 || val == 4 || val == 6 || val == 16) {
+        multiple = true;
+      }
+      if (val == 1 || val == 2 || val == 5) {
+        params.filid = util.getStorage('orgId');
+        params.only_filid = true;
+        if (choiceOrgId) {
+          params.filid = choiceOrgId;
+        }
+      }
+      if (val == 5 || val == 6) {
+        params.filid = util.getStorage('orgId');
+        params.deptid = util.getStorage('orgId');
+        if (choiceDeptId) {
+          params.deptid = choiceDeptId;
+        }
+        if (choiceOrgId) {
+          params.filid = choiceOrgId;
+        }
+      }
+      if (val == 15 || val == 16) {
+        params.filid = util.getStorage('orgId');
+        if (pOrgId) {
+          params.filid = pOrgId;
+        }
+      }
+      return { multiple, params };
+    },
+    getPresetFlowInfo(nodeId, processDefinitionId, isNoStart) {
+      isNoStart && (this.newPresetList = []);
+      let params = {
+        url: getPresetCustomInfo,
+        params: {
+          nodeId: nodeId,
+          processDefinitionId: processDefinitionId
+            ? processDefinitionId
+            : this.newProcessDefinitionId
+        },
+        method: 'post'
+      };
+      util
+        .ajax(params)
+        .then(res => {
+          const { status, data } = res;
+          if (status === 'success') {
+            let list = [
+              {
+                nodeName: '请选择',
+                nodeId: '1',
+                value: '',
+                options: [],
+                multiple: false,
+                selectUserList: [],
+                isCustomUser: 1,
+                params: {},
+                radioList: []
+              }
+            ];
+            for (let key in data) {
+              list.push({
+                nodeName: data[key],
+                nodeId: key,
+                options: [],
+                multiple: false,
+                selectUserList: [],
+                isCustomUser: 1,
+                params: {},
+                radioList: []
+              });
+              if (key === 'endEvent') {
+                list.splice(0, 1);
+              }
+            }
+            let lastName = '';
+            if (this.newPresetList.length == 0) {
+              lastName = this.nextNode;
+            } else {
+              lastName = this.newPresetList[this.newPresetList.length - 1].name;
+            }
+            this.newPresetList.push({
+              name: '',
+              value: '',
+              option: list,
+              lastName,
+              sequence: this.newPresetList.length + 1 + ''
+            });
+            if (
+              this.newPresetList[this.newPresetList.length - 1].option[0]
+                .nodeId === 'endEvent'
+            ) {
+              this.newPresetList[this.newPresetList.length - 1].name =
+                'endEvent';
+            }
+          }
+        })
+        .catch(err => {
+          if (err.message && err.message !== 'canceled') {
+            this.$message.error(err.message);
+          }
+        });
+    },
+    changePresetUser(val, index) {
+      const { nextUser, options } = val;
+      this.newPresetList[index].nextUser = nextUser;
+      this.newPresetList[index].selectUserList = options;
+      this.changeSelectData();
+    },
+    changeSelectData() {
+      let customPresetUserJson = [];
+      this.newPresetList.map(item => {
+        customPresetUserJson.push({
+          name: item.name,
+          lastName: item.lastName,
+          value:
+            item.name != 'endEvent'
+              ? item.multiple
+                ? item.nextUser.join(',')
+                : item.nextUser
+              : '',
+          sequence: item.sequence
+        });
+      });
+      this.$emit('changeCustom', customPresetUserJson);
+    }
+  }
+};
+</script>
+
+<style></style>

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

@@ -0,0 +1,97 @@
+<template>
+  <div class="file">
+    <es-upload
+      ref="upload"
+      v-bind="attrs"
+      :param="param"
+      :before-remove="delFile"
+      :auto-upload="true"
+      :ownId="ownId"
+      :code="code"
+      :disabled="disabled"
+      :deleted="deleted"
+      :on-success="successFile"
+    >
+    </es-upload>
+  </div>
+</template>
+
+<script>
+import { delAdjunct } from 'eoss-ui/src/config/api.js';
+import util from 'eoss-ui/src/utils/util';
+export default {
+  name: 'FileList',
+  data() {
+    return {
+      attrs: {
+        //autoUpload: false,
+        preview: true,
+        download: true,
+        dragSort: true
+      },
+      param: {
+        userName: util.getStorage('userName')
+      }
+    };
+  },
+  props: {
+    ownId: {
+      type: String,
+      default: ''
+    },
+    code: {
+      type: String,
+      default: ''
+    },
+    fileUrl: {
+      type: String,
+      default: ''
+    },
+    deleted: {
+      type: Boolean,
+      default: true
+    },
+    disabled: {
+      type: Boolean,
+      default: false
+    }
+  },
+  mounted() {
+    this.$refs.upload;
+  },
+  methods: {
+    successFile(response, file, fileList) {
+      this.$emit('changeFileNum', fileList.length);
+    },
+    //删除附件
+    delFile(file, fileList) {
+      let userName =
+        file.userName ||
+        (file.response && file.response.userName) ||
+        util.getStorage('userName');
+      let params = {
+        url: delAdjunct,
+        params: { userName, id: file.adjunctId || file.response.adjunctId }
+      };
+      util
+        .ajax(params)
+        .then(res => {
+          const { rCode, msg } = res;
+          if (rCode == 0) {
+            this.$message.success('删除成功');
+            this.$emit('changeFileNum', fileList.length);
+          } else {
+            this.$message.error(msg || '系统错误，请联系管理员！');
+          }
+        })
+        .catch(err => {
+          if (err.message && err.message !== 'canceled') {
+            this.$message.error(err.message);
+          }
+        });
+    }
+  }
+};
+</script>
+
+<style></style>