| | |
| | | <template> |
| | | <basic-container> |
| | | <avue-crud :option="option" |
| | | :table-loading="loading" |
| | | :data="data" |
| | | ref="crud" |
| | | v-model="form" |
| | | :page.sync="page" |
| | | :permission="permissionList" |
| | | @search-change="searchChange" |
| | | @search-reset="searchReset" |
| | | @selection-change="selectionChange" |
| | | @current-change="currentChange" |
| | | @size-change="sizeChange" |
| | | @refresh-change="refreshChange" |
| | | @on-load="onLoad"> |
| | | <avue-crud :option="option" :table-loading="loading" :data="data" ref="crud" v-model="form" :page.sync="page" |
| | | :permission="permissionList" @search-change="searchChange" @search-reset="searchReset" |
| | | @selection-change="selectionChange" @current-change="currentChange" @size-change="sizeChange" |
| | | @refresh-change="refreshChange" @on-load="onLoad"> |
| | | <template slot="menuLeft"> |
| | | <el-radio-group v-model="mode" size="small"> |
| | | <el-radio-button label="1">通用流程</el-radio-button> |
| | |
| | | </el-radio-group> |
| | | </template> |
| | | <template slot-scope="scope" slot="menu"> |
| | | <el-button type="text" |
| | | size="small" |
| | | icon="el-icon-refresh" |
| | | v-if="permission.flow_manager_state" |
| | | <el-button type="text" size="small" icon="el-icon-refresh" v-if="permission.flow_manager_state" |
| | | @click.stop="handleState(scope.row,scope.index)">变更状态 |
| | | </el-button> |
| | | <el-button type="text" |
| | | size="small" |
| | | icon="el-icon-search" |
| | | v-if="permission.flow_manager_image" |
| | | <el-button type="text" size="small" icon="el-icon-search" v-if="permission.flow_manager_image" |
| | | @click.stop="handleImage(scope.row,scope.index)">流程图 |
| | | </el-button> |
| | | <el-button type="text" |
| | | size="small" |
| | | icon="el-icon-delete" |
| | | v-if="permission.flow_manager_remove" |
| | | <el-button type="text" size="small" icon="el-icon-delete" v-if="permission.flow_manager_remove" |
| | | @click.stop="handleSlotDelete(scope.row,scope.index)">删除 |
| | | </el-button> |
| | | </template> |
| | | <template slot-scope="{row}" |
| | | slot="tenantId"> |
| | | <template slot-scope="{row}" slot="tenantId"> |
| | | <el-tag>{{row.tenantId===''?'通用':row.tenantId}}</el-tag> |
| | | </template> |
| | | <template slot-scope="{row}" |
| | | slot="version"> |
| | | <template slot-scope="{row}" slot="version"> |
| | | <el-tag>v{{row.version}}</el-tag> |
| | | </template> |
| | | <template slot-scope="{row}" |
| | | slot="suspensionState"> |
| | | <template slot-scope="{row}" slot="suspensionState"> |
| | | <el-tag>{{row.suspensionState===1?'激活':'挂起'}}</el-tag> |
| | | </template> |
| | | <template slot-scope="{row}" |
| | | slot="category"> |
| | | <template slot-scope="{row}" slot="category"> |
| | | <el-tag>{{row.categoryName}}</el-tag> |
| | | </template> |
| | | </avue-crud> |
| | | <flow-design is-dialog :is-display.sync="flowBox" :process-definition-id="processDefinitionId"></flow-design> |
| | | <el-dialog title="流程变更" |
| | | append-to-body |
| | | :visible.sync="stateBox" |
| | | width="20%"> |
| | | <el-form :model="form" |
| | | ref="form" |
| | | label-width="80px"> |
| | | <el-dialog title="流程变更" append-to-body :visible.sync="stateBox" width="20%"> |
| | | <el-form :model="form" ref="form" label-width="80px"> |
| | | <el-form-item label="流程状态"> |
| | | <el-select v-model="flowState" placeholder="请选择" value=""> |
| | | <el-option |
| | | v-for="item in stateOptions" |
| | | :key="item.value" |
| | | :label="item.label" |
| | | :value="item.value"> |
| | | <el-option v-for="item in stateOptions" :key="item.value" :label="item.label" :value="item.value"> |
| | | </el-option> |
| | | </el-select> |
| | | </el-form-item> |
| | | </el-form> |
| | | <span slot="footer" |
| | | class="dialog-footer"> |
| | | <span slot="footer" class="dialog-footer"> |
| | | <el-button @click="stateBox = false">关 闭</el-button> |
| | | <el-button type="primary" |
| | | @click="handleDoState">确 定</el-button> |
| | | <el-button type="primary" @click="handleDoState">确 定</el-button> |
| | | </span> |
| | | </el-dialog> |
| | | </basic-container> |
| | | </template> |
| | | |
| | | <script> |
| | | import {mapGetters} from "vuex"; |
| | | import {managerList, changeState, deleteDeployment} from "@/api/flow/flow"; |
| | | import {flowCategory} from "@/util/flow"; |
| | | import { |
| | | mapGetters |
| | | } from "vuex"; |
| | | import { |
| | | managerList, |
| | | changeState, |
| | | deleteDeployment |
| | | } from "@/api/flow/flow"; |
| | | import { |
| | | flowCategory |
| | | } from "@/util/flow"; |
| | | |
| | | export default { |
| | | data() { |
| | |
| | | dialogWidth: 900, |
| | | menuWidth: 250, |
| | | dialogClickModal: false, |
| | | column: [ |
| | | { |
| | | column: [{ |
| | | label: '租户编号', |
| | | prop: 'tenantId', |
| | | slot: true, |
| | |
| | | { |
| | | label: '流程名称', |
| | | prop: 'name', |
| | | search: true, |
| | | width: 150, |
| | | }, |
| | | { |
| | |
| | | dataType: "number", |
| | | slot: true, |
| | | prop: "category", |
| | | search: true, |
| | | // search: true, |
| | | width: 100, |
| | | }, |
| | | { |
| | |
| | | }); |
| | | return; |
| | | } |
| | | changeState({processId: this.selectionId, state: this.flowState}).then(res => { |
| | | changeState({ |
| | | processId: this.selectionId, |
| | | state: this.flowState |
| | | }).then(res => { |
| | | const data = res.data; |
| | | if (data.success) { |
| | | this.$message({ |