eoss-ui 0.3.97

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

@@ -0,0 +1,253 @@
+<template>
+  <el-collapse v-model="parserActive" accordion>
+    <el-collapse-item title="预设办理人信息" name="1">
+      <div v-for="(item, index) of nodeList" :key="index">
+        <el-form-item prop="flow" :label="`➤ 节点`">
+          <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 { getPresetNodeInfo } from 'eoss-ui/src/config/api';
+import SelectUser from '../selectUser.vue';
+import util from 'eoss-ui/src/utils/util';
+export default {
+  name: 'Parser',
+  components: {
+    [SelectUser.name]: SelectUser
+  },
+  data() {
+    return {
+      nodeList: [],
+      nextNodeId: '',
+      parserActive: ''
+    };
+  },
+  props: {
+    processDefinitionId: {
+      type: String,
+      default: ''
+    },
+    presetTaskNodeKeyStr: {
+      type: String,
+      default: ''
+    },
+    presetTaskNodeMap: {
+      type: Object,
+      default: () => {}
+    },
+    pendingId: {
+      type: String,
+      default: ''
+    },
+    businessId: {
+      type: String,
+      default: ''
+    },
+    nodeId: {
+      type: String,
+      default: ''
+    }
+  },
+  watch: {
+    presetTaskNodeKeyStr: {
+      handler(val) {
+        this.getNodeList();
+      },
+      deep: true,
+      immediate: true
+    },
+    parserActive: {
+      handler(val) {
+        if (val === '1') {
+          this.getNodeUser();
+        }
+      },
+      deep: true,
+      immediate: true
+    }
+  },
+  methods: {
+    changeSelectData() {
+      let presetUserJson = [];
+      this.nodeList.map(item => {
+        presetUserJson.push({
+          name: item.name,
+          value: item.multiple ? item.nextUser.join(',') : item.nextUser
+        });
+      });
+      this.$emit('changePreset', presetUserJson);
+    },
+    changePresetUser(val, index) {
+      const { nextUser } = val;
+      this.nodeList[index].nextUser = nextUser;
+      this.changeSelectData();
+    },
+    getNodeList() {
+      for (let key in this.presetTaskNodeMap) {
+        this.nextNodeId = this.nextNodeId
+          ? this.nextNodeId + ',' + key
+          : this.nextNodeId + key;
+        this.nodeList.push({
+          name: key,
+          option: [{ nodeId: key, nodeName: this.presetTaskNodeMap[key] }]
+        });
+      }
+    },
+    getNodeUser() {
+      this.$emit('loadingStart');
+      const {
+        nextNodeId,
+        processDefinitionId,
+        businessId,
+        pendingId,
+        nodeId
+      } = this;
+      let params = {
+        url: getPresetNodeInfo,
+        params: {
+          nextNodeId,
+          processDefinitionId,
+          businessId,
+          pendingId,
+          nodeId
+        },
+        method: 'post'
+      };
+      util
+        .ajax(params)
+        .then(res => {
+          const { status, message, data } = res;
+          if (status == 'success') {
+            if (data) {
+              this.nodeList.map(item => {
+                for (let key in data) {
+                  if (item.name === key) {
+                    item.configInfo = data[key];
+                  }
+                }
+              });
+              this.getConfig();
+            }
+          } else {
+            this.$message.error(message || '系统错误，请联系管理员！');
+          }
+        })
+        .catch(err => {
+          if (err.message && err.message !== 'canceled') {
+            this.$message.error(err.message);
+          }
+        });
+    },
+    getConfig() {
+      this.nodeList = this.nodeList.filter(
+        item => item.name.indexOf(this.nodeId) == -1
+      );
+      this.nodeList.map((item, index) => {
+        const { multiple, params } = this.isMultiple(
+          item.configInfo.nodeExtAttr.userSelectionType
+        );
+        item.multiple = multiple;
+        item.params = params;
+        item.presetEdit = item.configInfo.nodeExtAttr.presetEdit;
+        item.nextUser = [];
+        item.options = [];
+        item.radioList = [];
+        item.selectUserList = [];
+        item.isDefSelectedObj = item.configInfo.nodeExtAttr.isDefSelectedObj;
+        item.configInfo.nextUserList.map(items => {
+          if (item.multiple && item.isDefSelectedObj == 1) {
+            item.nextUser.push(items.userId);
+            item.selectUserList.push({
+              showname: items.username,
+              showid: items.userId
+            });
+          }
+          item.options.push({
+            showname: items.username,
+            showid: items.userId
+          });
+        });
+        if (
+          !item.multiple &&
+          item.configInfo.nextUserList.length > 0 &&
+          item.isDefSelectedObj == 1
+        ) {
+          item.nextUser = item.configInfo.nextUserList[0].userId;
+          item.selectUserList.push({
+            showname: item.configInfo.nextUserList[0].username,
+            showid: item.configInfo.nextUserList[0].userId
+          });
+        }
+        if (!item.multiple && item.isDefSelectedObj != 1) item.nextUser = '';
+        item.presetEdit != 0 && (item.radioList = item.options);
+        this.$refs.selectUser[index].changeInfo(item);
+      });
+      this.changeSelectData();
+      this.$emit('loadingEnd');
+    },
+    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 };
+    }
+  }
+};
+</script>
+
+<style></style>

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

@@ -0,0 +1,221 @@
+<template>
+  <div v-loading="loading">
+    <el-form
+      ref="sendForm"
+      :model="sendInfo"
+      class="demo-dynamic"
+      label-width="110px"
+    >
+      <el-form-item prop="nodeName" label="标题">
+        <div>{{ sendInfo.title }}</div>
+      </el-form-item>
+      <el-form-item
+        prop="notificationType"
+        label="通知方式"
+        :rules="[
+          { required: true, message: `请选择通知方式`, trigger: 'blur' }
+        ]"
+      >
+        <el-checkbox-group v-model="sendInfo.notificationType">
+          <el-checkbox
+            v-for="item of notificationList"
+            :key="item.cciValue"
+            :label="item.cciValue"
+          >
+            {{ item.shortName }}
+          </el-checkbox>
+        </el-checkbox-group>
+      </el-form-item>
+      <el-form-item prop="nextNode" label="通知消息">
+        <el-input
+          type="textarea"
+          :rows="2"
+          v-model="sendInfo.notificationMsg"
+        />
+      </el-form-item>
+      <el-table
+        ref="multipleTable"
+        :data="sendTable"
+        tooltip-effect="dark"
+        style="width: 100%"
+        height="250"
+        :cell-class-name="cellcb"
+        @selection-change="handleSelectionChange"
+      >
+        <el-table-column type="selection" width="55"> </el-table-column>
+        <el-table-column type="index" label="序号" width="50">
+        </el-table-column>
+        <el-table-column prop="userid" label="经办人" width="120">
+        </el-table-column>
+        <el-table-column prop="itemname" label="步骤" show-overflow-tooltip>
+        </el-table-column>
+        <el-table-column label="状态" show-overflow-tooltip>
+          <template slot-scope="scope"
+            ><span
+              :style="
+                `${
+                  scope.row.pendstate == 0
+                    ? 'color:red'
+                    : scope.row.pendstate == 1
+                    ? 'color:green'
+                    : ''
+                }`
+              "
+              >{{ scope.row.querykeywords }}</span
+            ></template
+          >
+        </el-table-column>
+        <el-table-column label="日期">
+          <template slot-scope="scope">{{
+            scope.row.statechangetime | date
+          }}</template>
+        </el-table-column>
+      </el-table>
+      <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 util from 'eoss-ui/src/utils/util.js';
+import { toSendMsg, sendMsg } from 'eoss-ui/src/config/api.js';
+export default {
+  name: 'SendMsg',
+  data() {
+    return {
+      sendInfo: {
+        title: '',
+        notificationType: ['0', '3'],
+        notificationMsg: ''
+      },
+      appId: '',
+      loading: false,
+      pendHistoryIds: '',
+      notificationList: [],
+      sendTable: []
+    };
+  },
+  props: {
+    newsList: {
+      type: Array,
+      default: () => []
+    }
+  },
+  mounted() {
+    this.getSendMsg();
+    this.notificationList = JSON.parse(JSON.stringify(this.newsList));
+  },
+  filters: {
+    date(val) {
+      return util.formatDate(val, 'yyyy-MM-dd HH:mm');
+    }
+  },
+  methods: {
+    subMit() {
+      this.loading = true;
+      const {
+        pendHistoryIds,
+        appId,
+        sendInfo: { notificationMsg, notificationType }
+      } = this;
+      const params = {
+        url: sendMsg,
+        headers: { Accept: 'application/json,text/plain' },
+        method: 'post',
+        data: {
+          pendHistoryIds,
+          appId,
+          notificationMsg,
+          notificationType: notificationType.join(',')
+        }
+      };
+      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);
+          }
+        });
+    },
+    quit(val) {
+      if (val === true) return this.$emit('cancel', val);
+      this.$emit('cancel');
+    },
+    cellcb(row) {
+      if (row.row.pendstate != 2) {
+        return 'no-checked';
+      }
+    },
+    checkList() {
+      this.$nextTick(() => {
+        let rows = this.sendTable.filter(
+          (item, index) => item.pendstate == 2 && index == 0
+        );
+        rows.forEach(row => {
+          this.$refs.multipleTable.toggleRowSelection(row);
+        });
+      });
+    },
+    handleSelectionChange(val) {
+      let ids = val.map(item => {
+        if (item.pendstate == 2) {
+          return item.id;
+        }
+      });
+      this.pendHistoryIds = ids.join(',');
+    },
+    getSendMsg() {
+      this.loading = true;
+      util
+        .ajax({
+          url: toSendMsg,
+          params: { pendingId: this.$attrs.pendingId }
+        })
+        .then(res => {
+          const {
+            status,
+            message,
+            data: { title, wfHistoryList, appId }
+          } = res;
+          this.loading = false;
+          if (status === 'success') {
+            this.sendInfo.title = title;
+            this.appId = appId;
+            this.sendTable = wfHistoryList;
+            this.checkList();
+          } 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/component/TimeLimit.vue

@@ -0,0 +1,190 @@
+<template>
+  <div class="time-limit">
+    <el-form-item prop="isLimitedTime" label="是否限时办理">
+      <el-radio-group v-model="isLimitedTime">
+        <el-radio label="1">是</el-radio>
+        <el-radio label="2">否</el-radio>
+      </el-radio-group>
+    </el-form-item>
+    <div v-show="isLimitedTime == '1'">
+      <el-form-item prop="isLimitedTime" label="限时办理时间">
+        <div  style="display:flex;">
+          <div style="width:48%">
+            <es-input-number
+              v-model="limitedTimeDay"
+              type="number"
+              style="width:80%;margin-right:10px"
+              :controls="false"
+              @change="changeInfo"
+              placeholder="请输入限时天数"
+            />天
+          </div>
+          <div style="width:45%">
+            <es-select
+              style="width:80% !important;margin-right:10px"
+              v-model="limitedTimeHour"
+              placeholder="请选择限时时长"
+              :data="options"
+              @change="changeInfo"
+            />时
+          </div>
+        </div>
+      </el-form-item>
+      <el-form-item prop="isLimitedTime" label="提前通知时间">
+           <div  style="display:flex;">
+          <div style="width:48%">
+            <es-input-number
+              v-model="advanceNoticeDay"
+              type="number"
+              style="width:80%;margin-right:10px"
+              :controls="false"
+              @change="changeInfo"
+              placeholder="请输入提前通知天数"
+            />天
+          </div>
+          <div style="width:45%">
+            <es-select
+              style="width:80% !important;margin-right:10px"
+              v-model="advanceNoticeHour"
+              @change="changeInfo"
+              placeholder="请选择提前通知时长"
+              :data="options"
+            />时
+          </div>
+        </div> </el-form-item>
+      <el-form-item prop="isLimitedTime" label="催办通知方式">
+        <el-checkbox-group v-model="advanceNoticeType" @change="changeInfo">
+          <el-checkbox
+            v-for="item of $attrs.newsList"
+            :key="item.cciValue"
+            :label="item.cciValue"
+          >
+            {{ item.shortName }}
+          </el-checkbox>
+        </el-checkbox-group>
+      </el-form-item>
+    </div>
+  </div>
+</template>
+
+<script>
+export default {
+  name: 'TimeLimit',
+  data() {
+    return {
+      isLimitedTime: '2', //是否限时办理
+        limitedTimeDay: '',
+        limitedTimeHour:'',
+        advanceNoticeDay:'',
+     advanceNoticeHour:'',
+      advanceNoticeType: [], //催办通知方式
+      options: [
+        {
+          value: '0',
+          label: '0'
+        },
+        {
+          value: '1',
+          label: '1'
+        },
+        {
+          value: '2',
+          label: '2'
+        },
+        {
+          value: '3',
+          label: '3'
+        },
+        {
+          value: '4',
+          label: '4'
+        },
+        {
+          value: '5',
+          label: '5'
+        },
+        {
+          value: '6',
+          label: '6'
+        },
+        {
+          value: '7',
+          label: '7'
+        },
+        {
+          value: '8',
+          label: '8'
+        },
+        {
+          value: '9',
+          label: '9'
+        },
+        {
+          value: '10',
+          label: '10'
+        },
+        {
+          value: '11',
+          label: '11'
+        },
+        {
+          value: '12',
+          label: '12'
+        },
+        {
+          value: '13',
+          label: '13'
+        },
+        {
+          value: '14',
+          label: '14'
+        },
+        {
+          value: '15',
+          label: '15'
+        },
+        {
+          value: '16',
+          label: '16'
+        },
+        {
+          value: '17',
+          label: '17'
+        },
+        {
+          value: '18',
+          label: '18'
+        },
+        {
+          value: '19',
+          label: '19'
+        },
+        {
+          value: '20',
+          label: '20'
+        },
+        {
+          value: '21',
+          label: '21'
+        },
+        {
+          value: '22',
+          label: '22'
+        },
+        {
+          value: '23',
+          label: '23'
+        }
+      ]
+    };
+  },
+  methods:{
+    changeInfo(){
+      const {isLimitedTime,limitedTimeDay,limitedTimeHour,advanceNoticeDay,advanceNoticeHour,advanceNoticeType} = this
+      this.$emit('change',{isLimitedTime,limitedTimeDay,limitedTimeHour,advanceNoticeDay,advanceNoticeHour,advanceNoticeType:advanceNoticeType.join(',')})
+    },
+  }
+};
+</script>
+
+<style></style>