项目变更

oa-back/ruoyi-system/src/main/java/com/ruoyi/oa/domain/CmcProjectChange.java

@@ -18,7 +18,7 @@ public class CmcProjectChange extends BaseEntity
     private static final long serialVersionUID = 1L;
 
     /** 变更id */
-    private Long changeId;
+    private String changeId;
 
     /** 项目id */
     @Excel(name = "项目id")
@@ -37,12 +37,12 @@ public class CmcProjectChange extends BaseEntity
     @Excel(name = "登记时间", width = 30, dateFormat = "yyyy-MM-dd")
     private Date registerTime;
 
-    public void setChangeId(Long changeId) 
+    public void setChangeId(String changeId)
     {
         this.changeId = changeId;
     }
 
-    public Long getChangeId() 
+    public String getChangeId()
     {
         return changeId;
     }

oa-back/ruoyi-system/src/main/resources/mapper/oa/CmcProjectChangeMapper.xml

@@ -34,12 +34,14 @@ PUBLIC "-//mybatis.org//DTD Mapper 3.0//EN"
     <insert id="insertCmcProjectChange" parameterType="CmcProjectChange" useGeneratedKeys="true" keyProperty="changeId">
         insert into cmc_project_change
         <trim prefix="(" suffix=")" suffixOverrides=",">
+            <if test="changeId != null">change_id,</if>
             <if test="projectId != null">project_id,</if>
             <if test="content != null">content,</if>
             <if test="registrant != null">registrant,</if>
             <if test="registerTime != null">register_time,</if>
          </trim>
         <trim prefix="values (" suffix=")" suffixOverrides=",">
+            <if test="changeId != null">#{changeId},</if>
             <if test="projectId != null">#{projectId},</if>
             <if test="content != null">#{content},</if>
             <if test="registrant != null">#{registrant},</if>

oa-ui/src/router/index.js

@@ -310,6 +310,20 @@ export const constantRoutes = [
       }
     ]
   },
+  {
+    path: '/applyForm/change',
+    component: Layout,
+    hidden: true,
+    children: [
+      {
+        path: '',
+        component: () => import('@/views/flowable/task/todo/applyForm/changeIndex'),
+        name: 'change',
+        meta: { title: '项目变更', icon: '' }
+
+      }
+    ]
+  },
   {
     path: '/project/info',
     component: Layout,

oa-ui/src/views/flowable/form/archiveForm.vue

@@ -191,7 +191,7 @@ export default {
       required: true
     },
     isFlow: {
-      type: Object,
+      type: Boolean,
       default: true
     }
   },

oa-ui/src/views/flowable/form/changeForm.vue

@@ -0,0 +1,353 @@
+<template>
+  <div class="app-container">
+    <el-row :gutter="20">
+      <el-col :span="18" :xs="24">
+        <el-form ref="form" :model="form" :rules="rules" label-width="80px">
+          <el-form-item label="项目信息" prop="projectId">
+            <el-button type="primary" size="mini" @click="openProject = true" v-if="taskName == '变更登记'">选择项目</el-button>
+            <el-descriptions border v-if="isSelect" style="margin-top: 10px;" :column="2" direction="vertical">
+              <el-descriptions-item label="项目名称" label-class-name="my-label">{{ chooseProject.projectName
+              }}</el-descriptions-item>
+              <el-descriptions-item label="项目编号" label-class-name="my-label">{{ chooseProject.projectNumber
+              }}</el-descriptions-item>
+              <el-descriptions-item label="甲方单位" label-class-name="my-label">{{ chooseProject.partyA
+              }}</el-descriptions-item>
+              <el-descriptions-item label="项目类型" label-class-name="my-label">{{ chooseProject.projectType
+              }}</el-descriptions-item>
+              <el-descriptions-item label="承担部门" label-class-name="my-label">{{
+                chooseProject.undertakingDeptName
+              }}</el-descriptions-item>
+              <el-descriptions-item label="项目负责人" label-class-name="my-label">{{ chooseProject.projectLeaderUser
+                ? chooseProject.projectLeaderUser.nickName : ''
+              }}</el-descriptions-item>=
+            </el-descriptions>
+          </el-form-item>
+          <el-form-item label="变更内容">
+            <el-input type="textarea" :rows="10" v-model="form.content" :disabled="taskName != '项目登记'" />
+          </el-form-item>
+          <el-row>
+            <el-col :span="6" :xs="24" :offset="12">
+              <el-form-item label="签名：" label-width="120px">
+                <span class="auditor"> {{ registrantName }}
+                </span>
+              </el-form-item>
+            </el-col>
+            <el-col :span="6">
+              <el-form-item label="登记时间" label-width="120px">
+                <span> {{ parseTime(form.registerTime, '{y}-{m}-{d}') }} </span>
+              </el-form-item>
+            </el-col>
+          </el-row>
+        </el-form>
+        <div style="text-align: center;">
+          <el-button type="primary" @click="submitForm">确 定</el-button>
+          <el-button @click="cancel">取 消</el-button>
+        </div>
+      </el-col>
+      <el-col :span="6" :xs="24" v-if="isFlow">
+        <el-card>
+          <h2 style="text-align: center;">流程进度</h2>
+          <div>
+            <flow :flowData="flowData" />
+          </div>
+        </el-card>
+      </el-col>
+    </el-row>
+    <el-dialog title="选择项目" :visible.sync="openProject" width="70%" append-to-body>
+      <project-choose @chooseProject="confirmProject"></project-choose>
+    </el-dialog>
+  </div>
+</template>
+
+<script>
+import { listProjectChange, getProjectChange, delProjectChange, addProjectChange, updateProjectChange } from "@/api/oa/project/projectChange";
+import { getProject } from "@/api/oa/project/project";
+import { getUsersManageLeaderByDept, getUsersDeptLeaderByDept } from '@/api/system/post'
+import flow from '@/views/flowable/task/todo/detail/flow';
+import { complete, getNextFlowNode } from "@/api/flowable/todo";
+import { flowXmlAndNode } from "@/api/flowable/definition";
+import projectChoose from '@/views/flowable/form/components/chooseProject.vue';
+import { getDept } from "@/api/system/dept";
+
+export default {
+  components: {
+    projectChoose,
+    flow
+  },
+  props: {
+    taskName: {
+      type: String,
+      required: true
+    },
+    taskForm: {
+      type: Object,
+      required: true
+    },
+    isFlow: {
+      type: Boolean,
+      default: true
+    },
+  },
+  data() {
+    return {
+      // 遮罩层
+      loading: true,
+      // 选中数组
+      ids: [],
+      // 非单个禁用
+      single: true,
+      // 非多个禁用
+      multiple: true,
+      // 显示搜索条件
+      showSearch: true,
+      // 总条数
+      total: 0,
+      // cmc项目变更表格数据
+      projectChangeList: [],
+      leaderList: [],
+      undertakingDeptNameList: [],
+      // 弹出层标题
+      title: "",
+      // 是否显示弹出层
+      open: false,
+      openProject: false,
+      chooseProject: {},
+      isSelect: false,
+      // 查询参数
+      queryParams: {
+        pageNum: 1,
+        pageSize: 10,
+        projectId: null,
+        content: null,
+        registrant: null,
+        registerTime: null
+      },
+      // 表单参数
+      form: {
+        registerTime: undefined,
+      },
+      flowData: {},
+      formTotal: 0,
+      registrantName: '',
+      // 表单校验
+      rules: {
+      }
+    };
+  },
+  created() {
+    this.initForm();
+    this.getList();
+    if (this.$route.query.projectId) {
+      getProject(this.$route.query.projectId).then(res => {
+        if (res.data) {
+          this.$set(this.form, 'projectId', res.data.projectId)
+          this.handleSelectProject(res.data.projectId)
+        }
+      })
+    }
+    if (this.isFlow) {
+      flowXmlAndNode({ procInsId: this.taskForm.procInsId, deployId: this.taskForm.deployId }).then(res => {
+        this.flowData = res.data;
+      })
+    }
+  },
+  methods: {
+    // 初始化表单
+    initForm() {
+      getProjectChange(this.taskForm.formId).then(res => {
+        if (this.isEmptyObject(res.data)) {
+          this.formTotal = 0;
+          this.form.registrant = this.$store.getters.userId;
+          this.registrantName = this.$store.getters.name;
+          this.form.registerTime = new Date();
+        }
+        else {
+          this.formTotal = 1;
+          this.form = res.data;
+          if (res.data.projectId) {
+            getProject(res.data.projectId).then(response => {
+              this.chooseProject = response.data;
+              this.isSelect = true;
+              if (this.form.undertakingDept) {
+                let arr = this.chooseProject.undertakingDept.split(',')
+                this.getDeptName(arr);
+              }
+            })
+          }
+          this.loading = false
+        }
+      })
+    },
+    /** 查询cmc项目变更列表 */
+    getList() {
+      this.loading = true;
+      listProjectChange(this.queryParams).then(response => {
+        this.projectChangeList = response.rows;
+        this.total = response.total;
+        this.loading = false;
+      });
+    },
+    isEmptyObject(obj) {
+      for (var key in obj) {
+        if (obj.hasOwnProperty(key)) {
+          return false;
+        }
+      }
+      return true;
+    },
+    // 选择项目
+    handleSelectProject(val) {
+      if (val != "" && val != undefined && val != null) {
+        getProject(val).then(response => {
+          this.chooseProject = response.data;
+          this.isSelect = true;
+          if (this.chooseProject.undertakingDept) {
+            let arr = this.chooseProject.undertakingDept.split(',')
+            this.getLeader(arr);
+            this.getDeptName(arr);
+          }
+        })
+      } else {
+        this.isSelect = false
+      }
+    },
+    confirmProject(val) {
+      if (val.length > 1) {
+        this.$message.error('请选择一个项目');
+        return
+      } else if (val.length == 1) {
+        this.chooseProject = val[0]
+        this.isSelect = true
+        this.form.projectId = val[0].projectId
+        if (this.chooseProject.undertakingDept) {
+          let arr = this.chooseProject.undertakingDept.split(',')
+          this.getLeader(arr);
+          this.getDeptName(arr);
+        }
+      }
+      this.openProject = false;
+    },
+    getLeader(val) {
+      for (let v of val) {
+        getUsersDeptLeaderByDept({ deptId: Number(v) }).then(res => {
+          this.leaderList.push(res.data.userId);
+        })
+        getUsersManageLeaderByDept({ deptId: Number(v) }).then(res => {
+          this.leaderList.push(res.data.userId);
+        })
+      }
+    },
+    getDeptName(val) {
+      for (let v of val) {
+        getDept(Number(v)).then(res => {
+          this.undertakingDeptNameList.push(res.data.deptName);
+          this.chooseProject.undertakingDeptName = this.undertakingDeptNameList.join(',')
+        })
+      }
+    },
+    // 取消按钮
+    cancel() {
+      this.open = false;
+      this.reset();
+    },
+    // 表单重置
+    reset() {
+      this.form = {
+        changeId: null,
+        projectId: null,
+        content: null,
+        registrant: null,
+        registerTime: null
+      };
+      this.resetForm("form");
+    },
+    /** 搜索按钮操作 */
+    handleQuery() {
+      this.queryParams.pageNum = 1;
+      this.getList();
+    },
+    /** 重置按钮操作 */
+    resetQuery() {
+      this.resetForm("queryForm");
+      this.handleQuery();
+    },
+    // 多选框选中数据
+    handleSelectionChange(selection) {
+      this.ids = selection.map(item => item.changeId)
+      this.single = selection.length !== 1
+      this.multiple = !selection.length
+    },
+    /** 新增按钮操作 */
+    handleAdd() {
+      this.reset();
+      this.open = true;
+      this.title = "添加cmc项目变更";
+    },
+    /** 修改按钮操作 */
+    handleUpdate(row) {
+      this.reset();
+      const changeId = row.changeId || this.ids
+      getProjectChange(changeId).then(response => {
+        this.form = response.data;
+        this.open = true;
+        this.title = "修改cmc项目变更";
+      });
+    },
+    /** 提交按钮 */
+    submitForm() {
+      this.$refs["form"].validate(valid => {
+        if (valid) {
+          if (this.formTotal != 0) {
+            updateProjectChange(this.form).then(response => {
+              this.$modal.msgSuccess("修改成功");
+              this.open = false;
+              this.getList();
+            });
+            const params = { taskId: this.taskForm.taskId };
+            getNextFlowNode(params).then(res => {
+              if (this.taskName == '变更登记') {
+                this.$set(this.taskForm.variables, "approvalList", this.leaderList);
+              }
+              complete(this.taskForm).then(response => {
+                this.$modal.msgSuccess(response.msg);
+                this.$emit('goBack')
+              });
+            })
+          } else {
+            this.form.changeId = this.taskForm.formId;
+            addProjectChange(this.form).then(response => {
+              this.$modal.msgSuccess("新增成功");
+              this.open = false;
+              this.getList();
+            });
+            const params = { taskId: this.taskForm.taskId };
+            getNextFlowNode(params).then(res => {
+              this.$set(this.taskForm.variables, "approvalList", this.leaderList);
+              complete(this.taskForm).then(response => {
+                this.$modal.msgSuccess(response.msg);
+                this.$emit('goBack')
+              });
+            })
+          }
+        }
+      });
+    },
+    /** 删除按钮操作 */
+    handleDelete(row) {
+      const changeIds = row.changeId || this.ids;
+      this.$modal.confirm('是否确认删除cmc项目变更编号为"' + changeIds + '"的数据项？').then(function () {
+        return delProjectChange(changeIds);
+      }).then(() => {
+        this.getList();
+        this.$modal.msgSuccess("删除成功");
+      }).catch(() => { });
+    },
+    /** 导出按钮操作 */
+    handleExport() {
+      this.download('oa/projectChange/export', {
+        ...this.queryParams
+      }, `projectChange_${new Date().getTime()}.xlsx`)
+    }
+  }
+};
+</script>

oa-ui/src/views/flowable/form/components/detailDisplay.vue

@@ -38,6 +38,8 @@
       @goBack="goBack"></archive-form>
     <settle-form :taskName="taskName" :taskForm="taskForm" v-else-if="taskForm.procDefName == '项目结算'"
       @goBack="goBack"></settle-form>
+    <change-form :taskName="taskName" :taskForm="taskForm" v-else-if="taskForm.procDefName == '项目变更'"
+      @goBack="goBack"></change-form>
   </div>
 </template>
 
@@ -63,6 +65,7 @@ import depositForm from '@/views/flowable/form/finance/depositForm.vue';
 import borrowForm from '@/views/flowable/form/finance/borrowForm.vue';
 import archiveForm from '@/views/flowable/form/archiveForm.vue';
 import settleForm from '@/views/flowable/form/settleForm.vue';
+import changeForm from '@/views/flowable/form/changeForm.vue';
 export default {
   components: {
     ScTable,
@@ -85,7 +88,8 @@ export default {
     brandForm,
     depositForm,
     archiveForm,
-    settleForm
+    settleForm,
+    changeForm
   },
   props: {
     taskForm: {

oa-ui/src/views/flowable/form/inProgress/changeData.vue

@@ -0,0 +1,157 @@
+<template>
+  <div class="mt20" style="width:99%">
+    <div class="nav-btn" v-if="taskName != ''">
+      <div>
+        <el-button class="mb20" type="primary" plain size="mini" icon="el-icon-plus" @click="addChange">变更记录</el-button>
+      </div>
+      <div>
+        <el-button icon="el-icon-refresh" circle size="mini" @click="getList()"></el-button>
+      </div>
+    </div>
+    <el-table :data="projectChangeList">
+      <el-table-column type="index" width="55" align="center" label="序号" />
+      <el-table-column label="变更id" align="center" prop="changeId" />
+      <el-table-column label="项目id" align="center" prop="projectId" />
+      <el-table-column label="变更内容" align="center" prop="content" />
+      <el-table-column label="登记人" align="center" prop="registrant" />
+      <el-table-column label="登记时间" align="center" prop="registerTime" width="180">
+        <template slot-scope="scope">
+          <span>{{ parseTime(scope.row.registerTime, '{y}-{m}-{d}') }}</span>
+        </template>
+      </el-table-column>
+      <el-table-column label="操作" fixed="right" header-align="center">
+        <template slot-scope="scope">
+          <el-button icon="el-icon-view" type="text" size="mini" @click="handleLook(scope.row)">查看明细</el-button>
+        </template>
+      </el-table-column>
+    </el-table>
+    
+    <el-dialog title=" 变更记录" :visible.sync="open" append-to-body width="65%">
+      <change-form :taskForm="openObj" :taskName="''" :isFlow="false"></change-form>
+      </el-dialog>
+  </div>
+</template>
+
+<script>
+import { listProjectChange } from "@/api/oa/project/projectChange";
+import { listDefinition } from "@/api/flowable/definition";
+import { getNextFlowNodeByStart } from "@/api/flowable/todo";
+import { definitionStart, flowXmlAndNode } from "@/api/flowable/definition";
+import { todoList } from "@/api/flowable/todo";
+import changeForm from '../changeForm.vue';
+import { getProject } from "@/api/oa/project/project";
+import { MessageBox } from 'element-ui'
+import { Snowflake } from '@/utils/snowFlake.js'
+
+export default {
+  components: { changeForm },
+  props: {
+    taskForm: {
+      type: Object,
+      required: true
+    },
+    taskName: {
+      type: String,
+      default: ''
+    }
+  },
+  data() {
+    return {
+      // 是否显示弹出层
+      open: false,
+      openObj:{},
+      // 表单参数
+      form: {},
+      definitionList: [],
+      projectChangeList: [],
+    };
+  },
+  mounted() {
+    this.getList();
+    this.listDefinition();
+  },
+  methods: {
+    /** 查询cmc项目变更列表 */
+    getList() {
+      listProjectChange(this.queryParams).then(response => {
+        this.projectChangeList = response.rows;
+      });
+    },
+    listDefinition() {
+      listDefinition({
+        pageNum: 1,
+        pageSize: 9999,
+        name: '项目变更'
+      }).then(response => {
+        this.definitionList = response.data.records;
+      });
+    },
+    handleLook(row) {
+      this.form= row
+      this.openObj.formId = row.changeId
+      getProject(row.projectId).then(res=>{
+        if(res.data)
+          this.$set(this.form,'projectName',res.data.projectNumber + '-' + res.data.projectName)
+        this.open = true
+      })
+    },
+    addChange() {
+      let row = this.definitionList[0];
+      let formId = new Snowflake(1n, 1n, 0n).nextId().toString();
+      getNextFlowNodeByStart({ deploymentId: row.deploymentId, variables: { formId: formId } }).then(res => {
+        let data = res.data
+        const variables = {};
+        const formData = {};
+        formData.formId = formId
+        if (row.id) {
+          MessageBox.confirm('是否发起项目变更？', '系统提示', { confirmButtonText: '确认', cancelButtonText: '取消', type: 'warning' }).then(() => {
+            variables.variables = formData;
+            // 启动流程并将表单数据加入流程变量
+            definitionStart(row.id, JSON.stringify(variables)).then(res => {
+              this.$modal.msgSuccess(res.msg);
+              let procInstanceId = res.data;
+              todoList({
+                pageNum: 1,
+                pageSize: 99999999,
+                processInsId: procInstanceId
+              }).then(toDoRes => {
+                let records = toDoRes.data.records;
+                if (records.length == 1) {
+                  records = records[0]
+                }
+                this.$router.push({
+                  path: '/applyForm/change',
+                  query: {
+                    procInsId: records.procInsId,
+                    executionId: records.executionId,
+                    deployId: records.deployId,
+                    taskId: records.taskId,
+                    taskName: records.taskName,
+                    startUser: records.startUserName + '--' + records.startDeptName,
+                    formId: formData.formId,
+                    procDefName: records.procDefName,
+                    projectId: this.taskForm.formId
+                  }
+                })
+              })
+            })
+          })
+        }
+      })
+    },
+  }
+};
+</script>
+<style lang="scss" scoped>
+.nav-btn {
+  display: flex;
+  justify-content: space-between;
+}
+
+.custom-table {
+  display: block;
+  /* 确保表格不会超出容器 */
+  overflow-x: auto;
+  /* 横向滚动条 */
+}
+</style>

oa-ui/src/views/flowable/form/projectProcess/addproject.vue

@@ -1,8 +1,8 @@
 <!--
  * @Author: ysh
  * @Date: 2024-03-18 11:00:04
- * @LastEditors: Please set LastEditors
- * @LastEditTime: 2024-06-04 16:55:40
+ * @LastEditors: wrh
+ * @LastEditTime: 2024-06-06 09:08:51
 -->
 <template>
   <div class="project-wrapper">
@@ -139,6 +139,11 @@
         </el-col>
       </el-row>
     </el-form>
+      <div class="headers">
+        项目变更
+        <div class="line"></div>
+        <change-data :taskForm="taskForm" :taskName="$route.query.taskName"></change-data>
+      </div>
     <div slot="footer" class="dialog-footer" style="text-align: center">
       <el-button type="primary" @click="confirmAddForm" :disabled="disabled">提 交</el-button>
       <!-- <el-button @click="cancel" :disabled="disabled">取 消</el-button> -->
@@ -160,8 +165,9 @@ import { listProjectWork, addProjectWork } from "@/api/oa/project/projectWork";
 import { listProjectContract, addProjectContract } from "@/api/oa/contract/projectContract";
 import { listContract, getContract, delContract, addContract, updateContract } from "@/api/oa/contract/contract";
 import chooseContract from '../components/chooseContract.vue';
+import changeData from '../inProgress/changeData.vue';
 export default {
-  components: { chooseContract },
+  components: { chooseContract, changeData },
   dicts: ['cmc_scale_grade', 'cmc_unit'],
   props: {
     disabled: {
@@ -424,4 +430,22 @@ table {
   border-color: var(--current-color);
 }
 
+.headers {
+  position: relative;
+  font-weight: bold;
+  font-size: 18px;
+  padding-left: 40px;
+  padding-bottom: 40px;
+
+  .line {
+    position: absolute;
+    left: 22px;
+    top: 5px;
+    width: 5px;
+    height: 14px;
+    border-radius: 10px;
+    background-color: #2893e5;
+  }
+}
+
 </style>

oa-ui/src/views/flowable/task/todo/applyForm/changeIndex.vue

@@ -0,0 +1,105 @@
+<!--
+ * @Author: ysh
+ * @Date: 2024-05-31 17:02:16
+ * @LastEditors: wrh
+ * @LastEditTime: 2024-06-06 09:17:48
+-->
+<template>
+  <div class="app-container">
+    <nav-header :taskForm="taskForm" :taskName="taskName" :startUser="startUser"
+      :flowRecordList="flowRecordList"></nav-header>
+    <change-form :taskForm="taskForm" :taskName="taskName" @goBack="goBack"></change-form>
+  </div>
+</template>
+
+<script>
+import { flowRecord } from "@/api/flowable/finished";
+import { getProcessVariables } from "@/api/flowable/definition";
+import { flowTaskForm } from "@/api/flowable/todo";
+import changeForm from '../../../form/changeForm.vue';
+import navHeader from './components/navHeader.vue'
+export default {
+  components: {
+    navHeader,
+    changeForm,
+  },
+  data() {
+    return {
+      taskForm: {
+        returnTaskShow: false, // 是否展示回退表单
+        delegateTaskShow: false, // 是否展示回退表单
+        defaultTaskShow: true, // 默认处理
+        comment: "", // 意见内容
+        procInsId: "", // 流程实例编号
+        instanceId: "", // 流程实例编号
+        deployId: "",  // 流程定义编号
+        taskId: "",// 流程任务编号
+        procDefId: "",  // 流程编号
+        targetKey: "",
+        variables: {
+          variables: {}
+        },
+      },
+      startUser: null, // 发起人信息,
+      taskName: null, // 任务节点
+      flowRecordList: []
+    }
+  },
+  created() {
+    if (this.$route.query) {
+      this.taskName = this.$route.query.taskName;
+      this.startUser = this.$route.query.startUser;
+      this.taskForm.deployId = this.$route.query.deployId;
+      this.taskForm.taskId = this.$route.query.taskId;
+      this.taskForm.procInsId = this.$route.query.procInsId;
+      this.taskForm.executionId = this.$route.query.executionId;
+      this.taskForm.instanceId = this.$route.query.procInsId;
+      this.taskForm.formId = this.$route.query.formId;
+      this.taskForm.procDefName = this.$route.query.procDefName;
+      // 流程任务获取变量信息
+      if (this.taskForm.taskId) {
+        this.processVariables(this.taskForm.taskId)
+        this.getFlowTaskForm(this.taskForm.taskId)
+      }
+      this.getFlowRecordList(this.taskForm.procInsId, this.taskForm.deployId);
+    }
+  },
+  methods: {
+    /** 获取流程变量内容 */
+    processVariables(taskId) {
+      if (taskId) {
+        // 提交流程申请时填写的表单存入了流程变量中后续任务处理时需要展示
+        getProcessVariables(taskId).then(res => {
+        });
+      }
+    },
+    /** 流程节点表单 */
+    getFlowTaskForm(taskId) {
+      if (taskId) {
+        // 提交流程申请时填写的表单存入了流程变量中后续任务处理时需要展示
+        flowTaskForm({ taskId: taskId }).then(res => {
+          this.taskForm.variables = res.data.formData;
+        });
+      }
+    },
+    /** 流程流转记录 */
+    getFlowRecordList(procInsId, deployId) {
+      const that = this
+      const params = { procInsId: procInsId, deployId: deployId }
+      flowRecord(params).then(res => {
+        that.flowRecordList = res.data.flowList;
+      }).catch(res => {
+        this.goBack();
+      })
+    },
+    goBack() {
+      // 关闭当前标签页并返回上个页面
+      const obj = this.$route;
+      this.$tab.closeOpenPage(obj);
+      this.$router.go(-1);
+    }
+  }
+}
+</script>
+
+<style lang="scss" scoped></style>