| | |
|---|
| | | <el-tabs tab-position="top" v-model="activeName" @tab-click="handleClick"> |
|---|
| | | <!--表单信息--> |
|---|
| | | <el-tab-pane label="表单信息" name="1"> |
|---|
| | | <!--初始化流程加载表单信息--> |
|---|
| | | <el-col :span="16" :offset="4"> |
|---|
| | | <div v-if="formDataList && formDataList.length > 0"> |
|---|
| | | <div v-for="(formDataObj, index) in formDataList" :key="index" class="form-warp"> |
|---|
| | | <div v-if="formDataObj.current" style="margin-bottom: 15px;color: #409eff">当前阶段：<span style="color: red">{{formDataObj.beforeNodeName}}</span></div> |
|---|
| | | <div v-else style="margin-bottom: 15px;color: #409eff">前置阶段：<span style="color: #d5904b">{{formDataObj.beforeNodeName}}</span></div> |
|---|
| | | <div v-for="(formDataObj, index) in formDataList" :key="index" class="form-warp" style="position: relative"> |
|---|
| | | <div v-if="formDataObj.current"> |
|---|
| | | <!-- 当前节点可协同、转办等操作 --> |
|---|
| | | <div style="position: absolute; top: 4px; right: 4px; display: flex;justify-content: center; align-items: center;"> |
|---|
| | | <el-button size="small" type="primary" @click="submitForm">确认并提交</el-button> |
|---|
| | | <el-button size="small" type="primary" disabled @click="submitForm">协同办理(功能开发中)</el-button> |
|---|
| | | <el-button size="small" type="primary" @click="openDelegation(formDataList[0].beforeNodeName)">转办</el-button> |
|---|
| | | </div> |
|---|
| | | <div style="margin-bottom: 15px;color: #E6A23C">当前阶段：<span style="color: #409EFF">{{formDataObj.beforeNodeName}}</span></div> |
|---|
| | | </div> |
|---|
| | | <div v-else-if="formDataList.length > 1"> |
|---|
| | | <!-- 前置节点可驳回 --> |
|---|
| | | <div style="position: absolute; top: 4px; right: 4px"> |
|---|
| | | <el-button type="danger" size="small" @click="openRejectTask(formDataObj.beforeNodeDefId)">驳 回</el-button> |
|---|
| | | </div> |
|---|
| | | <div style="margin-bottom: 15px;color: #E6A23C">前置阶段：<span style="color: #F56C6C">{{formDataObj.beforeNodeName}}</span></div> |
|---|
| | | </div> |
|---|
| | | <div v-if="formDataObj.formJson !== null && formDataObj.formJson !== ''"> |
|---|
| | | <v-form-render :form-data="formDataObj.formJson" :ref="'form' + index"/> |
|---|
| | | </div> |
|---|
| | | <div v-else> |
|---|
| | | <el-alert |
|---|
| | | title="节点无表单数据" |
|---|
| | | type="info" |
|---|
| | | title="节点未绑定表单" |
|---|
| | | type="warning" |
|---|
| | | :closable="false" |
|---|
| | | > |
|---|
| | | </el-alert> |
|---|
| | | </div> |
|---|
| | | <div v-if="formDataList.length <= 1"> |
|---|
| | | <el-alert |
|---|
| | | title="不存在前置节点" |
|---|
| | | type="warning" |
|---|
| | | :closable="false" |
|---|
| | | > |
|---|
| | | </el-alert> |
|---|
| | | </div> |
|---|
| | | </div> |
|---|
| | | </div> |
|---|
| | | <div v-else> |
|---|
| | | <el-alert |
|---|
| | | title="当前节点无表单数据" |
|---|
| | | type="info" |
|---|
| | | :closable="false" |
|---|
| | | > |
|---|
| | | </el-alert> |
|---|
| | | <el-alert |
|---|
| | | style="margin-top: 20px" |
|---|
| | | title="前置节点无表单数据" |
|---|
| | | type="info" |
|---|
| | | :closable="false" |
|---|
| | | > |
|---|
| | | </el-alert> |
|---|
| | | </div> |
|---|
| | | </el-col> |
|---|
| | | </el-col> |
|---|
| | | </el-tab-pane> |
|---|
| | | <!--流程流转记录--> |
|---|
| | | <el-tab-pane label="流转记录" name="2"> |
|---|
| | |
|---|
| | | > |
|---|
| | | <p style="font-weight: 700">{{item.taskName}} |
|---|
| | | <span v-if="item.comment && item.comment.type === '3'" style="color: red">(执行了驳回)</span> |
|---|
| | | <span v-if="item.overtime" style="color: red">(已超时)</span> |
|---|
| | | <span v-if="item.overtime && item.overtime==='red'" style="color: red">(已超时)</span> |
|---|
| | | <span v-if="item.overtime && item.overtime==='yellow'" style="color: orange">(即将超时)</span> |
|---|
| | | </p> |
|---|
| | | <el-card :body-style="{ padding: '10px' }"> |
|---|
| | | <el-descriptions class="margin-top" :column="1" size="small" border> |
|---|
