|
|
@@ -1,14 +1,9 @@
|
|
|
<template>
|
|
|
<div :class="{ 'ibps-fixed-toolbar': checkMode }">
|
|
|
<van-sticky>
|
|
|
- <van-nav-bar
|
|
|
- :title="
|
|
|
+ <van-nav-bar :title="
|
|
|
generateTitle($route.name, $route.params.title || $route.meta.title)
|
|
|
- "
|
|
|
- :left-text="$t('common.button.back')"
|
|
|
- left-arrow
|
|
|
- @click-left="$router.push({ name: 'dashboard' })"
|
|
|
- />
|
|
|
+ " :left-text="$t('common.button.back')" left-arrow @click-left="$router.push({ name: 'dashboard' })" />
|
|
|
<!-- <van-nav-bar
|
|
|
:title="
|
|
|
generateTitle($route.name, $route.params.title || $route.meta.title)
|
|
|
@@ -27,515 +22,470 @@
|
|
|
:title="data.title"
|
|
|
/>
|
|
|
</van-tabs> -->
|
|
|
- <van-search
|
|
|
- v-model="subject"
|
|
|
- show-action
|
|
|
- placeholder="请输入"
|
|
|
- @search="onSearch"
|
|
|
- >
|
|
|
+ <van-search v-model="subject" show-action placeholder="请输入" @search="onSearch">
|
|
|
<template #left>
|
|
|
- <van-icon
|
|
|
- name="bars"
|
|
|
- :class="{ 'ibps-active': $utils.isNotEmpty(typeId) }"
|
|
|
- class="ibps-pr-5"
|
|
|
- @click="clickType"
|
|
|
- />
|
|
|
+ <van-icon name="bars" :class="{ 'ibps-active': $utils.isNotEmpty(typeId) }" class="ibps-pr-5"
|
|
|
+ @click="clickType" />
|
|
|
</template>
|
|
|
<template #action>
|
|
|
- <van-icon
|
|
|
- name="filter-o"
|
|
|
- :class="{ 'ibps-active': stateActive }"
|
|
|
- @click="clickMoreSearch"
|
|
|
- />
|
|
|
+ <van-icon name="filter-o" :class="{ 'ibps-active': stateActive }" @click="clickMoreSearch" />
|
|
|
</template>
|
|
|
</van-search>
|
|
|
</van-sticky>
|
|
|
<van-pull-refresh v-model="refreshing" @refresh="onRefresh">
|
|
|
<van-list v-model="loading" :finished="finished" @load="loadData">
|
|
|
<van-checkbox-group v-model="checkedIds">
|
|
|
- <van-cell
|
|
|
- v-for="(item, index) in listData"
|
|
|
- :key="item.id + index"
|
|
|
- :title="item.procDefName"
|
|
|
- :label="getTaskDesc(item.subject)"
|
|
|
- @click="onClick(item, index)"
|
|
|
- >
|
|
|
+ <van-cell v-for="(item, index) in listData" :key="item.id + index" :title="item.procDefName"
|
|
|
+ :label="getTaskDesc(item.subject)" @click="onClick(item, index)">
|
|
|
<template slot="icon">
|
|
|
- <van-checkbox
|
|
|
- v-if="checkMode"
|
|
|
- ref="checkboxes"
|
|
|
- :name="item.taskId"
|
|
|
- class="ibps-mr-10"
|
|
|
- />
|
|
|
- <ibps-avatar
|
|
|
- v-else
|
|
|
- :icon="_randomIcon(index)"
|
|
|
- :text="item.procDefName"
|
|
|
- :bg-color="_randomColor(index)"
|
|
|
- radius="4"
|
|
|
- icon-prefix="ibps-icon"
|
|
|
- class="ibps-mr-10"
|
|
|
- />
|
|
|
+ <van-checkbox v-if="checkMode" ref="checkboxes" :name="item.taskId" class="ibps-mr-10" />
|
|
|
+ <ibps-avatar v-else :icon="_randomIcon(index)" :text="item.procDefName" :bg-color="_randomColor(index)"
|
|
|
+ radius="4" icon-prefix="ibps-icon" class="ibps-mr-10" />
|
|
|
</template>
|
|
|
<span>{{ item.createTime | formatRelativeTime }}</span>
|
|
|
+ <div>
|
|
|
+ <div style="opacity: calc(0.7); ">
|
|
|
+ <van-tag type="success" plain>{{ item.name.length > 5 ? `待${item.name.slice(0, 4)}...` : `待${item.name}`
|
|
|
+ }}</van-tag>
|
|
|
+ </div>
|
|
|
+ <div style="opacity: calc(0.7);">
|
|
|
+ <van-tag type="warning" v-if="item.expired === '即将超时'" plain>{{ item.expired }}</van-tag>
|
|
|
+ <van-tag type="danger" v-else-if="item.expired === '已超时'" plain>{{ item.expired }}</van-tag>
|
|
|
+ </div>
|
|
|
+
|
|
|
+ <!-- <el-tag size="mini" type="success" disable-transitions>{{ item.name.length > 5 ? `待${item.name.slice(0, 4)}...` : `待${item.name}` }}</el-tag>
|
|
|
+ <el-tag v-if="item.expired === '即将超时'" size="mini" type="warning">{{ item.expired }}</el-tag>
|
|
|
+ <el-tag v-else-if="item.expired === '已超时'" size="mini" type="danger">{{ item.expired }}</el-tag>
|
|
|
+ -->
|
|
|
+ </div>
|
|
|
<div v-if="item.remindTimes > 0">
|
|
|
<!-- <van-tag plain :type="item.remindTimes|remindTimesTypeFilter">催办{{ item.remindTimes }}次</van-tag> -->
|
|
|
- <van-tag
|
|
|
- size="medium"
|
|
|
- :color="
|
|
|
+ <van-tag size="medium" :color="
|
|
|
item.remindTimes
|
|
|
| remindTimesTypeFilter
|
|
|
| optionsFilter(colorOptions, 'color', 'type')
|
|
|
- "
|
|
|
- :text-color="
|
|
|
+ " :text-color="
|
|
|
item.remindTimes
|
|
|
| remindTimesTypeFilter
|
|
|
| optionsFilter(colorOptions, 'textColor', 'type')
|
|
|
- "
|
|
|
- >
|
|
|
- 催办{{ item.remindTimes }}次</van-tag
|
|
|
- >
|
|
|
+ ">
|
|
|
+ 催办{{ item.remindTimes }}次</van-tag>
|
|
|
</div>
|
|
|
</van-cell>
|
|
|
</van-checkbox-group>
|
|
|
</van-list>
|
|
|
- <ibps-list-result-page
|
|
|
- :result-type="resultType"
|
|
|
- :error-type="errorType"
|
|
|
- :result-message="resultMessage"
|
|
|
- />
|
|
|
+ <ibps-list-result-page :result-type="resultType" :error-type="errorType" :result-message="resultMessage" />
|
|
|
</van-pull-refresh>
|
|
|
<ibps-toolbar v-show="checkMode" :actions="actions" />
|
|
|
|
|
|
- <approve-popup
|
|
|
- :visible="batchOpinionPopup"
|
|
|
- :task-id="selectedIds"
|
|
|
- :action="actionName"
|
|
|
- @close="
|
|
|
+ <approve-popup :visible="batchOpinionPopup" :task-id="selectedIds" :action="actionName" @close="
|
|
|
visible => {
|
|
|
batchOpinionPopup = visible
|
|
|
}
|
|
|
- "
|
|
|
- @callback="onRefreshPage"
|
|
|
- />
|
|
|
+ " @callback="onRefreshPage" />
|
|
|
<!--高级查询-->
|
|
|
|
|
|
- <ibps-more-search
|
|
|
- :show="moreSearchPopup"
|
|
|
- :search-forms="searchForms"
|
|
|
- @callback="onMoreSearch"
|
|
|
- @close="callback => (moreSearchPopup = callback)"
|
|
|
- @reset-form="resetForm"
|
|
|
- >
|
|
|
+ <ibps-more-search :show="moreSearchPopup" :search-forms="searchForms" @callback="onMoreSearch"
|
|
|
+ @close="callback => (moreSearchPopup = callback)" @reset-form="resetForm">
|
|
|
<!-- <template v-slot:definition>
|
|
|
<ibps-bpmn-definition v-model="defKey" value-key="defKey" input-align="left" class="van-hairline--bottom" />
|
|
|
</template> -->
|
|
|
</ibps-more-search>
|
|
|
|
|
|
- <ibps-type-tree
|
|
|
- v-model="typeTreePopup"
|
|
|
- title="流程分类"
|
|
|
- category-key="FLOW_TYPE"
|
|
|
- @node-click="clickTypeNode"
|
|
|
- @close="visible => (typeTreePopup = visible)"
|
|
|
- />
|
|
|
- <ibps-bpmn-formrender-dialog
|
|
|
- :visible="formrenderVisible"
|
|
|
- :title="formrenderTitle"
|
|
|
- :task-id="taskId"
|
|
|
- @close="visible => (formrenderVisible = visible)"
|
|
|
- @callback="onRefreshPage"
|
|
|
- />
|
|
|
+ <ibps-type-tree v-model="typeTreePopup" title="流程分类" category-key="FLOW_TYPE" @node-click="clickTypeNode"
|
|
|
+ @close="visible => (typeTreePopup = visible)" />
|
|
|
+ <ibps-bpmn-formrender-dialog :visible="formrenderVisible" :title="formrenderTitle" :task-id="taskId"
|
|
|
+ @close="visible => (formrenderVisible = visible)" @callback="onRefreshPage" />
|
|
|
</div>
|
|
|
</template>
|
|
|
<script>
|
|
|
-import {
|
|
|
- pending4User,
|
|
|
- pending4Org,
|
|
|
- pending4OrgManager,
|
|
|
- pending4Role,
|
|
|
- pending4Position,
|
|
|
- pending4Group
|
|
|
-} from '@/api/platform/office/bpmReceived'
|
|
|
-import {
|
|
|
- batchSuspendProcess,
|
|
|
- batchRecoverProcess
|
|
|
-} from '@/api/platform/bpmn/bpmTask'
|
|
|
+ import {
|
|
|
+ pending4User,
|
|
|
+ pending4Org,
|
|
|
+ pending4OrgManager,
|
|
|
+ pending4Role,
|
|
|
+ pending4Position,
|
|
|
+ pending4Group
|
|
|
+ } from '@/api/platform/office/bpmReceived'
|
|
|
+ import {
|
|
|
+ batchSuspendProcess,
|
|
|
+ batchRecoverProcess
|
|
|
+ } from '@/api/platform/bpmn/bpmTask'
|
|
|
|
|
|
-import i18n from '@/utils/i18n'
|
|
|
-import random from '@/mixins/random'
|
|
|
-import bpmnStatus from '@/mixins/bpmnStatus'
|
|
|
-import ActionUtils from '@/utils/action'
|
|
|
+ import i18n from '@/utils/i18n'
|
|
|
+ import random from '@/mixins/random'
|
|
|
+ import bpmnStatus from '@/mixins/bpmnStatus'
|
|
|
+ import ActionUtils from '@/utils/action'
|
|
|
|
|
|
-import ApprovePopup from '@/business/platform/bpmn/form-ext/approve'
|
|
|
+ import ApprovePopup from '@/business/platform/bpmn/form-ext/approve'
|
|
|
|
|
|
-import IbpsMoreSearch from '@/components/ibps-more-search'
|
|
|
-import IbpsAvatar from '@/components/ibps-avatar'
|
|
|
-import IbpsToolbar from '@/components/ibps-toolbar'
|
|
|
-import IbpsListResultPage from '@/components/ibps-list-result-page'
|
|
|
-import IbpsTypeTree from '@/business/platform/cat/type/tree'
|
|
|
-import IbpsBpmnDefinition from '@/business/platform/bpmn/definition/field'
|
|
|
+ import IbpsMoreSearch from '@/components/ibps-more-search'
|
|
|
+ import IbpsAvatar from '@/components/ibps-avatar'
|
|
|
+ import IbpsToolbar from '@/components/ibps-toolbar'
|
|
|
+ import IbpsListResultPage from '@/components/ibps-list-result-page'
|
|
|
+ import IbpsTypeTree from '@/business/platform/cat/type/tree'
|
|
|
+ import IbpsBpmnDefinition from '@/business/platform/bpmn/definition/field'
|
|
|
|
|
|
-import IbpsBpmnFormrenderDialog from '@/business/platform/bpmn/form/dialog'
|
|
|
+ import IbpsBpmnFormrenderDialog from '@/business/platform/bpmn/form/dialog'
|
|
|
|
|
|
-export default {
|
|
|
- components: {
|
|
|
- IbpsMoreSearch,
|
|
|
- IbpsAvatar,
|
|
|
- IbpsListResultPage,
|
|
|
- IbpsTypeTree,
|
|
|
- IbpsBpmnDefinition,
|
|
|
- IbpsToolbar,
|
|
|
- ApprovePopup,
|
|
|
- IbpsBpmnFormrenderDialog
|
|
|
- },
|
|
|
- mixins: [random, bpmnStatus],
|
|
|
- data() {
|
|
|
- return {
|
|
|
- // tabActive: 'userType',
|
|
|
- tabActive: 'user',
|
|
|
- tabDatas: [
|
|
|
- {
|
|
|
- name: 'user',
|
|
|
- title: '用户'
|
|
|
- },
|
|
|
- {
|
|
|
- name: 'org',
|
|
|
- title: '组织'
|
|
|
- },
|
|
|
- {
|
|
|
- name: 'orgManager',
|
|
|
- title: '组织负责人'
|
|
|
- },
|
|
|
- {
|
|
|
- name: 'role',
|
|
|
- title: '角色'
|
|
|
- },
|
|
|
- {
|
|
|
- name: 'position',
|
|
|
- title: '岗位'
|
|
|
- },
|
|
|
- {
|
|
|
- name: 'group',
|
|
|
- title: '用户组'
|
|
|
- }
|
|
|
- ],
|
|
|
- moreSearchPopup: false,
|
|
|
- stateActive: false,
|
|
|
- searchForms: {
|
|
|
- forms: [
|
|
|
- { prop: 'Q^procDefName^SL', label: '事务名称' },
|
|
|
- // { prop: 'Q^inst.subject_^SL', label: '事务说明' },
|
|
|
- { prop: 'Q^temp.subject_^SL', label: '事务说明' },
|
|
|
+ export default {
|
|
|
+ components: {
|
|
|
+ IbpsMoreSearch,
|
|
|
+ IbpsAvatar,
|
|
|
+ IbpsListResultPage,
|
|
|
+ IbpsTypeTree,
|
|
|
+ IbpsBpmnDefinition,
|
|
|
+ IbpsToolbar,
|
|
|
+ ApprovePopup,
|
|
|
+ IbpsBpmnFormrenderDialog
|
|
|
+ },
|
|
|
+ mixins: [random, bpmnStatus],
|
|
|
+ data() {
|
|
|
+ return {
|
|
|
+ // tabActive: 'userType',
|
|
|
+ tabActive: 'user',
|
|
|
+ tabDatas: [
|
|
|
+ {
|
|
|
+ name: 'user',
|
|
|
+ title: '用户'
|
|
|
+ },
|
|
|
+ {
|
|
|
+ name: 'org',
|
|
|
+ title: '组织'
|
|
|
+ },
|
|
|
+ {
|
|
|
+ name: 'orgManager',
|
|
|
+ title: '组织负责人'
|
|
|
+ },
|
|
|
{
|
|
|
- prop: ['Q^temp.create_time_^DL', 'Q^temp.create_time_^DG'],
|
|
|
- label: '创建时间',
|
|
|
- fieldType: 'dateRange',
|
|
|
- options: { datefmt: 'yyyy-MM-dd' }
|
|
|
+ name: 'role',
|
|
|
+ title: '角色'
|
|
|
+ },
|
|
|
+ {
|
|
|
+ name: 'position',
|
|
|
+ title: '岗位'
|
|
|
+ },
|
|
|
+ {
|
|
|
+ name: 'group',
|
|
|
+ title: '用户组'
|
|
|
}
|
|
|
- ]
|
|
|
- },
|
|
|
- subject: '',
|
|
|
- typeId: '',
|
|
|
- defKey: '',
|
|
|
- moreParams: {},
|
|
|
-
|
|
|
- listData: [],
|
|
|
- pagination: {
|
|
|
- limit: 100
|
|
|
- },
|
|
|
- sorts: {},
|
|
|
-
|
|
|
- loading: false,
|
|
|
- finished: false,
|
|
|
- refreshing: false,
|
|
|
- resultType: 'init',
|
|
|
- errorType: null,
|
|
|
- resultMessage: null,
|
|
|
-
|
|
|
- checkMode: false,
|
|
|
- checkedIds: [],
|
|
|
- show: false,
|
|
|
- actions: [
|
|
|
- {
|
|
|
- name: this.$t('common.button.agree'),
|
|
|
- type: 'primary',
|
|
|
- callback: this.openAgreeDialog
|
|
|
- },
|
|
|
- {
|
|
|
- name: this.$t('common.button.stop'),
|
|
|
- type: 'danger',
|
|
|
- callback: this.openStopDialog
|
|
|
+ ],
|
|
|
+ moreSearchPopup: false,
|
|
|
+ stateActive: false,
|
|
|
+ searchForms: {
|
|
|
+ forms: [
|
|
|
+ { prop: 'Q^procDefName^SL', label: '事务名称' },
|
|
|
+ // { prop: 'Q^inst.subject_^SL', label: '事务说明' },
|
|
|
+ { prop: 'Q^temp.subject_^SL', label: '事务说明' },
|
|
|
+ {
|
|
|
+ prop: ['Q^temp.create_time_^DL', 'Q^temp.create_time_^DG'],
|
|
|
+ label: '创建时间',
|
|
|
+ fieldType: 'dateRange',
|
|
|
+ options: { datefmt: 'yyyy-MM-dd' }
|
|
|
+ }
|
|
|
+ ]
|
|
|
},
|
|
|
- {
|
|
|
- name: this.$t('common.button.suspend'),
|
|
|
- type: 'warning',
|
|
|
- callback: this.suspend
|
|
|
+ subject: '',
|
|
|
+ typeId: '',
|
|
|
+ defKey: '',
|
|
|
+ moreParams: {},
|
|
|
+
|
|
|
+ listData: [],
|
|
|
+ pagination: {
|
|
|
+ limit: 100
|
|
|
},
|
|
|
- {
|
|
|
- name: this.$t('common.button.recover'),
|
|
|
- type: 'info',
|
|
|
- callback: this.recover
|
|
|
- }
|
|
|
- ],
|
|
|
- batchOpinionPopup: false,
|
|
|
- actionName: 'agree',
|
|
|
+ sorts: {},
|
|
|
|
|
|
- typeTreePopup: false,
|
|
|
+ loading: false,
|
|
|
+ finished: false,
|
|
|
+ refreshing: false,
|
|
|
+ resultType: 'init',
|
|
|
+ errorType: null,
|
|
|
+ resultMessage: null,
|
|
|
|
|
|
- taskId: '',
|
|
|
- formrenderVisible: false,
|
|
|
- formrenderTitle: ''
|
|
|
- }
|
|
|
- },
|
|
|
- computed: {
|
|
|
- rightText() {
|
|
|
- return this.checkMode
|
|
|
- ? this.$t('common.button.cancel')
|
|
|
- : this.$t('common.button.manage')
|
|
|
- },
|
|
|
- selectedIds() {
|
|
|
- return this.checkedIds.join(',')
|
|
|
- }
|
|
|
- },
|
|
|
- methods: {
|
|
|
- generateTitle(name, title) {
|
|
|
- // generateTitle by vue-i18n
|
|
|
- return i18n.generateTitle(name, title)
|
|
|
- },
|
|
|
- /**
|
|
|
- * 加载数据
|
|
|
- */
|
|
|
- loadData() {
|
|
|
- this.loading = true
|
|
|
- let requestMethod
|
|
|
- switch (this.tabActive) {
|
|
|
- case 'user':
|
|
|
- requestMethod = pending4User
|
|
|
- break
|
|
|
- case 'org':
|
|
|
- requestMethod = pending4Org
|
|
|
- break
|
|
|
- case 'orgManager':
|
|
|
- requestMethod = pending4OrgManager
|
|
|
+ checkMode: false,
|
|
|
+ checkedIds: [],
|
|
|
+ show: false,
|
|
|
+ actions: [
|
|
|
+ {
|
|
|
+ name: this.$t('common.button.agree'),
|
|
|
+ type: 'primary',
|
|
|
+ callback: this.openAgreeDialog
|
|
|
+ },
|
|
|
+ {
|
|
|
+ name: this.$t('common.button.stop'),
|
|
|
+ type: 'danger',
|
|
|
+ callback: this.openStopDialog
|
|
|
+ },
|
|
|
+ {
|
|
|
+ name: this.$t('common.button.suspend'),
|
|
|
+ type: 'warning',
|
|
|
+ callback: this.suspend
|
|
|
+ },
|
|
|
+ {
|
|
|
+ name: this.$t('common.button.recover'),
|
|
|
+ type: 'info',
|
|
|
+ callback: this.recover
|
|
|
+ }
|
|
|
+ ],
|
|
|
+ batchOpinionPopup: false,
|
|
|
+ actionName: 'agree',
|
|
|
|
|
|
- break
|
|
|
- case 'role':
|
|
|
- requestMethod = pending4Role
|
|
|
- break
|
|
|
- case 'position':
|
|
|
- requestMethod = pending4Position
|
|
|
- break
|
|
|
- case 'group':
|
|
|
- requestMethod = pending4Group
|
|
|
- break
|
|
|
- default:
|
|
|
- break
|
|
|
- }
|
|
|
+ typeTreePopup: false,
|
|
|
|
|
|
- requestMethod(this.getSearcFormData())
|
|
|
- .then(response => {
|
|
|
- // 处理数据
|
|
|
- ActionUtils.existHandleListData(
|
|
|
- this,
|
|
|
- response.data,
|
|
|
- this.$store.getters.flowList,
|
|
|
- 'procDefId',
|
|
|
- 'liu_cheng_id_'
|
|
|
- )
|
|
|
- })
|
|
|
- .catch(e => {
|
|
|
- ActionUtils.handleErrorData(this, e)
|
|
|
- })
|
|
|
- },
|
|
|
- /**
|
|
|
- * 获取格式化参数
|
|
|
- */
|
|
|
- getSearcFormData() {
|
|
|
- let params = {}
|
|
|
- params['Q^temp.proc_def_id_^SL'] = ''
|
|
|
- if (this.$utils.isNotEmpty(this.subject)) {
|
|
|
- params['Q^temp.procDefName^SL'] = this.subject
|
|
|
- }
|
|
|
- if (this.$utils.isNotEmpty(this.typeId)) {
|
|
|
- params['Q^temp.subject_^SL'] = this.typeId
|
|
|
+ taskId: '',
|
|
|
+ formrenderVisible: false,
|
|
|
+ formrenderTitle: ''
|
|
|
}
|
|
|
- if (this.$utils.isNotEmpty(this.defKey)) {
|
|
|
- params['Q^temp.proc_def_key_^S'] = this.defKey
|
|
|
- }
|
|
|
- if (this.$utils.isNotEmpty(this.moreParams)) {
|
|
|
- params = Object.assign(params, this.moreParams)
|
|
|
- }
|
|
|
-
|
|
|
- return ActionUtils.formatParams(params, this.pagination, this.sorts)
|
|
|
},
|
|
|
- /**
|
|
|
- * 下拉刷新
|
|
|
- */
|
|
|
- onRefresh() {
|
|
|
- this.refreshing = true
|
|
|
- this.finished = false
|
|
|
- this.loading = true
|
|
|
- this.onSearch()
|
|
|
- },
|
|
|
- /**
|
|
|
- * 查询
|
|
|
- */
|
|
|
- onSearch() {
|
|
|
- this.stateActive = false
|
|
|
- ActionUtils.initListData(this)
|
|
|
- this.loadData()
|
|
|
- },
|
|
|
- /**
|
|
|
- * 高级查询
|
|
|
- */
|
|
|
- onMoreSearch(params) {
|
|
|
- this.moreParams = params
|
|
|
- this.onSearch()
|
|
|
- if (this.$utils.isNotEmpty(params)) {
|
|
|
- this.stateActive = true
|
|
|
+ computed: {
|
|
|
+ rightText() {
|
|
|
+ return this.checkMode
|
|
|
+ ? this.$t('common.button.cancel')
|
|
|
+ : this.$t('common.button.manage')
|
|
|
+ },
|
|
|
+ selectedIds() {
|
|
|
+ return this.checkedIds.join(',')
|
|
|
}
|
|
|
},
|
|
|
- /**
|
|
|
- * 弹窗更多查询条件
|
|
|
- */
|
|
|
- clickMoreSearch() {
|
|
|
- this.moreSearchPopup = true
|
|
|
- this.stateActive = false
|
|
|
- },
|
|
|
- /**
|
|
|
- * 重置表单
|
|
|
- */
|
|
|
- resetForm() {
|
|
|
- this.typeId = ''
|
|
|
- this.defKey = ''
|
|
|
- },
|
|
|
+ methods: {
|
|
|
+ generateTitle(name, title) {
|
|
|
+ // generateTitle by vue-i18n
|
|
|
+ return i18n.generateTitle(name, title)
|
|
|
+ },
|
|
|
+ /**
|
|
|
+ * 加载数据
|
|
|
+ */
|
|
|
+ loadData() {
|
|
|
+ this.loading = true
|
|
|
+ let requestMethod
|
|
|
+ switch (this.tabActive) {
|
|
|
+ case 'user':
|
|
|
+ requestMethod = pending4User
|
|
|
+ break
|
|
|
+ case 'org':
|
|
|
+ requestMethod = pending4Org
|
|
|
+ break
|
|
|
+ case 'orgManager':
|
|
|
+ requestMethod = pending4OrgManager
|
|
|
|
|
|
- onRefreshPage() {
|
|
|
- this.checkedIds = []
|
|
|
- this.checkMode = false
|
|
|
- this.onRefresh()
|
|
|
- },
|
|
|
+ break
|
|
|
+ case 'role':
|
|
|
+ requestMethod = pending4Role
|
|
|
+ break
|
|
|
+ case 'position':
|
|
|
+ requestMethod = pending4Position
|
|
|
+ break
|
|
|
+ case 'group':
|
|
|
+ requestMethod = pending4Group
|
|
|
+ break
|
|
|
+ default:
|
|
|
+ break
|
|
|
+ }
|
|
|
|
|
|
- onClick(item, index) {
|
|
|
- if (this.checkMode) {
|
|
|
- this.$refs.checkboxes[index].toggle()
|
|
|
- } else {
|
|
|
- this.taskId = item.id
|
|
|
- this.formrenderTitle = item.procDefName
|
|
|
- this.formrenderVisible = true
|
|
|
- }
|
|
|
- },
|
|
|
- clickType() {
|
|
|
- this.typeTreePopup = true
|
|
|
- },
|
|
|
- clickTypeNode(data) {
|
|
|
- this.typeId = data.id
|
|
|
- this.onMoreSearch({})
|
|
|
- },
|
|
|
- toCheckMode() {
|
|
|
- if (this.$utils.isEmpty(this.listData)) {
|
|
|
- return
|
|
|
- }
|
|
|
- if (this.checkMode) {
|
|
|
- this.show = true
|
|
|
+ requestMethod(this.getSearcFormData())
|
|
|
+ .then(response => {
|
|
|
+ // 处理数据
|
|
|
+ ActionUtils.existHandleListData(
|
|
|
+ this,
|
|
|
+ response.data,
|
|
|
+ this.$store.getters.flowList,
|
|
|
+ 'procDefId',
|
|
|
+ 'liu_cheng_id_'
|
|
|
+ )
|
|
|
+ })
|
|
|
+ .catch(e => {
|
|
|
+ ActionUtils.handleErrorData(this, e)
|
|
|
+ })
|
|
|
+ },
|
|
|
+ /**
|
|
|
+ * 获取格式化参数
|
|
|
+ */
|
|
|
+ getSearcFormData() {
|
|
|
+ let params = {}
|
|
|
+ params['Q^temp.proc_def_id_^SL'] = ''
|
|
|
+ if (this.$utils.isNotEmpty(this.subject)) {
|
|
|
+ params['Q^temp.procDefName^SL'] = this.subject
|
|
|
+ }
|
|
|
+ if (this.$utils.isNotEmpty(this.typeId)) {
|
|
|
+ params['Q^temp.subject_^SL'] = this.typeId
|
|
|
+ }
|
|
|
+ if (this.$utils.isNotEmpty(this.defKey)) {
|
|
|
+ params['Q^temp.proc_def_key_^S'] = this.defKey
|
|
|
+ }
|
|
|
+ if (this.$utils.isNotEmpty(this.moreParams)) {
|
|
|
+ params = Object.assign(params, this.moreParams)
|
|
|
+ }
|
|
|
+
|
|
|
+ return ActionUtils.formatParams(params, this.pagination, this.sorts)
|
|
|
+ },
|
|
|
+ /**
|
|
|
+ * 下拉刷新
|
|
|
+ */
|
|
|
+ onRefresh() {
|
|
|
+ this.refreshing = true
|
|
|
+ this.finished = false
|
|
|
+ this.loading = true
|
|
|
+ this.onSearch()
|
|
|
+ },
|
|
|
+ /**
|
|
|
+ * 查询
|
|
|
+ */
|
|
|
+ onSearch() {
|
|
|
+ this.stateActive = false
|
|
|
+ ActionUtils.initListData(this)
|
|
|
+ this.loadData()
|
|
|
+ },
|
|
|
+ /**
|
|
|
+ * 高级查询
|
|
|
+ */
|
|
|
+ onMoreSearch(params) {
|
|
|
+ this.moreParams = params
|
|
|
+ this.onSearch()
|
|
|
+ if (this.$utils.isNotEmpty(params)) {
|
|
|
+ this.stateActive = true
|
|
|
+ }
|
|
|
+ },
|
|
|
+ /**
|
|
|
+ * 弹窗更多查询条件
|
|
|
+ */
|
|
|
+ clickMoreSearch() {
|
|
|
+ this.moreSearchPopup = true
|
|
|
+ this.stateActive = false
|
|
|
+ },
|
|
|
+ /**
|
|
|
+ * 重置表单
|
|
|
+ */
|
|
|
+ resetForm() {
|
|
|
+ this.typeId = ''
|
|
|
+ this.defKey = ''
|
|
|
+ },
|
|
|
+
|
|
|
+ onRefreshPage() {
|
|
|
this.checkedIds = []
|
|
|
- }
|
|
|
- this.checkMode = !this.checkMode
|
|
|
- },
|
|
|
- openAgreeDialog() {
|
|
|
- if (this.checkedIds.length === 0) {
|
|
|
- this.$notify({
|
|
|
- type: 'warning',
|
|
|
- message: this.$t('common.dialog.selectedRecords')
|
|
|
- })
|
|
|
- return
|
|
|
- }
|
|
|
- this.batchOpinionPopup = true
|
|
|
- this.actionName = 'agree'
|
|
|
- },
|
|
|
- openStopDialog() {
|
|
|
- if (this.checkedIds.length === 0) {
|
|
|
- this.$notify({
|
|
|
- type: 'warning',
|
|
|
- message: this.$t('common.dialog.selectedRecords')
|
|
|
- })
|
|
|
- return
|
|
|
- }
|
|
|
- this.batchOpinionPopup = true
|
|
|
- this.actionName = 'stop'
|
|
|
- },
|
|
|
+ this.checkMode = false
|
|
|
+ this.onRefresh()
|
|
|
+ },
|
|
|
|
|
|
- suspend() {
|
|
|
- if (this.checkedIds.length === 0) {
|
|
|
- this.$notify({
|
|
|
- type: 'warning',
|
|
|
- message: this.$t('common.dialog.selectedRecords')
|
|
|
- })
|
|
|
- return
|
|
|
- }
|
|
|
+ onClick(item, index) {
|
|
|
+ if (this.checkMode) {
|
|
|
+ this.$refs.checkboxes[index].toggle()
|
|
|
+ } else {
|
|
|
+ this.taskId = item.id
|
|
|
+ this.formrenderTitle = item.procDefName
|
|
|
+ this.formrenderVisible = true
|
|
|
+ }
|
|
|
+ },
|
|
|
+ clickType() {
|
|
|
+ this.typeTreePopup = true
|
|
|
+ },
|
|
|
+ clickTypeNode(data) {
|
|
|
+ this.typeId = data.id
|
|
|
+ this.onMoreSearch({})
|
|
|
+ },
|
|
|
+ toCheckMode() {
|
|
|
+ if (this.$utils.isEmpty(this.listData)) {
|
|
|
+ return
|
|
|
+ }
|
|
|
+ if (this.checkMode) {
|
|
|
+ this.show = true
|
|
|
+ this.checkedIds = []
|
|
|
+ }
|
|
|
+ this.checkMode = !this.checkMode
|
|
|
+ },
|
|
|
+ openAgreeDialog() {
|
|
|
+ if (this.checkedIds.length === 0) {
|
|
|
+ this.$notify({
|
|
|
+ type: 'warning',
|
|
|
+ message: this.$t('common.dialog.selectedRecords')
|
|
|
+ })
|
|
|
+ return
|
|
|
+ }
|
|
|
+ this.batchOpinionPopup = true
|
|
|
+ this.actionName = 'agree'
|
|
|
+ },
|
|
|
+ openStopDialog() {
|
|
|
+ if (this.checkedIds.length === 0) {
|
|
|
+ this.$notify({
|
|
|
+ type: 'warning',
|
|
|
+ message: this.$t('common.dialog.selectedRecords')
|
|
|
+ })
|
|
|
+ return
|
|
|
+ }
|
|
|
+ this.batchOpinionPopup = true
|
|
|
+ this.actionName = 'stop'
|
|
|
+ },
|
|
|
+
|
|
|
+ suspend() {
|
|
|
+ if (this.checkedIds.length === 0) {
|
|
|
+ this.$notify({
|
|
|
+ type: 'warning',
|
|
|
+ message: this.$t('common.dialog.selectedRecords')
|
|
|
+ })
|
|
|
+ return
|
|
|
+ }
|
|
|
|
|
|
- this.$dialog
|
|
|
- .confirm({
|
|
|
- title: this.$t('common.dialog.warn'),
|
|
|
- message: this.$t('common.operate.makeSure')
|
|
|
- })
|
|
|
- .then(() => {
|
|
|
- batchSuspendProcess({ taskIds: this.selectedIds })
|
|
|
- .then(response => {
|
|
|
- this.$notify({
|
|
|
- type: 'success',
|
|
|
- message: '批量挂起流程成功！'
|
|
|
+ this.$dialog
|
|
|
+ .confirm({
|
|
|
+ title: this.$t('common.dialog.warn'),
|
|
|
+ message: this.$t('common.operate.makeSure')
|
|
|
+ })
|
|
|
+ .then(() => {
|
|
|
+ batchSuspendProcess({ taskIds: this.selectedIds })
|
|
|
+ .then(response => {
|
|
|
+ this.$notify({
|
|
|
+ type: 'success',
|
|
|
+ message: '批量挂起流程成功！'
|
|
|
+ })
|
|
|
+ this.onRefreshPage()
|
|
|
})
|
|
|
- this.onRefreshPage()
|
|
|
- })
|
|
|
- .catch(e => {
|
|
|
- console.error(e)
|
|
|
- })
|
|
|
- })
|
|
|
- },
|
|
|
- getTaskDesc(v) {
|
|
|
- if (!v.includes('#')) {
|
|
|
- return ''
|
|
|
- }
|
|
|
- return v.split('#')[1] || ''
|
|
|
- },
|
|
|
- recover() {
|
|
|
- if (this.checkedIds.length === 0) {
|
|
|
- this.$notify({
|
|
|
- type: 'warning',
|
|
|
- message: this.$t('common.dialog.selectedRecords')
|
|
|
- })
|
|
|
- return
|
|
|
- }
|
|
|
- this.$dialog
|
|
|
- .confirm({
|
|
|
- title: this.$t('common.dialog.warn'),
|
|
|
- message: this.$t('common.operate.makeSure')
|
|
|
- })
|
|
|
- .then(() => {
|
|
|
- batchRecoverProcess({ taskIds: this.selectedIds })
|
|
|
- .then(response => {
|
|
|
- this.$notify({
|
|
|
- type: 'success',
|
|
|
- message: '批量恢复流程成功！'
|
|
|
+ .catch(e => {
|
|
|
+ console.error(e)
|
|
|
+ })
|
|
|
+ })
|
|
|
+ },
|
|
|
+ getTaskDesc(v) {
|
|
|
+ if (!v.includes('#')) {
|
|
|
+ return ''
|
|
|
+ }
|
|
|
+ return v.split('#')[1] || ''
|
|
|
+ },
|
|
|
+ recover() {
|
|
|
+ if (this.checkedIds.length === 0) {
|
|
|
+ this.$notify({
|
|
|
+ type: 'warning',
|
|
|
+ message: this.$t('common.dialog.selectedRecords')
|
|
|
+ })
|
|
|
+ return
|
|
|
+ }
|
|
|
+ this.$dialog
|
|
|
+ .confirm({
|
|
|
+ title: this.$t('common.dialog.warn'),
|
|
|
+ message: this.$t('common.operate.makeSure')
|
|
|
+ })
|
|
|
+ .then(() => {
|
|
|
+ batchRecoverProcess({ taskIds: this.selectedIds })
|
|
|
+ .then(response => {
|
|
|
+ this.$notify({
|
|
|
+ type: 'success',
|
|
|
+ message: '批量恢复流程成功！'
|
|
|
+ })
|
|
|
+ this.onRefreshPage()
|
|
|
})
|
|
|
- this.onRefreshPage()
|
|
|
- })
|
|
|
- .catch(e => {
|
|
|
- console.error(e)
|
|
|
- })
|
|
|
- })
|
|
|
+ .catch(e => {
|
|
|
+ console.error(e)
|
|
|
+ })
|
|
|
+ })
|
|
|
+ }
|
|
|
}
|
|
|
}
|
|
|
-}
|
|
|
</script>
|
|
|
<style lang="scss" scoped>
|
|
|
-::v-deep .van-cell__title {
|
|
|
- width: 65%;
|
|
|
+ ::v-deep .van-cell__title {
|
|
|
+ width: 65%;
|
|
|
|
|
|
- .van-cell__label {
|
|
|
- overflow-wrap: break-word;
|
|
|
+ .van-cell__label {
|
|
|
+ overflow-wrap: break-word;
|
|
|
+ }
|
|
|
}
|
|
|
-}
|
|
|
-</style>
|
|
|
+</style>
|
lidie