|
|
@@ -1,874 +1,836 @@
|
|
|
<template>
|
|
|
- <el-dialog
|
|
|
- :title="title"
|
|
|
- :visible.sync="dialogVisible"
|
|
|
- :close-on-click-modal="false"
|
|
|
- :close-on-press-escape="false"
|
|
|
- append-to-body
|
|
|
- class="bpmn-agent-dialog"
|
|
|
- width="60%"
|
|
|
- top="10vh"
|
|
|
- @open="getFormData"
|
|
|
- @close="closeDialog"
|
|
|
- >
|
|
|
- <div style="padding: 15px">
|
|
|
- <el-form
|
|
|
- ref="agentForm"
|
|
|
- v-loading="dialogLoading"
|
|
|
- class="bpmnForm"
|
|
|
- :element-loading-text="$t('common.loading')"
|
|
|
- :model="bpmAgent"
|
|
|
- :rules="rules"
|
|
|
- :label-width="formLabelWidth"
|
|
|
- label-position="left"
|
|
|
- @submit.native.prevent
|
|
|
- >
|
|
|
- <el-row v-if="srcList.length > 0">
|
|
|
- <el-col :span="24">
|
|
|
- <el-form-item label="代理人参考图片：">
|
|
|
- <div class="imageListClass">
|
|
|
- <div
|
|
|
- v-for="(item, index) in srcList"
|
|
|
- :key="index"
|
|
|
- >
|
|
|
- <el-image
|
|
|
- :src="item"
|
|
|
- class="sinImageList"
|
|
|
- :preview-src-list="srcList"
|
|
|
- />
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- </el-form-item>
|
|
|
- </el-col>
|
|
|
- </el-row>
|
|
|
-
|
|
|
- <el-row>
|
|
|
- <el-col :span="24">
|
|
|
- <el-form-item label="标题：" prop="title">
|
|
|
- <el-input
|
|
|
- v-if="!readonly"
|
|
|
- v-model="bpmAgent.title"
|
|
|
- placeholder="请输入标题"
|
|
|
- />
|
|
|
- <span v-else>{{ bpmAgent.title }}</span>
|
|
|
- </el-form-item>
|
|
|
- </el-col>
|
|
|
- </el-row>
|
|
|
+ <el-dialog
|
|
|
+ :title="title"
|
|
|
+ :visible.sync="dialogVisible"
|
|
|
+ :close-on-click-modal="false"
|
|
|
+ :close-on-press-escape="false"
|
|
|
+ append-to-body
|
|
|
+ class="bpmn-agent-dialog"
|
|
|
+ width="60%"
|
|
|
+ top="10vh"
|
|
|
+ @open="getFormData"
|
|
|
+ @close="closeDialog"
|
|
|
+ >
|
|
|
+ <div style="padding: 15px">
|
|
|
+ <el-form
|
|
|
+ ref="agentForm"
|
|
|
+ v-loading="dialogLoading"
|
|
|
+ class="bpmnForm"
|
|
|
+ :element-loading-text="$t('common.loading')"
|
|
|
+ :model="bpmAgent"
|
|
|
+ :rules="rules"
|
|
|
+ :label-width="formLabelWidth"
|
|
|
+ label-position="left"
|
|
|
+ @submit.native.prevent
|
|
|
+ >
|
|
|
+ <el-row v-if="srcList.length > 0">
|
|
|
+ <el-col :span="24">
|
|
|
+ <el-form-item label="代理人参考图片：">
|
|
|
+ <div class="imageListClass">
|
|
|
+ <div v-for="(item, index) in srcList" :key="index">
|
|
|
+ <el-image
|
|
|
+ :src="item"
|
|
|
+ class="sinImageList"
|
|
|
+ :preview-src-list="srcList"
|
|
|
+ />
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+ </el-row>
|
|
|
|
|
|
- <el-row :gutter="20">
|
|
|
- <el-col :span="12">
|
|
|
- <el-form-item label="生效时间：" prop="effectiveTime">
|
|
|
- <el-date-picker
|
|
|
- v-if="!readonly"
|
|
|
- v-model="bpmAgent.effectiveTime"
|
|
|
- class="time"
|
|
|
- type="date"
|
|
|
- value-format="yyyy-MM-dd"
|
|
|
- placeholder="请选择生效时间"
|
|
|
- />
|
|
|
- <span v-else>{{ bpmAgent.effectiveTime }}</span>
|
|
|
- </el-form-item>
|
|
|
- </el-col>
|
|
|
- <el-col :span="12">
|
|
|
- <el-form-item label="失效时间：" prop="expiryTime">
|
|
|
- <el-date-picker
|
|
|
- v-if="!readonly"
|
|
|
- v-model="bpmAgent.expiryTime"
|
|
|
- class="time"
|
|
|
- type="date"
|
|
|
- value-format="yyyy-MM-dd"
|
|
|
- placeholder="请选择失效时间"
|
|
|
- />
|
|
|
- <span v-else>{{ bpmAgent.expiryTime }}</span>
|
|
|
- </el-form-item>
|
|
|
- </el-col>
|
|
|
- </el-row>
|
|
|
- <el-row :gutter="20">
|
|
|
- <el-col :span="12">
|
|
|
- <el-form-item label="是否启用：" prop="isEnabled">
|
|
|
- <el-switch
|
|
|
- v-if="!readonly"
|
|
|
- v-model="bpmAgent.isEnabled"
|
|
|
- active-value="enabled"
|
|
|
- inactive-value="disabled"
|
|
|
- />
|
|
|
- <el-tag
|
|
|
- v-else
|
|
|
- :type="
|
|
|
- bpmAgent.isEnabled
|
|
|
- | optionsFilter(statusOptions, 'type')
|
|
|
- "
|
|
|
- >{{
|
|
|
- bpmAgent.isEnabled
|
|
|
- | optionsFilter(statusOptions, "label")
|
|
|
- }}</el-tag>
|
|
|
- </el-form-item>
|
|
|
- </el-col>
|
|
|
- </el-row>
|
|
|
- <el-alert
|
|
|
- title="1、菜单按钮权限的代理"
|
|
|
- type="success"
|
|
|
- :closable="false"
|
|
|
- />
|
|
|
- <el-row :gutter="20">
|
|
|
- <el-col :span="12">
|
|
|
- <el-form-item label="委托人：" prop="delegatorId">
|
|
|
- <ibps-user-selector
|
|
|
- v-if="!readonly"
|
|
|
- v-model="bpmAgent.delegatorId"
|
|
|
- :type="type"
|
|
|
- :filter="filter"
|
|
|
- :multiple="multiple"
|
|
|
- :filtrate="filtrate"
|
|
|
- :store="store"
|
|
|
- :disabled="disabled"
|
|
|
- :readonly-text="readonlyText"
|
|
|
- placeholder="请选择委托人"
|
|
|
- @change-link-data="callbackDelegatorrInfo"
|
|
|
- />
|
|
|
- <span v-else>{{ bpmAgent.delegatorName }}</span>
|
|
|
- </el-form-item>
|
|
|
- </el-col>
|
|
|
- <el-col :span="12">
|
|
|
- <el-form-item
|
|
|
- v-if="
|
|
|
- bpmAgent.agentType === 'all' ||
|
|
|
- bpmAgent.agentType === 'part'
|
|
|
- "
|
|
|
- label="代理人："
|
|
|
- prop="agenterId"
|
|
|
- >
|
|
|
- <ibps-user-selector
|
|
|
- v-if="!readonly"
|
|
|
- v-model="bpmAgent.agenterId"
|
|
|
- :type="type"
|
|
|
- :filter="filter"
|
|
|
- :multiple="multiple"
|
|
|
- :filtrate="filtrate"
|
|
|
- :store="store"
|
|
|
- :disabled="disabled"
|
|
|
- :readonly-text="readonlyText"
|
|
|
- placeholder="请选择代理人"
|
|
|
- @change-link-data="callbackAgenterInfo"
|
|
|
- />
|
|
|
- <span v-else>{{ bpmAgent.agenterName }}</span>
|
|
|
- </el-form-item>
|
|
|
- </el-col>
|
|
|
- </el-row>
|
|
|
- <el-row :gutter="20">
|
|
|
- <el-col :span="24">
|
|
|
- <el-form-item
|
|
|
- prop="bpmAgentRoleList"
|
|
|
- >
|
|
|
- <template slot="label">
|
|
|
- 委托人角色
|
|
|
- <help-tip
|
|
|
- :title="formAsterisk.title"
|
|
|
- :content="formAsterisk.content"
|
|
|
- />：
|
|
|
- </template>
|
|
|
- <el-checkbox-group
|
|
|
- v-if="!readonly"
|
|
|
- v-model="bpmAgent.bpmAgentRoleList"
|
|
|
- >
|
|
|
- <el-checkbox
|
|
|
- v-for="item in roleList"
|
|
|
- :key="item.id"
|
|
|
- :label="item.id"
|
|
|
- >{{ item.name }}</el-checkbox>
|
|
|
- </el-checkbox-group>
|
|
|
- <span v-else>{{
|
|
|
- getWeiTuoName(
|
|
|
- bpmAgent.bpmAgentRoleList,
|
|
|
- roleList
|
|
|
- )
|
|
|
- }}</span>
|
|
|
- </el-form-item>
|
|
|
- </el-col>
|
|
|
- </el-row>
|
|
|
- <el-row>
|
|
|
- <el-col :span="24">
|
|
|
- <el-form-item label="代理人角色：">
|
|
|
- <span>{{ daiRoleName }}</span>
|
|
|
- </el-form-item>
|
|
|
- </el-col>
|
|
|
- </el-row>
|
|
|
- <el-alert
|
|
|
- title="2、流程数据扭转的代理"
|
|
|
- type="success"
|
|
|
- :closable="false"
|
|
|
- />
|
|
|
- <!-- 全部代理 || 部分代理 -->
|
|
|
- <el-row :gutter="20">
|
|
|
- <el-col :span="24" col>
|
|
|
- <el-form-item label="代理类型：" prop="agentType">
|
|
|
- <el-radio-group
|
|
|
- v-if="!readonly"
|
|
|
- v-model="bpmAgent.agentType"
|
|
|
- >
|
|
|
- <el-radio
|
|
|
- v-for="option in agentTypeOptions"
|
|
|
- :key="option.value"
|
|
|
- :label="option.value"
|
|
|
- >{{ option.label }}</el-radio>
|
|
|
- </el-radio-group>
|
|
|
- <el-tag
|
|
|
- v-else
|
|
|
- :type="
|
|
|
- bpmAgent.agentType
|
|
|
- | optionsFilter(
|
|
|
- agentTypeOptions,
|
|
|
- 'type'
|
|
|
- )
|
|
|
- "
|
|
|
- >{{
|
|
|
- bpmAgent.agentType
|
|
|
- | optionsFilter(
|
|
|
- agentTypeOptions,
|
|
|
- "label"
|
|
|
- )
|
|
|
- }}</el-tag>
|
|
|
- </el-form-item>
|
|
|
- </el-col>
|
|
|
- </el-row>
|
|
|
+ <el-row>
|
|
|
+ <el-col :span="24">
|
|
|
+ <el-form-item label="标题：" prop="title">
|
|
|
+ <el-input
|
|
|
+ v-if="!readonly"
|
|
|
+ v-model="bpmAgent.title"
|
|
|
+ placeholder="请输入标题"
|
|
|
+ />
|
|
|
+ <span v-else>{{ bpmAgent.title }}</span>
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+ </el-row>
|
|
|
|
|
|
- <div v-if="bpmAgent.agentType === 'part'">
|
|
|
- <el-form-item label="流程定义">
|
|
|
- <div v-if="!readonly" class="dialog-right">
|
|
|
- <bpm-definition-selector
|
|
|
- button
|
|
|
- multiple
|
|
|
- @callback="updateDefine"
|
|
|
- />
|
|
|
- <el-button
|
|
|
- class="ibps-icon-remove ibps-ml-10"
|
|
|
- type="danger"
|
|
|
- @click="handleAllDelete(multipleSelection)"
|
|
|
- >删除</el-button>
|
|
|
- </div>
|
|
|
- </el-form-item>
|
|
|
- <el-form-item
|
|
|
- v-loading="rowLoading"
|
|
|
- label-width="0px"
|
|
|
- :element-loading-text="$t('common.loading')"
|
|
|
- >
|
|
|
- <el-table
|
|
|
- ref="multipleTable"
|
|
|
- border
|
|
|
- :data="bpmAgent.bpmAgentDefPoList"
|
|
|
- tooltip-effect="dark"
|
|
|
- style="width: 100%"
|
|
|
- @selection-change="handleSelectionChange"
|
|
|
- >
|
|
|
- <el-table-column
|
|
|
- v-if="!readonly"
|
|
|
- type="selection"
|
|
|
- width="45"
|
|
|
- />
|
|
|
- <el-table-column label="流程名称">
|
|
|
- <template slot-scope="scope">{{
|
|
|
- scope.row.procDefName
|
|
|
- ? scope.row.procDefName
|
|
|
- : scope.row.name
|
|
|
- }}</template>
|
|
|
- </el-table-column>
|
|
|
- <el-table-column
|
|
|
- v-if="!readonly"
|
|
|
- label="操作"
|
|
|
- width="55"
|
|
|
- >
|
|
|
- <template slot-scope="scope">
|
|
|
- <el-button
|
|
|
- type="danger"
|
|
|
- icon="el-icon-delete"
|
|
|
- circle
|
|
|
- @click="
|
|
|
- handleDelete(
|
|
|
- scope.$index,
|
|
|
- scope.row
|
|
|
- )
|
|
|
- "
|
|
|
- />
|
|
|
- </template>
|
|
|
- </el-table-column>
|
|
|
- </el-table>
|
|
|
- </el-form-item>
|
|
|
- </div>
|
|
|
+ <el-row :gutter="20">
|
|
|
+ <el-col :span="12">
|
|
|
+ <el-form-item label="生效时间：" prop="effectiveTime">
|
|
|
+ <el-date-picker
|
|
|
+ v-if="!readonly"
|
|
|
+ v-model="bpmAgent.effectiveTime"
|
|
|
+ class="time"
|
|
|
+ type="date"
|
|
|
+ value-format="yyyy-MM-dd"
|
|
|
+ placeholder="请选择生效时间"
|
|
|
+ />
|
|
|
+ <span v-else>{{ bpmAgent.effectiveTime }}</span>
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="12">
|
|
|
+ <el-form-item label="失效时间：" prop="expiryTime">
|
|
|
+ <el-date-picker
|
|
|
+ v-if="!readonly"
|
|
|
+ v-model="bpmAgent.expiryTime"
|
|
|
+ class="time"
|
|
|
+ type="date"
|
|
|
+ value-format="yyyy-MM-dd"
|
|
|
+ placeholder="请选择失效时间"
|
|
|
+ />
|
|
|
+ <span v-else>{{ bpmAgent.expiryTime }}</span>
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+ </el-row>
|
|
|
+ <el-row :gutter="20">
|
|
|
+ <el-col :span="12">
|
|
|
+ <el-form-item label="是否启用：" prop="isEnabled">
|
|
|
+ <el-switch
|
|
|
+ v-if="!readonly"
|
|
|
+ v-model="bpmAgent.isEnabled"
|
|
|
+ active-value="enabled"
|
|
|
+ inactive-value="disabled"
|
|
|
+ />
|
|
|
+ <el-tag
|
|
|
+ v-else
|
|
|
+ :type="
|
|
|
+ bpmAgent.isEnabled | optionsFilter(statusOptions, 'type')
|
|
|
+ "
|
|
|
+ >{{
|
|
|
+ bpmAgent.isEnabled | optionsFilter(statusOptions, "label")
|
|
|
+ }}</el-tag
|
|
|
+ >
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+ </el-row>
|
|
|
+ <el-alert
|
|
|
+ title="1、菜单按钮权限的代理"
|
|
|
+ type="success"
|
|
|
+ :closable="false"
|
|
|
+ />
|
|
|
+ <el-row :gutter="20">
|
|
|
+ <el-col :span="12">
|
|
|
+ <el-form-item label="委托人：" prop="delegatorId">
|
|
|
+ <ibps-user-selector
|
|
|
+ v-if="!readonly"
|
|
|
+ v-model="bpmAgent.delegatorId"
|
|
|
+ :type="type"
|
|
|
+ :filter="filter"
|
|
|
+ :multiple="multiple"
|
|
|
+ :filtrate="filtrate"
|
|
|
+ :store="store"
|
|
|
+ :disabled="delegatorDisabled"
|
|
|
+ :readonly-text="readonlyText"
|
|
|
+ placeholder="请选择委托人"
|
|
|
+ @change-link-data="callbackDelegatorrInfo"
|
|
|
+ />
|
|
|
+ <span v-else>{{ bpmAgent.delegatorName }}</span>
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="12">
|
|
|
+ <el-form-item
|
|
|
+ v-if="
|
|
|
+ bpmAgent.agentType === 'all' || bpmAgent.agentType === 'part'
|
|
|
+ "
|
|
|
+ label="代理人："
|
|
|
+ prop="agenterId"
|
|
|
+ >
|
|
|
+ <ibps-user-selector
|
|
|
+ v-if="!readonly"
|
|
|
+ v-model="bpmAgent.agenterId"
|
|
|
+ :type="type"
|
|
|
+ :filter="filter"
|
|
|
+ :multiple="multiple"
|
|
|
+ :filtrate="filtrate"
|
|
|
+ :store="store"
|
|
|
+ :disabled="disabled"
|
|
|
+ :readonly-text="readonlyText"
|
|
|
+ placeholder="请选择代理人"
|
|
|
+ @change-link-data="callbackAgenterInfo"
|
|
|
+ />
|
|
|
+ <span v-else>{{ bpmAgent.agenterName }}</span>
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+ </el-row>
|
|
|
+ <el-row :gutter="20">
|
|
|
+ <el-col :span="24">
|
|
|
+ <el-form-item prop="bpmAgentRoleList">
|
|
|
+ <template slot="label">
|
|
|
+ 委托人角色
|
|
|
+ <help-tip
|
|
|
+ :title="formAsterisk.title"
|
|
|
+ :content="formAsterisk.content"
|
|
|
+ />：
|
|
|
+ </template>
|
|
|
+ <el-checkbox-group
|
|
|
+ v-if="!readonly"
|
|
|
+ v-model="bpmAgent.bpmAgentRoleList"
|
|
|
+ >
|
|
|
+ <el-checkbox
|
|
|
+ v-for="item in roleList"
|
|
|
+ :key="item.id"
|
|
|
+ :label="item.id"
|
|
|
+ >{{ item.name }}</el-checkbox
|
|
|
+ >
|
|
|
+ </el-checkbox-group>
|
|
|
+ <span v-else>{{
|
|
|
+ getWeiTuoName(bpmAgent.bpmAgentRoleList, roleList)
|
|
|
+ }}</span>
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+ </el-row>
|
|
|
+ <el-row>
|
|
|
+ <el-col :span="24">
|
|
|
+ <el-form-item label="代理人角色：">
|
|
|
+ <span>{{ daiRoleName }}</span>
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+ </el-row>
|
|
|
+ <el-alert
|
|
|
+ title="2、流程数据扭转的代理"
|
|
|
+ type="success"
|
|
|
+ :closable="false"
|
|
|
+ />
|
|
|
+ <!-- 全部代理 || 部分代理 -->
|
|
|
+ <el-row :gutter="20">
|
|
|
+ <el-col :span="24" col>
|
|
|
+ <el-form-item label="代理类型：" prop="agentType">
|
|
|
+ <el-radio-group v-if="!readonly" v-model="bpmAgent.agentType">
|
|
|
+ <el-radio
|
|
|
+ v-for="option in agentTypeOptions"
|
|
|
+ :key="option.value"
|
|
|
+ :label="option.value"
|
|
|
+ >{{ option.label }}</el-radio
|
|
|
+ >
|
|
|
+ </el-radio-group>
|
|
|
+ <el-tag
|
|
|
+ v-else
|
|
|
+ :type="
|
|
|
+ bpmAgent.agentType | optionsFilter(agentTypeOptions, 'type')
|
|
|
+ "
|
|
|
+ >{{
|
|
|
+ bpmAgent.agentType | optionsFilter(agentTypeOptions, "label")
|
|
|
+ }}</el-tag
|
|
|
+ >
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+ </el-row>
|
|
|
|
|
|
- <!-- 条件代理 -->
|
|
|
- <div v-if="bpmAgent.agentType === 'condition'">
|
|
|
- <el-form-item label="流程名称：">
|
|
|
- <bpm-definition-selector
|
|
|
- v-model="bpmAgent.procDefId"
|
|
|
- :disabled="readonly"
|
|
|
- />
|
|
|
- </el-form-item>
|
|
|
- <el-form-item label="流程代理条件：">
|
|
|
- <div v-if="!readonly" class="dialog-right">
|
|
|
- <el-button
|
|
|
- class="ibps-icon-add"
|
|
|
- type="primary"
|
|
|
- @click="openConditionDialog"
|
|
|
- >添加</el-button>
|
|
|
- <el-button
|
|
|
- class="ibps-icon-remove ibps-ml-5"
|
|
|
- type="danger"
|
|
|
- >删除</el-button>
|
|
|
- </div>
|
|
|
- </el-form-item>
|
|
|
- <el-form-item
|
|
|
- v-loading="rowLoading"
|
|
|
- label-width="20px"
|
|
|
- :element-loading-text="$t('common.loading')"
|
|
|
- >
|
|
|
- <el-table
|
|
|
- ref="multipleTable"
|
|
|
- :data="bpmAgent.bpmAgentConditionPoList"
|
|
|
- tooltip-effect="dark"
|
|
|
- style="width: 100%"
|
|
|
- @selection-change="handleConditionChange"
|
|
|
- >
|
|
|
- <el-table-column type="selection" width="55" />
|
|
|
- <el-table-column label="代理人">
|
|
|
- <template slot-scope="scope">{{
|
|
|
- scope.row.agenterName
|
|
|
- }}</template>
|
|
|
- </el-table-column>
|
|
|
- <el-table-column label="条件名称">
|
|
|
- <template slot-scope="scope">{{
|
|
|
- scope.row.name
|
|
|
- }}</template>
|
|
|
- </el-table-column>
|
|
|
- <el-table-column
|
|
|
- prop="address"
|
|
|
- label="管理"
|
|
|
- width="100px"
|
|
|
- show-overflow-tooltip
|
|
|
- >
|
|
|
- <el-button
|
|
|
- type="primary"
|
|
|
- icon="el-icon-edit"
|
|
|
- circle
|
|
|
- @click="handleEdit(scope.$index, scope.row)"
|
|
|
- />
|
|
|
- <el-button
|
|
|
- type="danger"
|
|
|
- icon="el-icon-delete"
|
|
|
- circle
|
|
|
- @click="
|
|
|
- handleRemove(scope.$index, scope.row)
|
|
|
- "
|
|
|
- />
|
|
|
- </el-table-column>
|
|
|
- </el-table>
|
|
|
- </el-form-item>
|
|
|
- </div>
|
|
|
- </el-form>
|
|
|
+ <div v-if="bpmAgent.agentType === 'part'">
|
|
|
+ <el-form-item label="流程定义">
|
|
|
+ <div v-if="!readonly" class="dialog-right">
|
|
|
+ <bpm-definition-selector
|
|
|
+ button
|
|
|
+ multiple
|
|
|
+ @callback="updateDefine"
|
|
|
+ />
|
|
|
+ <el-button
|
|
|
+ class="ibps-icon-remove ibps-ml-10"
|
|
|
+ type="danger"
|
|
|
+ @click="handleAllDelete(multipleSelection)"
|
|
|
+ >删除</el-button
|
|
|
+ >
|
|
|
+ </div>
|
|
|
+ </el-form-item>
|
|
|
+ <el-form-item
|
|
|
+ v-loading="rowLoading"
|
|
|
+ label-width="0px"
|
|
|
+ :element-loading-text="$t('common.loading')"
|
|
|
+ >
|
|
|
+ <el-table
|
|
|
+ ref="multipleTable"
|
|
|
+ border
|
|
|
+ :data="bpmAgent.bpmAgentDefPoList"
|
|
|
+ tooltip-effect="dark"
|
|
|
+ style="width: 100%"
|
|
|
+ @selection-change="handleSelectionChange"
|
|
|
+ >
|
|
|
+ <el-table-column v-if="!readonly" type="selection" width="45" />
|
|
|
+ <el-table-column label="流程名称">
|
|
|
+ <template slot-scope="scope">{{
|
|
|
+ scope.row.procDefName ? scope.row.procDefName : scope.row.name
|
|
|
+ }}</template>
|
|
|
+ </el-table-column>
|
|
|
+ <el-table-column v-if="!readonly" label="操作" width="55">
|
|
|
+ <template slot-scope="scope">
|
|
|
+ <el-button
|
|
|
+ type="danger"
|
|
|
+ icon="el-icon-delete"
|
|
|
+ circle
|
|
|
+ @click="handleDelete(scope.$index, scope.row)"
|
|
|
+ />
|
|
|
+ </template>
|
|
|
+ </el-table-column>
|
|
|
+ </el-table>
|
|
|
+ </el-form-item>
|
|
|
</div>
|
|
|
|
|
|
- <div slot="footer" class="el-dialog--center">
|
|
|
- <ibps-toolbar
|
|
|
- :actions="toolbars"
|
|
|
- @action-event="handleActionEvent"
|
|
|
+ <!-- 条件代理 -->
|
|
|
+ <div v-if="bpmAgent.agentType === 'condition'">
|
|
|
+ <el-form-item label="流程名称：">
|
|
|
+ <bpm-definition-selector
|
|
|
+ v-model="bpmAgent.procDefId"
|
|
|
+ :disabled="readonly"
|
|
|
/>
|
|
|
+ </el-form-item>
|
|
|
+ <el-form-item label="流程代理条件：">
|
|
|
+ <div v-if="!readonly" class="dialog-right">
|
|
|
+ <el-button
|
|
|
+ class="ibps-icon-add"
|
|
|
+ type="primary"
|
|
|
+ @click="openConditionDialog"
|
|
|
+ >添加</el-button
|
|
|
+ >
|
|
|
+ <el-button class="ibps-icon-remove ibps-ml-5" type="danger"
|
|
|
+ >删除</el-button
|
|
|
+ >
|
|
|
+ </div>
|
|
|
+ </el-form-item>
|
|
|
+ <el-form-item
|
|
|
+ v-loading="rowLoading"
|
|
|
+ label-width="20px"
|
|
|
+ :element-loading-text="$t('common.loading')"
|
|
|
+ >
|
|
|
+ <el-table
|
|
|
+ ref="multipleTable"
|
|
|
+ :data="bpmAgent.bpmAgentConditionPoList"
|
|
|
+ tooltip-effect="dark"
|
|
|
+ style="width: 100%"
|
|
|
+ @selection-change="handleConditionChange"
|
|
|
+ >
|
|
|
+ <el-table-column type="selection" width="55" />
|
|
|
+ <el-table-column label="代理人">
|
|
|
+ <template slot-scope="scope">{{
|
|
|
+ scope.row.agenterName
|
|
|
+ }}</template>
|
|
|
+ </el-table-column>
|
|
|
+ <el-table-column label="条件名称">
|
|
|
+ <template slot-scope="scope">{{ scope.row.name }}</template>
|
|
|
+ </el-table-column>
|
|
|
+ <el-table-column
|
|
|
+ prop="address"
|
|
|
+ label="管理"
|
|
|
+ width="100px"
|
|
|
+ show-overflow-tooltip
|
|
|
+ >
|
|
|
+ <el-button
|
|
|
+ type="primary"
|
|
|
+ icon="el-icon-edit"
|
|
|
+ circle
|
|
|
+ @click="handleEdit(scope.$index, scope.row)"
|
|
|
+ />
|
|
|
+ <el-button
|
|
|
+ type="danger"
|
|
|
+ icon="el-icon-delete"
|
|
|
+ circle
|
|
|
+ @click="handleRemove(scope.$index, scope.row)"
|
|
|
+ />
|
|
|
+ </el-table-column>
|
|
|
+ </el-table>
|
|
|
+ </el-form-item>
|
|
|
</div>
|
|
|
+ </el-form>
|
|
|
+ </div>
|
|
|
|
|
|
- <!-- 添加规则弹窗 -->
|
|
|
- <condition
|
|
|
- :def-id="bpmAgent.procDefId"
|
|
|
- :visible="conditionDialogVisible"
|
|
|
- @callback="callbackBpmAgentConditionPoList"
|
|
|
- @close="(visible) => (conditionDialogVisible = visible)"
|
|
|
- />
|
|
|
- </el-dialog>
|
|
|
+ <div slot="footer" class="el-dialog--center">
|
|
|
+ <ibps-toolbar :actions="toolbars" @action-event="handleActionEvent" />
|
|
|
+ </div>
|
|
|
+
|
|
|
+ <!-- 添加规则弹窗 -->
|
|
|
+ <condition
|
|
|
+ :def-id="bpmAgent.procDefId"
|
|
|
+ :visible="conditionDialogVisible"
|
|
|
+ @callback="callbackBpmAgentConditionPoList"
|
|
|
+ @close="(visible) => (conditionDialogVisible = visible)"
|
|
|
+ />
|
|
|
+ </el-dialog>
|
|
|
</template>
|
|
|
|
|
|
<script>
|
|
|
-import { save, get } from '@/api/platform/bpmn/bpmAgent'
|
|
|
-import { agentTypeOptions, statusOptions } from './constants'
|
|
|
-import ActionUtils from '@/utils/action'
|
|
|
-import IbpsEmployeeSelector from '@/business/platform/org/employee/selector'
|
|
|
-import BpmDefinitionSelector from '@/business/platform/bpmn/definition/selector'
|
|
|
-import ibpsUserSelector from '@/business/platform/org/selector'
|
|
|
-import curdPost from '@/business/platform/form/utils/custom/joinCURD.js'
|
|
|
-import helpTip from '@/business/platform/form/formbuilder/right-aside/components/help-tip.vue'
|
|
|
-import Condition from './condition'
|
|
|
-import { load } from '@/api/platform/org/employee'
|
|
|
-import { setTimeout } from 'timers'
|
|
|
+import { save, get } from "@/api/platform/bpmn/bpmAgent";
|
|
|
+import { agentTypeOptions, statusOptions } from "./constants";
|
|
|
+import ActionUtils from "@/utils/action";
|
|
|
+import IbpsEmployeeSelector from "@/business/platform/org/employee/selector";
|
|
|
+import BpmDefinitionSelector from "@/business/platform/bpmn/definition/selector";
|
|
|
+import ibpsUserSelector from "@/business/platform/org/selector";
|
|
|
+import curdPost from "@/business/platform/form/utils/custom/joinCURD.js";
|
|
|
+import helpTip from "@/business/platform/form/formbuilder/right-aside/components/help-tip.vue";
|
|
|
+import Condition from "./condition";
|
|
|
+import { load } from "@/api/platform/org/employee";
|
|
|
+import { setTimeout } from "timers";
|
|
|
+import { mapGetters } from "vuex";
|
|
|
|
|
|
export default {
|
|
|
- components: {
|
|
|
- IbpsEmployeeSelector,
|
|
|
- BpmDefinitionSelector,
|
|
|
- Condition,
|
|
|
- ibpsUserSelector,
|
|
|
- helpTip
|
|
|
+ components: {
|
|
|
+ IbpsEmployeeSelector,
|
|
|
+ BpmDefinitionSelector,
|
|
|
+ Condition,
|
|
|
+ ibpsUserSelector,
|
|
|
+ helpTip,
|
|
|
+ },
|
|
|
+ props: {
|
|
|
+ visible: {
|
|
|
+ type: Boolean,
|
|
|
+ default: false,
|
|
|
+ },
|
|
|
+ readonly: {
|
|
|
+ type: Boolean,
|
|
|
+ default: false,
|
|
|
},
|
|
|
- props: {
|
|
|
- visible: {
|
|
|
- type: Boolean,
|
|
|
- default: false
|
|
|
+ id: String,
|
|
|
+ title: String,
|
|
|
+ },
|
|
|
+ data() {
|
|
|
+ const { first = "", second = "" } = this.$store.getters.level;
|
|
|
+ const level = second || first;
|
|
|
+ return {
|
|
|
+ level,
|
|
|
+ formName: "agentForm",
|
|
|
+ formLabelWidth: "115px",
|
|
|
+ dialogVisible: this.visible,
|
|
|
+ conditionDialogVisible: false, // 条件规则界面
|
|
|
+ dialogLoading: false,
|
|
|
+ rowLoading: false,
|
|
|
+ statusOptions: statusOptions,
|
|
|
+ agentTypeOptions: agentTypeOptions,
|
|
|
+ defaultForm: {},
|
|
|
+ multipleSelection: [],
|
|
|
+ conditionSelection: [],
|
|
|
+ bpmAgent: {
|
|
|
+ title: "",
|
|
|
+ procDefId: "",
|
|
|
+ procDefKey: "",
|
|
|
+ delegatorId: this.$store.getters.userId,
|
|
|
+ delegatorName: this.$store.getters.name,
|
|
|
+ effectiveTime: "",
|
|
|
+ expiryTime: "",
|
|
|
+ agenterId: "",
|
|
|
+ agenterName: "",
|
|
|
+ agentType: "all",
|
|
|
+ isEnabled: "enabled",
|
|
|
+ bpmAgentDefPoList: [],
|
|
|
+ bpmAgentConditionPoList: [],
|
|
|
+ bpmAgentRoleList: [],
|
|
|
+ },
|
|
|
+ rules: {
|
|
|
+ title: [
|
|
|
+ { required: true, message: this.$t("validate.required") },
|
|
|
+ {
|
|
|
+ min: 1,
|
|
|
+ max: 64,
|
|
|
+ message: "长度不能超过64个字符",
|
|
|
+ trigger: "blur",
|
|
|
+ },
|
|
|
+ ],
|
|
|
+ delegatorId: [
|
|
|
+ { required: true, message: this.$t("validate.required") },
|
|
|
+ ],
|
|
|
+ agenterId: [{ required: true, message: this.$t("validate.required") }],
|
|
|
+ effectiveTime: [
|
|
|
+ { required: true, message: this.$t("validate.required") },
|
|
|
+ ],
|
|
|
+ expiryTime: [{ required: true, message: this.$t("validate.required") }],
|
|
|
+ isEnabled: [{ required: true, message: this.$t("validate.required") }],
|
|
|
+ },
|
|
|
+ toolbars: [
|
|
|
+ {
|
|
|
+ key: "save",
|
|
|
+ hidden: () => {
|
|
|
+ return this.readonly;
|
|
|
+ },
|
|
|
},
|
|
|
- readonly: {
|
|
|
- type: Boolean,
|
|
|
- default: false
|
|
|
+ { key: "cancel" },
|
|
|
+ ],
|
|
|
+ url: "",
|
|
|
+ srcList: [],
|
|
|
+
|
|
|
+ // 委托人和代理人 选择器修改通用选择器，需要这些参数
|
|
|
+ type: "user",
|
|
|
+ filter: [
|
|
|
+ {
|
|
|
+ descVal: "2",
|
|
|
+ includeSub: true,
|
|
|
+ old: "position",
|
|
|
+ partyId: "",
|
|
|
+ partyName: "",
|
|
|
+ scriptContent: "",
|
|
|
+ type: "user",
|
|
|
+ userType: "position",
|
|
|
},
|
|
|
- id: String,
|
|
|
- title: String
|
|
|
+ ],
|
|
|
+ multiple: false,
|
|
|
+ filtrate: true,
|
|
|
+ store: "id",
|
|
|
+ disabled: false,
|
|
|
+ delegatorDisabled: false,
|
|
|
+ readonlyText: "null",
|
|
|
+ roleList: [],
|
|
|
+ // checkRoleList: [],
|
|
|
+ daiRoleName: "",
|
|
|
+ yuanRoleList: [],
|
|
|
+ daiRoleList: [],
|
|
|
+ formAsterisk: {
|
|
|
+ title: "角色代理",
|
|
|
+ content: "该委托人角色代理主要用于菜单权限与编辑按钮权限",
|
|
|
+ },
|
|
|
+ };
|
|
|
+ },
|
|
|
+ computed: {
|
|
|
+ formId() {
|
|
|
+ return this.id;
|
|
|
},
|
|
|
- data () {
|
|
|
- const { first = '', second = '' } = this.$store.getters.level
|
|
|
- const level = second || first
|
|
|
- return {
|
|
|
- level,
|
|
|
- formName: 'agentForm',
|
|
|
- formLabelWidth: '115px',
|
|
|
- dialogVisible: this.visible,
|
|
|
- conditionDialogVisible: false, // 条件规则界面
|
|
|
- dialogLoading: false,
|
|
|
- rowLoading: false,
|
|
|
- statusOptions: statusOptions,
|
|
|
- agentTypeOptions: agentTypeOptions,
|
|
|
- defaultForm: {},
|
|
|
- multipleSelection: [],
|
|
|
- conditionSelection: [],
|
|
|
- bpmAgent: {
|
|
|
- title: '',
|
|
|
- procDefId: '',
|
|
|
- procDefKey: '',
|
|
|
- delegatorId: this.$store.getters.userId,
|
|
|
- delegatorName: this.$store.getters.name,
|
|
|
- effectiveTime: '',
|
|
|
- expiryTime: '',
|
|
|
- agenterId: '',
|
|
|
- agenterName: '',
|
|
|
- agentType: 'all',
|
|
|
- isEnabled: 'enabled',
|
|
|
- bpmAgentDefPoList: [],
|
|
|
- bpmAgentConditionPoList: [],
|
|
|
- bpmAgentRoleList: []
|
|
|
- },
|
|
|
- rules: {
|
|
|
- title: [
|
|
|
- { required: true, message: this.$t('validate.required') },
|
|
|
- {
|
|
|
- min: 1,
|
|
|
- max: 64,
|
|
|
- message: '长度不能超过64个字符',
|
|
|
- trigger: 'blur'
|
|
|
- }
|
|
|
- ],
|
|
|
- delegatorId: [
|
|
|
- { required: true, message: this.$t('validate.required') }
|
|
|
- ],
|
|
|
- agenterId: [
|
|
|
- { required: true, message: this.$t('validate.required') }
|
|
|
- ],
|
|
|
- effectiveTime: [
|
|
|
- { required: true, message: this.$t('validate.required') }
|
|
|
- ],
|
|
|
- expiryTime: [
|
|
|
- { required: true, message: this.$t('validate.required') }
|
|
|
- ],
|
|
|
- isEnabled: [
|
|
|
- { required: true, message: this.$t('validate.required') }
|
|
|
- ]
|
|
|
- },
|
|
|
- toolbars: [
|
|
|
- {
|
|
|
- key: 'save',
|
|
|
- hidden: () => {
|
|
|
- return this.readonly
|
|
|
- }
|
|
|
- },
|
|
|
- { key: 'cancel' }
|
|
|
- ],
|
|
|
- url: '',
|
|
|
- srcList: [],
|
|
|
-
|
|
|
- // 委托人和代理人 选择器修改通用选择器，需要这些参数
|
|
|
- type: 'user',
|
|
|
- filter: [
|
|
|
- {
|
|
|
- descVal: '2',
|
|
|
- includeSub: true,
|
|
|
- old: 'position',
|
|
|
- partyId: '',
|
|
|
- partyName: '',
|
|
|
- scriptContent: '',
|
|
|
- type: 'user',
|
|
|
- userType: 'position'
|
|
|
- }
|
|
|
- ],
|
|
|
- multiple: false,
|
|
|
- filtrate: true,
|
|
|
- store: 'id',
|
|
|
- disabled: false,
|
|
|
- readonlyText: 'null',
|
|
|
- roleList: [],
|
|
|
- // checkRoleList: [],
|
|
|
- daiRoleName: '',
|
|
|
- yuanRoleList: [],
|
|
|
- daiRoleList: [],
|
|
|
- formAsterisk: {
|
|
|
- title: '角色代理',
|
|
|
- content: '该委托人角色代理主要用于菜单权限与编辑按钮权限'
|
|
|
- }
|
|
|
- }
|
|
|
+ isMyself() {
|
|
|
+ return this.$store.getters.userId === this.bpmAgent.delegatorId;
|
|
|
+ },
|
|
|
+ ...mapGetters(["isSuper"]),
|
|
|
+ },
|
|
|
+ watch: {
|
|
|
+ visible: {
|
|
|
+ handler: function () {
|
|
|
+ this.dialogVisible = this.visible;
|
|
|
+ },
|
|
|
+ immediate: true,
|
|
|
},
|
|
|
- computed: {
|
|
|
- formId () {
|
|
|
- return this.id
|
|
|
+ "bpmAgent.delegatorId": {
|
|
|
+ handler: function () {
|
|
|
+ this.delegatorDisabled = !this.isSuper && this.isMyself;
|
|
|
+ this.getWeiTuo(this.bpmAgent.delegatorId, 1);
|
|
|
+ },
|
|
|
+ immediate: true,
|
|
|
+ deep: true,
|
|
|
+ },
|
|
|
+ "bpmAgent.agenterId": {
|
|
|
+ handler: function () {
|
|
|
+ this.getWeiTuo(this.bpmAgent.agenterId, 2);
|
|
|
+ },
|
|
|
+ immediate: true,
|
|
|
+ deep: true,
|
|
|
+ },
|
|
|
+ },
|
|
|
+ created() {
|
|
|
+ this.defaultForm = JSON.parse(JSON.stringify(this.bpmAgent));
|
|
|
+ this.getImage();
|
|
|
+ this.getInit();
|
|
|
+ },
|
|
|
+ mounted() {
|
|
|
+ this.$nextTick(() => {
|
|
|
+ if (this.$refs.multipleTable) {
|
|
|
+ this.$refs.multipleTable.doLayout();
|
|
|
+ }
|
|
|
+ });
|
|
|
+ },
|
|
|
+ methods: {
|
|
|
+ // 初始化
|
|
|
+ getInit() {
|
|
|
+ this.filter[0].partyId =
|
|
|
+ this.$store.getters.userInfo.employee.positions || "";
|
|
|
+ },
|
|
|
+ handleEdit() {
|
|
|
+ this.rowLoading = true;
|
|
|
+ setTimeout(() => {
|
|
|
+ this.rowLoading = false;
|
|
|
+ // TODO:
|
|
|
+ });
|
|
|
+ },
|
|
|
+ handleRemove() {
|
|
|
+ this.rowLoading = true;
|
|
|
+ setTimeout(() => {
|
|
|
+ this.rowLoading = false;
|
|
|
+ // TODO:
|
|
|
+ });
|
|
|
+ },
|
|
|
+ callbackBpmAgentConditionPoList() {},
|
|
|
+ handleDelete(index, arr) {
|
|
|
+ this.rowLoading = true;
|
|
|
+ setTimeout(() => {
|
|
|
+ if (arr !== []) {
|
|
|
+ this.bpmAgent.bpmAgentDefPoList.splice(index, 1);
|
|
|
+ } else {
|
|
|
+ arr.forEach((i) => {
|
|
|
+ this.bpmAgent.bpmAgentDefPoList.forEach((l) => {
|
|
|
+ if (i.procDefKey === l.procDefKey) {
|
|
|
+ this.bpmAgent.bpmAgentDefPoList.splice(l, 1);
|
|
|
+ }
|
|
|
+ });
|
|
|
+ });
|
|
|
}
|
|
|
+ this.rowLoading = false;
|
|
|
+ });
|
|
|
},
|
|
|
- watch: {
|
|
|
- visible: {
|
|
|
- handler: function () {
|
|
|
- this.dialogVisible = this.visible
|
|
|
- },
|
|
|
- immediate: true
|
|
|
- },
|
|
|
- 'bpmAgent.delegatorId': {
|
|
|
- handler: function () {
|
|
|
- this.getWeiTuo(this.bpmAgent.delegatorId, 1)
|
|
|
- },
|
|
|
- immediate: true,
|
|
|
- deep: true
|
|
|
- },
|
|
|
- 'bpmAgent.agenterId': {
|
|
|
- handler: function () {
|
|
|
- this.getWeiTuo(this.bpmAgent.agenterId, 2)
|
|
|
- },
|
|
|
- immediate: true,
|
|
|
- deep: true
|
|
|
+ handleAllDelete(arr) {
|
|
|
+ this.rowLoading = true;
|
|
|
+ setTimeout(() => {
|
|
|
+ if (!this.$utils.isEmpty(arr)) {
|
|
|
+ arr.forEach((i) => {
|
|
|
+ this.bpmAgent.bpmAgentDefPoList.forEach((l) => {
|
|
|
+ if (i.procDefKey === l.procDefKey) {
|
|
|
+ this.bpmAgent.bpmAgentDefPoList.splice(l, 1);
|
|
|
+ }
|
|
|
+ });
|
|
|
+ });
|
|
|
}
|
|
|
+ this.rowLoading = false;
|
|
|
+ });
|
|
|
},
|
|
|
- created () {
|
|
|
- this.defaultForm = JSON.parse(JSON.stringify(this.bpmAgent))
|
|
|
- this.getImage()
|
|
|
- this.getInit()
|
|
|
+ handleSelectionChange(val) {
|
|
|
+ this.multipleSelection = val;
|
|
|
},
|
|
|
- mounted () {
|
|
|
- this.$nextTick(() => {
|
|
|
- if (this.$refs.multipleTable) {
|
|
|
- this.$refs.multipleTable.doLayout()
|
|
|
- }
|
|
|
- })
|
|
|
+ handleConditionChange(val) {
|
|
|
+ this.conditionSelection = val;
|
|
|
},
|
|
|
- methods: {
|
|
|
- // 初始化
|
|
|
- getInit () {
|
|
|
- this.filter[0].partyId =
|
|
|
- this.$store.getters.userInfo.employee.positions || ''
|
|
|
- },
|
|
|
- handleEdit () {
|
|
|
- this.rowLoading = true
|
|
|
- setTimeout(() => {
|
|
|
- this.rowLoading = false
|
|
|
- // TODO:
|
|
|
- })
|
|
|
- },
|
|
|
- handleRemove () {
|
|
|
- this.rowLoading = true
|
|
|
- setTimeout(() => {
|
|
|
- this.rowLoading = false
|
|
|
- // TODO:
|
|
|
- })
|
|
|
- },
|
|
|
- callbackBpmAgentConditionPoList () {},
|
|
|
- handleDelete (index, arr) {
|
|
|
- this.rowLoading = true
|
|
|
- setTimeout(() => {
|
|
|
- if (arr !== []) {
|
|
|
- this.bpmAgent.bpmAgentDefPoList.splice(index, 1)
|
|
|
- } else {
|
|
|
- arr.forEach((i) => {
|
|
|
- this.bpmAgent.bpmAgentDefPoList.forEach((l) => {
|
|
|
- if (i.procDefKey === l.procDefKey) {
|
|
|
- this.bpmAgent.bpmAgentDefPoList.splice(l, 1)
|
|
|
- }
|
|
|
- })
|
|
|
- })
|
|
|
- }
|
|
|
- this.rowLoading = false
|
|
|
- })
|
|
|
- },
|
|
|
- handleAllDelete (arr) {
|
|
|
- this.rowLoading = true
|
|
|
- setTimeout(() => {
|
|
|
- if (!this.$utils.isEmpty(arr)) {
|
|
|
- arr.forEach((i) => {
|
|
|
- this.bpmAgent.bpmAgentDefPoList.forEach((l) => {
|
|
|
- if (i.procDefKey === l.procDefKey) {
|
|
|
- this.bpmAgent.bpmAgentDefPoList.splice(l, 1)
|
|
|
- }
|
|
|
- })
|
|
|
- })
|
|
|
- }
|
|
|
- this.rowLoading = false
|
|
|
- })
|
|
|
- },
|
|
|
- handleSelectionChange (val) {
|
|
|
- this.multipleSelection = val
|
|
|
- },
|
|
|
- handleConditionChange (val) {
|
|
|
- this.conditionSelection = val
|
|
|
- },
|
|
|
- handleActionEvent ({ key }) {
|
|
|
- switch (key) {
|
|
|
- case 'save':
|
|
|
- this.handleSave()
|
|
|
- break
|
|
|
- case 'cancel':
|
|
|
- this.closeDialog()
|
|
|
- break
|
|
|
- default:
|
|
|
- break
|
|
|
- }
|
|
|
- },
|
|
|
- // 保存数据
|
|
|
- handleSave () {
|
|
|
- // 委托人和代理人校验
|
|
|
- if (this.getVerification()) {
|
|
|
- return
|
|
|
- }
|
|
|
- this.$refs[this.formName].validate((valid) => {
|
|
|
- if (valid) {
|
|
|
- this.saveData()
|
|
|
- } else {
|
|
|
- ActionUtils.saveErrorMessage()
|
|
|
- }
|
|
|
- })
|
|
|
- },
|
|
|
- // 提交保存数据
|
|
|
- saveData () {
|
|
|
- const data = JSON.parse(JSON.stringify(this.bpmAgent))
|
|
|
- data.effectiveTime =
|
|
|
- new Date(this.bpmAgent.effectiveTime).getTime() || ''
|
|
|
- data.expiryTime =
|
|
|
- new Date(this.bpmAgent.expiryTime).getTime() || ''
|
|
|
- // 检测生效时间日期是否发布日期在之前。
|
|
|
- if (data.effectiveTime > data.expiryTime) {
|
|
|
- ActionUtils.error('生效时间与失效时间范围不合法!')
|
|
|
- return
|
|
|
- }
|
|
|
- if (
|
|
|
- this.$utils.isEmpty(this.bpmAgent.bpmAgentDefPoList) &&
|
|
|
- this.bpmAgent.agentType === 'part'
|
|
|
- ) {
|
|
|
- ActionUtils.error('流程定义数据不能为空！')
|
|
|
- return
|
|
|
- }
|
|
|
- save(this.bpmAgent)
|
|
|
- .then((response) => {
|
|
|
- this.$emit('callback', this)
|
|
|
- ActionUtils.saveSuccessMessage(response.message, (rtn) => {
|
|
|
- if (this.$utils.isEmpty(this.formId)) {
|
|
|
- this.$refs[this.formName].resetFields()
|
|
|
- }
|
|
|
- if (rtn) {
|
|
|
- this.closeDialog()
|
|
|
- }
|
|
|
- })
|
|
|
- })
|
|
|
- .catch(() => {
|
|
|
- ActionUtils.error('无法保存，请稍后检查数据重新再试')
|
|
|
- })
|
|
|
- },
|
|
|
- // 关闭当前窗口
|
|
|
- closeDialog () {
|
|
|
- this.$emit('close', false)
|
|
|
- this.$refs[this.formName].resetFields()
|
|
|
- this.daiRoleName = ''
|
|
|
- this.roleList = []
|
|
|
- // this.checkRoleList = []
|
|
|
- },
|
|
|
- /**
|
|
|
- * 表单验证
|
|
|
- */
|
|
|
- formValidate () {
|
|
|
- if (this.readonly) return
|
|
|
- this.$nextTick(() => {
|
|
|
- this.$refs[this.formName].validate(() => {})
|
|
|
- })
|
|
|
- },
|
|
|
- /**
|
|
|
- * 获取表单数据
|
|
|
- */
|
|
|
- getFormData () {
|
|
|
+ handleActionEvent({ key }) {
|
|
|
+ switch (key) {
|
|
|
+ case "save":
|
|
|
+ this.handleSave();
|
|
|
+ break;
|
|
|
+ case "cancel":
|
|
|
+ this.closeDialog();
|
|
|
+ break;
|
|
|
+ default:
|
|
|
+ break;
|
|
|
+ }
|
|
|
+ },
|
|
|
+ // 保存数据
|
|
|
+ handleSave() {
|
|
|
+ // 委托人和代理人校验
|
|
|
+ if (this.getVerification()) {
|
|
|
+ return;
|
|
|
+ }
|
|
|
+ this.$refs[this.formName].validate((valid) => {
|
|
|
+ if (valid) {
|
|
|
+ this.saveData();
|
|
|
+ } else {
|
|
|
+ ActionUtils.saveErrorMessage();
|
|
|
+ }
|
|
|
+ });
|
|
|
+ },
|
|
|
+ // 提交保存数据
|
|
|
+ saveData() {
|
|
|
+ const data = JSON.parse(JSON.stringify(this.bpmAgent));
|
|
|
+ data.effectiveTime =
|
|
|
+ new Date(this.bpmAgent.effectiveTime).getTime() || "";
|
|
|
+ data.expiryTime = new Date(this.bpmAgent.expiryTime).getTime() || "";
|
|
|
+ // 检测生效时间日期是否发布日期在之前。
|
|
|
+ if (data.effectiveTime > data.expiryTime) {
|
|
|
+ ActionUtils.error("生效时间与失效时间范围不合法!");
|
|
|
+ return;
|
|
|
+ }
|
|
|
+ if (
|
|
|
+ this.$utils.isEmpty(this.bpmAgent.bpmAgentDefPoList) &&
|
|
|
+ this.bpmAgent.agentType === "part"
|
|
|
+ ) {
|
|
|
+ ActionUtils.error("流程定义数据不能为空！");
|
|
|
+ return;
|
|
|
+ }
|
|
|
+ save(this.bpmAgent)
|
|
|
+ .then((response) => {
|
|
|
+ this.$emit("callback", this);
|
|
|
+ ActionUtils.saveSuccessMessage(response.message, (rtn) => {
|
|
|
if (this.$utils.isEmpty(this.formId)) {
|
|
|
- // 重置表单
|
|
|
- this.bpmAgent = JSON.parse(JSON.stringify(this.defaultForm))
|
|
|
- this.formValidate()
|
|
|
- return
|
|
|
+ this.$refs[this.formName].resetFields();
|
|
|
}
|
|
|
- this.dialogLoading = true
|
|
|
- get({
|
|
|
- id: this.formId
|
|
|
- })
|
|
|
- .then((response) => {
|
|
|
- this.bpmAgent = response.data
|
|
|
-
|
|
|
- // this.checkRoleList = response.data.bpmAgentRoleList || []
|
|
|
- this.bpmAgent.bpmAgentRoleList =
|
|
|
- response.data.bpmAgentRoleList || []
|
|
|
- this.formValidate()
|
|
|
- this.dialogLoading = false
|
|
|
- })
|
|
|
- .catch(() => {
|
|
|
- this.dialogLoading = false
|
|
|
- })
|
|
|
- },
|
|
|
- addDef () {
|
|
|
- alert('打开流程选择器')
|
|
|
- },
|
|
|
- callbackDelegatorrInfo (data) {
|
|
|
- // this.checkRoleList = []
|
|
|
- this.bpmAgent.delegatorName = data.name
|
|
|
- this.getVerification()
|
|
|
- },
|
|
|
- callbackAgenterInfo (data) {
|
|
|
- // this.checkRoleList = []
|
|
|
- this.bpmAgent.agenterName = data.name
|
|
|
- this.getVerification()
|
|
|
- },
|
|
|
- updateDefine (data) {
|
|
|
- this.rowLoading = true
|
|
|
- const arr = data.map((item) => {
|
|
|
- return {
|
|
|
- id: '',
|
|
|
- agentId: '',
|
|
|
- procDefKey: item.defKey,
|
|
|
- nodeId: '',
|
|
|
- name: item.name
|
|
|
- }
|
|
|
- })
|
|
|
- setTimeout(() => {
|
|
|
- if (this.$utils.isEmpty(this.bpmAgent.bpmAgentDefPoList)) {
|
|
|
- this.bpmAgent.bpmAgentDefPoList = arr
|
|
|
- } else {
|
|
|
- this.bpmAgent.bpmAgentDefPoList =
|
|
|
- this.bpmAgent.bpmAgentDefPoList.concat(arr)
|
|
|
- }
|
|
|
- this.rowLoading = false
|
|
|
- })
|
|
|
- },
|
|
|
- openConditionDialog () {
|
|
|
- if (this.$utils.isEmpty(this.bpmAgent.procDefId)) {
|
|
|
- ActionUtils.warning('请选择流程！!')
|
|
|
- return
|
|
|
+ if (rtn) {
|
|
|
+ this.closeDialog();
|
|
|
}
|
|
|
- this.conditionDialogVisible = true
|
|
|
- },
|
|
|
+ });
|
|
|
+ })
|
|
|
+ .catch(() => {
|
|
|
+ ActionUtils.error("无法保存，请稍后检查数据重新再试");
|
|
|
+ });
|
|
|
+ },
|
|
|
+ // 关闭当前窗口
|
|
|
+ closeDialog() {
|
|
|
+ this.$emit("close", false);
|
|
|
+ this.$refs[this.formName].resetFields();
|
|
|
+ this.daiRoleName = "";
|
|
|
+ this.roleList = [];
|
|
|
+ // this.checkRoleList = []
|
|
|
+ },
|
|
|
+ /**
|
|
|
+ * 表单验证
|
|
|
+ */
|
|
|
+ formValidate() {
|
|
|
+ if (this.readonly) return;
|
|
|
+ this.$nextTick(() => {
|
|
|
+ this.$refs[this.formName].validate(() => {});
|
|
|
+ });
|
|
|
+ },
|
|
|
+ /**
|
|
|
+ * 获取表单数据
|
|
|
+ */
|
|
|
+ getFormData() {
|
|
|
+ if (this.$utils.isEmpty(this.formId)) {
|
|
|
+ // 重置表单
|
|
|
+ this.bpmAgent = JSON.parse(JSON.stringify(this.defaultForm));
|
|
|
+ this.formValidate();
|
|
|
+ return;
|
|
|
+ }
|
|
|
+ this.dialogLoading = true;
|
|
|
+ get({
|
|
|
+ id: this.formId,
|
|
|
+ })
|
|
|
+ .then((response) => {
|
|
|
+ this.bpmAgent = response.data;
|
|
|
|
|
|
- getImage () {
|
|
|
- const sql = `select * from t_dlpz where di_dian_ = '${this.level}' order by create_time_ desc LIMIT 1`
|
|
|
- curdPost('sql', sql).then((res) => {
|
|
|
- if (res.state === 200) {
|
|
|
- const datas = res.variables.data
|
|
|
- if (datas.length > 0) {
|
|
|
- const image = JSON.parse(datas[0].tu_pian_)
|
|
|
- const idList = image.map((item) => {
|
|
|
- return item.id
|
|
|
- })
|
|
|
- const ids = idList.join(',')
|
|
|
- this.getUrl(ids)
|
|
|
- }
|
|
|
- }
|
|
|
- })
|
|
|
- },
|
|
|
- getUrl (id) {
|
|
|
- const sql1 = `select nei_rong_ from t_ipcc where id_ = '1'`
|
|
|
- const sql2 = `select * from ibps_file_attachment where find_in_set(ID_,'${id}')`
|
|
|
- Promise.all([curdPost('sql', sql1), curdPost('sql', sql2)]).then(
|
|
|
- ([res1, res2]) => {
|
|
|
- if (res1.state === 200 && res2.state === 200) {
|
|
|
- const datas1 = res1.variables.data
|
|
|
- const datas2 = res2.variables.data
|
|
|
- const ip = datas1[0].nei_rong_
|
|
|
- const imageList = datas2.map((item) => {
|
|
|
- return ip + '/' + item.FILE_PATH_
|
|
|
- })
|
|
|
- this.srcList = imageList
|
|
|
- }
|
|
|
- }
|
|
|
- )
|
|
|
- },
|
|
|
- getWeiTuo (id, type = 1, formId = '') {
|
|
|
- if (!id) return
|
|
|
- return new Promise((resolve) => {
|
|
|
- load({ employeeId: id })
|
|
|
- .then((response) => {
|
|
|
- const data = response
|
|
|
- const partyRole = response.variables.partyRoles
|
|
|
- if (type === 1) {
|
|
|
- this.yuanRoleList = partyRole || []
|
|
|
- }
|
|
|
- if (type === 2) {
|
|
|
- this.daiRoleList = partyRole || []
|
|
|
- const roleName = partyRole.map((item) => item.name)
|
|
|
- this.daiRoleName = roleName.join('，')
|
|
|
- }
|
|
|
- this.getRoleList()
|
|
|
- resolve(data)
|
|
|
- })
|
|
|
- .catch(() => {})
|
|
|
- })
|
|
|
- },
|
|
|
- // 获取委托人角色信息
|
|
|
- getRoleList () {
|
|
|
- if (this.yuanRoleList.length > 0 && this.daiRoleList.length > 0) {
|
|
|
- this.roleList = this.yuanRoleList.filter((item) => {
|
|
|
- return !this.daiRoleList.some((it) => it.id === item.id)
|
|
|
- })
|
|
|
+ // this.checkRoleList = response.data.bpmAgentRoleList || []
|
|
|
+ this.bpmAgent.bpmAgentRoleList = response.data.bpmAgentRoleList || [];
|
|
|
+ this.formValidate();
|
|
|
+ this.dialogLoading = false;
|
|
|
+ })
|
|
|
+ .catch(() => {
|
|
|
+ this.dialogLoading = false;
|
|
|
+ });
|
|
|
+ },
|
|
|
+ addDef() {
|
|
|
+ alert("打开流程选择器");
|
|
|
+ },
|
|
|
+ callbackDelegatorrInfo(data) {
|
|
|
+ // this.checkRoleList = []
|
|
|
+ this.bpmAgent.bpmAgentRoleList = [];
|
|
|
+ this.bpmAgent.delegatorName = data.name;
|
|
|
+ this.getVerification();
|
|
|
+ },
|
|
|
+ callbackAgenterInfo(data) {
|
|
|
+ // this.checkRoleList = []
|
|
|
+ this.bpmAgent.bpmAgentRoleList = [];
|
|
|
+ this.bpmAgent.agenterName = data.name;
|
|
|
+ this.getVerification();
|
|
|
+ },
|
|
|
+ updateDefine(data) {
|
|
|
+ this.rowLoading = true;
|
|
|
+ const arr = data.map((item) => {
|
|
|
+ return {
|
|
|
+ id: "",
|
|
|
+ agentId: "",
|
|
|
+ procDefKey: item.defKey,
|
|
|
+ nodeId: "",
|
|
|
+ name: item.name,
|
|
|
+ };
|
|
|
+ });
|
|
|
+ setTimeout(() => {
|
|
|
+ if (this.$utils.isEmpty(this.bpmAgent.bpmAgentDefPoList)) {
|
|
|
+ this.bpmAgent.bpmAgentDefPoList = arr;
|
|
|
+ } else {
|
|
|
+ this.bpmAgent.bpmAgentDefPoList =
|
|
|
+ this.bpmAgent.bpmAgentDefPoList.concat(arr);
|
|
|
+ }
|
|
|
+ this.rowLoading = false;
|
|
|
+ });
|
|
|
+ },
|
|
|
+ openConditionDialog() {
|
|
|
+ if (this.$utils.isEmpty(this.bpmAgent.procDefId)) {
|
|
|
+ ActionUtils.warning("请选择流程！!");
|
|
|
+ return;
|
|
|
+ }
|
|
|
+ this.conditionDialogVisible = true;
|
|
|
+ },
|
|
|
+
|
|
|
+ getImage() {
|
|
|
+ const sql = `select * from t_dlpz where di_dian_ = '${this.level}' order by create_time_ desc LIMIT 1`;
|
|
|
+ curdPost("sql", sql).then((res) => {
|
|
|
+ if (res.state === 200) {
|
|
|
+ const datas = res.variables.data;
|
|
|
+ if (datas.length > 0) {
|
|
|
+ const image = JSON.parse(datas[0].tu_pian_);
|
|
|
+ const idList = image.map((item) => {
|
|
|
+ return item.id;
|
|
|
+ });
|
|
|
+ const ids = idList.join(",");
|
|
|
+ this.getUrl(ids);
|
|
|
+ }
|
|
|
+ }
|
|
|
+ });
|
|
|
+ },
|
|
|
+ getUrl(id) {
|
|
|
+ const sql1 = `select nei_rong_ from t_ipcc where id_ = '1'`;
|
|
|
+ const sql2 = `select * from ibps_file_attachment where find_in_set(ID_,'${id}')`;
|
|
|
+ Promise.all([curdPost("sql", sql1), curdPost("sql", sql2)]).then(
|
|
|
+ ([res1, res2]) => {
|
|
|
+ if (res1.state === 200 && res2.state === 200) {
|
|
|
+ const datas1 = res1.variables.data;
|
|
|
+ const datas2 = res2.variables.data;
|
|
|
+ const ip = datas1[0].nei_rong_;
|
|
|
+ const imageList = datas2.map((item) => {
|
|
|
+ return ip + "/" + item.FILE_PATH_;
|
|
|
+ });
|
|
|
+ this.srcList = imageList;
|
|
|
+ }
|
|
|
+ }
|
|
|
+ );
|
|
|
+ },
|
|
|
+ getWeiTuo(id, type = 1, formId = "") {
|
|
|
+ if (!id) return;
|
|
|
+ return new Promise((resolve) => {
|
|
|
+ load({ employeeId: id })
|
|
|
+ .then((response) => {
|
|
|
+ const data = response;
|
|
|
+ const partyRole = response.variables.partyRoles;
|
|
|
+ if (type === 1) {
|
|
|
+ this.yuanRoleList = partyRole || [];
|
|
|
}
|
|
|
- },
|
|
|
- getVerification () {
|
|
|
- if (this.bpmAgent.agenterId === this.bpmAgent.delegatorId) {
|
|
|
- this.$message.error('委托人和代理人是同一个账号，请重新选择。')
|
|
|
- return true
|
|
|
- } else {
|
|
|
- return false
|
|
|
+ if (type === 2) {
|
|
|
+ this.daiRoleList = partyRole || [];
|
|
|
+ const roleName = partyRole.map((item) => item.name);
|
|
|
+ this.daiRoleName = roleName.join("，");
|
|
|
}
|
|
|
- },
|
|
|
- getWeiTuoName (data, list) {
|
|
|
- const nameList = []
|
|
|
- list.forEach((item) => {
|
|
|
- if (data.includes(item.id)) {
|
|
|
- nameList.push(item.name)
|
|
|
- }
|
|
|
- })
|
|
|
- return nameList.join(',')
|
|
|
+ this.getRoleList();
|
|
|
+ resolve(data);
|
|
|
+ })
|
|
|
+ .catch(() => {});
|
|
|
+ });
|
|
|
+ },
|
|
|
+ // 获取委托人角色信息
|
|
|
+ getRoleList() {
|
|
|
+ if (this.yuanRoleList.length > 0 && this.daiRoleList.length > 0) {
|
|
|
+ this.roleList = this.yuanRoleList.filter((item) => {
|
|
|
+ return !this.daiRoleList.some((it) => it.id === item.id);
|
|
|
+ });
|
|
|
+ }
|
|
|
+ },
|
|
|
+ getVerification() {
|
|
|
+ if (this.bpmAgent.agenterId === this.bpmAgent.delegatorId) {
|
|
|
+ this.$message.error("委托人和代理人是同一个账号，请重新选择。");
|
|
|
+ return true;
|
|
|
+ } else {
|
|
|
+ return false;
|
|
|
+ }
|
|
|
+ },
|
|
|
+ getWeiTuoName(data, list) {
|
|
|
+ const nameList = [];
|
|
|
+ list.forEach((item) => {
|
|
|
+ if (data.includes(item.id)) {
|
|
|
+ nameList.push(item.name);
|
|
|
}
|
|
|
- }
|
|
|
-}
|
|
|
+ });
|
|
|
+ return nameList.join(",");
|
|
|
+ },
|
|
|
+ },
|
|
|
+};
|
|
|
</script>
|
|
|
|
|
|
<style lang="scss" scoped>
|
|
|
.bpmn-agent-dialog {
|
|
|
- ::v-deep .el-dialog__body {
|
|
|
- height: calc(70vh - 110px) !important;
|
|
|
- }
|
|
|
- .dialog-right {
|
|
|
- float: right;
|
|
|
- div {
|
|
|
- display: inline-block;
|
|
|
- }
|
|
|
+ ::v-deep .el-dialog__body {
|
|
|
+ height: calc(70vh - 110px) !important;
|
|
|
+ }
|
|
|
+ .dialog-right {
|
|
|
+ float: right;
|
|
|
+ div {
|
|
|
+ display: inline-block;
|
|
|
}
|
|
|
+ }
|
|
|
}
|
|
|
.imageListClass {
|
|
|
- display: flex;
|
|
|
- flex-wrap: wrap;
|
|
|
+ display: flex;
|
|
|
+ flex-wrap: wrap;
|
|
|
}
|
|
|
.bpmnForm {
|
|
|
- padding: 20px;
|
|
|
+ padding: 20px;
|
|
|
}
|
|
|
.time {
|
|
|
- width: 100%;
|
|
|
+ width: 100%;
|
|
|
}
|
|
|
.sinImageList {
|
|
|
- width: 150px;
|
|
|
- height: 150px;
|
|
|
- margin: 10px;
|
|
|
+ width: 150px;
|
|
|
+ height: 150px;
|
|
|
+ margin: 10px;
|
|
|
}
|
|
|
</style>
|
luoaoxuan