From 976aff0b50e86f6ab5525978889a4eed6c64a0a8 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E8=8C=83=E5=BC=BA=E5=BC=BA?= <787203167>
Date: Wed, 7 Feb 2024 10:29:14 +0800
Subject: [PATCH] =?UTF-8?q?=E4=BF=AE=E6=94=B9=E6=A0=87=E5=87=86=E5=BE=81?=
 =?UTF-8?q?=E6=B1=82=E6=84=8F=E8=A7=81=E6=B5=81=E7=A8=8B=E5=AE=A1=E6=89=B9?=
 =?UTF-8?q?=E5=8E=86=E5=8F=B2?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../processNodeInformation/index.vue          | 357 +++++++++---------
 .../pages/creatProcess/bzzqyj/step1-9.vue     |   2 +-
 .../pages/creatProcess/bzzqyj/step2.vue       |   2 +-
 .../pages/creatProcess/bzzqyj/step3.vue       |   2 +-
 .../pages/creatProcess/bzzqyj/step4-1.vue     |   2 +-
 .../pages/creatProcess/bzzqyj/step4-2.vue     |   2 +-
 .../pages/creatProcess/bzzqyj/step4.vue       |   2 +-
 .../pages/creatProcess/bzzqyj/step5-1.vue     |   2 +-
 .../pages/creatProcess/bzzqyj/step5.vue       |   2 +-
 .../pages/creatProcess/bzzqyj/step6.vue       |   2 +-
 .../pages/creatProcess/bzzqyj/step7.vue       |   2 +-
 .../pages/creatProcess/bzzqyj/step8.vue       |   2 +-
 .../pages/creatProcess/bzzqyj/step9.vue       |   2 +-
 .../pages/creatProcess/qbrk/step10.vue        | 145 +++----
 .../pages/creatProcess/qbrk/step11-1.vue      | 131 +++----
 .../pages/creatProcess/qbrk/step11.vue        | 145 +++----
 .../pages/creatProcess/qbrk/step12.vue        | 155 ++++----
 .../pages/creatProcess/qbrk/step13.vue        | 149 ++++----
 .../pages/creatProcess/qbrk/step2.vue         | 143 +++----
 .../pages/creatProcess/qbrk/step3.vue         | 149 ++++----
 .../pages/creatProcess/qbrk/step4.vue         | 148 ++++----
 .../pages/creatProcess/qbrk/step5.vue         | 143 +++----
 .../pages/creatProcess/qbrk/step6.vue         | 147 ++++----
 .../pages/creatProcess/qbrk/step7.vue         | 143 +++----
 .../pages/creatProcess/qbrk/step8.vue         | 145 +++----
 .../pages/creatProcess/qbrk/step9.vue         | 143 +++----
 .../pages/creatProcess/qbrk/stepC1.vue        | 147 ++++----
 .../pages/creatProcess/qbrk/stepC3.vue        | 137 +++----
 .../pages/creatProcess/qbrk/stepC6.vue        | 147 ++++----
 .../pages/creatProcess/qbrk/stepDetail.vue    | 145 +++----
 .../tabComponents/processCenter/index.vue     |  54 ++-
 31 files changed, 1507 insertions(+), 1390 deletions(-)

diff --git a/src/components/processNodeInformation/index.vue b/src/components/processNodeInformation/index.vue
index 3176aa671..ab3f8ffce 100644
--- a/src/components/processNodeInformation/index.vue
+++ b/src/components/processNodeInformation/index.vue
@@ -1,188 +1,191 @@
 <template>
-        <div class="flow-chart-box">
-            <div class="flow-chart">
-                <div class="flow-group-process" v-if="$route.query.oldAndNew == 'new'">
-                    <div class="flow-group-process-stard">
-                        开始
+    <div class="flow-chart-box">
+        <div class="flow-chart">
+            <div class="flow-group-process" v-if="$route.query.oldAndNew == 'new'">
+                <div class="flow-group-process-stard">
+                    开始
+                </div>
+                <div v-for="(item,index) in nameList"
+                     :key="item.id"
+                     :class="{'flow-group-process-box-one':arrangeFromTheLeft(index + 1)}"
+                     class="flow-group-process-box">
+                    <div v-if="leftArrow(index + 1)"
+                         :class="{'flow-group-process-arrow-left':arrangeFromTheLeft(index + 1)}"
+                         class="flow-group-process-arrow">
                     </div>
-                    <div v-for="(item,index) in nameList"
-                         :class="{'flow-group-process-box-one':arrangeFromTheLeft(index + 1)}"
-                         class="flow-group-process-box">
-                        <div v-if="leftArrow(index + 1)"
-                             :class="{'flow-group-process-arrow-left':arrangeFromTheLeft(index + 1)}"
-                             class="flow-group-process-arrow">
+                    <div class="flow-group-process-content"
+                         :style="backdrop(item.taskStatus)"
+                         :class="{'flow-group-process-content-dis':!leftArrow(index + 1)}">
+                        <div class="flow-group-process-content-top">
+                            {{item.taskKeyName}}
                         </div>
-                        <div class="flow-group-process-content"
-                             :style="backdrop(item.taskStatus)"
-                             :class="{'flow-group-process-content-dis':!leftArrow(index + 1)}">
-                            <div class="flow-group-process-content-top">
-                                {{item.taskKeyName}}
-                            </div>
-                            <el-tooltip placement="top">
-                                <div slot="content">
-                                    <div style="margin-bottom: 4px"
-                                         v-for="val1 in item.userNames">
-                                        {{val1}}
-                                    </div>
+                        <el-tooltip placement="top">
+                            <div slot="content">
+                                <div style="margin-bottom: 4px"
+                                     v-for="val1 in item.userNames">
+                                    {{val1}}
                                 </div>
-                                <div class="flow-group-process-content-bottom"
-                                     v-if="item.userNames && item.userNames.length > 0">
-                                    <div v-if="item.userNames && item.userNames.length > 0"
-                                         v-for="val in item.userNames">
-                                        <div>{{val}}</div>
-                                    </div>
-                                </div>
-                            </el-tooltip>
-                            <div class="flow-group-process-content-bottom" v-if="!item.userNames">
-                                <div>暂未选择处理人</div>
                             </div>
+                            <div class="flow-group-process-content-bottom"
+                                 v-if="item.userNames && item.userNames.length > 0">
+                                <div v-if="item.userNames && item.userNames.length > 0"
+                                     v-for="val in item.userNames">
+                                    <div>{{val}}</div>
+                                </div>
+                            </div>
+                        </el-tooltip>
+                        <div class="flow-group-process-content-bottom" v-if="!item.userNames">
+                            <div>暂未选择处理人</div>
                         </div>
-                        <div v-if="isVerticalLine(index + 1)"
-                             :class="{'flow-group-process-arrow-one':(index + 1) % num == 0 ? true : false}"
-                             class="flow-group-process-arrow"></div>
-                        <div v-if="!arrangeFromTheLeft(index + 1) && (index + 1) == nameList.length
+                    </div>
+                    <div v-if="isVerticalLine(index + 1)"
+                         :class="{'flow-group-process-arrow-one':(index + 1) % num == 0 ? true : false}"
+                         class="flow-group-process-arrow"></div>
+                    <div v-if="!arrangeFromTheLeft(index + 1) && (index + 1) == nameList.length
                              && (index + 1) % num != 0"
-                             :class="{'flow-group-process-arrow-left':arrangeFromTheLeft(index + 1)}"
-                             class="flow-group-process-arrow">
-                        </div>
-                    </div>
-                    <div class="flow-group-process-end"
-                         :style="backdrop(nameList[nameList.length - 1].taskStatus == 'done' ? 'done' : '')"
-                         :class="{'flow-group-process-end-left':isProcessEnd(nameList.length),
-                         'flow-group-process-end-one':isProcessEndOne(nameList.length),}">
-                        结束
+                         :class="{'flow-group-process-arrow-left':arrangeFromTheLeft(index + 1)}"
+                         class="flow-group-process-arrow">
                     </div>
                 </div>
-                <img v-else :src="processStep" class="process-img">
+                <div class="flow-group-process-end"
+                     :style="backdrop(nameList[nameList.length - 1] &&
+                         nameList[nameList.length - 1].taskStatus == 'done' ? 'done' : '')"
+                     :class="{'flow-group-process-end-left':isProcessEnd(nameList.length),
+                         'flow-group-process-end-one':isProcessEndOne(nameList.length)}">
+                    结束
+                </div>
             </div>
-            <div class="flow-list">
-
-                <el-table
-                        v-if="$route.query.oldAndNew == 'new'"
-                        height="100%"
-                        ref="selection"
-                        :data="histortData"
-                        tooltip-effect="dark"
-                        style="width: 100%"
-                        border
-                        row-key="id"
-                        :header-cell-style="{background: '#f8f8f9', color: '#515a6e'}">
-                    <el-table-column
-                            type="index"
-                            width="55"
-                            label="序号"
-                            align="center"/>
-                    <el-table-column
-                            prop="taskKeyShow"
-                            label="任务步骤"
-                            align="center"
-                    />
-                    <el-table-column
-                            prop="userName"
-                            label="任务受理人"
-                            align="center"
-                    />
-                    <el-table-column
-                            prop="createTime"
-                            label="创建时间"
-                            align="center"
-                    >
-                        <template slot-scope="scope">
-                            <span>{{ scope.row.createTime ? $moment(scope.row.createTime).format('YYYY-MM-DD HH:mm:ss') : '' }}</span>
-                        </template>
-                    </el-table-column>
-                    <el-table-column
-                            prop="endTime"
-                            label="完成时间"
-                            align="center"
-                    >
-                        <template slot-scope="scope">
-                            <span>{{ scope.row.endTime ? $moment(scope.row.endTime).format('YYYY-MM-DD HH:mm:ss') : '' }}</span>
-                        </template>
-                    </el-table-column>
-                    <el-table-column
-                            prop="commitText"
-                            label="意见内容"
-                            align="center"
-                    >
-                        <template slot-scope="scope">
-                            <span>{{ scope.row.commitText }}</span>
-                        </template>
-                    </el-table-column>
-                    <el-table-column
-                            prop="completeFlag"
-                            label="状态"
-                            align="center"
-                    >
-                        <template slot-scope="scope">
-                            <span>{{ scope.row.taskStatusShow }}</span>
-                        </template>
-                    </el-table-column>
-                </el-table>
-                <el-table
-                        v-else
-                        height="100%"
-                        ref="selection"
-                        :data="histortData"
-                        tooltip-effect="dark"
-                        style="width: 100%"
-                        border
-                        row-key="id"
-                        :header-cell-style="{background: '#f8f8f9', color: '#515a6e'}">
-                    <el-table-column
-                            label="序号"
-                            align="center"
-                            type="index"
-                            width="50">
-                    </el-table-column>
-                    <el-table-column
-                            prop="name"
-                            label="任务步骤"
-                            align="center"
-                    >
-                    </el-table-column>
-                    <el-table-column
-                            prop="assignee"
-                            label="任务受理人"
-                            align="center"
-                    >
-                    </el-table-column>
-                    <el-table-column
-                            prop="createTime"
-                            label="创建时间"
-                            align="center">
-                        <template slot-scope="scope">
-                            <span>{{ scope.row.createTime ? $moment(scope.row.createTime).format('YYYY-MM-DD HH:mm:ss') : '' }}</span>
-                        </template>
-                    </el-table-column>
-                    <el-table-column
-                            prop="endTime"
-                            label="完成时间"
-                            align="center">
-                        <template slot-scope="scope">
-                            <span>{{ scope.row.endTime ? $moment(scope.row.endTime).format('YYYY-MM-DD HH:mm:ss') : '' }}</span>
-                        </template>
-                    </el-table-column>
-                    <el-table-column
-                            prop="comment"
-                            label="流程信息"
-                            align="center">
-                        <template slot-scope="scope">
-                            <span>{{ scope.row.commentText }}</span>
-                        </template>
-                    </el-table-column>
-                    <el-table-column
-                            prop="completeFlag"
-                            label="状态"
-                            align="center">
-                        <template slot-scope="scope">
-                            <span>{{ scope.row.endTime ? '已完成' : scope.row.receiveStatus ? '已接收' : '未完成' }}</span>
-                        </template>
-                    </el-table-column>
-                </el-table>
-            </div>
-            <loading :loading="loading">流程列表加载中</loading>
+            <img v-else :src="processStep" class="process-img">
+            <loading :loading="loadingImg">流程列表加载中</loading>
         </div>
+        <div class="flow-list">
+
+            <el-table
+                    v-if="$route.query.oldAndNew == 'new'"
+                    height="100%"
+                    ref="selection"
+                    :data="histortData"
+                    tooltip-effect="dark"
+                    style="width: 100%"
+                    border
+                    row-key="id"
+                    :header-cell-style="{background: '#f8f8f9', color: '#515a6e'}">
+                <el-table-column
+                        type="index"
+                        width="55"
+                        label="序号"
+                        align="center"/>
+                <el-table-column
+                        prop="taskKeyShow"
+                        label="任务步骤"
+                        align="center"
+                />
+                <el-table-column
+                        prop="userName"
+                        label="任务受理人"
+                        align="center"
+                />
+                <el-table-column
+                        prop="createTime"
+                        label="创建时间"
+                        align="center"
+                >
+                    <template slot-scope="scope">
+                        <span>{{ scope.row.createTime ? $moment(scope.row.createTime).format('YYYY-MM-DD HH:mm:ss') : '' }}</span>
+                    </template>
+                </el-table-column>
+                <el-table-column
+                        prop="endTime"
+                        label="完成时间"
+                        align="center"
+                >
+                    <template slot-scope="scope">
+                        <span>{{ scope.row.endTime ? $moment(scope.row.endTime).format('YYYY-MM-DD HH:mm:ss') : '' }}</span>
+                    </template>
+                </el-table-column>
+                <el-table-column
+                        prop="commitText"
+                        label="意见内容"
+                        align="center"
+                >
+                    <template slot-scope="scope">
+                        <span>{{ scope.row.commitText }}</span>
+                    </template>
+                </el-table-column>
+                <el-table-column
+                        prop="completeFlag"
+                        label="状态"
+                        align="center"
+                >
+                    <template slot-scope="scope">
+                        <span>{{ scope.row.taskStatusShow }}</span>
+                    </template>
+                </el-table-column>
+            </el-table>
+            <el-table
+                    v-else
+                    height="100%"
+                    ref="selection"
+                    :data="histortData"
+                    tooltip-effect="dark"
+                    style="width: 100%"
+                    border
+                    row-key="id"
+                    :header-cell-style="{background: '#f8f8f9', color: '#515a6e'}">
+                <el-table-column
+                        label="序号"
+                        align="center"
+                        type="index"
+                        width="50">
+                </el-table-column>
+                <el-table-column
+                        prop="name"
+                        label="任务步骤"
+                        align="center"
+                >
+                </el-table-column>
+                <el-table-column
+                        prop="assignee"
+                        label="任务受理人"
+                        align="center"
+                >
+                </el-table-column>
+                <el-table-column
+                        prop="createTime"
+                        label="创建时间"
+                        align="center">
+                    <template slot-scope="scope">
+                        <span>{{ scope.row.createTime ? $moment(scope.row.createTime).format('YYYY-MM-DD HH:mm:ss') : '' }}</span>
+                    </template>
+                </el-table-column>
+                <el-table-column
+                        prop="endTime"
+                        label="完成时间"
+                        align="center">
+                    <template slot-scope="scope">
+                        <span>{{ scope.row.endTime ? $moment(scope.row.endTime).format('YYYY-MM-DD HH:mm:ss') : '' }}</span>
+                    </template>
+                </el-table-column>
+                <el-table-column
+                        prop="comment"
+                        label="流程信息"
+                        align="center">
+                    <template slot-scope="scope">
+                        <span>{{ scope.row.commentText }}</span>
+                    </template>
+                </el-table-column>
+                <el-table-column
+                        prop="completeFlag"
+                        label="状态"
+                        align="center">
+                    <template slot-scope="scope">
+                        <span>{{ scope.row.endTime ? '已完成' : scope.row.receiveStatus ? '已接收' : '未完成' }}</span>
+                    </template>
+                </el-table-column>
+            </el-table>
+        </div>
+        <loading :loading="loading">流程列表加载中</loading>
+    </div>
 
 </template>
 
@@ -211,7 +214,8 @@
                 processStep: '',
                 nameList: [],
                 loading: false,
-                num: 0
+                num: 0,
+                loadingImg: false,
             }
         },
         mounted() {
@@ -253,6 +257,7 @@
                     actiProcInstId: this.prcId,
                     flowType: this.prcType,
                 }
+                this.loadingImg = true
                 this.$http.get('/lawss/activiti/getImgDataList', query, {
                     _this: this
                 }, res => {
@@ -269,6 +274,7 @@
                         let width = 248 * this.num
                         let offsetWidth = flowGroupProcess[0].offsetWidth
                         flowGroupProcess[0].style.width = (offsetWidth - (offsetWidth - 100 - width) + 40) + 'px'
+                        this.loadingImg = false
                     })
                 }, e => {
                 })
@@ -371,6 +377,7 @@
 
 <style scoped lang="less">
     .flow-chart-box {
+        width: 100%;
         height: 100%;
     }
 
diff --git a/src/pages/processCenter/pages/creatProcess/bzzqyj/step1-9.vue b/src/pages/processCenter/pages/creatProcess/bzzqyj/step1-9.vue
index b6108727c..d4c51d96e 100644
--- a/src/pages/processCenter/pages/creatProcess/bzzqyj/step1-9.vue
+++ b/src/pages/processCenter/pages/creatProcess/bzzqyj/step1-9.vue
@@ -170,7 +170,7 @@
         </el-table>
       </div>
     </div>
-    <div class="content" v-show="active === '2'">
+    <div class="content" v-if="active === '2'">
       <processNodeInformation
               :prcId="this.$route.query.prcId"
               :prcType="this.$route.query.prcType"
diff --git a/src/pages/processCenter/pages/creatProcess/bzzqyj/step2.vue b/src/pages/processCenter/pages/creatProcess/bzzqyj/step2.vue
index ef0c6e469..f872f08d0 100644
--- a/src/pages/processCenter/pages/creatProcess/bzzqyj/step2.vue
+++ b/src/pages/processCenter/pages/creatProcess/bzzqyj/step2.vue
@@ -115,7 +115,7 @@
       <!--  </el-collapse-item>-->
       <!--</el-collapse>-->
     </div>
-    <div class="content" v-show="active === '2'">
+    <div class="content" v-if="active === '2'">
       <processNodeInformation
               :prcId="this.$route.query.prcId"
               :prcType="this.$route.query.prcType"
diff --git a/src/pages/processCenter/pages/creatProcess/bzzqyj/step3.vue b/src/pages/processCenter/pages/creatProcess/bzzqyj/step3.vue
index 10b56c304..fa0d445ba 100644
--- a/src/pages/processCenter/pages/creatProcess/bzzqyj/step3.vue
+++ b/src/pages/processCenter/pages/creatProcess/bzzqyj/step3.vue
@@ -195,7 +195,7 @@
             <!--    </el-collapse-item>-->
             <!--</el-collapse>-->
         </div>
-        <div class="content" v-show="active === '2'">
+        <div class="content" v-if="active === '2'">
             <processNodeInformation
                     :prcId="this.$route.query.prcId"
                     :prcType="this.$route.query.prcType"
diff --git a/src/pages/processCenter/pages/creatProcess/bzzqyj/step4-1.vue b/src/pages/processCenter/pages/creatProcess/bzzqyj/step4-1.vue
index a4bf9abf0..717ec62ff 100644
--- a/src/pages/processCenter/pages/creatProcess/bzzqyj/step4-1.vue
+++ b/src/pages/processCenter/pages/creatProcess/bzzqyj/step4-1.vue
@@ -174,7 +174,7 @@
             <!--    </el-collapse-item>-->
             <!--</el-collapse>-->
         </div>
-        <div class="content" v-show="active === '2'">
+        <div class="content" v-if="active === '2'">
             <processNodeInformation
                     :prcId="this.$route.query.prcId"
                     :prcType="this.$route.query.prcType"
diff --git a/src/pages/processCenter/pages/creatProcess/bzzqyj/step4-2.vue b/src/pages/processCenter/pages/creatProcess/bzzqyj/step4-2.vue
index c879ae12a..3617fb364 100644
--- a/src/pages/processCenter/pages/creatProcess/bzzqyj/step4-2.vue
+++ b/src/pages/processCenter/pages/creatProcess/bzzqyj/step4-2.vue
@@ -166,7 +166,7 @@
             <!--    </el-collapse-item>-->
             <!--</el-collapse>-->
         </div>
-        <div class="content" v-show="active === '2'">
+        <div class="content" v-if="active === '2'">
             <processNodeInformation
                     :prcId="this.$route.query.prcId"
                     :prcType="this.$route.query.prcType"
diff --git a/src/pages/processCenter/pages/creatProcess/bzzqyj/step4.vue b/src/pages/processCenter/pages/creatProcess/bzzqyj/step4.vue
index 06927638d..6729454b8 100644
--- a/src/pages/processCenter/pages/creatProcess/bzzqyj/step4.vue
+++ b/src/pages/processCenter/pages/creatProcess/bzzqyj/step4.vue
@@ -201,7 +201,7 @@
       <!--  </el-collapse-item>-->
       <!--</el-collapse>-->
     </div>
-    <div class="content" v-show="active === '2'">
+    <div class="content" v-if="active === '2'">
       <processNodeInformation
               :prcId="this.$route.query.prcId"
               :prcType="this.$route.query.prcType"
diff --git a/src/pages/processCenter/pages/creatProcess/bzzqyj/step5-1.vue b/src/pages/processCenter/pages/creatProcess/bzzqyj/step5-1.vue
index b2717126e..146dad5cf 100644
--- a/src/pages/processCenter/pages/creatProcess/bzzqyj/step5-1.vue
+++ b/src/pages/processCenter/pages/creatProcess/bzzqyj/step5-1.vue
@@ -216,7 +216,7 @@
       <!--  </el-collapse-item>-->
       <!--</el-collapse>-->
     </div>
-    <div class="content" v-show="active === '2'">
+    <div class="content" v-if="active === '2'">
       <processNodeInformation
               :prcId="this.$route.query.prcId"
               :prcType="this.$route.query.prcType"
diff --git a/src/pages/processCenter/pages/creatProcess/bzzqyj/step5.vue b/src/pages/processCenter/pages/creatProcess/bzzqyj/step5.vue
index d06fc84c6..6da501993 100644
--- a/src/pages/processCenter/pages/creatProcess/bzzqyj/step5.vue
+++ b/src/pages/processCenter/pages/creatProcess/bzzqyj/step5.vue
@@ -211,7 +211,7 @@
       <!--  </el-collapse-item>-->
       <!--</el-collapse>-->
     </div>
-    <div class="content" v-show="active === '2'">
+    <div class="content" v-if="active === '2'">
       <processNodeInformation
               :prcId="this.$route.query.prcId"
               :prcType="this.$route.query.prcType"
diff --git a/src/pages/processCenter/pages/creatProcess/bzzqyj/step6.vue b/src/pages/processCenter/pages/creatProcess/bzzqyj/step6.vue
index 05c68eaa0..421de82bd 100644
--- a/src/pages/processCenter/pages/creatProcess/bzzqyj/step6.vue
+++ b/src/pages/processCenter/pages/creatProcess/bzzqyj/step6.vue
@@ -204,7 +204,7 @@
       <!--  </el-collapse-item>-->
       <!--</el-collapse>-->
     </div>
-    <div class="content" v-show="active === '2'">
+    <div class="content" v-if="active === '2'">
       <processNodeInformation
               :prcId="this.$route.query.prcId"
               :prcType="this.$route.query.prcType"
diff --git a/src/pages/processCenter/pages/creatProcess/bzzqyj/step7.vue b/src/pages/processCenter/pages/creatProcess/bzzqyj/step7.vue
index e86070e29..9bd981d70 100644
--- a/src/pages/processCenter/pages/creatProcess/bzzqyj/step7.vue
+++ b/src/pages/processCenter/pages/creatProcess/bzzqyj/step7.vue
@@ -196,7 +196,7 @@
       <!--  </el-collapse-item>-->
       <!--</el-collapse>-->
     </div>
-    <div class="content" v-show="active === '2'">
+    <div class="content" v-if="active === '2'">
       <processNodeInformation
               :prcId="this.$route.query.prcId"
               :prcType="this.$route.query.prcType"
diff --git a/src/pages/processCenter/pages/creatProcess/bzzqyj/step8.vue b/src/pages/processCenter/pages/creatProcess/bzzqyj/step8.vue
index 4e5479967..bc8398ad0 100644
--- a/src/pages/processCenter/pages/creatProcess/bzzqyj/step8.vue
+++ b/src/pages/processCenter/pages/creatProcess/bzzqyj/step8.vue
@@ -196,7 +196,7 @@
       <!--  </el-collapse-item>-->
       <!--</el-collapse>-->
     </div>
-    <div class="content" v-show="active === '2'">
+    <div class="content" v-if="active === '2'">
       <processNodeInformation
               :prcId="this.$route.query.prcId"
               :prcType="this.$route.query.prcType"
diff --git a/src/pages/processCenter/pages/creatProcess/bzzqyj/step9.vue b/src/pages/processCenter/pages/creatProcess/bzzqyj/step9.vue
index d5860bcf9..ecb355334 100644
--- a/src/pages/processCenter/pages/creatProcess/bzzqyj/step9.vue
+++ b/src/pages/processCenter/pages/creatProcess/bzzqyj/step9.vue
@@ -195,7 +195,7 @@
       <!--  </el-collapse-item>-->
       <!--</el-collapse>-->
     </div>
-    <div class="content" v-show="active === '2'">
+    <div class="content" v-if="active === '2'">
       <processNodeInformation
               :prcId="this.$route.query.prcId"
               :prcType="this.$route.query.prcType"
diff --git a/src/pages/processCenter/pages/creatProcess/qbrk/step10.vue b/src/pages/processCenter/pages/creatProcess/qbrk/step10.vue
index 4404a4b9a..d54f09dac 100644
--- a/src/pages/processCenter/pages/creatProcess/qbrk/step10.vue
+++ b/src/pages/processCenter/pages/creatProcess/qbrk/step10.vue
@@ -9,7 +9,7 @@
 <!--        <div class="headerTabsItem" :class="active === '2' ? 'active' : ''" @click="handleTabs('2')">模块信息</div>-->
         <div class="headerTabsItem" :class="active === '3' ? 'active' : ''" @click="handleTabs('3')">审批历史</div>
     </div>
-    <div class="content">
+    <div class="content" v-show="active === '1'">
         <el-form
                 ref="form"
                 :model="form"
@@ -17,7 +17,7 @@
                 class="label-input-form"
                 label-width="210px"
         >
-            <div style="flex: auto;" v-show="active === '1'">
+            <div style="flex: auto;" >
                 <formList
                         :form = "form"
                         :FBGBUSSFileList = "FBGBUSSFileList"
@@ -64,75 +64,80 @@
                 <!--    </el-collapse>-->
                 <!--</div>-->
             </div>
-            <div class="block" style="padding-top: 20px;" v-show="active === '3'">
-                <div class="flow-list">
-                    <el-table
-                            :height="tablePHeight"
-                            ref="selection"
-                            :data="detailData"
-                            tooltip-effect="dark"
-                            style="width: 100%"
-                            border
-                            row-key="id"
-                            :no-data-text="listNoDataText"
-                            :header-cell-style="{background: '#f8f8f9', color: '#515a6e'}"
-                    >
-                      <el-table-column
-                          type="index"
-                          width="55"
-                          label="序号"
-                          align="center">
-                      </el-table-column>
-                        <el-table-column
-                                prop="name"
-                                label="任务步骤"
-                                align="center"
-                        >
-                        </el-table-column>
-                        <el-table-column
-                                prop="assignee"
-                                label="任务受理人"
-                                align="center"
-                        >
-                        </el-table-column>
-                        <el-table-column
-                                prop="createTime"
-                                label="创建时间"
-                                align="center">
-                            <template slot-scope="scope">
-                                <span>{{ scope.row.createTime ? $moment(scope.row.createTime).format('YYYY-MM-DD') : '' }}</span>
-                            </template>
-                        </el-table-column>
-                        <el-table-column
-                                prop="endTime"
-                                label="完成时间"
-                                align="center">
-                            <template slot-scope="scope">
-                                <span>{{ scope.row.endTime ? $moment(scope.row.endTime).format('YYYY-MM-DD') : '' }}</span>
-                            </template>
-                        </el-table-column>
-                        <el-table-column
-                                prop="comment"
-                                label="流程信息"
-                                align="center">
-                            <template slot-scope="scope">
-                                <span>{{scope.row.commentText}}</span>
-                            </template>
-                        </el-table-column>
-                        <el-table-column
-                                prop="completeFlag"
-                                label="状态"
-                                align="center">
-                            <template slot-scope="scope">
-                                <span>{{ scope.row.endTime ? '已完成' : scope.row.receiveStatus ? '已接收' : '未完成' }}</span>
-                            </template>
-                        </el-table-column>
-                    </el-table>
-                    <loading :loading="loading">流程列表加载中</loading>
-                </div>
-            </div>
         </el-form>
     </div>
+    <div class="content" v-if="active === '3'">
+        <processNodeInformation
+                :prcId="this.$route.query.prcId"
+                :prcType="this.$route.query.prcType"
+                :prcNum="this.$route.query.prcNum"
+        />
+<!--        <div class="flow-list">-->
+<!--            <el-table-->
+<!--                    :height="tablePHeight"-->
+<!--                    ref="selection"-->
+<!--                    :data="detailData"-->
+<!--                    tooltip-effect="dark"-->
+<!--                    style="width: 100%"-->
+<!--                    border-->
+<!--                    row-key="id"-->
+<!--                    :no-data-text="listNoDataText"-->
+<!--                    :header-cell-style="{background: '#f8f8f9', color: '#515a6e'}"-->
+<!--            >-->
+<!--                <el-table-column-->
+<!--                        type="index"-->
+<!--                        width="55"-->
+<!--                        label="序号"-->
+<!--                        align="center">-->
+<!--                </el-table-column>-->
+<!--                <el-table-column-->
+<!--                        prop="name"-->
+<!--                        label="任务步骤"-->
+<!--                        align="center"-->
+<!--                >-->
+<!--                </el-table-column>-->
+<!--                <el-table-column-->
+<!--                        prop="assignee"-->
+<!--                        label="任务受理人"-->
+<!--                        align="center"-->
+<!--                >-->
+<!--                </el-table-column>-->
+<!--                <el-table-column-->
+<!--                        prop="createTime"-->
+<!--                        label="创建时间"-->
+<!--                        align="center">-->
+<!--                    <template slot-scope="scope">-->
+<!--                        <span>{{ scope.row.createTime ? $moment(scope.row.createTime).format('YYYY-MM-DD') : '' }}</span>-->
+<!--                    </template>-->
+<!--                </el-table-column>-->
+<!--                <el-table-column-->
+<!--                        prop="endTime"-->
+<!--                        label="完成时间"-->
+<!--                        align="center">-->
+<!--                    <template slot-scope="scope">-->
+<!--                        <span>{{ scope.row.endTime ? $moment(scope.row.endTime).format('YYYY-MM-DD') : '' }}</span>-->
+<!--                    </template>-->
+<!--                </el-table-column>-->
+<!--                <el-table-column-->
+<!--                        prop="comment"-->
+<!--                        label="流程信息"-->
+<!--                        align="center">-->
+<!--                    <template slot-scope="scope">-->
+<!--                        <span>{{scope.row.commentText}}</span>-->
+<!--                    </template>-->
+<!--                </el-table-column>-->
+<!--                <el-table-column-->
+<!--                        prop="completeFlag"-->
+<!--                        label="状态"-->
+<!--                        align="center">-->
+<!--                    <template slot-scope="scope">-->
+<!--                        <span>{{ scope.row.endTime ? '已完成' : scope.row.receiveStatus ? '已接收' : '未完成' }}</span>-->
+<!--                    </template>-->
+<!--                </el-table-column>-->
+<!--            </el-table>-->
+<!--            <loading :loading="loading">流程列表加载中</loading>-->
+<!--        </div>-->
+    </div>
     <!--        保存||提交-->
     <ProcessFooter
             v-show="verifySarStandard"
@@ -2300,7 +2305,7 @@
         },
         mounted () {
             this.getData()
-            this.processTable()
+            // this.processTable()
             this.$http.get('sys/dictype/getDicTypeListCode', '', {
                 _this: this
             }, res => {
diff --git a/src/pages/processCenter/pages/creatProcess/qbrk/step11-1.vue b/src/pages/processCenter/pages/creatProcess/qbrk/step11-1.vue
index 3c19e32b5..89e693696 100644
--- a/src/pages/processCenter/pages/creatProcess/qbrk/step11-1.vue
+++ b/src/pages/processCenter/pages/creatProcess/qbrk/step11-1.vue
@@ -9,7 +9,7 @@
         <div class="headerTabsItem" :class="active === '2' ? 'active' : ''" @click="handleTabs('2')">会签评分</div>
         <div class="headerTabsItem" :class="active === '3' ? 'active' : ''" @click="handleTabs('3')">审批历史</div>
     </div>
-    <div class="content">
+    <div class="content" v-show="active === '1' || active === '2'">
         <el-form
                 ref="form"
                 :model="form"
@@ -69,69 +69,74 @@
             <div class="block" id="active2" v-show="active === '2'">
               <AllScore></AllScore>
             </div>
-            <div class="block" style="padding-top: 20px;" v-show="active === '3'">
-                <div class="flow-list">
-                    <el-table
-                            :height="tablePHeight"
-                            ref="selection"
-                            :data="detailData"
-                            tooltip-effect="dark"
-                            style="width: 100%"
-                            border
-                            row-key="id"
-                            :no-data-text="listNoDataText"
-                            :header-cell-style="{background: '#f8f8f9', color: '#515a6e'}"
-                    >
-                        <el-table-column
-                                prop="name"
-                                label="任务步骤"
-                                align="center"
-                        >
-                        </el-table-column>
-                        <el-table-column
-                                prop="assignee"
-                                label="任务受理人"
-                                align="center"
-                        >
-                        </el-table-column>
-                        <el-table-column
-                                prop="createTime"
-                                label="创建时间"
-                                align="center">
-                            <template slot-scope="scope">
-                                <span>{{ scope.row.createTime ? $moment(scope.row.createTime).format('YYYY-MM-DD') : '' }}</span>
-                            </template>
-                        </el-table-column>
-                        <el-table-column
-                                prop="endTime"
-                                label="完成时间"
-                                align="center">
-                            <template slot-scope="scope">
-                                <span>{{ scope.row.endTime ? $moment(scope.row.endTime).format('YYYY-MM-DD') : '' }}</span>
-                            </template>
-                        </el-table-column>
-                        <el-table-column
-                                prop="comment"
-                                label="流程信息"
-                                align="center">
-                            <template slot-scope="scope">
-                                <span>{{scope.row.commentText}}</span>
-                            </template>
-                        </el-table-column>
-                        <el-table-column
-                                prop="completeFlag"
-                                label="状态"
-                                align="center">
-                            <template slot-scope="scope">
-                                <span>{{ scope.row.endTime ? '已完成' : scope.row.receiveStatus ? '已接收' : '未完成' }}</span>
-                            </template>
-                        </el-table-column>
-                    </el-table>
-                    <loading :loading="loading">流程列表加载中</loading>
-                </div>
-            </div>
         </el-form>
     </div>
+    <div class="content" v-if="active === '3'">
+        <processNodeInformation
+                :prcId="this.$route.query.prcId"
+                :prcType="this.$route.query.prcType"
+                :prcNum="this.$route.query.prcNum"
+        />
+<!--        <div class="flow-list">-->
+<!--            <el-table-->
+<!--                    :height="tablePHeight"-->
+<!--                    ref="selection"-->
+<!--                    :data="detailData"-->
+<!--                    tooltip-effect="dark"-->
+<!--                    style="width: 100%"-->
+<!--                    border-->
+<!--                    row-key="id"-->
+<!--                    :no-data-text="listNoDataText"-->
+<!--                    :header-cell-style="{background: '#f8f8f9', color: '#515a6e'}"-->
+<!--            >-->
+<!--                <el-table-column-->
+<!--                        prop="name"-->
+<!--                        label="任务步骤"-->
+<!--                        align="center"-->
+<!--                >-->
+<!--                </el-table-column>-->
+<!--                <el-table-column-->
+<!--                        prop="assignee"-->
+<!--                        label="任务受理人"-->
+<!--                        align="center"-->
+<!--                >-->
+<!--                </el-table-column>-->
+<!--                <el-table-column-->
+<!--                        prop="createTime"-->
+<!--                        label="创建时间"-->
+<!--                        align="center">-->
+<!--                    <template slot-scope="scope">-->
+<!--                        <span>{{ scope.row.createTime ? $moment(scope.row.createTime).format('YYYY-MM-DD') : '' }}</span>-->
+<!--                    </template>-->
+<!--                </el-table-column>-->
+<!--                <el-table-column-->
+<!--                        prop="endTime"-->
+<!--                        label="完成时间"-->
+<!--                        align="center">-->
+<!--                    <template slot-scope="scope">-->
+<!--                        <span>{{ scope.row.endTime ? $moment(scope.row.endTime).format('YYYY-MM-DD') : '' }}</span>-->
+<!--                    </template>-->
+<!--                </el-table-column>-->
+<!--                <el-table-column-->
+<!--                        prop="comment"-->
+<!--                        label="流程信息"-->
+<!--                        align="center">-->
+<!--                    <template slot-scope="scope">-->
+<!--                        <span>{{scope.row.commentText}}</span>-->
+<!--                    </template>-->
+<!--                </el-table-column>-->
+<!--                <el-table-column-->
+<!--                        prop="completeFlag"-->
+<!--                        label="状态"-->
+<!--                        align="center">-->
+<!--                    <template slot-scope="scope">-->
+<!--                        <span>{{ scope.row.endTime ? '已完成' : scope.row.receiveStatus ? '已接收' : '未完成' }}</span>-->
+<!--                    </template>-->
+<!--                </el-table-column>-->
+<!--            </el-table>-->
+<!--            <loading :loading="loading">流程列表加载中</loading>-->
+<!--        </div>-->
+    </div>
     <!--        保存||提交-->
     <ProcessFooter
         v-if="false"
@@ -2314,7 +2319,7 @@
         },
         created () {
             this.getData()
-            this.processTable()
+            // this.processTable()
             this.$http.get('sys/dictype/getDicTypeListCode', '', {
                 _this: this
             }, res => {
diff --git a/src/pages/processCenter/pages/creatProcess/qbrk/step11.vue b/src/pages/processCenter/pages/creatProcess/qbrk/step11.vue
index bd8d08ac6..e3f8eb3df 100644
--- a/src/pages/processCenter/pages/creatProcess/qbrk/step11.vue
+++ b/src/pages/processCenter/pages/creatProcess/qbrk/step11.vue
@@ -9,7 +9,7 @@
 <!--        <div class="headerTabsItem" :class="active === '2' ? 'active' : ''" @click="handleTabs('2')">模块信息</div>-->
         <div class="headerTabsItem" :class="active === '3' ? 'active' : ''" @click="handleTabs('3')">审批历史</div>
     </div>
-    <div class="content">
+    <div class="content" v-show="active === '1'">
         <el-form
                 ref="form"
                 :model="form"
@@ -17,7 +17,7 @@
                 class="label-input-form"
                 label-width="210px"
         >
-            <div style="flex: auto;" v-show="active === '1'">
+            <div style="flex: auto;" >
                 <formList
                         :form = "form"
                         :FBGBUSSFileList = "FBGBUSSFileList"
@@ -64,75 +64,80 @@
                 <!--    </el-collapse>-->
                 <!--</div>-->
             </div>
-            <div class="block" style="padding-top: 20px;" v-show="active === '3'">
-                <div class="flow-list">
-                    <el-table
-                            :height="tablePHeight"
-                            ref="selection"
-                            :data="detailData"
-                            tooltip-effect="dark"
-                            style="width: 100%"
-                            border
-                            row-key="id"
-                            :no-data-text="listNoDataText"
-                            :header-cell-style="{background: '#f8f8f9', color: '#515a6e'}"
-                    >
-                      <el-table-column
-                          type="index"
-                          width="55"
-                          label="序号"
-                          align="center">
-                      </el-table-column>
-                        <el-table-column
-                                prop="name"
-                                label="任务步骤"
-                                align="center"
-                        >
-                        </el-table-column>
-                        <el-table-column
-                                prop="assignee"
-                                label="任务受理人"
-                                align="center"
-                        >
-                        </el-table-column>
-                        <el-table-column
-                                prop="createTime"
-                                label="创建时间"
-                                align="center">
-                            <template slot-scope="scope">
-                                <span>{{ scope.row.createTime ? $moment(scope.row.createTime).format('YYYY-MM-DD') : '' }}</span>
-                            </template>
-                        </el-table-column>
-                        <el-table-column
-                                prop="endTime"
-                                label="完成时间"
-                                align="center">
-                            <template slot-scope="scope">
-                                <span>{{ scope.row.endTime ? $moment(scope.row.endTime).format('YYYY-MM-DD') : '' }}</span>
-                            </template>
-                        </el-table-column>
-                        <el-table-column
-                                prop="comment"
-                                label="流程信息"
-                                align="center">
-                            <template slot-scope="scope">
-                                <span>{{scope.row.commentText}}</span>
-                            </template>
-                        </el-table-column>
-                        <el-table-column
-                                prop="completeFlag"
-                                label="状态"
-                                align="center">
-                            <template slot-scope="scope">
-                                <span>{{ scope.row.endTime ? '已完成' : scope.row.receiveStatus ? '已接收' : '未完成' }}</span>
-                            </template>
-                        </el-table-column>
-                    </el-table>
-                    <loading :loading="loading">流程列表加载中</loading>
-                </div>
-            </div>
         </el-form>
     </div>
+    <div class="content" v-if="active === '3'">
+        <processNodeInformation
+                :prcId="this.$route.query.prcId"
+                :prcType="this.$route.query.prcType"
+                :prcNum="this.$route.query.prcNum"
+        />
+<!--        <div class="flow-list">-->
+<!--            <el-table-->
+<!--                    :height="tablePHeight"-->
+<!--                    ref="selection"-->
+<!--                    :data="detailData"-->
+<!--                    tooltip-effect="dark"-->
+<!--                    style="width: 100%"-->
+<!--                    border-->
+<!--                    row-key="id"-->
+<!--                    :no-data-text="listNoDataText"-->
+<!--                    :header-cell-style="{background: '#f8f8f9', color: '#515a6e'}"-->
+<!--            >-->
+<!--                <el-table-column-->
+<!--                        type="index"-->
+<!--                        width="55"-->
+<!--                        label="序号"-->
+<!--                        align="center">-->
+<!--                </el-table-column>-->
+<!--                <el-table-column-->
+<!--                        prop="name"-->
+<!--                        label="任务步骤"-->
+<!--                        align="center"-->
+<!--                >-->
+<!--                </el-table-column>-->
+<!--                <el-table-column-->
+<!--                        prop="assignee"-->
+<!--                        label="任务受理人"-->
+<!--                        align="center"-->
+<!--                >-->
+<!--                </el-table-column>-->
+<!--                <el-table-column-->
+<!--                        prop="createTime"-->
+<!--                        label="创建时间"-->
+<!--                        align="center">-->
+<!--                    <template slot-scope="scope">-->
+<!--                        <span>{{ scope.row.createTime ? $moment(scope.row.createTime).format('YYYY-MM-DD') : '' }}</span>-->
+<!--                    </template>-->
+<!--                </el-table-column>-->
+<!--                <el-table-column-->
+<!--                        prop="endTime"-->
+<!--                        label="完成时间"-->
+<!--                        align="center">-->
+<!--                    <template slot-scope="scope">-->
+<!--                        <span>{{ scope.row.endTime ? $moment(scope.row.endTime).format('YYYY-MM-DD') : '' }}</span>-->
+<!--                    </template>-->
+<!--                </el-table-column>-->
+<!--                <el-table-column-->
+<!--                        prop="comment"-->
+<!--                        label="流程信息"-->
+<!--                        align="center">-->
+<!--                    <template slot-scope="scope">-->
+<!--                        <span>{{scope.row.commentText}}</span>-->
+<!--                    </template>-->
+<!--                </el-table-column>-->
+<!--                <el-table-column-->
+<!--                        prop="completeFlag"-->
+<!--                        label="状态"-->
+<!--                        align="center">-->
+<!--                    <template slot-scope="scope">-->
+<!--                        <span>{{ scope.row.endTime ? '已完成' : scope.row.receiveStatus ? '已接收' : '未完成' }}</span>-->
+<!--                    </template>-->
+<!--                </el-table-column>-->
+<!--            </el-table>-->
+<!--            <loading :loading="loading">流程列表加载中</loading>-->
+<!--        </div>-->
+    </div>
     <!--        保存||提交-->
     <ProcessFooter
             v-show="verifySarStandard"
@@ -2297,7 +2302,7 @@
         },
         mounted () {
             this.getData()
-            this.processTable()
+            // this.processTable()
             this.$http.get('sys/dictype/getDicTypeListCode', '', {
                 _this: this
             }, res => {
diff --git a/src/pages/processCenter/pages/creatProcess/qbrk/step12.vue b/src/pages/processCenter/pages/creatProcess/qbrk/step12.vue
index ce9eae7ca..b400df8d6 100644
--- a/src/pages/processCenter/pages/creatProcess/qbrk/step12.vue
+++ b/src/pages/processCenter/pages/creatProcess/qbrk/step12.vue
@@ -10,7 +10,7 @@
       <!--        <div class="headerTabsItem" :class="active === '2' ? 'active' : ''" @click="handleTabs('2')">模块信息</div>-->
       <div class="headerTabsItem" :class="active === '3' ? 'active' : ''" @click="handleTabs('3')">审批历史</div>
     </div>
-    <div class="content">
+    <div class="content" v-show="active === '1'">
       <el-form
         ref="form"
         :model="form"
@@ -18,7 +18,7 @@
         class="label-input-form"
         label-width="210px"
       >
-        <div v-show="active === '1'" style="flex: auto;">
+        <div style="flex: auto;">
           <formEditList
             :key="formKey"
             :formSub="form"
@@ -79,80 +79,85 @@
         <!--    </el-collapse>-->
         <!--</div>-->
         </div>
-        <div v-show="active === '3'" class="block" style="padding-top: 20px;">
-          <div class="flow-list">
-            <el-table
-              ref="selection"
-              :height="tablePHeight"
-              :data="detailData"
-              tooltip-effect="dark"
-              style="width: 100%"
-              border
-              row-key="id"
-              :no-data-text="listNoDataText"
-              :header-cell-style="{background: '#f8f8f9', color: '#515a6e'}"
-            >
-              <el-table-column
-                type="index"
-                width="55"
-                label="序号"
-                align="center"
-                <
-                el-table-column
-              >
-                <el-table-column
-                  prop="name"
-                  label="任务步骤"
-                  align="center"
-                />
-                <el-table-column
-                  prop="assignee"
-                  label="任务受理人"
-                  align="center"
-                />
-                <el-table-column
-                  prop="createTime"
-                  label="创建时间"
-                  align="center"
-                >
-                  <template slot-scope="scope">
-                    <span>{{ scope.row.createTime ? $moment(scope.row.createTime).format('YYYY-MM-DD') : '' }}</span>
-                  </template>
-                </el-table-column>
-                <el-table-column
-                  prop="endTime"
-                  label="完成时间"
-                  align="center"
-                >
-                  <template slot-scope="scope">
-                    <span>{{ scope.row.endTime ? $moment(scope.row.endTime).format('YYYY-MM-DD') : '' }}</span>
-                  </template>
-                </el-table-column>
-                <el-table-column
-                  prop="comment"
-                  label="流程信息"
-                  align="center"
-                >
-                  <template slot-scope="scope">
-                    <span>{{ scope.row.commentText }}</span>
-                  </template>
-                </el-table-column>
-                <el-table-column
-                  prop="completeFlag"
-                  label="状态"
-                  align="center"
-                >
-                  <template slot-scope="scope">
-                    <span>{{ scope.row.endTime ? '已完成' : scope.row.receiveStatus ? '已接收' : '未完成' }}</span>
-                  </template>
-                </el-table-column>
-              </el-table-column>
-            </el-table>
-            <loading :loading="loading">流程列表加载中</loading>
-          </div>
-        </div>
       </el-form>
     </div>
+    <div v-if="active === '3'" class="content">
+      <processNodeInformation
+              :prcId="this.$route.query.prcId"
+              :prcType="this.$route.query.prcType"
+              :prcNum="this.$route.query.prcNum"
+      />
+<!--      <div class="flow-list">-->
+<!--        <el-table-->
+<!--                ref="selection"-->
+<!--                :height="tablePHeight"-->
+<!--                :data="detailData"-->
+<!--                tooltip-effect="dark"-->
+<!--                style="width: 100%"-->
+<!--                border-->
+<!--                row-key="id"-->
+<!--                :no-data-text="listNoDataText"-->
+<!--                :header-cell-style="{background: '#f8f8f9', color: '#515a6e'}"-->
+<!--        >-->
+<!--          <el-table-column-->
+<!--                  type="index"-->
+<!--                  width="55"-->
+<!--                  label="序号"-->
+<!--                  align="center"-->
+<!--          <-->
+<!--          el-table-column-->
+<!--          >-->
+<!--          <el-table-column-->
+<!--                  prop="name"-->
+<!--                  label="任务步骤"-->
+<!--                  align="center"-->
+<!--          />-->
+<!--          <el-table-column-->
+<!--                  prop="assignee"-->
+<!--                  label="任务受理人"-->
+<!--                  align="center"-->
+<!--          />-->
+<!--          <el-table-column-->
+<!--                  prop="createTime"-->
+<!--                  label="创建时间"-->
+<!--                  align="center"-->
+<!--          >-->
+<!--            <template slot-scope="scope">-->
+<!--              <span>{{ scope.row.createTime ? $moment(scope.row.createTime).format('YYYY-MM-DD') : '' }}</span>-->
+<!--            </template>-->
+<!--          </el-table-column>-->
+<!--          <el-table-column-->
+<!--                  prop="endTime"-->
+<!--                  label="完成时间"-->
+<!--                  align="center"-->
+<!--          >-->
+<!--            <template slot-scope="scope">-->
+<!--              <span>{{ scope.row.endTime ? $moment(scope.row.endTime).format('YYYY-MM-DD') : '' }}</span>-->
+<!--            </template>-->
+<!--          </el-table-column>-->
+<!--          <el-table-column-->
+<!--                  prop="comment"-->
+<!--                  label="流程信息"-->
+<!--                  align="center"-->
+<!--          >-->
+<!--            <template slot-scope="scope">-->
+<!--              <span>{{ scope.row.commentText }}</span>-->
+<!--            </template>-->
+<!--          </el-table-column>-->
+<!--          <el-table-column-->
+<!--                  prop="completeFlag"-->
+<!--                  label="状态"-->
+<!--                  align="center"-->
+<!--          >-->
+<!--            <template slot-scope="scope">-->
+<!--              <span>{{ scope.row.endTime ? '已完成' : scope.row.receiveStatus ? '已接收' : '未完成' }}</span>-->
+<!--            </template>-->
+<!--          </el-table-column>-->
+<!--          </el-table-column>-->
+<!--        </el-table>-->
+<!--        <loading :loading="loading">流程列表加载中</loading>-->
+<!--      </div>-->
+    </div>
     <!--        保存||提交-->
     <ProcessFooter
       v-show="verifySarStandard"
@@ -1115,7 +1120,7 @@ export default {
   mounted () {
     // this.getTaskId()
     this.getData()
-    this.processTable()
+    // this.processTable()
     this.$http.get('sys/dictype/getDicTypeListCode', '', {
       _this: this
     }, res => {
diff --git a/src/pages/processCenter/pages/creatProcess/qbrk/step13.vue b/src/pages/processCenter/pages/creatProcess/qbrk/step13.vue
index 0ba3f9c64..1e1b265d5 100644
--- a/src/pages/processCenter/pages/creatProcess/qbrk/step13.vue
+++ b/src/pages/processCenter/pages/creatProcess/qbrk/step13.vue
@@ -10,7 +10,7 @@
       <!--        <div class="headerTabsItem" :class="active === '2' ? 'active' : ''" @click="handleTabs('2')">模块信息</div>-->
       <div class="headerTabsItem" :class="active === '3' ? 'active' : ''" @click="handleTabs('3')">审批历史</div>
     </div>
-    <div class="content">
+    <div class="content" v-show="active === '1'">
       <el-form
         ref="form"
         :model="form"
@@ -18,7 +18,7 @@
         class="label-input-form"
         label-width="210px"
       >
-        <div v-show="active === '1'" style="flex: auto;">
+        <div style="flex: auto;">
           <formEditList
             :key="formKey"
             :form="form"
@@ -84,77 +84,82 @@
         <!--    </el-collapse>-->
         <!--</div>-->
         </div>
-        <div v-show="active === '3'" class="block" style="padding-top: 20px;">
-          <div class="flow-list">
-            <el-table
-              ref="selection"
-              :height="tablePHeight"
-              :data="detailData"
-              tooltip-effect="dark"
-              style="width: 100%"
-              border
-              row-key="id"
-              :no-data-text="listNoDataText"
-              :header-cell-style="{background: '#f8f8f9', color: '#515a6e'}"
-            >
-              <el-table-column
-                type="index"
-                width="55"
-                label="序号"
-                align="center"
-              />
-              <el-table-column
-                prop="name"
-                label="任务步骤"
-                align="center"
-              />
-              <el-table-column
-                prop="assignee"
-                label="任务受理人"
-                align="center"
-              />
-              <el-table-column
-                prop="createTime"
-                label="创建时间"
-                align="center"
-              >
-                <template slot-scope="scope">
-                  <span>{{ scope.row.createTime ? $moment(scope.row.createTime).format('YYYY-MM-DD') : '' }}</span>
-                </template>
-              </el-table-column>
-              <el-table-column
-                prop="endTime"
-                label="完成时间"
-                align="center"
-              >
-                <template slot-scope="scope">
-                  <span>{{ scope.row.endTime ? $moment(scope.row.endTime).format('YYYY-MM-DD') : '' }}</span>
-                </template>
-              </el-table-column>
-              <el-table-column
-                prop="comment"
-                label="流程信息"
-                align="center"
-              >
-                <template slot-scope="scope">
-                  <span>{{ scope.row.commentText }}</span>
-                </template>
-              </el-table-column>
-              <el-table-column
-                prop="completeFlag"
-                label="状态"
-                align="center"
-              >
-                <template slot-scope="scope">
-                  <span>{{ scope.row.endTime ? '已完成' : scope.row.receiveStatus ? '已接收' : '未完成' }}</span>
-                </template>
-              </el-table-column>
-            </el-table>
-            <loading :loading="loading">流程列表加载中</loading>
-          </div>
-        </div>
       </el-form>
     </div>
+    <div v-if="active === '3'" class="content">
+      <processNodeInformation
+              :prcId="this.$route.query.prcId"
+              :prcType="this.$route.query.prcType"
+              :prcNum="this.$route.query.prcNum"
+      />
+<!--      <div class="flow-list">-->
+<!--        <el-table-->
+<!--                ref="selection"-->
+<!--                :height="tablePHeight"-->
+<!--                :data="detailData"-->
+<!--                tooltip-effect="dark"-->
+<!--                style="width: 100%"-->
+<!--                border-->
+<!--                row-key="id"-->
+<!--                :no-data-text="listNoDataText"-->
+<!--                :header-cell-style="{background: '#f8f8f9', color: '#515a6e'}"-->
+<!--        >-->
+<!--          <el-table-column-->
+<!--                  type="index"-->
+<!--                  width="55"-->
+<!--                  label="序号"-->
+<!--                  align="center"-->
+<!--          />-->
+<!--          <el-table-column-->
+<!--                  prop="name"-->
+<!--                  label="任务步骤"-->
+<!--                  align="center"-->
+<!--          />-->
+<!--          <el-table-column-->
+<!--                  prop="assignee"-->
+<!--                  label="任务受理人"-->
+<!--                  align="center"-->
+<!--          />-->
+<!--          <el-table-column-->
+<!--                  prop="createTime"-->
+<!--                  label="创建时间"-->
+<!--                  align="center"-->
+<!--          >-->
+<!--            <template slot-scope="scope">-->
+<!--              <span>{{ scope.row.createTime ? $moment(scope.row.createTime).format('YYYY-MM-DD') : '' }}</span>-->
+<!--            </template>-->
+<!--          </el-table-column>-->
+<!--          <el-table-column-->
+<!--                  prop="endTime"-->
+<!--                  label="完成时间"-->
+<!--                  align="center"-->
+<!--          >-->
+<!--            <template slot-scope="scope">-->
+<!--              <span>{{ scope.row.endTime ? $moment(scope.row.endTime).format('YYYY-MM-DD') : '' }}</span>-->
+<!--            </template>-->
+<!--          </el-table-column>-->
+<!--          <el-table-column-->
+<!--                  prop="comment"-->
+<!--                  label="流程信息"-->
+<!--                  align="center"-->
+<!--          >-->
+<!--            <template slot-scope="scope">-->
+<!--              <span>{{ scope.row.commentText }}</span>-->
+<!--            </template>-->
+<!--          </el-table-column>-->
+<!--          <el-table-column-->
+<!--                  prop="completeFlag"-->
+<!--                  label="状态"-->
+<!--                  align="center"-->
+<!--          >-->
+<!--            <template slot-scope="scope">-->
+<!--              <span>{{ scope.row.endTime ? '已完成' : scope.row.receiveStatus ? '已接收' : '未完成' }}</span>-->
+<!--            </template>-->
+<!--          </el-table-column>-->
+<!--        </el-table>-->
+<!--        <loading :loading="loading">流程列表加载中</loading>-->
+<!--      </div>-->
+    </div>
     <!--        保存||提交-->
     <ProcessFooter
       v-show="verifySarStandard"
@@ -1171,7 +1176,7 @@ export default {
   mounted () {
     // this.getTaskId()
     this.getData()
-    this.processTable()
+    // this.processTable()
     this.$http.get('sys/dictype/getDicTypeListCode', '', {
       _this: this
     }, res => {
diff --git a/src/pages/processCenter/pages/creatProcess/qbrk/step2.vue b/src/pages/processCenter/pages/creatProcess/qbrk/step2.vue
index 9be5589c5..d761cabe8 100644
--- a/src/pages/processCenter/pages/creatProcess/qbrk/step2.vue
+++ b/src/pages/processCenter/pages/creatProcess/qbrk/step2.vue
@@ -11,7 +11,7 @@
 <!--        <div class="headerTabsItem" :class="active === '2' ? 'active' : ''" @click="handleTabs('2')">模块信息</div>-->
         <div class="headerTabsItem" :class="active === '3' ? 'active' : ''" @click="handleTabs('3')">审批历史</div>
     </div>
-    <div class="content">
+    <div class="content" v-show="active === '1' || active === '2'">
         <el-form
                 ref="form"
                 :model="form"
@@ -187,75 +187,80 @@
                 <!--    </el-collapse>-->
                 <!--</div>-->
             </div>
-            <div class="block" style="padding-top: 20px;" v-show="active === '3'">
-                <div class="flow-list">
-                    <el-table
-                            :height="tablePHeight"
-                            ref="selection"
-                            :data="detailData"
-                            tooltip-effect="dark"
-                            style="width: 100%"
-                            border
-                            row-key="id"
-                            :no-data-text="listNoDataText"
-                            :header-cell-style="{background: '#f8f8f9', color: '#515a6e'}"
-                    >
-                      <el-table-column
-                          type="index"
-                          width="55"
-                          label="序号"
-                          align="center">
-                      </el-table-column>
-                        <el-table-column
-                                prop="name"
-                                label="任务步骤"
-                                align="center"
-                        >
-                        </el-table-column>
-                        <el-table-column
-                                prop="assignee"
-                                label="任务受理人"
-                                align="center"
-                        >
-                        </el-table-column>
-                        <el-table-column
-                                prop="createTime"
-                                label="创建时间"
-                                align="center">
-                            <template slot-scope="scope">
-                                <span>{{ scope.row.createTime ? $moment(scope.row.createTime).format('YYYY-MM-DD') : '' }}</span>
-                            </template>
-                        </el-table-column>
-                        <el-table-column
-                                prop="endTime"
-                                label="完成时间"
-                                align="center">
-                            <template slot-scope="scope">
-                                <span>{{ scope.row.endTime ? $moment(scope.row.endTime).format('YYYY-MM-DD') : '' }}</span>
-                            </template>
-                        </el-table-column>
-                        <el-table-column
-                                prop="comment"
-                                label="流程信息"
-                                align="center">
-                            <template slot-scope="scope">
-                                <span>{{scope.row.commentText}}</span>
-                            </template>
-                        </el-table-column>
-                        <el-table-column
-                                prop="completeFlag"
-                                label="状态"
-                                align="center">
-                            <template slot-scope="scope">
-                                <span>{{ scope.row.endTime ? '已完成' : scope.row.receiveStatus ? '已接收' : '未完成' }}</span>
-                            </template>
-                        </el-table-column>
-                    </el-table>
-                    <loading :loading="loading">流程列表加载中</loading>
-                </div>
-            </div>
         </el-form>
     </div>
+    <div class="content" v-if="active === '3'">
+        <processNodeInformation
+                :prcId="this.$route.query.prcId"
+                :prcType="this.$route.query.prcType"
+                :prcNum="this.$route.query.prcNum"
+        />
+        <!--                <div class="flow-list">-->
+        <!--                    <el-table-->
+        <!--                            :height="tablePHeight"-->
+        <!--                            ref="selection"-->
+        <!--                            :data="detailData"-->
+        <!--                            tooltip-effect="dark"-->
+        <!--                            style="width: 100%"-->
+        <!--                            border-->
+        <!--                            row-key="id"-->
+        <!--                            :no-data-text="listNoDataText"-->
+        <!--                            :header-cell-style="{background: '#f8f8f9', color: '#515a6e'}"-->
+        <!--                    >-->
+        <!--                      <el-table-column-->
+        <!--                          type="index"-->
+        <!--                          width="55"-->
+        <!--                          label="序号"-->
+        <!--                          align="center">-->
+        <!--                      </el-table-column>-->
+        <!--                        <el-table-column-->
+        <!--                                prop="name"-->
+        <!--                                label="任务步骤"-->
+        <!--                                align="center"-->
+        <!--                        >-->
+        <!--                        </el-table-column>-->
+        <!--                        <el-table-column-->
+        <!--                                prop="assignee"-->
+        <!--                                label="任务受理人"-->
+        <!--                                align="center"-->
+        <!--                        >-->
+        <!--                        </el-table-column>-->
+        <!--                        <el-table-column-->
+        <!--                                prop="createTime"-->
+        <!--                                label="创建时间"-->
+        <!--                                align="center">-->
+        <!--                            <template slot-scope="scope">-->
+        <!--                                <span>{{ scope.row.createTime ? $moment(scope.row.createTime).format('YYYY-MM-DD') : '' }}</span>-->
+        <!--                            </template>-->
+        <!--                        </el-table-column>-->
+        <!--                        <el-table-column-->
+        <!--                                prop="endTime"-->
+        <!--                                label="完成时间"-->
+        <!--                                align="center">-->
+        <!--                            <template slot-scope="scope">-->
+        <!--                                <span>{{ scope.row.endTime ? $moment(scope.row.endTime).format('YYYY-MM-DD') : '' }}</span>-->
+        <!--                            </template>-->
+        <!--                        </el-table-column>-->
+        <!--                        <el-table-column-->
+        <!--                                prop="comment"-->
+        <!--                                label="流程信息"-->
+        <!--                                align="center">-->
+        <!--                            <template slot-scope="scope">-->
+        <!--                                <span>{{scope.row.commentText}}</span>-->
+        <!--                            </template>-->
+        <!--                        </el-table-column>-->
+        <!--                        <el-table-column-->
+        <!--                                prop="completeFlag"-->
+        <!--                                label="状态"-->
+        <!--                                align="center">-->
+        <!--                            <template slot-scope="scope">-->
+        <!--                                <span>{{ scope.row.endTime ? '已完成' : scope.row.receiveStatus ? '已接收' : '未完成' }}</span>-->
+        <!--                            </template>-->
+        <!--                        </el-table-column>-->
+        <!--                    </el-table>-->
+        <!--                    <loading :loading="loading">流程列表加载中</loading>-->
+        <!--                </div>-->
+    </div>
     <!--        保存||提交-->
     <ProcessFooter
             v-show="verifySarStandard"
@@ -2661,7 +2666,7 @@
         mounted () {
             this.getTaskId()
             this.getData()
-            this.processTable()
+            // this.processTable()
             this.tablePHeight = $('.content').height()
             window.onresize = () => {
                 this.tablePHeight = $('.content').height()
diff --git a/src/pages/processCenter/pages/creatProcess/qbrk/step3.vue b/src/pages/processCenter/pages/creatProcess/qbrk/step3.vue
index 5c5a6f145..322c60fd7 100644
--- a/src/pages/processCenter/pages/creatProcess/qbrk/step3.vue
+++ b/src/pages/processCenter/pages/creatProcess/qbrk/step3.vue
@@ -10,7 +10,7 @@
       <!--        <div class="headerTabsItem" :class="active === '2' ? 'active' : ''" @click="handleTabs('2')">模块信息</div>-->
       <div class="headerTabsItem" :class="active === '3' ? 'active' : ''" @click="handleTabs('3')">审批历史</div>
     </div>
-    <div class="content">
+    <div class="content" v-show="active === '1'">
       <el-form
         ref="form"
         :model="form"
@@ -18,7 +18,7 @@
         class="label-input-form"
         label-width="210px"
       >
-        <div v-show="active === '1'" style="flex: auto;">
+        <div style="flex: auto;">
           <formEditList
             :key="formKey"
             :formSub="form"
@@ -125,77 +125,82 @@
         <!--    </el-collapse>-->
         <!--</div>-->
         </div>
-        <div v-show="active === '3'" class="block" style="padding-top: 20px;">
-          <div class="flow-list">
-            <el-table
-              ref="selection"
-              :height="tablePHeight"
-              :data="detailData"
-              tooltip-effect="dark"
-              style="width: 100%"
-              border
-              row-key="id"
-              :no-data-text="listNoDataText"
-              :header-cell-style="{background: '#f8f8f9', color: '#515a6e'}"
-            >
-              <el-table-column
-                type="index"
-                width="55"
-                label="序号"
-                align="center"
-              />
-              <el-table-column
-                prop="name"
-                label="任务步骤"
-                align="center"
-              />
-              <el-table-column
-                prop="assignee"
-                label="任务受理人"
-                align="center"
-              />
-              <el-table-column
-                prop="createTime"
-                label="创建时间"
-                align="center"
-              >
-                <template slot-scope="scope">
-                  <span>{{ scope.row.createTime ? $moment(scope.row.createTime).format('YYYY-MM-DD') : '' }}</span>
-                </template>
-              </el-table-column>
-              <el-table-column
-                prop="endTime"
-                label="完成时间"
-                align="center"
-              >
-                <template slot-scope="scope">
-                  <span>{{ scope.row.endTime ? $moment(scope.row.endTime).format('YYYY-MM-DD') : '' }}</span>
-                </template>
-              </el-table-column>
-              <el-table-column
-                prop="comment"
-                label="流程信息"
-                align="center"
-              >
-                <template slot-scope="scope">
-                  <span>{{ scope.row.commentText }}</span>
-                </template>
-              </el-table-column>
-              <el-table-column
-                prop="completeFlag"
-                label="状态"
-                align="center"
-              >
-                <template slot-scope="scope">
-                  <span>{{ scope.row.endTime ? '已完成' : scope.row.receiveStatus ? '已接收' : '未完成' }}</span>
-                </template>
-              </el-table-column>
-            </el-table>
-            <loading :loading="loading">流程列表加载中</loading>
-          </div>
-        </div>
       </el-form>
     </div>
+    <div v-if="active === '3'" class="content">
+      <processNodeInformation
+              :prcId="this.$route.query.prcId"
+              :prcType="this.$route.query.prcType"
+              :prcNum="this.$route.query.prcNum"
+      />
+<!--      <div class="flow-list">-->
+<!--        <el-table-->
+<!--                ref="selection"-->
+<!--                :height="tablePHeight"-->
+<!--                :data="detailData"-->
+<!--                tooltip-effect="dark"-->
+<!--                style="width: 100%"-->
+<!--                border-->
+<!--                row-key="id"-->
+<!--                :no-data-text="listNoDataText"-->
+<!--                :header-cell-style="{background: '#f8f8f9', color: '#515a6e'}"-->
+<!--        >-->
+<!--          <el-table-column-->
+<!--                  type="index"-->
+<!--                  width="55"-->
+<!--                  label="序号"-->
+<!--                  align="center"-->
+<!--          />-->
+<!--          <el-table-column-->
+<!--                  prop="name"-->
+<!--                  label="任务步骤"-->
+<!--                  align="center"-->
+<!--          />-->
+<!--          <el-table-column-->
+<!--                  prop="assignee"-->
+<!--                  label="任务受理人"-->
+<!--                  align="center"-->
+<!--          />-->
+<!--          <el-table-column-->
+<!--                  prop="createTime"-->
+<!--                  label="创建时间"-->
+<!--                  align="center"-->
+<!--          >-->
+<!--            <template slot-scope="scope">-->
+<!--              <span>{{ scope.row.createTime ? $moment(scope.row.createTime).format('YYYY-MM-DD') : '' }}</span>-->
+<!--            </template>-->
+<!--          </el-table-column>-->
+<!--          <el-table-column-->
+<!--                  prop="endTime"-->
+<!--                  label="完成时间"-->
+<!--                  align="center"-->
+<!--          >-->
+<!--            <template slot-scope="scope">-->
+<!--              <span>{{ scope.row.endTime ? $moment(scope.row.endTime).format('YYYY-MM-DD') : '' }}</span>-->
+<!--            </template>-->
+<!--          </el-table-column>-->
+<!--          <el-table-column-->
+<!--                  prop="comment"-->
+<!--                  label="流程信息"-->
+<!--                  align="center"-->
+<!--          >-->
+<!--            <template slot-scope="scope">-->
+<!--              <span>{{ scope.row.commentText }}</span>-->
+<!--            </template>-->
+<!--          </el-table-column>-->
+<!--          <el-table-column-->
+<!--                  prop="completeFlag"-->
+<!--                  label="状态"-->
+<!--                  align="center"-->
+<!--          >-->
+<!--            <template slot-scope="scope">-->
+<!--              <span>{{ scope.row.endTime ? '已完成' : scope.row.receiveStatus ? '已接收' : '未完成' }}</span>-->
+<!--            </template>-->
+<!--          </el-table-column>-->
+<!--        </el-table>-->
+<!--        <loading :loading="loading">流程列表加载中</loading>-->
+<!--      </div>-->
+    </div>
     <!--        保存||提交-->
     <ProcessFooter
       v-show="verifySarStandard"
@@ -1149,7 +1154,7 @@ export default {
   mounted () {
     // this.getTaskId()
     this.getData()
-    this.processTable()
+    // this.processTable()
     this.$http.get('sys/dictype/getDicTypeListCode', '', {
       _this: this
     }, res => {
diff --git a/src/pages/processCenter/pages/creatProcess/qbrk/step4.vue b/src/pages/processCenter/pages/creatProcess/qbrk/step4.vue
index 096d24c61..7253830e4 100644
--- a/src/pages/processCenter/pages/creatProcess/qbrk/step4.vue
+++ b/src/pages/processCenter/pages/creatProcess/qbrk/step4.vue
@@ -1,4 +1,5 @@
-<template><div class="bzrkStep1">
+<template>
+    <div class="bzrkStep1">
     <!--        标准入库流程-->
     <ProcessHeader toggle>
         <template slot="proName">企标制修订-技术标准</template>
@@ -9,7 +10,7 @@
 <!--        <div class="headerTabsItem" :class="active === '2' ? 'active' : ''" @click="handleTabs('2')">模块信息</div>-->
         <div class="headerTabsItem" :class="active === '3' ? 'active' : ''" @click="handleTabs('3')">审批历史</div>
     </div>
-    <div class="content">
+    <div class="content" v-show="active === '1'">
         <el-form
                 ref="form"
                 :model="form"
@@ -17,7 +18,7 @@
                 class="label-input-form"
                 label-width="210px"
         >
-            <div style="flex: auto;" v-show="active === '1'">
+            <div style="flex: auto;">
                 <formList
                         :form = "form"
                         :isTrue="false"
@@ -67,75 +68,80 @@
                 <!--    </el-collapse>-->
                 <!--</div>-->
             </div>
-            <div class="block" style="padding-top: 20px;" v-show="active === '3'">
-                <div class="flow-list">
-                    <el-table
-                            :height="tablePHeight"
-                            ref="selection"
-                            :data="detailData"
-                            tooltip-effect="dark"
-                            style="width: 100%"
-                            border
-                            row-key="id"
-                            :no-data-text="listNoDataText"
-                            :header-cell-style="{background: '#f8f8f9', color: '#515a6e'}"
-                    >
-                      <el-table-column
-                          type="index"
-                          width="55"
-                          label="序号"
-                          align="center">
-                      </el-table-column>
-                        <el-table-column
-                                prop="name"
-                                label="任务步骤"
-                                align="center"
-                        >
-                        </el-table-column>
-                        <el-table-column
-                                prop="assignee"
-                                label="任务受理人"
-                                align="center"
-                        >
-                        </el-table-column>
-                        <el-table-column
-                                prop="createTime"
-                                label="创建时间"
-                                align="center">
-                            <template slot-scope="scope">
-                                <span>{{ scope.row.createTime ? $moment(scope.row.createTime).format('YYYY-MM-DD') : '' }}</span>
-                            </template>
-                        </el-table-column>
-                        <el-table-column
-                                prop="endTime"
-                                label="完成时间"
-                                align="center">
-                            <template slot-scope="scope">
-                                <span>{{ scope.row.endTime ? $moment(scope.row.endTime).format('YYYY-MM-DD') : '' }}</span>
-                            </template>
-                        </el-table-column>
-                        <el-table-column
-                                prop="comment"
-                                label="流程信息"
-                                align="center">
-                            <template slot-scope="scope">
-                                <span>{{scope.row.commentText}}</span>
-                            </template>
-                        </el-table-column>
-                        <el-table-column
-                                prop="completeFlag"
-                                label="状态"
-                                align="center">
-                            <template slot-scope="scope">
-                                <span>{{ scope.row.endTime ? '已完成' : scope.row.receiveStatus ? '已接收' : '未完成' }}</span>
-                            </template>
-                        </el-table-column>
-                    </el-table>
-                    <loading :loading="loading">流程列表加载中</loading>
-                </div>
-            </div>
         </el-form>
     </div>
+    <div class="content" v-if="active === '3'">
+        <processNodeInformation
+                :prcId="this.$route.query.prcId"
+                :prcType="this.$route.query.prcType"
+                :prcNum="this.$route.query.prcNum"
+        />
+<!--        <div class="flow-list">-->
+<!--            <el-table-->
+<!--                    :height="tablePHeight"-->
+<!--                    ref="selection"-->
+<!--                    :data="detailData"-->
+<!--                    tooltip-effect="dark"-->
+<!--                    style="width: 100%"-->
+<!--                    border-->
+<!--                    row-key="id"-->
+<!--                    :no-data-text="listNoDataText"-->
+<!--                    :header-cell-style="{background: '#f8f8f9', color: '#515a6e'}"-->
+<!--            >-->
+<!--                <el-table-column-->
+<!--                        type="index"-->
+<!--                        width="55"-->
+<!--                        label="序号"-->
+<!--                        align="center">-->
+<!--                </el-table-column>-->
+<!--                <el-table-column-->
+<!--                        prop="name"-->
+<!--                        label="任务步骤"-->
+<!--                        align="center"-->
+<!--                >-->
+<!--                </el-table-column>-->
+<!--                <el-table-column-->
+<!--                        prop="assignee"-->
+<!--                        label="任务受理人"-->
+<!--                        align="center"-->
+<!--                >-->
+<!--                </el-table-column>-->
+<!--                <el-table-column-->
+<!--                        prop="createTime"-->
+<!--                        label="创建时间"-->
+<!--                        align="center">-->
+<!--                    <template slot-scope="scope">-->
+<!--                        <span>{{ scope.row.createTime ? $moment(scope.row.createTime).format('YYYY-MM-DD') : '' }}</span>-->
+<!--                    </template>-->
+<!--                </el-table-column>-->
+<!--                <el-table-column-->
+<!--                        prop="endTime"-->
+<!--                        label="完成时间"-->
+<!--                        align="center">-->
+<!--                    <template slot-scope="scope">-->
+<!--                        <span>{{ scope.row.endTime ? $moment(scope.row.endTime).format('YYYY-MM-DD') : '' }}</span>-->
+<!--                    </template>-->
+<!--                </el-table-column>-->
+<!--                <el-table-column-->
+<!--                        prop="comment"-->
+<!--                        label="流程信息"-->
+<!--                        align="center">-->
+<!--                    <template slot-scope="scope">-->
+<!--                        <span>{{scope.row.commentText}}</span>-->
+<!--                    </template>-->
+<!--                </el-table-column>-->
+<!--                <el-table-column-->
+<!--                        prop="completeFlag"-->
+<!--                        label="状态"-->
+<!--                        align="center">-->
+<!--                    <template slot-scope="scope">-->
+<!--                        <span>{{ scope.row.endTime ? '已完成' : scope.row.receiveStatus ? '已接收' : '未完成' }}</span>-->
+<!--                    </template>-->
+<!--                </el-table-column>-->
+<!--            </el-table>-->
+<!--            <loading :loading="loading">流程列表加载中</loading>-->
+<!--        </div>-->
+    </div>
     <!--        保存||提交-->
     <ProcessFooter
             v-show="verifySarStandard"
@@ -2307,7 +2313,7 @@
         },
         mounted () {
             this.getData()
-            this.processTable()
+            // this.processTable()
             this.$http.get('sys/dictype/getDicTypeListCode', '', {
                 _this: this
             }, res => {
diff --git a/src/pages/processCenter/pages/creatProcess/qbrk/step5.vue b/src/pages/processCenter/pages/creatProcess/qbrk/step5.vue
index bd9b5e923..692b3c07b 100644
--- a/src/pages/processCenter/pages/creatProcess/qbrk/step5.vue
+++ b/src/pages/processCenter/pages/creatProcess/qbrk/step5.vue
@@ -10,7 +10,7 @@
         <div class="headerTabsItem" :class="active === '1' ? 'active' : ''" @click="handleTabs('1')">会签评分</div>
         <div class="headerTabsItem" :class="active === '4' ? 'active' : ''" @click="handleTabs('4')">审批历史</div>
     </div>
-    <div class="content">
+    <div class="content" v-show="active === '1' || active === '2' || active === '3'">
         <el-form
                 ref="form"
                 :model="form"
@@ -286,75 +286,80 @@
                     </div>
                 </template>
             </div>
-            <div class="block" style="padding-top: 20px;" v-show="active === '4'">
-                <div class="flow-list">
-                    <el-table
-                            :height="tablePHeight"
-                            ref="selection"
-                            :data="detailData"
-                            tooltip-effect="dark"
-                            style="width: 100%"
-                            border
-                            row-key="id"
-                            :no-data-text="listNoDataText"
-                            :header-cell-style="{background: '#f8f8f9', color: '#515a6e'}"
-                    >
-                      <el-table-column
-                          type="index"
-                          width="55"
-                          label="序号"
-                          align="center">
-                      </el-table-column>
-                        <el-table-column
-                                prop="name"
-                                label="任务步骤"
-                                align="center"
-                        >
-                        </el-table-column>
-                        <el-table-column
-                                prop="assignee"
-                                label="任务受理人"
-                                align="center"
-                        >
-                        </el-table-column>
-                        <el-table-column
-                                prop="createTime"
-                                label="创建时间"
-                                align="center">
-                            <template slot-scope="scope">
-                                <span>{{ scope.row.createTime ? $moment(scope.row.createTime).format('YYYY-MM-DD') : '' }}</span>
-                            </template>
-                        </el-table-column>
-                        <el-table-column
-                                prop="endTime"
-                                label="完成时间"
-                                align="center">
-                            <template slot-scope="scope">
-                                <span>{{ scope.row.endTime ? $moment(scope.row.endTime).format('YYYY-MM-DD') : '' }}</span>
-                            </template>
-                        </el-table-column>
-                        <el-table-column
-                                prop="comment"
-                                label="流程信息"
-                                align="center">
-                            <template slot-scope="scope">
-                                <span>{{scope.row.commentText}}</span>
-                            </template>
-                        </el-table-column>
-                        <el-table-column
-                                prop="completeFlag"
-                                label="状态"
-                                align="center">
-                            <template slot-scope="scope">
-                                <span>{{ scope.row.endTime ? '已完成' : scope.row.receiveStatus ? '已接收' : '未完成' }}</span>
-                            </template>
-                        </el-table-column>
-                    </el-table>
-                    <loading :loading="loading">流程列表加载中</loading>
-                </div>
-            </div>
         </el-form>
     </div>
+    <div class="content" v-if="active === '4'">
+        <processNodeInformation
+                :prcId="this.$route.query.prcId"
+                :prcType="this.$route.query.prcType"
+                :prcNum="this.$route.query.prcNum"
+        />
+<!--        <div class="flow-list">-->
+<!--            <el-table-->
+<!--                    :height="tablePHeight"-->
+<!--                    ref="selection"-->
+<!--                    :data="detailData"-->
+<!--                    tooltip-effect="dark"-->
+<!--                    style="width: 100%"-->
+<!--                    border-->
+<!--                    row-key="id"-->
+<!--                    :no-data-text="listNoDataText"-->
+<!--                    :header-cell-style="{background: '#f8f8f9', color: '#515a6e'}"-->
+<!--            >-->
+<!--                <el-table-column-->
+<!--                        type="index"-->
+<!--                        width="55"-->
+<!--                        label="序号"-->
+<!--                        align="center">-->
+<!--                </el-table-column>-->
+<!--                <el-table-column-->
+<!--                        prop="name"-->
+<!--                        label="任务步骤"-->
+<!--                        align="center"-->
+<!--                >-->
+<!--                </el-table-column>-->
+<!--                <el-table-column-->
+<!--                        prop="assignee"-->
+<!--                        label="任务受理人"-->
+<!--                        align="center"-->
+<!--                >-->
+<!--                </el-table-column>-->
+<!--                <el-table-column-->
+<!--                        prop="createTime"-->
+<!--                        label="创建时间"-->
+<!--                        align="center">-->
+<!--                    <template slot-scope="scope">-->
+<!--                        <span>{{ scope.row.createTime ? $moment(scope.row.createTime).format('YYYY-MM-DD') : '' }}</span>-->
+<!--                    </template>-->
+<!--                </el-table-column>-->
+<!--                <el-table-column-->
+<!--                        prop="endTime"-->
+<!--                        label="完成时间"-->
+<!--                        align="center">-->
+<!--                    <template slot-scope="scope">-->
+<!--                        <span>{{ scope.row.endTime ? $moment(scope.row.endTime).format('YYYY-MM-DD') : '' }}</span>-->
+<!--                    </template>-->
+<!--                </el-table-column>-->
+<!--                <el-table-column-->
+<!--                        prop="comment"-->
+<!--                        label="流程信息"-->
+<!--                        align="center">-->
+<!--                    <template slot-scope="scope">-->
+<!--                        <span>{{scope.row.commentText}}</span>-->
+<!--                    </template>-->
+<!--                </el-table-column>-->
+<!--                <el-table-column-->
+<!--                        prop="completeFlag"-->
+<!--                        label="状态"-->
+<!--                        align="center">-->
+<!--                    <template slot-scope="scope">-->
+<!--                        <span>{{ scope.row.endTime ? '已完成' : scope.row.receiveStatus ? '已接收' : '未完成' }}</span>-->
+<!--                    </template>-->
+<!--                </el-table-column>-->
+<!--            </el-table>-->
+<!--            <loading :loading="loading">流程列表加载中</loading>-->
+<!--        </div>-->
+    </div>
     <!--        保存||提交-->
     <ProcessFooter
             v-show="verifySarStandard"
@@ -3020,7 +3025,7 @@
         mounted () {
             // this.getTaskId()
             this.getData()
-            this.processTable()
+            // this.processTable()
             this.$http.get('sys/dictype/getDicTypeListCode', '', {
                 _this: this
             }, res => {
diff --git a/src/pages/processCenter/pages/creatProcess/qbrk/step6.vue b/src/pages/processCenter/pages/creatProcess/qbrk/step6.vue
index ba8854e90..c2d400748 100644
--- a/src/pages/processCenter/pages/creatProcess/qbrk/step6.vue
+++ b/src/pages/processCenter/pages/creatProcess/qbrk/step6.vue
@@ -11,7 +11,7 @@
       <!--        <div class="headerTabsItem" :class="active === '2' ? 'active' : ''" @click="handleTabs('2')">模块信息</div>-->
       <div class="headerTabsItem" :class="active === '3' ? 'active' : ''" @click="handleTabs('3')">审批历史</div>
     </div>
-    <div class="content">
+    <div class="content" v-show="active === '1' || active === '2'">
       <el-form
         ref="form"
         :model="form"
@@ -344,77 +344,82 @@
             </div>
           </template>
         </div>
-        <div v-show="active === '3'" class="block" style="padding-top: 20px;">
-          <div class="flow-list">
-            <el-table
-              ref="selection"
-              :height="tablePHeight"
-              :data="detailData"
-              tooltip-effect="dark"
-              style="width: 100%"
-              border
-              row-key="id"
-              :no-data-text="listNoDataText"
-              :header-cell-style="{background: '#f8f8f9', color: '#515a6e'}"
-            >
-              <el-table-column
-                type="index"
-                width="55"
-                label="序号"
-                align="center"
-              />
-              <el-table-column
-                prop="name"
-                label="任务步骤"
-                align="center"
-              />
-              <el-table-column
-                prop="assignee"
-                label="任务受理人"
-                align="center"
-              />
-              <el-table-column
-                prop="createTime"
-                label="创建时间"
-                align="center"
-              >
-                <template slot-scope="scope">
-                  <span>{{ scope.row.createTime ? $moment(scope.row.createTime).format('YYYY-MM-DD') : '' }}</span>
-                </template>
-              </el-table-column>
-              <el-table-column
-                prop="endTime"
-                label="完成时间"
-                align="center"
-              >
-                <template slot-scope="scope">
-                  <span>{{ scope.row.endTime ? $moment(scope.row.endTime).format('YYYY-MM-DD') : '' }}</span>
-                </template>
-              </el-table-column>
-              <el-table-column
-                prop="comment"
-                label="流程信息"
-                align="center"
-              >
-                <template slot-scope="scope">
-                  <span>{{ scope.row.commentText }}</span>
-                </template>
-              </el-table-column>
-              <el-table-column
-                prop="completeFlag"
-                label="状态"
-                align="center"
-              >
-                <template slot-scope="scope">
-                  <span>{{ scope.row.endTime ? '已完成' : scope.row.receiveStatus ? '已接收' : '未完成' }}</span>
-                </template>
-              </el-table-column>
-            </el-table>
-            <loading :loading="loading">流程列表加载中</loading>
-          </div>
-        </div>
       </el-form>
     </div>
+    <div v-if="active === '3'" class="content">
+      <processNodeInformation
+              :prcId="this.$route.query.prcId"
+              :prcType="this.$route.query.prcType"
+              :prcNum="this.$route.query.prcNum"
+      />
+<!--      <div class="flow-list">-->
+<!--        <el-table-->
+<!--                ref="selection"-->
+<!--                :height="tablePHeight"-->
+<!--                :data="detailData"-->
+<!--                tooltip-effect="dark"-->
+<!--                style="width: 100%"-->
+<!--                border-->
+<!--                row-key="id"-->
+<!--                :no-data-text="listNoDataText"-->
+<!--                :header-cell-style="{background: '#f8f8f9', color: '#515a6e'}"-->
+<!--        >-->
+<!--          <el-table-column-->
+<!--                  type="index"-->
+<!--                  width="55"-->
+<!--                  label="序号"-->
+<!--                  align="center"-->
+<!--          />-->
+<!--          <el-table-column-->
+<!--                  prop="name"-->
+<!--                  label="任务步骤"-->
+<!--                  align="center"-->
+<!--          />-->
+<!--          <el-table-column-->
+<!--                  prop="assignee"-->
+<!--                  label="任务受理人"-->
+<!--                  align="center"-->
+<!--          />-->
+<!--          <el-table-column-->
+<!--                  prop="createTime"-->
+<!--                  label="创建时间"-->
+<!--                  align="center"-->
+<!--          >-->
+<!--            <template slot-scope="scope">-->
+<!--              <span>{{ scope.row.createTime ? $moment(scope.row.createTime).format('YYYY-MM-DD') : '' }}</span>-->
+<!--            </template>-->
+<!--          </el-table-column>-->
+<!--          <el-table-column-->
+<!--                  prop="endTime"-->
+<!--                  label="完成时间"-->
+<!--                  align="center"-->
+<!--          >-->
+<!--            <template slot-scope="scope">-->
+<!--              <span>{{ scope.row.endTime ? $moment(scope.row.endTime).format('YYYY-MM-DD') : '' }}</span>-->
+<!--            </template>-->
+<!--          </el-table-column>-->
+<!--          <el-table-column-->
+<!--                  prop="comment"-->
+<!--                  label="流程信息"-->
+<!--                  align="center"-->
+<!--          >-->
+<!--            <template slot-scope="scope">-->
+<!--              <span>{{ scope.row.commentText }}</span>-->
+<!--            </template>-->
+<!--          </el-table-column>-->
+<!--          <el-table-column-->
+<!--                  prop="completeFlag"-->
+<!--                  label="状态"-->
+<!--                  align="center"-->
+<!--          >-->
+<!--            <template slot-scope="scope">-->
+<!--              <span>{{ scope.row.endTime ? '已完成' : scope.row.receiveStatus ? '已接收' : '未完成' }}</span>-->
+<!--            </template>-->
+<!--          </el-table-column>-->
+<!--        </el-table>-->
+<!--        <loading :loading="loading">流程列表加载中</loading>-->
+<!--      </div>-->
+    </div>
     <!--        保存||提交-->
     <ProcessFooter
       v-show="verifySarStandard"
@@ -1423,7 +1428,7 @@ export default {
   mounted () {
     // this.getTaskId()
     this.getData()
-    this.processTable()
+    // this.processTable()
     this.$http.get('sys/dictype/getDicTypeListCode', '', {
       _this: this
     }, res => {
diff --git a/src/pages/processCenter/pages/creatProcess/qbrk/step7.vue b/src/pages/processCenter/pages/creatProcess/qbrk/step7.vue
index e3c08f776..cbd8ce5a7 100644
--- a/src/pages/processCenter/pages/creatProcess/qbrk/step7.vue
+++ b/src/pages/processCenter/pages/creatProcess/qbrk/step7.vue
@@ -11,7 +11,7 @@
             <!--        <div class="headerTabsItem" :class="active === '2' ? 'active' : ''" @click="handleTabs('2')">模块信息</div>-->
             <div class="headerTabsItem" :class="active === '3' ? 'active' : ''" @click="handleTabs('3')">审批历史</div>
         </div>
-        <div class="content">
+        <div class="content" v-show="active === '1' || active === '2'">
             <el-form
                     ref="form"
                     :model="form"
@@ -168,75 +168,80 @@
                             @emitDataLoading="emitDataLoading"
                     ></formList>
                 </div>
-                <div class="block" style="padding-top: 20px;" v-show="active === '3'">
-                    <div class="flow-list">
-                        <el-table
-                                :height="tablePHeight"
-                                ref="selection"
-                                :data="detailData"
-                                tooltip-effect="dark"
-                                style="width: 100%"
-                                border
-                                row-key="id"
-                                :no-data-text="listNoDataText"
-                                :header-cell-style="{background: '#f8f8f9', color: '#515a6e'}"
-                        >
-                          <el-table-column
-                              type="index"
-                              width="55"
-                              label="序号"
-                              align="center">
-                          </el-table-column>
-                            <el-table-column
-                                    prop="name"
-                                    label="任务步骤"
-                                    align="center"
-                            >
-                            </el-table-column>
-                            <el-table-column
-                                    prop="assignee"
-                                    label="任务受理人"
-                                    align="center"
-                            >
-                            </el-table-column>
-                            <el-table-column
-                                    prop="createTime"
-                                    label="创建时间"
-                                    align="center">
-                                <template slot-scope="scope">
-                                    <span>{{ scope.row.createTime ? $moment(scope.row.createTime).format('YYYY-MM-DD') : '' }}</span>
-                                </template>
-                            </el-table-column>
-                            <el-table-column
-                                    prop="endTime"
-                                    label="完成时间"
-                                    align="center">
-                                <template slot-scope="scope">
-                                    <span>{{ scope.row.endTime ? $moment(scope.row.endTime).format('YYYY-MM-DD') : '' }}</span>
-                                </template>
-                            </el-table-column>
-                            <el-table-column
-                                    prop="comment"
-                                    label="流程信息"
-                                    align="center">
-                                <template slot-scope="scope">
-                                    <span>{{scope.row.commentText}}</span>
-                                </template>
-                            </el-table-column>
-                            <el-table-column
-                                    prop="completeFlag"
-                                    label="状态"
-                                    align="center">
-                                <template slot-scope="scope">
-                                    <span>{{ scope.row.endTime ? '已完成' : scope.row.receiveStatus ? '已接收' : '未完成' }}</span>
-                                </template>
-                            </el-table-column>
-                        </el-table>
-                        <loading :loading="loading">流程列表加载中</loading>
-                    </div>
-                </div>
             </el-form>
         </div>
+        <div class="content" v-if="active === '3'">
+            <processNodeInformation
+                    :prcId="this.$route.query.prcId"
+                    :prcType="this.$route.query.prcType"
+                    :prcNum="this.$route.query.prcNum"
+            />
+<!--            <div class="flow-list">-->
+<!--                <el-table-->
+<!--                        :height="tablePHeight"-->
+<!--                        ref="selection"-->
+<!--                        :data="detailData"-->
+<!--                        tooltip-effect="dark"-->
+<!--                        style="width: 100%"-->
+<!--                        border-->
+<!--                        row-key="id"-->
+<!--                        :no-data-text="listNoDataText"-->
+<!--                        :header-cell-style="{background: '#f8f8f9', color: '#515a6e'}"-->
+<!--                >-->
+<!--                    <el-table-column-->
+<!--                            type="index"-->
+<!--                            width="55"-->
+<!--                            label="序号"-->
+<!--                            align="center">-->
+<!--                    </el-table-column>-->
+<!--                    <el-table-column-->
+<!--                            prop="name"-->
+<!--                            label="任务步骤"-->
+<!--                            align="center"-->
+<!--                    >-->
+<!--                    </el-table-column>-->
+<!--                    <el-table-column-->
+<!--                            prop="assignee"-->
+<!--                            label="任务受理人"-->
+<!--                            align="center"-->
+<!--                    >-->
+<!--                    </el-table-column>-->
+<!--                    <el-table-column-->
+<!--                            prop="createTime"-->
+<!--                            label="创建时间"-->
+<!--                            align="center">-->
+<!--                        <template slot-scope="scope">-->
+<!--                            <span>{{ scope.row.createTime ? $moment(scope.row.createTime).format('YYYY-MM-DD') : '' }}</span>-->
+<!--                        </template>-->
+<!--                    </el-table-column>-->
+<!--                    <el-table-column-->
+<!--                            prop="endTime"-->
+<!--                            label="完成时间"-->
+<!--                            align="center">-->
+<!--                        <template slot-scope="scope">-->
+<!--                            <span>{{ scope.row.endTime ? $moment(scope.row.endTime).format('YYYY-MM-DD') : '' }}</span>-->
+<!--                        </template>-->
+<!--                    </el-table-column>-->
+<!--                    <el-table-column-->
+<!--                            prop="comment"-->
+<!--                            label="流程信息"-->
+<!--                            align="center">-->
+<!--                        <template slot-scope="scope">-->
+<!--                            <span>{{scope.row.commentText}}</span>-->
+<!--                        </template>-->
+<!--                    </el-table-column>-->
+<!--                    <el-table-column-->
+<!--                            prop="completeFlag"-->
+<!--                            label="状态"-->
+<!--                            align="center">-->
+<!--                        <template slot-scope="scope">-->
+<!--                            <span>{{ scope.row.endTime ? '已完成' : scope.row.receiveStatus ? '已接收' : '未完成' }}</span>-->
+<!--                        </template>-->
+<!--                    </el-table-column>-->
+<!--                </el-table>-->
+<!--                <loading :loading="loading">流程列表加载中</loading>-->
+<!--            </div>-->
+        </div>
         <!--        保存||提交-->
         <ProcessFooter
                 v-show="verifySarStandard"
@@ -2605,7 +2610,7 @@
         mounted() {
             // this.getTaskId()
             this.getData()
-            this.processTable()
+            // this.processTable()
             this.$http.get('sys/dictype/getDicTypeListCode', '', {
                 _this: this
             }, res => {
diff --git a/src/pages/processCenter/pages/creatProcess/qbrk/step8.vue b/src/pages/processCenter/pages/creatProcess/qbrk/step8.vue
index a753c669f..57e5b6d50 100644
--- a/src/pages/processCenter/pages/creatProcess/qbrk/step8.vue
+++ b/src/pages/processCenter/pages/creatProcess/qbrk/step8.vue
@@ -9,7 +9,7 @@
 <!--        <div class="headerTabsItem" :class="active === '2' ? 'active' : ''" @click="handleTabs('2')">模块信息</div>-->
         <div class="headerTabsItem" :class="active === '3' ? 'active' : ''" @click="handleTabs('3')">审批历史</div>
     </div>
-    <div class="content">
+    <div class="content" v-show="active === '1'">
         <el-form
                 ref="form"
                 :model="form"
@@ -17,7 +17,7 @@
                 class="label-input-form"
                 label-width="210px"
         >
-            <div style="flex: auto;" v-show="active === '1'">
+            <div style="flex: auto;" >
                 <formList
                         :form = "form"
                         :FBGBUSSFileList = "FBGBUSSFileList"
@@ -64,75 +64,80 @@
                 <!--    </el-collapse>-->
                 <!--</div>-->
             </div>
-            <div class="block" style="padding-top: 20px;" v-show="active === '3'">
-                <div class="flow-list">
-                    <el-table
-                            :height="tablePHeight"
-                            ref="selection"
-                            :data="detailData"
-                            tooltip-effect="dark"
-                            style="width: 100%"
-                            border
-                            row-key="id"
-                            :no-data-text="listNoDataText"
-                            :header-cell-style="{background: '#f8f8f9', color: '#515a6e'}"
-                    >
-                      <el-table-column
-                          type="index"
-                          width="55"
-                          label="序号"
-                          align="center">
-                      </el-table-column>
-                        <el-table-column
-                                prop="name"
-                                label="任务步骤"
-                                align="center"
-                        >
-                        </el-table-column>
-                        <el-table-column
-                                prop="assignee"
-                                label="任务受理人"
-                                align="center"
-                        >
-                        </el-table-column>
-                        <el-table-column
-                                prop="createTime"
-                                label="创建时间"
-                                align="center">
-                            <template slot-scope="scope">
-                                <span>{{ scope.row.createTime ? $moment(scope.row.createTime).format('YYYY-MM-DD') : '' }}</span>
-                            </template>
-                        </el-table-column>
-                        <el-table-column
-                                prop="endTime"
-                                label="完成时间"
-                                align="center">
-                            <template slot-scope="scope">
-                                <span>{{ scope.row.endTime ? $moment(scope.row.endTime).format('YYYY-MM-DD') : '' }}</span>
-                            </template>
-                        </el-table-column>
-                        <el-table-column
-                                prop="comment"
-                                label="流程信息"
-                                align="center">
-                            <template slot-scope="scope">
-                                <span>{{scope.row.commentText}}</span>
-                            </template>
-                        </el-table-column>
-                        <el-table-column
-                                prop="completeFlag"
-                                label="状态"
-                                align="center">
-                            <template slot-scope="scope">
-                                <span>{{ scope.row.endTime ? '已完成' : scope.row.receiveStatus ? '已接收' : '未完成' }}</span>
-                            </template>
-                        </el-table-column>
-                    </el-table>
-                    <loading :loading="loading">流程列表加载中</loading>
-                </div>
-            </div>
         </el-form>
     </div>
+    <div class="content" v-if="active === '3'">
+        <processNodeInformation
+                :prcId="this.$route.query.prcId"
+                :prcType="this.$route.query.prcType"
+                :prcNum="this.$route.query.prcNum"
+        />
+<!--        <div class="flow-list">-->
+<!--            <el-table-->
+<!--                    :height="tablePHeight"-->
+<!--                    ref="selection"-->
+<!--                    :data="detailData"-->
+<!--                    tooltip-effect="dark"-->
+<!--                    style="width: 100%"-->
+<!--                    border-->
+<!--                    row-key="id"-->
+<!--                    :no-data-text="listNoDataText"-->
+<!--                    :header-cell-style="{background: '#f8f8f9', color: '#515a6e'}"-->
+<!--            >-->
+<!--                <el-table-column-->
+<!--                        type="index"-->
+<!--                        width="55"-->
+<!--                        label="序号"-->
+<!--                        align="center">-->
+<!--                </el-table-column>-->
+<!--                <el-table-column-->
+<!--                        prop="name"-->
+<!--                        label="任务步骤"-->
+<!--                        align="center"-->
+<!--                >-->
+<!--                </el-table-column>-->
+<!--                <el-table-column-->
+<!--                        prop="assignee"-->
+<!--                        label="任务受理人"-->
+<!--                        align="center"-->
+<!--                >-->
+<!--                </el-table-column>-->
+<!--                <el-table-column-->
+<!--                        prop="createTime"-->
+<!--                        label="创建时间"-->
+<!--                        align="center">-->
+<!--                    <template slot-scope="scope">-->
+<!--                        <span>{{ scope.row.createTime ? $moment(scope.row.createTime).format('YYYY-MM-DD') : '' }}</span>-->
+<!--                    </template>-->
+<!--                </el-table-column>-->
+<!--                <el-table-column-->
+<!--                        prop="endTime"-->
+<!--                        label="完成时间"-->
+<!--                        align="center">-->
+<!--                    <template slot-scope="scope">-->
+<!--                        <span>{{ scope.row.endTime ? $moment(scope.row.endTime).format('YYYY-MM-DD') : '' }}</span>-->
+<!--                    </template>-->
+<!--                </el-table-column>-->
+<!--                <el-table-column-->
+<!--                        prop="comment"-->
+<!--                        label="流程信息"-->
+<!--                        align="center">-->
+<!--                    <template slot-scope="scope">-->
+<!--                        <span>{{scope.row.commentText}}</span>-->
+<!--                    </template>-->
+<!--                </el-table-column>-->
+<!--                <el-table-column-->
+<!--                        prop="completeFlag"-->
+<!--                        label="状态"-->
+<!--                        align="center">-->
+<!--                    <template slot-scope="scope">-->
+<!--                        <span>{{ scope.row.endTime ? '已完成' : scope.row.receiveStatus ? '已接收' : '未完成' }}</span>-->
+<!--                    </template>-->
+<!--                </el-table-column>-->
+<!--            </el-table>-->
+<!--            <loading :loading="loading">流程列表加载中</loading>-->
+<!--        </div>-->
+    </div>
     <!--        保存||提交-->
     <ProcessFooter
             v-show="verifySarStandard"
@@ -2434,7 +2439,7 @@
         mounted () {
             this.getTaskId()
             this.getData()
-            this.processTable()
+            // this.processTable()
             this.$http.get('sys/dictype/getDicTypeListCode', '', {
                 _this: this
             }, res => {
diff --git a/src/pages/processCenter/pages/creatProcess/qbrk/step9.vue b/src/pages/processCenter/pages/creatProcess/qbrk/step9.vue
index d19d610ec..29c7682db 100644
--- a/src/pages/processCenter/pages/creatProcess/qbrk/step9.vue
+++ b/src/pages/processCenter/pages/creatProcess/qbrk/step9.vue
@@ -10,7 +10,7 @@
 <!--        <div class="headerTabsItem" :class="active === '2' ? 'active' : ''" @click="handleTabs('2')">模块信息</div>-->
         <div class="headerTabsItem" :class="active === '3' ? 'active' : ''" @click="handleTabs('3')">审批历史</div>
     </div>
-    <div class="content">
+    <div class="content" v-show="active === '1' || active === '2'">
         <el-form
                 ref="form"
                 :model="form"
@@ -173,75 +173,80 @@
                         @emitDataLoading="emitDataLoading"
                 ></formList>
             </div>
-            <div class="block" style="padding-top: 20px;" v-show="active === '3'">
-                <div class="flow-list">
-                    <el-table
-                            :height="tablePHeight"
-                            ref="selection"
-                            :data="detailData"
-                            tooltip-effect="dark"
-                            style="width: 100%"
-                            border
-                            row-key="id"
-                            :no-data-text="listNoDataText"
-                            :header-cell-style="{background: '#f8f8f9', color: '#515a6e'}"
-                    >
-                      <el-table-column
-                          type="index"
-                          width="55"
-                          label="序号"
-                          align="center">
-                      </el-table-column>
-                        <el-table-column
-                                prop="name"
-                                label="任务步骤"
-                                align="center"
-                        >
-                        </el-table-column>
-                        <el-table-column
-                                prop="assignee"
-                                label="任务受理人"
-                                align="center"
-                        >
-                        </el-table-column>
-                        <el-table-column
-                                prop="createTime"
-                                label="创建时间"
-                                align="center">
-                            <template slot-scope="scope">
-                                <span>{{ scope.row.createTime ? $moment(scope.row.createTime).format('YYYY-MM-DD') : '' }}</span>
-                            </template>
-                        </el-table-column>
-                        <el-table-column
-                                prop="endTime"
-                                label="完成时间"
-                                align="center">
-                            <template slot-scope="scope">
-                                <span>{{ scope.row.endTime ? $moment(scope.row.endTime).format('YYYY-MM-DD') : '' }}</span>
-                            </template>
-                        </el-table-column>
-                        <el-table-column
-                                prop="comment"
-                                label="流程信息"
-                                align="center">
-                            <template slot-scope="scope">
-                                <span>{{scope.row.commentText}}</span>
-                            </template>
-                        </el-table-column>
-                        <el-table-column
-                                prop="completeFlag"
-                                label="状态"
-                                align="center">
-                            <template slot-scope="scope">
-                                <span>{{ scope.row.endTime ? '已完成' : scope.row.receiveStatus ? '已接收' : '未完成' }}</span>
-                            </template>
-                        </el-table-column>
-                    </el-table>
-                    <loading :loading="loading">流程列表加载中</loading>
-                </div>
-            </div>
         </el-form>
     </div>
+    <div class="content" v-if="active === '3'">
+        <processNodeInformation
+                :prcId="this.$route.query.prcId"
+                :prcType="this.$route.query.prcType"
+                :prcNum="this.$route.query.prcNum"
+        />
+<!--        <div class="flow-list">-->
+<!--            <el-table-->
+<!--                    :height="tablePHeight"-->
+<!--                    ref="selection"-->
+<!--                    :data="detailData"-->
+<!--                    tooltip-effect="dark"-->
+<!--                    style="width: 100%"-->
+<!--                    border-->
+<!--                    row-key="id"-->
+<!--                    :no-data-text="listNoDataText"-->
+<!--                    :header-cell-style="{background: '#f8f8f9', color: '#515a6e'}"-->
+<!--            >-->
+<!--                <el-table-column-->
+<!--                        type="index"-->
+<!--                        width="55"-->
+<!--                        label="序号"-->
+<!--                        align="center">-->
+<!--                </el-table-column>-->
+<!--                <el-table-column-->
+<!--                        prop="name"-->
+<!--                        label="任务步骤"-->
+<!--                        align="center"-->
+<!--                >-->
+<!--                </el-table-column>-->
+<!--                <el-table-column-->
+<!--                        prop="assignee"-->
+<!--                        label="任务受理人"-->
+<!--                        align="center"-->
+<!--                >-->
+<!--                </el-table-column>-->
+<!--                <el-table-column-->
+<!--                        prop="createTime"-->
+<!--                        label="创建时间"-->
+<!--                        align="center">-->
+<!--                    <template slot-scope="scope">-->
+<!--                        <span>{{ scope.row.createTime ? $moment(scope.row.createTime).format('YYYY-MM-DD') : '' }}</span>-->
+<!--                    </template>-->
+<!--                </el-table-column>-->
+<!--                <el-table-column-->
+<!--                        prop="endTime"-->
+<!--                        label="完成时间"-->
+<!--                        align="center">-->
+<!--                    <template slot-scope="scope">-->
+<!--                        <span>{{ scope.row.endTime ? $moment(scope.row.endTime).format('YYYY-MM-DD') : '' }}</span>-->
+<!--                    </template>-->
+<!--                </el-table-column>-->
+<!--                <el-table-column-->
+<!--                        prop="comment"-->
+<!--                        label="流程信息"-->
+<!--                        align="center">-->
+<!--                    <template slot-scope="scope">-->
+<!--                        <span>{{scope.row.commentText}}</span>-->
+<!--                    </template>-->
+<!--                </el-table-column>-->
+<!--                <el-table-column-->
+<!--                        prop="completeFlag"-->
+<!--                        label="状态"-->
+<!--                        align="center">-->
+<!--                    <template slot-scope="scope">-->
+<!--                        <span>{{ scope.row.endTime ? '已完成' : scope.row.receiveStatus ? '已接收' : '未完成' }}</span>-->
+<!--                    </template>-->
+<!--                </el-table-column>-->
+<!--            </el-table>-->
+<!--            <loading :loading="loading">流程列表加载中</loading>-->
+<!--        </div>-->
+    </div>
     <!--        保存||提交-->
     <ProcessFooter
             v-show="verifySarStandard"
@@ -2615,7 +2620,7 @@
         mounted () {
             // this.getTaskId()
             this.getData()
-            this.processTable()
+            // this.processTable()
             this.$http.get('sys/dictype/getDicTypeListCode', '', {
                 _this: this
             }, res => {
diff --git a/src/pages/processCenter/pages/creatProcess/qbrk/stepC1.vue b/src/pages/processCenter/pages/creatProcess/qbrk/stepC1.vue
index cbef35337..1b59576b1 100644
--- a/src/pages/processCenter/pages/creatProcess/qbrk/stepC1.vue
+++ b/src/pages/processCenter/pages/creatProcess/qbrk/stepC1.vue
@@ -11,7 +11,7 @@
       <!--        <div class="headerTabsItem" :class="active === '2' ? 'active' : ''" @click="handleTabs('2')">模块信息</div>-->
       <div class="headerTabsItem" :class="active === '3' ? 'active' : ''" @click="handleTabs('3')">审批历史</div>
     </div>
-    <div class="content">
+    <div class="content" v-show="active === '1' || active === '2'">
       <el-form
         ref="form"
         :model="form"
@@ -206,77 +206,82 @@
         <!--    </el-collapse>-->
         <!--</div>-->
         </div>
-        <div v-show="active === '3'" class="block" style="padding-top: 20px;">
-          <div class="flow-list">
-            <el-table
-              ref="selection"
-              :height="tablePHeight"
-              :data="detailData"
-              tooltip-effect="dark"
-              style="width: 100%"
-              border
-              row-key="id"
-              :no-data-text="listNoDataText"
-              :header-cell-style="{background: '#f8f8f9', color: '#515a6e'}"
-            >
-              <el-table-column
-                type="index"
-                width="55"
-                label="序号"
-                align="center"
-              />
-              <el-table-column
-                prop="name"
-                label="任务步骤"
-                align="center"
-              />
-              <el-table-column
-                prop="assignee"
-                label="任务受理人"
-                align="center"
-              />
-              <el-table-column
-                prop="createTime"
-                label="创建时间"
-                align="center"
-              >
-                <template slot-scope="scope">
-                  <span>{{ scope.row.createTime ? $moment(scope.row.createTime).format('YYYY-MM-DD') : '' }}</span>
-                </template>
-              </el-table-column>
-              <el-table-column
-                prop="endTime"
-                label="完成时间"
-                align="center"
-              >
-                <template slot-scope="scope">
-                  <span>{{ scope.row.endTime ? $moment(scope.row.endTime).format('YYYY-MM-DD') : '' }}</span>
-                </template>
-              </el-table-column>
-              <el-table-column
-                prop="comment"
-                label="流程信息"
-                align="center"
-              >
-                <template slot-scope="scope">
-                  <span>{{ scope.row.commentText }}</span>
-                </template>
-              </el-table-column>
-              <el-table-column
-                prop="completeFlag"
-                label="状态"
-                align="center"
-              >
-                <template slot-scope="scope">
-                  <span>{{ scope.row.endTime ? '已完成' : scope.row.receiveStatus ? '已接收' : '未完成' }}</span>
-                </template>
-              </el-table-column>
-            </el-table>
-            <loading :loading="loading">流程列表加载中</loading>
-          </div>
-        </div>
       </el-form>
     </div>
+    <div v-if="active === '3'" class="content">
+      <processNodeInformation
+              :prcId="this.$route.query.prcId"
+              :prcType="this.$route.query.prcType"
+              :prcNum="this.$route.query.prcNum"
+      />
+<!--      <div class="flow-list">-->
+<!--        <el-table-->
+<!--                ref="selection"-->
+<!--                :height="tablePHeight"-->
+<!--                :data="detailData"-->
+<!--                tooltip-effect="dark"-->
+<!--                style="width: 100%"-->
+<!--                border-->
+<!--                row-key="id"-->
+<!--                :no-data-text="listNoDataText"-->
+<!--                :header-cell-style="{background: '#f8f8f9', color: '#515a6e'}"-->
+<!--        >-->
+<!--          <el-table-column-->
+<!--                  type="index"-->
+<!--                  width="55"-->
+<!--                  label="序号"-->
+<!--                  align="center"-->
+<!--          />-->
+<!--          <el-table-column-->
+<!--                  prop="name"-->
+<!--                  label="任务步骤"-->
+<!--                  align="center"-->
+<!--          />-->
+<!--          <el-table-column-->
+<!--                  prop="assignee"-->
+<!--                  label="任务受理人"-->
+<!--                  align="center"-->
+<!--          />-->
+<!--          <el-table-column-->
+<!--                  prop="createTime"-->
+<!--                  label="创建时间"-->
+<!--                  align="center"-->
+<!--          >-->
+<!--            <template slot-scope="scope">-->
+<!--              <span>{{ scope.row.createTime ? $moment(scope.row.createTime).format('YYYY-MM-DD') : '' }}</span>-->
+<!--            </template>-->
+<!--          </el-table-column>-->
+<!--          <el-table-column-->
+<!--                  prop="endTime"-->
+<!--                  label="完成时间"-->
+<!--                  align="center"-->
+<!--          >-->
+<!--            <template slot-scope="scope">-->
+<!--              <span>{{ scope.row.endTime ? $moment(scope.row.endTime).format('YYYY-MM-DD') : '' }}</span>-->
+<!--            </template>-->
+<!--          </el-table-column>-->
+<!--          <el-table-column-->
+<!--                  prop="comment"-->
+<!--                  label="流程信息"-->
+<!--                  align="center"-->
+<!--          >-->
+<!--            <template slot-scope="scope">-->
+<!--              <span>{{ scope.row.commentText }}</span>-->
+<!--            </template>-->
+<!--          </el-table-column>-->
+<!--          <el-table-column-->
+<!--                  prop="completeFlag"-->
+<!--                  label="状态"-->
+<!--                  align="center"-->
+<!--          >-->
+<!--            <template slot-scope="scope">-->
+<!--              <span>{{ scope.row.endTime ? '已完成' : scope.row.receiveStatus ? '已接收' : '未完成' }}</span>-->
+<!--            </template>-->
+<!--          </el-table-column>-->
+<!--        </el-table>-->
+<!--        <loading :loading="loading">流程列表加载中</loading>-->
+<!--      </div>-->
+    </div>
     <!--        保存||提交-->
     <ProcessFooter
       v-show="verifySarStandard"
@@ -1226,7 +1231,7 @@ export default {
   },
   mounted () {
     this.getData()
-    this.processTable()
+    // this.processTable()
     this.$http.get('sys/dictype/getDicTypeListCode', '', {
       _this: this
     }, res => {
diff --git a/src/pages/processCenter/pages/creatProcess/qbrk/stepC3.vue b/src/pages/processCenter/pages/creatProcess/qbrk/stepC3.vue
index c63ce5882..65a713a7e 100644
--- a/src/pages/processCenter/pages/creatProcess/qbrk/stepC3.vue
+++ b/src/pages/processCenter/pages/creatProcess/qbrk/stepC3.vue
@@ -10,7 +10,7 @@
       <!--        <div class="headerTabsItem" :class="active === '2' ? 'active' : ''" @click="handleTabs('2')">模块信息</div>-->
       <div class="headerTabsItem" :class="active === '3' ? 'active' : ''" @click="handleTabs('3')">审批历史</div>
     </div>
-    <div class="content">
+    <div class="content" v-show="active === '1'">
       <el-form
         ref="form"
         :model="form"
@@ -18,7 +18,7 @@
         class="label-input-form"
         label-width="210px"
       >
-        <div v-show="active === '1'" style="flex: auto;">
+        <div style="flex: auto;overflow: auto">
           <formEditList
             :key="formKey"
             :formSub="form"
@@ -132,71 +132,76 @@
         <!--    </el-collapse>-->
         <!--</div>-->
         </div>
-        <div v-show="active === '3'" class="block" style="padding-top: 20px;">
-          <div class="flow-list">
-            <el-table
-              ref="selection"
-              :height="tablePHeight"
-              :data="detailData"
-              tooltip-effect="dark"
-              style="width: 100%"
-              border
-              row-key="id"
-              :no-data-text="listNoDataText"
-              :header-cell-style="{background: '#f8f8f9', color: '#515a6e'}"
-            >
-              <el-table-column
-                prop="name"
-                label="任务步骤"
-                align="center"
-              />
-              <el-table-column
-                prop="assignee"
-                label="任务受理人"
-                align="center"
-              />
-              <el-table-column
-                prop="createTime"
-                label="创建时间"
-                align="center"
-              >
-                <template slot-scope="scope">
-                  <span>{{ scope.row.createTime ? $moment(scope.row.createTime).format('YYYY-MM-DD') : '' }}</span>
-                </template>
-              </el-table-column>
-              <el-table-column
-                prop="endTime"
-                label="完成时间"
-                align="center"
-              >
-                <template slot-scope="scope">
-                  <span>{{ scope.row.endTime ? $moment(scope.row.endTime).format('YYYY-MM-DD') : '' }}</span>
-                </template>
-              </el-table-column>
-              <el-table-column
-                prop="comment"
-                label="流程信息"
-                align="center"
-              >
-                <template slot-scope="scope">
-                  <span>{{ scope.row.commentText }}</span>
-                </template>
-              </el-table-column>
-              <el-table-column
-                prop="completeFlag"
-                label="状态"
-                align="center"
-              >
-                <template slot-scope="scope">
-                  <span>{{ scope.row.endTime ? '已完成' : scope.row.receiveStatus ? '已接收' : '未完成' }}</span>
-                </template>
-              </el-table-column>
-            </el-table>
-            <loading :loading="loading">流程列表加载中</loading>
-          </div>
-        </div>
       </el-form>
     </div>
+    <div v-if="active === '3'" class="content">
+      <processNodeInformation
+              :prcId="this.$route.query.prcId"
+              :prcType="this.$route.query.prcType"
+              :prcNum="this.$route.query.prcNum"
+      />
+      <!--          <div class="flow-list">-->
+      <!--            <el-table-->
+      <!--              ref="selection"-->
+      <!--              :height="tablePHeight"-->
+      <!--              :data="detailData"-->
+      <!--              tooltip-effect="dark"-->
+      <!--              style="width: 100%"-->
+      <!--              border-->
+      <!--              row-key="id"-->
+      <!--              :no-data-text="listNoDataText"-->
+      <!--              :header-cell-style="{background: '#f8f8f9', color: '#515a6e'}"-->
+      <!--            >-->
+      <!--              <el-table-column-->
+      <!--                prop="name"-->
+      <!--                label="任务步骤"-->
+      <!--                align="center"-->
+      <!--              />-->
+      <!--              <el-table-column-->
+      <!--                prop="assignee"-->
+      <!--                label="任务受理人"-->
+      <!--                align="center"-->
+      <!--              />-->
+      <!--              <el-table-column-->
+      <!--                prop="createTime"-->
+      <!--                label="创建时间"-->
+      <!--                align="center"-->
+      <!--              >-->
+      <!--                <template slot-scope="scope">-->
+      <!--                  <span>{{ scope.row.createTime ? $moment(scope.row.createTime).format('YYYY-MM-DD') : '' }}</span>-->
+      <!--                </template>-->
+      <!--              </el-table-column>-->
+      <!--              <el-table-column-->
+      <!--                prop="endTime"-->
+      <!--                label="完成时间"-->
+      <!--                align="center"-->
+      <!--              >-->
+      <!--                <template slot-scope="scope">-->
+      <!--                  <span>{{ scope.row.endTime ? $moment(scope.row.endTime).format('YYYY-MM-DD') : '' }}</span>-->
+      <!--                </template>-->
+      <!--              </el-table-column>-->
+      <!--              <el-table-column-->
+      <!--                prop="comment"-->
+      <!--                label="流程信息"-->
+      <!--                align="center"-->
+      <!--              >-->
+      <!--                <template slot-scope="scope">-->
+      <!--                  <span>{{ scope.row.commentText }}</span>-->
+      <!--                </template>-->
+      <!--              </el-table-column>-->
+      <!--              <el-table-column-->
+      <!--                prop="completeFlag"-->
+      <!--                label="状态"-->
+      <!--                align="center"-->
+      <!--              >-->
+      <!--                <template slot-scope="scope">-->
+      <!--                  <span>{{ scope.row.endTime ? '已完成' : scope.row.receiveStatus ? '已接收' : '未完成' }}</span>-->
+      <!--                </template>-->
+      <!--              </el-table-column>-->
+      <!--            </el-table>-->
+      <!--            <loading :loading="loading">流程列表加载中</loading>-->
+      <!--          </div>-->
+    </div>
     <!--        保存||提交-->
     <ProcessFooter
       v-show="verifySarStandard"
@@ -1146,7 +1151,7 @@ export default {
   mounted () {
     // this.getTaskId()
     this.getData()
-    this.processTable()
+    // this.processTable()
     this.$http.get('sys/dictype/getDicTypeListCode', '', {
       _this: this
     }, res => {
diff --git a/src/pages/processCenter/pages/creatProcess/qbrk/stepC6.vue b/src/pages/processCenter/pages/creatProcess/qbrk/stepC6.vue
index ee8fad2e6..e4a31ec0d 100644
--- a/src/pages/processCenter/pages/creatProcess/qbrk/stepC6.vue
+++ b/src/pages/processCenter/pages/creatProcess/qbrk/stepC6.vue
@@ -11,7 +11,7 @@
       <!--        <div class="headerTabsItem" :class="active === '2' ? 'active' : ''" @click="handleTabs('2')">模块信息</div>-->
       <div class="headerTabsItem" :class="active === '3' ? 'active' : ''" @click="handleTabs('3')">审批历史</div>
     </div>
-    <div class="content">
+    <div class="content" v-show="active === '1' || active === '2'">
       <el-form
         ref="form"
         :model="form"
@@ -344,77 +344,82 @@
             </div>
           </template>
         </div>
-        <div v-show="active === '3'" class="block" style="padding-top: 20px;">
-          <div class="flow-list">
-            <el-table
-              ref="selection"
-              :height="tablePHeight"
-              :data="detailData"
-              tooltip-effect="dark"
-              style="width: 100%"
-              border
-              row-key="id"
-              :no-data-text="listNoDataText"
-              :header-cell-style="{background: '#f8f8f9', color: '#515a6e'}"
-            >
-              <el-table-column
-                type="index"
-                width="55"
-                label="序号"
-                align="center"
-              />
-              <el-table-column
-                prop="name"
-                label="任务步骤"
-                align="center"
-              />
-              <el-table-column
-                prop="assignee"
-                label="任务受理人"
-                align="center"
-              />
-              <el-table-column
-                prop="createTime"
-                label="创建时间"
-                align="center"
-              >
-                <template slot-scope="scope">
-                  <span>{{ scope.row.createTime ? $moment(scope.row.createTime).format('YYYY-MM-DD') : '' }}</span>
-                </template>
-              </el-table-column>
-              <el-table-column
-                prop="endTime"
-                label="完成时间"
-                align="center"
-              >
-                <template slot-scope="scope">
-                  <span>{{ scope.row.endTime ? $moment(scope.row.endTime).format('YYYY-MM-DD') : '' }}</span>
-                </template>
-              </el-table-column>
-              <el-table-column
-                prop="comment"
-                label="流程信息"
-                align="center"
-              >
-                <template slot-scope="scope">
-                  <span>{{ scope.row.commentText }}</span>
-                </template>
-              </el-table-column>
-              <el-table-column
-                prop="completeFlag"
-                label="状态"
-                align="center"
-              >
-                <template slot-scope="scope">
-                  <span>{{ scope.row.endTime ? '已完成' : scope.row.receiveStatus ? '已接收' : '未完成' }}</span>
-                </template>
-              </el-table-column>
-            </el-table>
-            <loading :loading="loading">流程列表加载中</loading>
-          </div>
-        </div>
       </el-form>
     </div>
+    <div v-if="active === '3'" class="content">
+      <processNodeInformation
+              :prcId="this.$route.query.prcId"
+              :prcType="this.$route.query.prcType"
+              :prcNum="this.$route.query.prcNum"
+      />
+<!--      <div class="flow-list">-->
+<!--        <el-table-->
+<!--                ref="selection"-->
+<!--                :height="tablePHeight"-->
+<!--                :data="detailData"-->
+<!--                tooltip-effect="dark"-->
+<!--                style="width: 100%"-->
+<!--                border-->
+<!--                row-key="id"-->
+<!--                :no-data-text="listNoDataText"-->
+<!--                :header-cell-style="{background: '#f8f8f9', color: '#515a6e'}"-->
+<!--        >-->
+<!--          <el-table-column-->
+<!--                  type="index"-->
+<!--                  width="55"-->
+<!--                  label="序号"-->
+<!--                  align="center"-->
+<!--          />-->
+<!--          <el-table-column-->
+<!--                  prop="name"-->
+<!--                  label="任务步骤"-->
+<!--                  align="center"-->
+<!--          />-->
+<!--          <el-table-column-->
+<!--                  prop="assignee"-->
+<!--                  label="任务受理人"-->
+<!--                  align="center"-->
+<!--          />-->
+<!--          <el-table-column-->
+<!--                  prop="createTime"-->
+<!--                  label="创建时间"-->
+<!--                  align="center"-->
+<!--          >-->
+<!--            <template slot-scope="scope">-->
+<!--              <span>{{ scope.row.createTime ? $moment(scope.row.createTime).format('YYYY-MM-DD') : '' }}</span>-->
+<!--            </template>-->
+<!--          </el-table-column>-->
+<!--          <el-table-column-->
+<!--                  prop="endTime"-->
+<!--                  label="完成时间"-->
+<!--                  align="center"-->
+<!--          >-->
+<!--            <template slot-scope="scope">-->
+<!--              <span>{{ scope.row.endTime ? $moment(scope.row.endTime).format('YYYY-MM-DD') : '' }}</span>-->
+<!--            </template>-->
+<!--          </el-table-column>-->
+<!--          <el-table-column-->
+<!--                  prop="comment"-->
+<!--                  label="流程信息"-->
+<!--                  align="center"-->
+<!--          >-->
+<!--            <template slot-scope="scope">-->
+<!--              <span>{{ scope.row.commentText }}</span>-->
+<!--            </template>-->
+<!--          </el-table-column>-->
+<!--          <el-table-column-->
+<!--                  prop="completeFlag"-->
+<!--                  label="状态"-->
+<!--                  align="center"-->
+<!--          >-->
+<!--            <template slot-scope="scope">-->
+<!--              <span>{{ scope.row.endTime ? '已完成' : scope.row.receiveStatus ? '已接收' : '未完成' }}</span>-->
+<!--            </template>-->
+<!--          </el-table-column>-->
+<!--        </el-table>-->
+<!--        <loading :loading="loading">流程列表加载中</loading>-->
+<!--      </div>-->
+    </div>
     <!--        保存||提交-->
     <ProcessFooter
       v-show="verifySarStandard"
@@ -1418,7 +1423,7 @@ export default {
   mounted () {
     // this.getTaskId()
     this.getData()
-    this.processTable()
+    // this.processTable()
     this.$http.get('sys/dictype/getDicTypeListCode', '', {
       _this: this
     }, res => {
diff --git a/src/pages/processCenter/pages/creatProcess/qbrk/stepDetail.vue b/src/pages/processCenter/pages/creatProcess/qbrk/stepDetail.vue
index 5d8bae2b5..612ed4bff 100644
--- a/src/pages/processCenter/pages/creatProcess/qbrk/stepDetail.vue
+++ b/src/pages/processCenter/pages/creatProcess/qbrk/stepDetail.vue
@@ -9,7 +9,7 @@
 <!--        <div class="headerTabsItem" :class="active === '2' ? 'active' : ''" @click="handleTabs('2')">模块信息</div>-->
         <div class="headerTabsItem" :class="active === '3' ? 'active' : ''" @click="handleTabs('3')">审批历史</div>
     </div>
-    <div class="content">
+    <div class="content" v-show="active === '1'">
         <el-form
                 ref="form"
                 :model="form"
@@ -17,7 +17,7 @@
                 class="label-input-form"
                 label-width="210px"
         >
-            <div style="flex: auto;" v-show="active === '1'">
+            <div style="flex: auto;" >
                 <formList
                         :form = "form"
                         :FBGBUSSFileList = "FBGBUSSFileList"
@@ -31,75 +31,80 @@
                         @emitDataLoading="emitDataLoading"
                 ></formList>
             </div>
-            <div class="block" style="padding-top: 20px;" v-show="active === '3'">
-                <div class="flow-list">
-                    <el-table
-                            :height="tablePHeight"
-                            ref="selection"
-                            :data="detailData"
-                            tooltip-effect="dark"
-                            style="width: 100%"
-                            border
-                            row-key="id"
-                            :no-data-text="listNoDataText"
-                            :header-cell-style="{background: '#f8f8f9', color: '#515a6e'}"
-                    >
-                      <el-table-column
-                        type="index"
-                        width="55"
-                        label="序号"
-                        align="center">
-                    </el-table-column>
-                        <el-table-column
-                                prop="name"
-                                label="任务步骤"
-                                align="center"
-                        >
-                        </el-table-column>
-                        <el-table-column
-                                prop="assignee"
-                                label="任务受理人"
-                                align="center"
-                        >
-                        </el-table-column>
-                        <el-table-column
-                                prop="createTime"
-                                label="创建时间"
-                                align="center">
-                            <template slot-scope="scope">
-                                <span>{{ scope.row.createTime ? $moment(scope.row.createTime).format('YYYY-MM-DD') : '' }}</span>
-                            </template>
-                        </el-table-column>
-                        <el-table-column
-                                prop="endTime"
-                                label="完成时间"
-                                align="center">
-                            <template slot-scope="scope">
-                                <span>{{ scope.row.endTime ? $moment(scope.row.endTime).format('YYYY-MM-DD') : '' }}</span>
-                            </template>
-                        </el-table-column>
-                        <el-table-column
-                                prop="comment"
-                                label="流程信息"
-                                align="center">
-                            <template slot-scope="scope">
-                                <span>{{scope.row.commentText}}</span>
-                            </template>
-                        </el-table-column>
-                        <el-table-column
-                                prop="completeFlag"
-                                label="状态"
-                                align="center">
-                            <template slot-scope="scope">
-                                <span>{{ scope.row.endTime ? '已完成' : scope.row.receiveStatus ? '已接收' : '未完成' }}</span>
-                            </template>
-                        </el-table-column>
-                    </el-table>
-                    <loading :loading="loading">流程列表加载中</loading>
-                </div>
-            </div>
         </el-form>
     </div>
+    <div class="content" v-if="active === '3'">
+        <processNodeInformation
+                :prcId="this.$route.query.prcId"
+                :prcType="this.$route.query.prcType"
+                :prcNum="this.$route.query.prcNum"
+        />
+<!--        <div class="flow-list">-->
+<!--            <el-table-->
+<!--                    :height="tablePHeight"-->
+<!--                    ref="selection"-->
+<!--                    :data="detailData"-->
+<!--                    tooltip-effect="dark"-->
+<!--                    style="width: 100%"-->
+<!--                    border-->
+<!--                    row-key="id"-->
+<!--                    :no-data-text="listNoDataText"-->
+<!--                    :header-cell-style="{background: '#f8f8f9', color: '#515a6e'}"-->
+<!--            >-->
+<!--                <el-table-column-->
+<!--                        type="index"-->
+<!--                        width="55"-->
+<!--                        label="序号"-->
+<!--                        align="center">-->
+<!--                </el-table-column>-->
+<!--                <el-table-column-->
+<!--                        prop="name"-->
+<!--                        label="任务步骤"-->
+<!--                        align="center"-->
+<!--                >-->
+<!--                </el-table-column>-->
+<!--                <el-table-column-->
+<!--                        prop="assignee"-->
+<!--                        label="任务受理人"-->
+<!--                        align="center"-->
+<!--                >-->
+<!--                </el-table-column>-->
+<!--                <el-table-column-->
+<!--                        prop="createTime"-->
+<!--                        label="创建时间"-->
+<!--                        align="center">-->
+<!--                    <template slot-scope="scope">-->
+<!--                        <span>{{ scope.row.createTime ? $moment(scope.row.createTime).format('YYYY-MM-DD') : '' }}</span>-->
+<!--                    </template>-->
+<!--                </el-table-column>-->
+<!--                <el-table-column-->
+<!--                        prop="endTime"-->
+<!--                        label="完成时间"-->
+<!--                        align="center">-->
+<!--                    <template slot-scope="scope">-->
+<!--                        <span>{{ scope.row.endTime ? $moment(scope.row.endTime).format('YYYY-MM-DD') : '' }}</span>-->
+<!--                    </template>-->
+<!--                </el-table-column>-->
+<!--                <el-table-column-->
+<!--                        prop="comment"-->
+<!--                        label="流程信息"-->
+<!--                        align="center">-->
+<!--                    <template slot-scope="scope">-->
+<!--                        <span>{{scope.row.commentText}}</span>-->
+<!--                    </template>-->
+<!--                </el-table-column>-->
+<!--                <el-table-column-->
+<!--                        prop="completeFlag"-->
+<!--                        label="状态"-->
+<!--                        align="center">-->
+<!--                    <template slot-scope="scope">-->
+<!--                        <span>{{ scope.row.endTime ? '已完成' : scope.row.receiveStatus ? '已接收' : '未完成' }}</span>-->
+<!--                    </template>-->
+<!--                </el-table-column>-->
+<!--            </el-table>-->
+<!--            <loading :loading="loading">流程列表加载中</loading>-->
+<!--        </div>-->
+    </div>
     <el-dialog width='400px' :visible.sync="fileMadel" title="上传文件"   v-dragDialogWidth :close-on-click-modal="false">
         <el-upload
                 multiple
@@ -2191,7 +2196,7 @@
         },
         mounted () {
             this.getData()
-            this.processTable()
+            // this.processTable()
             this.$http.get('sys/dictype/getDicTypeListCode', '', {
                 _this: this
             }, res => {
diff --git a/src/pages/processCenter/pages/processList/tabComponents/processCenter/index.vue b/src/pages/processCenter/pages/processList/tabComponents/processCenter/index.vue
index c83831cf5..74ce704f1 100644
--- a/src/pages/processCenter/pages/processList/tabComponents/processCenter/index.vue
+++ b/src/pages/processCenter/pages/processList/tabComponents/processCenter/index.vue
@@ -348,6 +348,15 @@ export default {
           }
           break
         case 'buss1':
+          let oldAndNewBuss = ''
+          const currentDateBuss = new Date('2024-01-25 23:59:59').getTime();
+          const dateBuss = new Date(row.creatTime);
+          const timestampBuss = dateBuss.getTime();
+          if (currentDateBuss > timestampBuss){
+            oldAndNewBuss = 'old'
+          }else{
+            oldAndNewBuss = 'new'
+          }
           if (row.taskInfo === '企标编写') {
             routeUrl = this.$router.resolve({
               name: 'bussLibrary2',
@@ -356,7 +365,8 @@ export default {
                 prcId: row.prcId,
                 prcNum: row.prcNum,
                 prcName: row.prcName,
-                prcType: row.prcType
+                prcType: row.prcType,
+                oldAndNew: oldAndNewBuss
               }
             })
           }else if (row.taskInfo === '企标编写汇总') {
@@ -367,7 +377,8 @@ export default {
                 prcId: row.prcId,
                 prcNum: row.prcNum,
                 prcName: row.prcName,
-                prcType: row.prcType
+                prcType: row.prcType,
+                oldAndNew: oldAndNewBuss
               }
             })
           }else if (row.taskInfo === '重新起草') {
@@ -378,7 +389,8 @@ export default {
                 prcId: row.prcId,
                 prcNum: row.prcNum,
                 prcName: row.prcName,
-                prcType: row.prcType
+                prcType: row.prcType,
+                oldAndNew: oldAndNewBuss
               }
             })
           }else if (row.taskInfo === '标准化初审') {
@@ -389,7 +401,8 @@ export default {
                 prcId: row.prcId,
                 prcNum: row.prcNum,
                 prcName: row.prcName,
-                prcType: row.prcType
+                prcType: row.prcType,
+                oldAndNew: oldAndNewBuss
               }
             })
           }else if (row.taskInfo === '重新企标编写汇总') {
@@ -400,7 +413,8 @@ export default {
                 prcId: row.prcId,
                 prcNum: row.prcNum,
                 prcName: row.prcName,
-                prcType: row.prcType
+                prcType: row.prcType,
+                oldAndNew: oldAndNewBuss
               }
             })
           }else if (row.taskInfo === '征求意见') {
@@ -411,7 +425,8 @@ export default {
                 prcId: row.prcId,
                 prcNum: row.prcNum,
                 prcName: row.prcName,
-                prcType: row.prcType
+                prcType: row.prcType,
+                oldAndNew: oldAndNewBuss
               }
             })
           }else if (row.taskInfo === '技术委员会评审、评审意见修改') {
@@ -422,7 +437,8 @@ export default {
                 prcId: row.prcId,
                 prcNum: row.prcNum,
                 prcName: row.prcName,
-                prcType: row.prcType
+                prcType: row.prcType,
+                oldAndNew: oldAndNewBuss
               }
             })
           }else if (row.taskInfo === '标准化复审') {
@@ -433,7 +449,8 @@ export default {
                 prcId: row.prcId,
                 prcNum: row.prcNum,
                 prcName: row.prcName,
-                prcType: row.prcType
+                prcType: row.prcType,
+                oldAndNew: oldAndNewBuss
               }
             })
           }else if (row.taskInfo === '重新技术委员会评审、评审意见修改') {
@@ -444,7 +461,8 @@ export default {
                 prcId: row.prcId,
                 prcNum: row.prcNum,
                 prcName: row.prcName,
-                prcType: row.prcType
+                prcType: row.prcType,
+                oldAndNew: oldAndNewBuss
               }
             })
           }else if (row.taskInfo === '起草单位高级经理审核') {
@@ -455,7 +473,8 @@ export default {
                 prcId: row.prcId,
                 prcNum: row.prcNum,
                 prcName: row.prcName,
-                prcType: row.prcType
+                prcType: row.prcType,
+                oldAndNew: oldAndNewBuss
               }
             })
           }else if (row.taskInfo === '标准法规部高级经理审核') {
@@ -466,7 +485,8 @@ export default {
                 prcId: row.prcId,
                 prcNum: row.prcNum,
                 prcName: row.prcName,
-                prcType: row.prcType
+                prcType: row.prcType,
+                oldAndNew: oldAndNewBuss
               }
             })
           }else if (row.taskInfo === '审定') {
@@ -477,7 +497,8 @@ export default {
                 prcId: row.prcId,
                 prcNum: row.prcNum,
                 prcName: row.prcName,
-                prcType: row.prcType
+                prcType: row.prcType,
+                oldAndNew: oldAndNewBuss
               }
             })
           }else if (row.taskInfo === '批准') {
@@ -488,7 +509,8 @@ export default {
                 prcId: row.prcId,
                 prcNum: row.prcNum,
                 prcName: row.prcName,
-                prcType: row.prcType
+                prcType: row.prcType,
+                oldAndNew: oldAndNewBuss
               }
             })
           }else if (row.taskInfo === '主起草人培训') {
@@ -499,7 +521,8 @@ export default {
                 prcId: row.prcId,
                 prcNum: row.prcNum,
                 prcName: row.prcName,
-                prcType: row.prcType
+                prcType: row.prcType,
+                oldAndNew: oldAndNewBuss
               }
             })
           }else if (row.taskInfo === '发布') {
@@ -510,7 +533,8 @@ export default {
                 prcId: row.prcId,
                 prcNum: row.prcNum,
                 prcName: row.prcName,
-                prcType: row.prcType
+                prcType: row.prcType,
+                oldAndNew: oldAndNewBuss
               }
             })
           }