Parcourir la source

1.资产发起产品退回流程
2.产品退回申请列表页面
3.产品退回申请审核详情页面

GouGengquan il y a 3 mois
Parent
commit
ec748b6b4d

+ 4 - 0
src/api/modules/productionReturn.js

@@ -11,5 +11,9 @@ export default {
     // 分页查询产品退回申请
     page(params) {
         return request.get(`productionReturn/page`, {params: params})
+    },
+    // 详情
+    detail(params) {
+        return request.get(`productionReturn/detail/${params}`)
     }
 }

+ 3 - 1
src/router/urlMap.js

@@ -155,6 +155,7 @@ import _views_personal_all from '@/views/personal/allOrder'
 import _views_finance_fine from '@/views/finance/fine'
 import _views_finance_fine_refund from '@/views/finance/fineRefund'
 import _views_finance_production_return from '@/views/finance/productionReturn'
+import _views_finance_production_return_detail from '@/views/finance/productionReturnDetail'
 
 export default {
   _views_set_menu,
@@ -298,6 +299,7 @@ export default {
   _views_income_major_declare_market_by_department,
   _views_finance_fine,
   _views_finance_fine_refund,
-  _views_finance_production_return
+  _views_finance_production_return,
+  _views_finance_production_return_detail
 
 }

+ 9 - 3
src/views/assets/myOrderList.vue

@@ -185,7 +185,7 @@
                                 <el-button type="text" size="mini" @click="openFinanceInvoiceDialog(row.orderFundId, row.productionFundId, row.realAmount, row.customerName, row.customerSubName)">申请开票</el-button>
                             </div>
                             <div>
-                                <el-button type="text" size="mini" @click="openProductionreturnDialog(row)">申请产品退回</el-button>
+                                <el-button type="text" size="mini" @click="openProductionReturnDialog(row)">申请产品退回</el-button>
                             </div>
                             <!-- <el-button v-if="row.currentNodeCode === 'REPORT_OUT_APPLY'" type="text"
                             @click="canceladdRepertoryOutWarehouse(row)">
@@ -551,7 +551,7 @@
                 <el-button type="primary" @click="saveInvoice()">确 定</el-button>
             </span>
         </el-dialog>
-        <el-dialog :visible.sync="productionReturnDialog" width="55%" center>
+        <el-dialog :visible.sync="productionReturnDialog" width="55%" center @closed="resetProductionReturnForm()">
             <el-form ref="productionReturnForm" :model="productionReturnForm" :rules="productionReturnFormRules">
                 <el-divider content-position="left">申请产品退回</el-divider>
                 <el-row>
@@ -1388,10 +1388,11 @@ export default {
         exportMyOrder() {
             this.$utils.exportUtil('/assets/exportMyOrder', this.listQuery, '导出');
         },
-        openProductionreturnDialog(row) {
+        openProductionReturnDialog(row) {
             // 判断产品是否已经出库了
             if (row.reportRepertoryState) {
                 // 赋值基础信息
+                this.productionReturnForm.businessType = 'ASSET_BUSINESS';
                 this.productionReturnForm.businessId = row.assetsId;
                 this.productionReturnForm.productionId = row.reportId;
                 this.productionReturnForm.name = row.name;
@@ -1424,11 +1425,16 @@ export default {
                                 type: 'success',
                                 duration: 2000,
                             });
+                            this.productionReturnDialog = false;
                         }
                     });
                 }
             });
         },
+        // 重置表单
+        resetProductionReturnForm() {
+            this.$refs.productionReturnForm.resetFields();
+        },
     },
 };
 </script>

+ 175 - 75
src/views/finance/productionReturn.vue

@@ -3,83 +3,173 @@
         <div class="title-container">
             <breadcrumb id="breadcrumb-container" class="breadcrumb-container" />
         </div>
-        <y-page-list-layout :page-list="pageData" :page-para="queryDTO" :get-page-list="page">
-            <template slot="left">
-                <el-select v-model="queryDTO.businessType" placeholder="业务类型" clearable style="width: 150px;float: left;">
-                    <el-option label="资产业务" value="ASSET_BUSINESS"></el-option>
-                    <el-option label="个贷业务" value="PERSONAL_BUSINESS"></el-option>
-                    <el-option label="大中型业务" value="MAJOR_BUSINESS"></el-option>
-                </el-select>
-                <el-input v-model="queryDTO.keyWord" placeholder="关键字(项⽬编号或产品号)" clearable style="margin-left: 20px;width: 300px;float: left;"></el-input>
-                <el-input v-model="queryDTO.clientManagerName" placeholder="客户经理" clearable style="margin-left: 20px;width: 150px;float: left;"></el-input>
-                <el-input v-model="queryDTO.bailor" placeholder="委托方" clearable style="margin-left: 20px;width: 300px;float: left;"></el-input>
-                <el-button class="filter-item" style="margin-left:20px;float: left;" type="primary" @click="page()" round>搜索</el-button>
-                <el-button class="filter-item" style="float: left;" round type="success" @click="resetSearch()">重置</el-button>
-                <el-button class="filter-item" style="float: left;" round type="warning" @click="exportList()">导出</el-button>
-            </template>
-            <parentTable ref="table" v-loading="listLoading" :data="pageData.records" slot="table" style="width: 100%;">
-                <el-table-column label="业务类型" align="center" width="150">
-                    <template slot-scope="{row}">
-                        <span>{{ row.businessType }}</span>
+        <el-tabs v-model="activeName" @tab-click="handleClick" type="border-card" style="margin-top: 10px;">
+            <el-tab-pane label="我的待审核" name="TODO">
+                <y-page-list-layout :page-list="pageData" :page-para="queryDTO" :get-page-list="page">
+                    <template slot="left">
+                        <el-select v-model="queryDTO.businessType" placeholder="业务类型" clearable style="width: 150px;float: left;">
+                            <el-option label="资产业务" value="ASSET_BUSINESS"></el-option>
+                            <el-option label="个贷业务" value="PERSONAL_BUSINESS"></el-option>
+                            <el-option label="大中型业务" value="MAJOR_BUSINESS"></el-option>
+                        </el-select>
+                        <el-input v-model="queryDTO.keyWord" placeholder="关键字(项⽬编号或产品号)" clearable style="margin-left: 20px;width: 300px;float: left;"></el-input>
+                        <el-input v-model="queryDTO.clientManagerName" placeholder="客户经理" clearable style="margin-left: 20px;width: 150px;float: left;"></el-input>
+                        <el-input v-model="queryDTO.bailor" placeholder="委托方" clearable style="margin-left: 20px;width: 300px;float: left;"></el-input>
+                        <el-button class="filter-item" style="margin-left:20px;float: left;" type="primary" @click="page()" round>搜索</el-button>
+                        <el-button class="filter-item" style="float: left;" round type="success" @click="resetSearch()">重置</el-button>
+                        <el-button class="filter-item" style="float: left;" round type="warning" @click="exportList()">导出</el-button>
                     </template>
-                </el-table-column>
-                <el-table-column label="项目名称" align="center" width="250">
-                    <template slot-scope="{row}">
-                        <span>{{ row.name }}</span>
+                    <parentTable ref="table" v-loading="listLoading" :data="pageData.records" slot="table" style="width: 100%;">
+                        <el-table-column label="业务类型" align="center" width="150">
+                            <template slot-scope="{row}">
+                                <span>{{ row.businessType === 'ASSET_BUSINESS' ? '资产业务' : row.businessType === 'PERSONAL_BUSINESS' ? '个贷业务' : row.businessType === 'MAJOR_BUSINESS' ? '大中型业务' : '-' }}</span>
+                            </template>
+                        </el-table-column>
+                        <el-table-column label="项目名称" align="center" width="400">
+                            <template slot-scope="{row}">
+                                <span>{{ row.name }}</span>
+                            </template>
+                        </el-table-column>
+                        <el-table-column label="项目编号" align="center" width="150">
+                            <template slot-scope="{row}">
+                                <span>{{ row.orderId }}</span>
+                            </template>
+                        </el-table-column>
+                        <el-table-column label="产品编号" align="center" width="250">
+                            <template slot-scope="{row}">
+                                <span>{{ row.productionNo }}</span>
+                            </template>
+                        </el-table-column>
+                        <el-table-column label="产品类型" align="center" width="250">
+                            <template slot-scope="{row}">
+                                <span>{{ row.productionType }}</span>
+                            </template>
+                        </el-table-column>
+                        <el-table-column label="客户经理" align="center" width="150">
+                            <template slot-scope="{row}">
+                                <span>{{ row.clientManager }}</span>
+                            </template>
+                        </el-table-column>
+                        <el-table-column label="客户名称" align="center" width="150">
+                            <template slot-scope="{row}">
+                                <span>{{ row.clientName }}</span>
+                            </template>
+                        </el-table-column>
+                        <el-table-column label="业务来源" align="center" width="150">
+                            <template slot-scope="{row}">
+                                <span>{{ row.clientSubName }}</span>
+                            </template>
+                        </el-table-column>
+                        <el-table-column label="委托人" align="center" width="150">
+                            <template slot-scope="{row}">
+                                <span>{{ row.bailor }}</span>
+                            </template>
+                        </el-table-column>
+                        <el-table-column label="退产品原因" align="center" width="150">
+                            <template slot-scope="{row}">
+                                <span>{{ row.returnReason }}</span>
+                            </template>
+                        </el-table-column>
+                        <el-table-column label="是否包含退发票" align="center" width="150">
+                            <template slot-scope="{row}">
+                                <span>{{ row.returnInvoice === true ? '是' : '否' }}</span>
+                            </template>
+                        </el-table-column>
+                        <el-table-column label="审核状态" align="center" width="150">
+                            <template slot-scope="{row}">
+                                <span>{{ row.status === 'REVIEWING' ? '审核中' : row.status === 'APPROVE' ? '审核通过' : row.status === 'REJECTION' ? '审核拒绝' : '-' }}</span>
+                            </template>
+                        </el-table-column>
+                        <el-table-column fixed="right" label="操作" align="center">
+                            <template slot-scope="{row}">
+                                <div>
+                                    <el-button type="text" size="small" @click="checkDetail(row)">审核</el-button>
+                                </div>
+                            </template>
+                        </el-table-column>
+                    </parentTable>
+                </y-page-list-layout>
+            </el-tab-pane>
+            <el-tab-pane label="全部申请" name="ALL">
+                <y-page-list-layout :page-list="pageData" :page-para="queryDTO" :get-page-list="page">
+                    <template slot="left">
+                        <el-select v-model="queryDTO.businessType" placeholder="业务类型" clearable style="width: 150px;float: left;">
+                            <el-option label="资产业务" value="ASSET_BUSINESS"></el-option>
+                            <el-option label="个贷业务" value="PERSONAL_BUSINESS"></el-option>
+                            <el-option label="大中型业务" value="MAJOR_BUSINESS"></el-option>
+                        </el-select>
+                        <el-input v-model="queryDTO.keyWord" placeholder="关键字(项⽬编号或产品号)" clearable style="margin-left: 20px;width: 300px;float: left;"></el-input>
+                        <el-input v-model="queryDTO.clientManagerName" placeholder="客户经理" clearable style="margin-left: 20px;width: 150px;float: left;"></el-input>
+                        <el-input v-model="queryDTO.bailor" placeholder="委托方" clearable style="margin-left: 20px;width: 300px;float: left;"></el-input>
+                        <el-button class="filter-item" style="margin-left:20px;float: left;" type="primary" @click="page()" round>搜索</el-button>
+                        <el-button class="filter-item" style="float: left;" round type="success" @click="resetSearch()">重置</el-button>
+                        <el-button class="filter-item" style="float: left;" round type="warning" @click="exportList()">导出</el-button>
                     </template>
-                </el-table-column>
-                <el-table-column label="项目编号" align="center" width="150">
-                    <template slot-scope="{row}">
-                        <span>{{ row.orderId }}</span>
-                    </template>
-                </el-table-column>
-                <el-table-column label="产品编号" align="center" width="250">
-                    <template slot-scope="{row}">
-                        <span>{{ row.productionNo }}</span>
-                    </template>
-                </el-table-column>
-                <el-table-column label="产品类型" align="center" width="250">
-                    <template slot-scope="{row}">
-                        <span>{{ row.productionType }}</span>
-                    </template>
-                </el-table-column>
-                <el-table-column label="客户经理" align="center" width="150">
-                    <template slot-scope="{row}">
-                        <span>{{ row.clientManager }}</span>
-                    </template>
-                </el-table-column>
-                <el-table-column label="客户名称" align="center" width="150">
-                    <template slot-scope="{row}">
-                        <span>{{ row.clientName }}</span>
-                    </template>
-                </el-table-column>
-                <el-table-column label="业务来源" align="center" width="150">
-                    <template slot-scope="{row}">
-                        <span>{{ row.clientSubName }}</span>
-                    </template>
-                </el-table-column>
-                <el-table-column label="委托人" align="center" width="150">
-                    <template slot-scope="{row}">
-                        <span>{{ row.bailor }}</span>
-                    </template>
-                </el-table-column>
-                <el-table-column label="退产品原因" align="center" width="150">
-                    <template slot-scope="{row}">
-                        <span>{{ row.returnReason }}</span>
-                    </template>
-                </el-table-column>
-                <el-table-column label="是否包含退发票" align="center" width="150">
-                    <template slot-scope="{row}">
-                        <span>{{ row.returnInvoice }}</span>
-                    </template>
-                </el-table-column>
-                <el-table-column label="审核状态" align="center" width="150">
-                    <template slot-scope="{row}">
-                        <span>{{ row.status }}</span>
-                    </template>
-                </el-table-column>
-            </parentTable>
-        </y-page-list-layout>
+                    <parentTable ref="table" v-loading="listLoading" :data="pageData.records" slot="table" style="width: 100%;">
+                        <el-table-column label="业务类型" align="center" width="150">
+                            <template slot-scope="{row}">
+                                <span>{{ row.businessType === 'ASSET_BUSINESS' ? '资产业务' : row.businessType === 'PERSONAL_BUSINESS' ? '个贷业务' : row.businessType === 'MAJOR_BUSINESS' ? '大中型业务' : '-' }}</span>
+                            </template>
+                        </el-table-column>
+                        <el-table-column label="项目名称" align="center" width="400">
+                            <template slot-scope="{row}">
+                                <span>{{ row.name }}</span>
+                            </template>
+                        </el-table-column>
+                        <el-table-column label="项目编号" align="center" width="150">
+                            <template slot-scope="{row}">
+                                <span>{{ row.orderId }}</span>
+                            </template>
+                        </el-table-column>
+                        <el-table-column label="产品编号" align="center" width="250">
+                            <template slot-scope="{row}">
+                                <span>{{ row.productionNo }}</span>
+                            </template>
+                        </el-table-column>
+                        <el-table-column label="产品类型" align="center" width="250">
+                            <template slot-scope="{row}">
+                                <span>{{ row.productionType }}</span>
+                            </template>
+                        </el-table-column>
+                        <el-table-column label="客户经理" align="center" width="150">
+                            <template slot-scope="{row}">
+                                <span>{{ row.clientManager }}</span>
+                            </template>
+                        </el-table-column>
+                        <el-table-column label="客户名称" align="center" width="150">
+                            <template slot-scope="{row}">
+                                <span>{{ row.clientName }}</span>
+                            </template>
+                        </el-table-column>
+                        <el-table-column label="业务来源" align="center" width="150">
+                            <template slot-scope="{row}">
+                                <span>{{ row.clientSubName }}</span>
+                            </template>
+                        </el-table-column>
+                        <el-table-column label="委托人" align="center" width="150">
+                            <template slot-scope="{row}">
+                                <span>{{ row.bailor }}</span>
+                            </template>
+                        </el-table-column>
+                        <el-table-column label="退产品原因" align="center" width="150">
+                            <template slot-scope="{row}">
+                                <span>{{ row.returnReason }}</span>
+                            </template>
+                        </el-table-column>
+                        <el-table-column label="是否包含退发票" align="center" width="150">
+                            <template slot-scope="{row}">
+                                <span>{{ row.returnInvoice === true ? '是' : '否' }}</span>
+                            </template>
+                        </el-table-column>
+                        <el-table-column label="审核状态" align="center" width="150">
+                            <template slot-scope="{row}">
+                                <span>{{ row.status === 'REVIEWING' ? '审核中' : row.status === 'APPROVE' ? '审核通过' : row.status === 'REJECTION' ? '审核拒绝' : '-' }}</span>
+                            </template>
+                        </el-table-column>
+                    </parentTable>
+                </y-page-list-layout>
+            </el-tab-pane>
+        </el-tabs>
     </div>
 </template>
 <script>
@@ -94,11 +184,13 @@ export default {
     },
     data() {
         return {
+            activeName: 'TODO',
             listLoading: false,
             // 分页查询条件
             queryDTO: {
                 page: 1,
                 size: 10,
+                queryScope: 'TODO',
                 businessType: null,
                 keyWord: null,
                 clientManagerName: null,
@@ -115,6 +207,7 @@ export default {
             this.queryDTO = {
                 page: 1,
                 size: 10,
+                queryScope: this.activeName,
                 businessType: null,
                 keyWord: null,
                 clientManagerName: null,
@@ -127,6 +220,7 @@ export default {
             this.queryDTO = {
                 page: 1,
                 size: 10,
+                queryScope: this.activeName,
                 businessType: null,
                 keyWord: null,
                 clientManagerName: null,
@@ -142,9 +236,15 @@ export default {
                 this.listLoading = false;
             });
         },
+        // 导出
         exportList() {
             this.$utils.exportUtil('/productionReturn/export', this.queryDTO, '导出');
         },
+        // 跳转详情页
+        checkDetail(row) {
+            let backPath = '/finance/production/return';
+            this.$router.push(`/finance/production/return/detail?businessId=${row.id}&businessType=PRODUCTION_RETURN&doWorkflow=${true}&back=${backPath}&couldEdit=${true}`);
+        },
     },
 };
 </script>

+ 196 - 0
src/views/finance/productionReturnDetail.vue

@@ -0,0 +1,196 @@
+<template>
+    <div class="app-container">
+        <div class="title-container">
+            <breadcrumb id="breadcrumb-container" class="breadcrumb-container" />
+        </div>
+        <el-collapse v-model="activeNames" style="margin-top: 30px;">
+            <el-collapse-item name="board">
+                <template slot="title">
+                    <span style="font-size:15px; margin-left:15px;letter-spacing:2px; color:RGB(168,168,168)">点击展开查看实时流程图</span>
+                </template>
+                <WorkflowBoard ref="board" :nodeBusinessInfo="nodeBusinessInfo" />
+            </el-collapse-item>
+        </el-collapse>
+        <div class="button-area">
+            <el-button v-if="nodeBusinessInfo.currentNodePermission.commit && doWorkflow" class="y-save" type="success" round @click="commit('PASS')">通过</el-button>
+            <el-button v-if="nodeBusinessInfo.currentNodePermission.terminable && doWorkflow" class="y-save" type="danger" round @click="commit('TERMINATE')">拒绝</el-button>
+            <el-button class="y-save" round type="info" @click="goBack">返回</el-button>
+        </div>
+        <el-card>
+            <el-divider content-position="left">产品退回申请详情</el-divider>
+            <el-form ref="productionReturnForm" :model="productionReturnForm" :rules="productionReturnFormRules">
+                <el-row>
+                    <el-col :xs="24" :sm="12" :lg="12" :span="6">
+                        <el-form-item label="业务类型:" prop="returnInvoice" label-width="140px" class="postInfo-container-item">
+                            <el-select v-model="productionReturnForm.businessType" style="width: 100%" disabled>
+                                <el-option label="资产业务" value="ASSET_BUSINESS"></el-option>
+                                <el-option label="大中型业务" value="MAJOR_BUSINESS"></el-option>
+                                <el-option label="个贷业务" value="PERSONAL_BUSINESS"></el-option>
+                            </el-select>
+                        </el-form-item>
+                    </el-col>
+                </el-row>
+                <el-row>
+                    <el-col :xs="24" :sm="24" :lg="24" :span="6">
+                        <el-form-item label="项目名称:" prop="name" label-width="140px" class="postInfo-container-item">
+                            <el-input v-model.trim="productionReturnForm.name" class="filter-item" disabled />
+                        </el-form-item>
+                    </el-col>
+                </el-row>
+                <el-row>
+                    <el-col :xs="24" :sm="12" :lg="12" :span="6">
+                        <el-form-item label="项目编号:" prop="orderId" label-width="140px" class="postInfo-container-item">
+                            <el-input v-model.trim="productionReturnForm.orderId" class="filter-item" disabled />
+                        </el-form-item>
+                    </el-col>
+                    <el-col :xs="24" :sm="12" :lg="12" :span="6">
+                        <el-form-item label="产品编号:" prop="productionNo" label-width="140px" class="postInfo-container-item">
+                            <el-input v-model.trim="productionReturnForm.productionNo" class="filter-item" disabled />
+                        </el-form-item>
+                    </el-col>
+                </el-row>
+                <el-row>
+                    <el-col :xs="24" :sm="12" :lg="12" :span="6">
+                        <el-form-item label="客户名称:" prop="clientName" label-width="140px" class="postInfo-container-item">
+                            <el-input v-model.trim="productionReturnForm.clientName" class="filter-item" disabled />
+                        </el-form-item>
+                    </el-col>
+                    <el-col :xs="24" :sm="12" :lg="12" :span="6">
+                        <el-form-item label="业务来源:" prop="clientSubName" label-width="140px" class="postInfo-container-item">
+                            <el-input v-model.trim="productionReturnForm.clientSubName" class="filter-item" disabled />
+                        </el-form-item>
+                    </el-col>
+                    <el-col :xs="24" :sm="12" :lg="12" :span="6">
+                        <el-form-item label="委托人:" prop="bailor" label-width="140px" class="postInfo-container-item">
+                            <el-input v-model.trim="productionReturnForm.bailor" class="filter-item" disabled />
+                        </el-form-item>
+                    </el-col>
+                </el-row>
+                <el-row>
+                    <el-col :xs="24" :sm="12" :lg="12" :span="6">
+                        <el-form-item label="退产品原因:" prop="returnReason" label-width="140px" class="postInfo-container-item">
+                            <el-input v-model.trim="productionReturnForm.returnReason" class="filter-item" disabled />
+                        </el-form-item>
+                    </el-col>
+                    <el-col :xs="24" :sm="12" :lg="12" :span="6">
+                        <el-form-item label="是否退发票:" prop="returnInvoice" label-width="140px" class="postInfo-container-item">
+                            <el-select v-model="productionReturnForm.returnInvoice" style="width: 100%" disabled>
+                                <el-option label="退发票" v-bind:value="true"></el-option>
+                                <el-option label="不退发票" v-bind:value="false"></el-option>
+                            </el-select>
+                        </el-form-item>
+                    </el-col>
+                </el-row>
+            </el-form>
+        </el-card>
+    </div>
+</template>
+<script>
+import Breadcrumb from '@/components/Breadcrumb';
+import WorkflowBoard from '@/components/workflowBoard';
+
+export default {
+    name: 'productionReturnDetail',
+    components: {
+        Breadcrumb,
+        WorkflowBoard,
+    },
+    filters: {},
+    computed: {},
+    data() {
+        return {
+            activeNames: ['board'],
+            couldEdit: true,
+            nodeBusinessInfo: {
+                currentNodePermission: {
+                    commit: true,
+                    reversible: true,
+                    restartable: true,
+                    terminable: true,
+                    skippable: true,
+                },
+                mainBusiness: null,
+                doWorkflow: null,
+                businessSubId: null,
+                businessId: null,
+                currentInstanceNodeId: null,
+                production: [],
+                nodeCode: null,
+            },
+            doWorkflow: false,
+            productionReturnForm: {},
+            currentNode: {
+                flowId: null,
+                pnodeId: null,
+                nodeId: null,
+                flowCode: null,
+                nodeName: '',
+                nodeCode: null,
+                state: '',
+                instanceId: null,
+                sequence: null,
+                restartable: null,
+                reversible: null,
+                skippable: null,
+                terminable: null,
+                tasks: [],
+            },
+        };
+    },
+    created() {
+        this.couldEdit = this.$route.query.couldEdit === 'true';
+        this.nodeBusinessInfo.businessId = this.$route.query.businessId;
+        this.nodeBusinessInfo.mainBusiness = this.$route.query.businessType;
+        this.doWorkflow = this.$route.query.doWorkflow === 'true';
+        this.getCurrentNodeInfo();
+        this.businessId = this.$route.query.businessId;
+        this.getDetail();
+    },
+    methods: {
+        getCurrentNodeInfo() {
+            if (this.nodeBusinessInfo.businessId) {
+                this.$api.workNodeInstance
+                    .currentNode({
+                        mainBusiness: this.nodeBusinessInfo.mainBusiness,
+                        businessId: this.nodeBusinessInfo.businessId,
+                    })
+                    .then((res) => {
+                        if (res.code === 200 && res.data != null) {
+                            this.currentNode = res.data;
+                            this.nodeBusinessInfo.currentInstanceNodeId = res.data.instanceId;
+                            this.nodeBusinessInfo.nodeCode = res.data.nodeCode;
+                        }
+                        this.$refs.board.getInstanceArray(this.nodeBusinessInfo.mainBusiness, this.nodeBusinessInfo.businessId);
+                    });
+            }
+        },
+        // 提交节点
+        commit(state) {
+            this.$refs.board.commit(state);
+        },
+        // 获取退回申请详情
+        getDetail() {
+            this.$api.productionReturn.detail(this.businessId).then((res) => {
+                if (res.code === 200) {
+                    this.productionReturnForm = res.data;
+                }
+            });
+        },
+        goBack() {
+            const back = this.$route.query.back;
+            console.log(back);
+            if (back) {
+                this.$router.push(back);
+            }
+        },
+    },
+};
+</script>
+<style lang="scss" scoped>
+.button-area {
+    position: absolute;
+    top: 70px;
+    right: 50px;
+}
+</style>
+