| | |
| | | <el-card class="box-card" > |
| | | <div slot="header" class="clearfix" style="display: flex"> |
| | | <div style="flex: 1" class="el-icon-document">{{`任务办理:` + processName}}</div> |
| | | <div style="flex: 2">{{projectName + '——' + flowName}}</div> |
| | | <div style="flex: 2; color: #303133">{{projectName + '——' + flowName}}</div> |
| | | <el-button style="float: right;" size="mini" type="danger" @click="goBack">关闭</el-button> |
| | | </div> |
| | | <el-tabs tab-position="top" v-model="activeName" @tab-click="handleClick"> |
| | | <!--表单信息--> |
| | | <el-tab-pane label="表单信息" name="1"> |
| | | <!--初始化流程加载表单信息--> |
| | | <el-col :span="16" :offset="4" v-loading="formLoading" class="tab-min-height"> |
| | | <el-col :span="24" v-loading="formLoading" class="tab-min-height"> |
| | | <div v-if="formDataList && formDataList.length > 0"> |
| | | <div v-for="(formDataObj, index) in formDataList" :key="index" class="form-warp" style="position: relative"> |
| | | <div v-for="(formDataObj, index) in formDataList" :key="index" class="form-warp"> |
| | | <el-row> |
| | | <el-col :span="18" style="position: relative"> |
| | | <div v-if="formDataObj.current"> |
| | | <!-- 当前节点可协同、转办等操作 --> |
| | | <div class="op-list"> |
| | |
| | | <!-- 前置节点可驳回 --> |
| | | <div class="reject-but"> |
| | | <el-button type="danger" size="small" @click="openRejectTask(formDataObj.beforeNodeName)">驳 回</el-button> |
| | | <el-popover |
| | | style="margin-left: 10px" v-if="formDataObj.events.length > 0" |
| | | placement="right-start" |
| | | title="任务日志" |
| | | width="800" |
| | | trigger="hover" |
| | | > |
| | | <div v-if="formDataObj.events.length > 0"> |
| | | <log-view :log-list="formDataObj.events"/> |
| | | </div> |
| | | <el-button slot="reference">任务日志</el-button> |
| | | </el-popover> |
| | | </div> |
| | | <div class="before">前置阶段:<span>{{formDataObj.beforeNodeName}}</span></div> |
| | | </div> |
| | |
| | | > |
| | | </el-alert> |
| | | </div> |
| | | </el-col> |
| | | <el-col :span="6"> |
| | | <log-time-line v-if="formDataObj.events.length > 0" :log-list="formDataObj.events"/> |
| | | </el-col> |
| | | </el-row> |
| | | </div> |
| | | </div> |
| | | </el-col> |
| | |
| | | import { flowTaskForm } from "@/api/flowable/todo"; |
| | | import {getNextFlowNodeByStart} from "@/api/flowable/todo"; |
| | | import LogView from "@/views/projectProcess/components/LogView"; |
| | | import LogTimeLine from "@/views/projectProcess/components/LogTimeLine"; |
| | | import {rejectTask} from "@/api/flowable/process"; |
| | | import {cancelTaskHangup, taskDelegation, taskHangup, taskJump, taskWait} from "@/api/projectProcess/projectProcess"; |
| | | |
| | |
| | | MyDept, |
| | | SingleUser, |
| | | MultUser, |
| | | LogView |
| | | LogView, |
| | | LogTimeLine |
| | | }, |
| | | props: {}, |
| | | data() { |
| | |
| | | padding: 20px; |
| | | margin-top: 5px; |
| | | margin-bottom: 20px; |
| | | margin-left: 3px; |
| | | margin-right: 3px; |
| | | box-shadow: rgba(67, 71, 85, 0.27) 0px 0px 0.25em, rgba(90, 125, 188, 0.05) 0px 0.25em 1em; |
| | | } |
| | | .before { |
| | |
| | | } |
| | | .reject-but { |
| | | position: absolute; |
| | | top: 4px; |
| | | top: -4px; |
| | | right: 4px |
| | | } |
| | | .current { |
| | |
| | | } |
| | | .op-list { |
| | | position: absolute; |
| | | top: 4px; |
| | | top: -4px; |
| | | right: 4px; |
| | | display: flex; |
| | | justify-content: center; |