From 5b069a66a7891eda78e679209881c1ab0c74821b Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E8=8C=83=E5=BC=BA=E5=BC=BA?= <787203167>
Date: Wed, 31 Jan 2024 10:35:33 +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

---
 src/components/index.js                       |   2 +
 .../processNodeInformation/index.vue          | 551 ++++++++++++++++++
 .../pages/creatProcess/bzzqyj/step1-9.vue     | 117 ++--
 .../pages/creatProcess/bzzqyj/step2.vue       | 129 ++--
 .../pages/creatProcess/bzzqyj/step3.vue       | 127 ++--
 .../pages/creatProcess/bzzqyj/step4-1.vue     | 127 ++--
 .../pages/creatProcess/bzzqyj/step4-2.vue     | 127 ++--
 .../pages/creatProcess/bzzqyj/step4.vue       | 127 ++--
 .../pages/creatProcess/bzzqyj/step5-1.vue     | 129 ++--
 .../pages/creatProcess/bzzqyj/step5.vue       | 127 ++--
 .../pages/creatProcess/bzzqyj/step6.vue       | 127 ++--
 .../pages/creatProcess/bzzqyj/step7.vue       | 127 ++--
 .../pages/creatProcess/bzzqyj/step8.vue       | 127 ++--
 .../pages/creatProcess/bzzqyj/step9.vue       | 127 ++--
 .../pages/processDetail/index.vue             |   1 -
 .../tabComponents/processCenter/index.vue     |  39 +-
 16 files changed, 1371 insertions(+), 740 deletions(-)
 create mode 100644 src/components/processNodeInformation/index.vue

diff --git a/src/components/index.js b/src/components/index.js
index cb817aa18..099c29b90 100644
--- a/src/components/index.js
+++ b/src/components/index.js
@@ -27,6 +27,7 @@ import SQTree from './SQTree'
 import OrgTable from './OrgTable'
 import MySelect from './mySelect'
 import PhoneHistortTable from './phoneHistortTable'
+import processNodeInformation from './processNodeInformation'
 
 import phoneRole from './phoneRole'
 
@@ -57,6 +58,7 @@ const install = function (Vue) {
   Vue.component('MySelect', MySelect)
   Vue.component('phoneRole', phoneRole)
   Vue.component('PhoneHistortTable', PhoneHistortTable)
+  Vue.component('processNodeInformation', processNodeInformation)
 }
 
 export default {
diff --git a/src/components/processNodeInformation/index.vue b/src/components/processNodeInformation/index.vue
new file mode 100644
index 000000000..3176aa671
--- /dev/null
+++ b/src/components/processNodeInformation/index.vue
@@ -0,0 +1,551 @@
+<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>
+                    <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>
+                        <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>
+                                </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>
+                        <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),}">
+                        结束
+                    </div>
+                </div>
+                <img v-else :src="processStep" class="process-img">
+            </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>
+
+<script>
+    import axios from "axios";
+
+    export default {
+        name: "index",
+        props: {
+            prcId: {
+                type: String,
+                default: ''
+            },
+            prcType: {
+                type: String,
+                default: ''
+            },
+            prcNum: {
+                type: String,
+                default: ''
+            },
+        },
+        data() {
+            return {
+                histortData: [],
+                processStep: '',
+                nameList: [],
+                loading: false,
+                num: 0
+            }
+        },
+        mounted() {
+            if (this.$route.query.oldAndNew == 'new') {
+                this.getProcessList()
+            } else {
+                this.processNum()
+            }
+            this.processTable()
+        },
+        methods: {
+            // 请求列表
+            processTable() {
+                let url = ''
+                let query = {}
+                if (this.$route.query.oldAndNew == 'new') {
+                    url = '/lawss/activiti/queryFlowHistoryList'
+                    query = {
+                        actiProcInstId: this.prcId,
+                        flowType: this.prcType,
+                    }
+                } else {
+                    url = 'lawss/activiti/get_list_by_instance'
+                    query = {
+                        prcNum: this.prcNum,
+                    }
+                }
+                this.loading = true
+                this.$http.get(url, query, {
+                    _this: this
+                }, res => {
+                    this.histortData = res
+                    this.loading = false
+                }, e => {
+                })
+            },
+            getProcessList() {
+                let query = {
+                    actiProcInstId: this.prcId,
+                    flowType: this.prcType,
+                }
+                this.$http.get('/lawss/activiti/getImgDataList', query, {
+                    _this: this
+                }, res => {
+                    this.nameList = res
+                    this.nameList.forEach(val => {
+                        if (val.userNames) {
+                            val.userNames = val.userNames.split(',')
+                        }
+                    })
+                    this.$nextTick(() => {
+                        let flowGroupProcess = document.getElementsByClassName('flow-group-process')
+                        let num = (flowGroupProcess[0].offsetWidth - 100) / 248
+                        this.num = Math.floor(num)
+                        let width = 248 * this.num
+                        let offsetWidth = flowGroupProcess[0].offsetWidth
+                        flowGroupProcess[0].style.width = (offsetWidth - (offsetWidth - 100 - width) + 40) + 'px'
+                    })
+                }, e => {
+                })
+            },
+            arrangeFromTheLeft(index) {
+                let num = Math.ceil(index / this.num)
+                if (num % 2 == 0) {
+                    return true
+                }
+                return false
+            },
+            leftArrow(index) {
+                let num = Math.ceil(index / this.num)
+                if (num % 2 == 0) {
+                    if (index == this.num * num && this.nameList.length != index) {
+                        return false
+                    }
+                } else {
+                    if (index > this.num) {
+                        if (index == this.num * (num - 1) + 1) {
+                            return false
+                        }
+                    }
+                }
+                return true
+            },
+            isVerticalLine(index) {
+                let num = Math.ceil(index / this.num)
+                if (index % this.num == 0 && this.nameList.length != index) {
+                    return true
+                }
+                if (num == index / this.num && num % 3 == 0) {
+                    return true
+                }
+                if (num == index / this.num && index <= this.num) {
+                    return true
+                }
+                return false
+            },
+            isProcessEnd(index) {
+                let num = Math.ceil(index / this.num)
+                if (num % 2 == 0) {
+                    return false
+                } else {
+                    if (num == index / this.num && index <= this.num) {
+                        return false
+                    }
+                    if (num == index / this.num && num % 3 == 0) {
+                        return false
+                    }
+                    return true
+                }
+            },
+            isProcessEndOne(index) {
+                let num = Math.ceil(index / this.num)
+                if (num == index / this.num && index <= this.num) {
+                    return true
+                }
+                if (num == index / this.num && num % 3 == 0) {
+                    return true
+                }
+                return false
+            },
+            backdrop(status) {
+                if (status == 'done') {
+                    return {
+                        background: '#bcddff',
+                        border: '1px #79c8ff solid',
+                    }
+                } else if (status == 'todo') {
+                    return {
+                        background: '#ebfccf',
+                        border: '1px #8bcb71 solid',
+                    }
+                } else {
+                    return {
+                        background: '#fff',
+                        border: '1px #d6d6d6 solid',
+                    }
+                }
+            },
+            // 请求转换流程图
+            processNum() {
+                axios.request({
+                    url: '/api/lawss/activiti/getImg?_t=' + new Date().getTime(),
+                    responseType: 'blob',
+                    method: 'get',
+                    params: {
+                        prcNum: this.prcNum
+                    }
+                }).then(res => {
+                    // let blob = new Blob([res.data], {type: 'image/jpg'})
+                    // let url = window.URL.createObjectURL(res.data)
+                    this.processStep = window.URL.createObjectURL(res.data)
+                })
+            },
+        }
+    }
+</script>
+
+<style scoped lang="less">
+    .flow-chart-box {
+        height: 100%;
+    }
+
+    .flow-chart {
+        width: 100%;
+        height: 45%;
+        background: #F0F0F0;
+        border: 1px solid #CCCDCE;
+        border-bottom: none;
+        padding: 10px;
+        overflow-x: hidden;
+        overflow-y: auto;
+        margin-bottom: 16px;
+    }
+
+    .flow-group-process {
+        width: 100%;
+        height: auto;
+        min-height: 100%;
+        padding: 20px;
+        box-sizing: border-box;
+        /*display: flex;*/
+        /*align-items: center;*/
+        /*flex-wrap: wrap;*/
+
+        .flow-group-process-stard {
+            width: 100px;
+            border-radius: 20px;
+            height: 40px;
+            background: #bcddff;
+            border: 1px #79c8ff solid;
+            font-size: 12px;
+            color: #000;
+            text-align: center;
+            line-height: 40px;
+            font-weight: 600;
+            float: inline-start;
+            margin-top: 18px;
+        }
+
+        .flow-group-process-end {
+            width: 100px;
+            border-radius: 20px;
+            height: 40px;
+            background: #bcddff;
+            border: 1px #79c8ff solid;
+            font-size: 12px;
+            color: #000;
+            text-align: center;
+            line-height: 40px;
+            font-weight: 600;
+            float: inline-end;
+            margin-top: 20px;
+        }
+
+        .flow-group-process-end-left {
+            float: inline-start;
+        }
+
+        .flow-group-process-end-one {
+            margin-top: 0;
+            margin-right: 17px;
+        }
+
+        .flow-group-process-arrow {
+            width: 100px;
+            height: 1px;
+            background: #c1c1c1;
+            margin-right: 8px;
+        }
+
+        .flow-group-process-arrow::after {
+            content: "";
+            display: inline-block;
+            position: relative;
+            left: 100px;
+            top: -7px;
+            border-left: 8px solid #c1c1c1;
+            border-top: 4px solid transparent;
+            border-bottom: 4px solid transparent;
+        }
+
+        .flow-group-process-arrow-one {
+            width: 30px;
+            height: 1px;
+            background: #c1c1c1;
+            margin-right: 8px;
+            transform: rotate(90deg);
+            right: 44px;
+            position: absolute;
+            bottom: -16px;
+
+        }
+
+        .flow-group-process-arrow-one::after {
+            content: "";
+            display: inline-block;
+            position: relative;
+            left: 30px;
+            top: -7px;
+            border-left: 8px solid #c1c1c1;
+            border-top: 4px solid transparent;
+            border-bottom: 4px solid transparent;
+        }
+
+        .flow-group-process-arrow-left {
+            width: 100px;
+            height: 1px;
+            background: #c1c1c1;
+            margin-right: 0;
+            margin-left: 8px;
+        }
+
+        .flow-group-process-arrow-left::after {
+            content: "";
+            display: inline-block;
+            position: relative;
+            left: -8px;
+            top: -7px;
+            border-right: 8px solid #c1c1c1;
+            border-left: none;
+            border-top: 4px solid transparent;
+            border-bottom: 4px solid transparent;
+        }
+
+        .flow-group-process-box {
+            display: flex;
+            align-items: center;
+            float: inline-start;
+            position: relative;
+            margin-bottom: 40px;
+        }
+
+        .flow-group-process-box-one {
+            float: inline-end;
+        }
+
+        .flow-group-process-content {
+            min-height: 80px;
+            width: 140px;
+            background: #bcddff;
+            border: 1px #79c8ff solid;
+            font-size: 12px;
+            color: #000;
+            text-align: center;
+            padding: 0 6px;
+            box-sizing: border-box;
+            font-weight: 600;
+
+            .flow-group-process-content-top {
+                width: 100%;
+                height: 40px;
+                line-height: 40px;
+                font-size: 12px;
+            }
+
+            .flow-group-process-content-bottom {
+                width: 100%;
+                font-size: 12px;
+                line-height: 1.4;
+                word-break: break-all;
+                text-overflow: ellipsis;
+                display: -webkit-box;
+                -webkit-box-orient: vertical;
+                -webkit-line-clamp: 2; /* 超出几行省略 */
+                overflow: hidden;
+            }
+
+            .flow-group-process-arrow-dis {
+                margin-left: 200px;
+            }
+        }
+
+        .flow-group-process-content-dis {
+            margin-left: 208px;
+        }
+    }
+</style>
diff --git a/src/pages/processCenter/pages/creatProcess/bzzqyj/step1-9.vue b/src/pages/processCenter/pages/creatProcess/bzzqyj/step1-9.vue
index 39e2ce387..b6108727c 100644
--- a/src/pages/processCenter/pages/creatProcess/bzzqyj/step1-9.vue
+++ b/src/pages/processCenter/pages/creatProcess/bzzqyj/step1-9.vue
@@ -171,61 +171,66 @@
       </div>
     </div>
     <div class="content" v-show="active === '2'">
-      <el-table
-        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
-          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>
-      <loading :loading="loading">数据获取中</loading>
+      <processNodeInformation
+              :prcId="this.$route.query.prcId"
+              :prcType="this.$route.query.prcType"
+              :prcNum="this.$route.query.prcNum"
+      />
+<!--      <el-table-->
+<!--        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-->
+<!--          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>-->
+<!--      <loading :loading="loading">数据获取中</loading>-->
     </div>
     <el-dialog
             title="查看修改前内容"
@@ -384,7 +389,7 @@ export default {
     }
   },
   mounted () {
-    this.getHistoryData()
+    // this.getHistoryData()
     this.getData()
   }
 }
diff --git a/src/pages/processCenter/pages/creatProcess/bzzqyj/step2.vue b/src/pages/processCenter/pages/creatProcess/bzzqyj/step2.vue
index 36c8d6fb8..ef0c6e469 100644
--- a/src/pages/processCenter/pages/creatProcess/bzzqyj/step2.vue
+++ b/src/pages/processCenter/pages/creatProcess/bzzqyj/step2.vue
@@ -116,67 +116,72 @@
       <!--</el-collapse>-->
     </div>
     <div class="content" v-show="active === '2'">
-      <el-table
-        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>
-      <loading :loading="loading">数据获取中</loading>
+      <processNodeInformation
+              :prcId="this.$route.query.prcId"
+              :prcType="this.$route.query.prcType"
+              :prcNum="this.$route.query.prcNum"
+      />
+<!--      <el-table-->
+<!--        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>-->
+<!--      <loading :loading="loading">数据获取中</loading>-->
     </div>
     <ProcessFooter
       show-submit
@@ -432,7 +437,7 @@ export default {
     }
   },
   mounted() {
-    this.getHistoryData();
+    // this.getHistoryData();
     this.getData();
   }
 };
diff --git a/src/pages/processCenter/pages/creatProcess/bzzqyj/step3.vue b/src/pages/processCenter/pages/creatProcess/bzzqyj/step3.vue
index ddda7b3b8..10b56c304 100644
--- a/src/pages/processCenter/pages/creatProcess/bzzqyj/step3.vue
+++ b/src/pages/processCenter/pages/creatProcess/bzzqyj/step3.vue
@@ -196,66 +196,71 @@
             <!--</el-collapse>-->
         </div>
         <div class="content" v-show="active === '2'">
-            <el-table
-                    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>
+            <processNodeInformation
+                    :prcId="this.$route.query.prcId"
+                    :prcType="this.$route.query.prcType"
+                    :prcNum="this.$route.query.prcNum"
+            />
+<!--            <el-table-->
+<!--                    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>
         <ProcessFooter
                 :show-submit="submitShow"
@@ -762,7 +767,7 @@
                   this.data.push(form)
               }
             })
-            this.getHistoryData()
+            // this.getHistoryData()
             this.getData()
         },
     }
diff --git a/src/pages/processCenter/pages/creatProcess/bzzqyj/step4-1.vue b/src/pages/processCenter/pages/creatProcess/bzzqyj/step4-1.vue
index 03612016c..a4bf9abf0 100644
--- a/src/pages/processCenter/pages/creatProcess/bzzqyj/step4-1.vue
+++ b/src/pages/processCenter/pages/creatProcess/bzzqyj/step4-1.vue
@@ -175,66 +175,71 @@
             <!--</el-collapse>-->
         </div>
         <div class="content" v-show="active === '2'">
-            <el-table
-                    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>
+            <processNodeInformation
+                    :prcId="this.$route.query.prcId"
+                    :prcType="this.$route.query.prcType"
+                    :prcNum="this.$route.query.prcNum"
+            />
+<!--            <el-table-->
+<!--                    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>
         <ProcessFooter
                 show-submit
@@ -503,7 +508,7 @@
             },
         },
         mounted() {
-            this.getHistoryData()
+            // this.getHistoryData()
             this.getData()
         }
     }
diff --git a/src/pages/processCenter/pages/creatProcess/bzzqyj/step4-2.vue b/src/pages/processCenter/pages/creatProcess/bzzqyj/step4-2.vue
index e1a0b388a..c879ae12a 100644
--- a/src/pages/processCenter/pages/creatProcess/bzzqyj/step4-2.vue
+++ b/src/pages/processCenter/pages/creatProcess/bzzqyj/step4-2.vue
@@ -167,66 +167,71 @@
             <!--</el-collapse>-->
         </div>
         <div class="content" v-show="active === '2'">
-            <el-table
-                    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>
+            <processNodeInformation
+                    :prcId="this.$route.query.prcId"
+                    :prcType="this.$route.query.prcType"
+                    :prcNum="this.$route.query.prcNum"
+            />
+<!--            <el-table-->
+<!--                    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>
         <ProcessFooter
                 show-submit
@@ -486,7 +491,7 @@
             },
         },
         mounted() {
-            this.getHistoryData()
+            // this.getHistoryData()
             this.getData()
         }
     }
diff --git a/src/pages/processCenter/pages/creatProcess/bzzqyj/step4.vue b/src/pages/processCenter/pages/creatProcess/bzzqyj/step4.vue
index 4f4e05ffd..06927638d 100644
--- a/src/pages/processCenter/pages/creatProcess/bzzqyj/step4.vue
+++ b/src/pages/processCenter/pages/creatProcess/bzzqyj/step4.vue
@@ -202,66 +202,71 @@
       <!--</el-collapse>-->
     </div>
     <div class="content" v-show="active === '2'">
-      <el-table
-        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>
+      <processNodeInformation
+              :prcId="this.$route.query.prcId"
+              :prcType="this.$route.query.prcType"
+              :prcNum="this.$route.query.prcNum"
+      />
+<!--      <el-table-->
+<!--        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>
       <ProcessFooter
               show-submit
@@ -772,7 +777,7 @@ export default {
     },
   },
   mounted() {
-    this.getHistoryData()
+    // this.getHistoryData()
     this.getData()
     window.addEventListener("storage", ev => {
       if(ev.key === 'freshClueNum'){
diff --git a/src/pages/processCenter/pages/creatProcess/bzzqyj/step5-1.vue b/src/pages/processCenter/pages/creatProcess/bzzqyj/step5-1.vue
index 92e436032..b2717126e 100644
--- a/src/pages/processCenter/pages/creatProcess/bzzqyj/step5-1.vue
+++ b/src/pages/processCenter/pages/creatProcess/bzzqyj/step5-1.vue
@@ -217,68 +217,73 @@
       <!--</el-collapse>-->
     </div>
     <div class="content" v-show="active === '2'">
-      <el-table
-          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>
+      <processNodeInformation
+              :prcId="this.$route.query.prcId"
+              :prcType="this.$route.query.prcType"
+              :prcNum="this.$route.query.prcNum"
+      />
+<!--      <el-table-->
+<!--          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>
-      <loading :loading="loading">数据获取中</loading>
+<!--        <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>-->
+<!--      <loading :loading="loading">数据获取中</loading>-->
     </div>
     <ProcessFooter
         v-show="!disabledXX"
@@ -762,7 +767,7 @@ export default {
     }
   },
   mounted() {
-    this.getHistoryData();
+    // this.getHistoryData();
     this.getData();
   }
 };
diff --git a/src/pages/processCenter/pages/creatProcess/bzzqyj/step5.vue b/src/pages/processCenter/pages/creatProcess/bzzqyj/step5.vue
index 354d2fab1..d06fc84c6 100644
--- a/src/pages/processCenter/pages/creatProcess/bzzqyj/step5.vue
+++ b/src/pages/processCenter/pages/creatProcess/bzzqyj/step5.vue
@@ -212,66 +212,71 @@
       <!--</el-collapse>-->
     </div>
     <div class="content" v-show="active === '2'">
-      <el-table
-              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>
+      <processNodeInformation
+              :prcId="this.$route.query.prcId"
+              :prcType="this.$route.query.prcType"
+              :prcNum="this.$route.query.prcNum"
+      />
+<!--      <el-table-->
+<!--              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>
     <ProcessFooter
             show-submit
@@ -740,7 +745,7 @@
       }
     },
     mounted() {
-      this.getHistoryData();
+      // this.getHistoryData();
       this.getData();
     }
   };
diff --git a/src/pages/processCenter/pages/creatProcess/bzzqyj/step6.vue b/src/pages/processCenter/pages/creatProcess/bzzqyj/step6.vue
index bc70d39d1..05c68eaa0 100644
--- a/src/pages/processCenter/pages/creatProcess/bzzqyj/step6.vue
+++ b/src/pages/processCenter/pages/creatProcess/bzzqyj/step6.vue
@@ -205,66 +205,71 @@
       <!--</el-collapse>-->
     </div>
     <div class="content" v-show="active === '2'">
-      <el-table
-              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>
+      <processNodeInformation
+              :prcId="this.$route.query.prcId"
+              :prcType="this.$route.query.prcType"
+              :prcNum="this.$route.query.prcNum"
+      />
+<!--      <el-table-->
+<!--              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>
     <ProcessFooter
             show-submit
@@ -600,7 +605,7 @@
       }
     },
     mounted() {
-      this.getHistoryData();
+      // this.getHistoryData();
       this.getData();
     }
   };
diff --git a/src/pages/processCenter/pages/creatProcess/bzzqyj/step7.vue b/src/pages/processCenter/pages/creatProcess/bzzqyj/step7.vue
index f96f8536b..e86070e29 100644
--- a/src/pages/processCenter/pages/creatProcess/bzzqyj/step7.vue
+++ b/src/pages/processCenter/pages/creatProcess/bzzqyj/step7.vue
@@ -197,66 +197,71 @@
       <!--</el-collapse>-->
     </div>
     <div class="content" v-show="active === '2'">
-      <el-table
-        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>
+      <processNodeInformation
+              :prcId="this.$route.query.prcId"
+              :prcType="this.$route.query.prcType"
+              :prcNum="this.$route.query.prcNum"
+      />
+<!--      <el-table-->
+<!--        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>
     <ProcessFooter
       show-submit
@@ -548,7 +553,7 @@ export default {
     },
   },
   mounted() {
-    this.getHistoryData()
+    // this.getHistoryData()
     this.getData()
   }
 }
diff --git a/src/pages/processCenter/pages/creatProcess/bzzqyj/step8.vue b/src/pages/processCenter/pages/creatProcess/bzzqyj/step8.vue
index 97c5172c4..4e5479967 100644
--- a/src/pages/processCenter/pages/creatProcess/bzzqyj/step8.vue
+++ b/src/pages/processCenter/pages/creatProcess/bzzqyj/step8.vue
@@ -197,66 +197,71 @@
       <!--</el-collapse>-->
     </div>
     <div class="content" v-show="active === '2'">
-      <el-table
-        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>
+      <processNodeInformation
+              :prcId="this.$route.query.prcId"
+              :prcType="this.$route.query.prcType"
+              :prcNum="this.$route.query.prcNum"
+      />
+<!--      <el-table-->
+<!--        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>
     <ProcessFooter
       show-submit
@@ -550,7 +555,7 @@ export default {
     },
   },
   mounted() {
-    this.getHistoryData()
+    // this.getHistoryData()
     this.getData()
   }
 }
diff --git a/src/pages/processCenter/pages/creatProcess/bzzqyj/step9.vue b/src/pages/processCenter/pages/creatProcess/bzzqyj/step9.vue
index eabacb510..d5860bcf9 100644
--- a/src/pages/processCenter/pages/creatProcess/bzzqyj/step9.vue
+++ b/src/pages/processCenter/pages/creatProcess/bzzqyj/step9.vue
@@ -196,66 +196,71 @@
       <!--</el-collapse>-->
     </div>
     <div class="content" v-show="active === '2'">
-      <el-table
-        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>
+      <processNodeInformation
+              :prcId="this.$route.query.prcId"
+              :prcType="this.$route.query.prcType"
+              :prcNum="this.$route.query.prcNum"
+      />
+<!--      <el-table-->
+<!--        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>
     <ProcessFooter
       show-submit
@@ -548,7 +553,7 @@ export default {
     }
   },
   mounted() {
-    this.getHistoryData();
+    // this.getHistoryData();
     this.getData();
   }
 };
diff --git a/src/pages/processCenter/pages/processDetail/index.vue b/src/pages/processCenter/pages/processDetail/index.vue
index 5df36a19c..b75a15916 100644
--- a/src/pages/processCenter/pages/processDetail/index.vue
+++ b/src/pages/processCenter/pages/processDetail/index.vue
@@ -1422,7 +1422,6 @@
                         flowType: this.$route.query.flowType,
                     }
                 } else {
-                    console.log(11111);
                     url = 'lawss/activiti/get_list_by_instance'
                     query = {
                         prcNum: this.$route.query.prcNum,
diff --git a/src/pages/processCenter/pages/processList/tabComponents/processCenter/index.vue b/src/pages/processCenter/pages/processList/tabComponents/processCenter/index.vue
index f7b3add7b..c83831cf5 100644
--- a/src/pages/processCenter/pages/processList/tabComponents/processCenter/index.vue
+++ b/src/pages/processCenter/pages/processList/tabComponents/processCenter/index.vue
@@ -937,6 +937,15 @@ export default {
           }
           break;
         case '3':
+          let oldAndNew = ''
+          const currentDate = new Date('2024-01-25 23:59:59').getTime();
+          const date = new Date(row.creatTime);
+          const timestamp = date.getTime();
+          if (currentDate > timestamp){
+            oldAndNew = 'old'
+          }else{
+            oldAndNew = 'new'
+          }
           if (row.taskInfo === '任务分发') {
             routeUrl = this.$router.resolve({
               name: 'bzzqyjStep2',
@@ -945,7 +954,8 @@ export default {
                 prcId: row.prcId,
                 prcNum: row.prcNum,
                 prcName: row.prcName,
-                prcType: row.prcType
+                prcType: row.prcType,
+                oldAndNew: oldAndNew
               }
             })
           } else if (row.taskInfo === '意见反馈') {
@@ -956,7 +966,8 @@ export default {
                 prcId: row.prcId,
                 prcNum: row.prcNum,
                 prcName: row.prcName,
-                prcType: row.prcType
+                prcType: row.prcType,
+                oldAndNew: oldAndNew
               }
             })
           } else if (row.taskInfo === '意见汇总报批') {
@@ -967,7 +978,8 @@ export default {
                 prcId: row.prcId,
                 prcNum: row.prcNum,
                 prcName: row.prcName,
-                prcType: row.prcType
+                prcType: row.prcType,
+                oldAndNew: oldAndNew
               }
             })
           } else if (row.taskInfo === '意见审批') {
@@ -978,7 +990,8 @@ export default {
                 prcId: row.prcId,
                 prcNum: row.prcNum,
                 prcName: row.prcName,
-                prcType: row.prcType
+                prcType: row.prcType,
+                oldAndNew: oldAndNew
               }
             })
           } else if (row.taskInfo === '管理员') {
@@ -989,7 +1002,8 @@ export default {
                 prcId: row.prcId,
                 prcNum: row.prcNum,
                 prcName: row.prcName,
-                prcType: row.prcType
+                prcType: row.prcType,
+                oldAndNew: oldAndNew
               }
             })
           } else if (row.taskInfo === '意见处理') {
@@ -1000,7 +1014,8 @@ export default {
                 prcId: row.prcId,
                 prcNum: row.prcNum,
                 prcName: row.prcName,
-                prcType: row.prcType
+                prcType: row.prcType,
+                oldAndNew: oldAndNew
               }
             })
           } else if (row.taskInfo === '会签') {
@@ -1011,7 +1026,8 @@ export default {
                 prcId: row.prcId,
                 prcNum: row.prcNum,
                 prcName: row.prcName,
-                prcType: row.prcType
+                prcType: row.prcType,
+                oldAndNew: oldAndNew
               }
             })
           } else if (row.taskInfo === '审核') {
@@ -1022,7 +1038,8 @@ export default {
                 prcId: row.prcId,
                 prcNum: row.prcNum,
                 prcName: row.prcName,
-                prcType: row.prcType
+                prcType: row.prcType,
+                oldAndNew: oldAndNew
               }
             })
           } else if (row.taskInfo === '审定' ) {
@@ -1033,7 +1050,8 @@ export default {
                 prcId: row.prcId,
                 prcNum: row.prcNum,
                 prcName: row.prcName,
-                prcType: row.prcType
+                prcType: row.prcType,
+                oldAndNew: oldAndNew
               }
             })
           } else if (row.taskInfo === '批准') {
@@ -1044,7 +1062,8 @@ export default {
                 prcId: row.prcId,
                 prcNum: row.prcNum,
                 prcName: row.prcName,
-                prcType: row.prcType
+                prcType: row.prcType,
+                oldAndNew: oldAndNew
               }
             })
           }